/* Friendly links directory: warm editorial visual language. */
.qm-links-page-main { --qm-links-coral: #f26b4e; --qm-links-peach: #ffb09d; --qm-links-ink: #1a1a1a; --qm-links-muted: #666666; --qm-links-line: rgba(105, 82, 77, .11); background: #fffaf8; padding: 0 0 4.5rem; overflow: hidden; }
.qm-links-shell { width: min(1400px, calc(100% - 3rem)); margin-inline: auto; }
.qm-links-hero { position: relative; min-height: 492px; overflow: hidden; background: radial-gradient(circle at 65% 47%, rgba(255, 181, 160, .52), transparent 24%), radial-gradient(circle at 92% 70%, rgba(255, 208, 174, .46), transparent 30%), linear-gradient(112deg, #fff9f8 9%, #fff5f2 53%, #fff0ea); }
.qm-links-hero::before, .qm-links-hero::after { position: absolute; content: ''; width: 52vw; height: 52vw; border: 1px solid rgba(255,255,255,.64); border-radius: 46% 54% 60% 40%; transform: rotate(-36deg); pointer-events: none; }
.qm-links-hero::before { top: -35vw; right: -14vw; }.qm-links-hero::after { right: 16vw; bottom: -47vw; }
.qm-links-hero__inner { position: relative; min-height: 492px; display: flex; align-items: center; padding: 3rem 8.4%; }
.qm-links-hero__copy { position: relative; z-index: 2; }.qm-links-eyebrow { margin: 0 0 .85rem; color: var(--qm-primary); font-size: .7rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }.qm-links-eyebrow i { color: var(--qm-links-coral); margin-right: .35rem; }
.qm-links-hero h1 { margin: 0; color: var(--qm-links-ink); font-size: clamp(2.7rem, 4vw, 4.35rem); font-weight: 800; letter-spacing: 0; line-height: 1.14; }.qm-links-hero h1 span { color: var(--qm-links-coral); }.qm-links-hero__intro { margin: 1.15rem 0 0; color: var(--qm-color-text-secondary); font-size: 1rem; line-height: 1.8; }
.qm-links-hero__actions { display: flex; gap: .8rem; margin-top: 1.7rem; }.qm-links-button { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; min-height: 45px; padding: 0 1.25rem; border: 1px solid transparent; border-radius: var(--qm-radius-pill); font-size: .86rem; font-weight: 700; transition: transform var(--qm-duration-fast) ease, background-color var(--qm-duration-fast) ease, border-color var(--qm-duration-fast) ease; }.qm-links-button:hover { transform: translateY(-2px); }.qm-links-button--primary { color: #fff; background: #232429; box-shadow: var(--qm-shadow-lg); }.qm-links-button--primary:hover { color: #fff; background: var(--qm-links-coral); }.qm-links-button--quiet { color: var(--qm-color-text); background: rgba(255,255,255,.72); border-color: rgba(99, 78, 74, .08); }.qm-links-button--quiet:hover { color: var(--qm-links-coral); border-color: rgba(242,107,78,.2); }
.qm-links-community { display: flex; align-items: center; gap: .8rem; margin-top: 2.5rem; }.qm-links-community__faces { display: flex; align-items: center; padding-left: 0; isolation: isolate; }.qm-links-community__avatar { width: 32px; height: 32px; display: block; margin-left: -10px; border: 2px solid #fff7f5; border-radius: var(--qm-radius-circle); background: #f2e7e3; object-fit: cover; }.qm-links-community__avatar:first-child { margin-left: 0; }.qm-links-community__avatar:nth-child(1) { position: relative; z-index: 4; }.qm-links-community__avatar:nth-child(2) { position: relative; z-index: 3; }.qm-links-community__avatar:nth-child(3) { position: relative; z-index: 2; }.qm-links-community__avatar:nth-child(4) { position: relative; z-index: 1; }.qm-links-community p { margin: 0; color: var(--qm-color-text-secondary); font-size: .76rem; line-height: 1.65; }
.qm-links-hero__art { position: absolute; z-index: 1; top: 50%; right: 5%; width: min(51vw, 695px); height: 405px; transform: translateY(-49%); }.qm-links-hero__art::before { position: absolute; inset: 30px 45px 20px; content: ''; border-radius: var(--qm-radius-circle); background: radial-gradient(ellipse, rgba(255,255,255,.8) 0, rgba(255,230,219,.3) 38%, transparent 69%); filter: blur(4px); }.qm-links-orbit { position: absolute; border: 1px solid rgba(255,255,255,.8); border-radius: var(--qm-radius-circle); transform: rotate(-19deg); }.qm-links-orbit--one { width: 650px; height: 157px; left: 5px; top: 194px; border-color: rgba(255,255,255,.9); }.qm-links-orbit--two { width: 590px; height: 184px; left: 48px; top: 165px; transform: rotate(13deg); border-color: rgba(255,255,255,.58); }.qm-links-orbit--three { width: 500px; height: 600px; left: 110px; top: -88px; transform: rotate(42deg); border-color: rgba(255,255,255,.6); }
.qm-links-chain { position: absolute; z-index: 2; left: 42%; top: 27px; width: 306px; height: 275px; transform: rotate(-24deg); filter: drop-shadow(0 29px 20px rgba(211,82,51,.23)); }.qm-links-chain span { position: absolute; width: 140px; height: 230px; border: 24px solid #f47855; border-radius: 49%; background: linear-gradient(145deg, rgba(255,255,255,.2), transparent 34%); box-shadow: inset 7px 5px 7px rgba(255,242,236,.78), inset -11px -12px 18px rgba(171,52,31,.25), 0 0 0 5px rgba(255,255,255,.56), 0 10px 13px rgba(204,78,51,.1); }.qm-links-chain span::after { position: absolute; inset: 7px; content: ''; border: 2px solid rgba(255,255,255,.83); border-radius: inherit; }.qm-links-chain span:first-child { left: 8px; top: 59px; }.qm-links-chain span:last-child { top: -13px; right: 15px; border-color: rgba(255,255,255,.86); background: linear-gradient(145deg, rgba(255,255,255,.92), rgba(255,235,228,.43) 55%, rgba(242,119,83,.24)); box-shadow: inset 8px 5px 9px rgba(255,255,255,.98), inset -14px -11px 20px rgba(235,104,67,.25), 0 0 0 4px rgba(255,145,111,.5), 0 12px 14px rgba(204,78,51,.08); }.qm-links-chain span:last-child::before { position: absolute; left: -28px; top: 48px; width: 170px; height: 73px; content: ''; border-radius: var(--qm-radius-circle); background: linear-gradient(90deg, rgba(255,255,255,.96), rgba(255,255,255,.08)); transform: rotate(-33deg); opacity: .55; filter: blur(8px); }
.qm-links-pedestal { position: absolute; z-index: 1; left: 29%; bottom: 11px; width: 364px; height: 72px; border: 1px solid rgba(255,255,255,.85); border-radius: var(--qm-radius-circle); background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,204,183,.44)); box-shadow: var(--qm-shadow-brand); }.qm-links-pedestal::before { position: absolute; inset: 9px 47px 18px; content: ''; border-radius: var(--qm-radius-circle); background: linear-gradient(180deg, #fff, #ffd1c0); }.qm-links-pedestal i { position: absolute; z-index: 1; inset: 17px 67px 26px; border-radius: var(--qm-radius-circle); background: #fff8f5; }.qm-links-pedestal b { position: absolute; z-index: 2; left: 28px; right: 28px; bottom: -22px; height: 29px; border: 1px solid rgba(255,255,255,.55); border-radius: var(--qm-radius-circle); background: rgba(255,222,209,.42); }
.qm-links-art-badge { position: absolute; z-index: 3; display: grid; width: 58px; height: 58px; place-items: center; border: 1px solid rgba(255,255,255,.78); border-radius: var(--qm-radius-circle); background: rgba(255,255,255,.86); box-shadow: var(--qm-shadow-brand); }.qm-links-art-badge--heart { left: 25%; top: 105px; color: var(--qm-primary-light); }.qm-links-art-badge--star { right: 1%; top: 222px; color: var(--qm-primary-light); }.qm-links-spark { position: absolute; z-index: 3; width: 7px; height: 7px; border-radius: var(--qm-radius-circle); background: #fffdf2; box-shadow: 0 0 13px 5px rgba(255,244,188,.8); }.qm-links-spark--one { left: 15%; bottom: 107px; }.qm-links-spark--two { right: 13%; top: 80px; }.qm-links-spark--three { right: 29%; bottom: 61px; width: 4px; height: 4px; }
.qm-links-directory { margin-top: 0; padding: 1.6rem; border: 1px solid rgba(126,97,90,.09); border-radius: var(--qm-global-card-radius); background: rgba(255,255,255,.72); box-shadow: var(--qm-shadow-xl); }.qm-links-directory__toolbar { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }.qm-links-directory__title h2 { margin: 0; color: var(--qm-links-ink); font-size: 1.16rem; font-weight: 800; }.qm-links-directory__title h2 i { color: var(--qm-links-coral); margin-right: .45rem; }.qm-links-directory__title small { display: inline-grid; min-width: 25px; height: 21px; padding: 0 .38rem; place-items: center; vertical-align: 2px; color: var(--qm-links-coral); border-radius: var(--qm-radius-pill); background: #fff0ec; font-size: .68rem; }.qm-links-directory__controls { display: flex; gap: .75rem; }.qm-links-search { position: relative; width: 270px; }.qm-links-search input, .qm-links-sort select { width: 100%; height: 38px; color: var(--qm-color-text-secondary); border: 1px solid rgba(135,107,99,.08); border-radius: var(--qm-radius-pill); background: rgba(255,255,255,.76); font-size: .75rem; outline: none; }.qm-links-search input { padding: 0 2.2rem 0 1rem; }.qm-links-search input:focus, .qm-links-sort select:focus { border-color: rgba(242,107,78,.45); box-shadow: 0 0 0 3px rgba(242,107,78,.1); }.qm-links-search i { position: absolute; top: 50%; right: .9rem; color: #b1b1b4; font-size: .76rem; transform: translateY(-50%); pointer-events: none; }.qm-links-sort { width: 144px; }.qm-links-sort select { padding: 0 1rem; cursor: pointer; appearance: auto; }
.qm-links-filters { display: flex; gap: .42rem; padding-top: 1.15rem; }.qm-links-filters button { min-height: 31px; padding: 0 .72rem; color: var(--qm-color-text-secondary); border: 0; border-radius: var(--qm-radius-pill); background: transparent; font-size: .77rem; font-weight: 600; cursor: pointer; transition: color var(--qm-duration-fast) ease, background-color var(--qm-duration-fast) ease; }.qm-links-filters button:hover { color: var(--qm-links-coral); }.qm-links-filters button.is-active { color: var(--qm-links-coral); background: #fff0ec; }
.qm-links-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: .9rem; padding-top: 1rem; }.qm-link-card { min-width: 0; border: 1px solid rgba(123,97,91,.1); border-radius: var(--qm-global-card-radius); background: rgba(255,255,255,.75); transition: transform var(--qm-duration-fast) ease, box-shadow var(--qm-duration-fast) ease, border-color var(--qm-duration-fast) ease; }.qm-link-card:hover, .qm-link-card:focus-within { border-color: rgba(242,107,78,.28); box-shadow: var(--qm-shadow-brand); transform: translateY(-3px); }.qm-link-card[hidden] { display: none; }.qm-link-card__body { position: relative; display: flex; min-height: 118px; padding: 1rem; color: inherit; }.qm-link-card__logo { flex: 0 0 51px; width: 51px; height: 51px; display: grid; place-items: center; margin-right: .82rem; overflow: hidden; border-radius: var(--qm-radius-circle); color: #fff; font-size: 1rem; font-weight: 800; }.qm-link-card__logo img { width: 100%; height: 100%; object-fit: contain; background: #fff; }.qm-link-card__logo--violet { color: #9d7ae9; background: #f2eafa; }.qm-link-card__logo--ink, .qm-link-card__logo--navy { background: #252935; }.qm-link-card__logo--coral, .qm-link-card__logo--sunset { background: linear-gradient(135deg, #fa8d7b, #f15e54); }.qm-link-card__logo--mint { background: #52d3ad; }.qm-link-card__logo--slate { color: var(--qm-color-text); background: #f0f0ee; }.qm-link-card__logo--sage { background: #8e9991; }.qm-link-card__logo--dawn { background: linear-gradient(150deg, #bf92ac, #fa8457 60%, #2d3147); }.qm-link-card__logo--stone { background: #aa9a88; }.qm-link-card__logo--orange { background: #fb845d; }.qm-link-card__content { min-width: 0; padding-right: 1.1rem; }.qm-link-card__content strong, .qm-link-card__content em, .qm-link-card__content small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.qm-link-card__content strong { margin-top: .05rem; color: var(--qm-color-text); font-size: .93rem; font-weight: 800; }.qm-link-card__content em { margin-top: .28rem; color: #666666; font-size: .74rem; font-style: normal; }.qm-link-card__content small { width: max-content; max-width: 100%; margin-top: .45rem; padding: .14rem .5rem; color: #9a9a9d; border-radius: var(--qm-radius-pill); background: #f7f5f4; font-size: .64rem; }.qm-link-card__visit { position: absolute; top: 1rem; right: 1rem; color: var(--qm-color-text-secondary); font-size: .78rem; }.qm-link-card:hover .qm-link-card__visit { color: var(--qm-links-coral); }.qm-links-empty { margin: 1.4rem 0 .25rem; color: #666666; text-align: center; font-size: .82rem; }
.qm-links-apply { display: flex; align-items: center; justify-content: space-between; gap: 2.5rem; margin-top: 1rem; padding: 2rem 2.3rem; overflow: hidden; border: 1px solid rgba(242,107,78,.14); border-radius: var(--qm-global-card-radius); background: linear-gradient(110deg, #fff6f3, #ffebe4); }.qm-links-apply h2 { margin: 0; color: var(--qm-links-ink); font-size: 1.35rem; }.qm-links-apply > div > p:last-child { margin: .45rem 0 0; color: var(--qm-color-text-secondary); font-size: .8rem; }.qm-links-form { position: relative; display: flex; flex: 0 1 485px; gap: .65rem; }.qm-links-form input { min-width: 0; flex: 1; height: 43px; padding: 0 1rem; color: var(--qm-color-text); border: 1px solid rgba(126,97,90,.13); border-radius: var(--qm-radius-pill); background: rgba(255,255,255,.86); outline: none; font-size: .8rem; }.qm-links-form input:focus { border-color: var(--qm-links-peach); box-shadow: 0 0 0 3px rgba(242,107,78,.1); }.qm-links-form button { flex: 0 0 auto; height: 43px; padding: 0 1.05rem; color: #fff; border: 0; border-radius: var(--qm-radius-pill); background: var(--qm-links-coral); font-size: .79rem; font-weight: 700; cursor: pointer; }.qm-links-form button:hover { background: #df563d; }.qm-links-form__status { position: absolute; top: calc(100% + .35rem); left: .9rem; margin: 0; color: var(--qm-color-text-secondary); font-size: .69rem; }.qm-links-form__status.is-error { color: var(--qm-primary); }
.qm-links-modal-open { overflow: hidden; }.qm-links-apply-modal { position: fixed; z-index: 10050; inset: 0; display: grid; place-items: center; padding: 1rem; }.qm-links-apply-modal[hidden] { display: none; }.qm-links-apply-modal__backdrop { position: absolute; inset: 0; background: rgba(43, 36, 35, .48); backdrop-filter: blur(5px); }.qm-links-apply-modal__dialog { position: relative; width: min(680px, 100%); max-height: calc(100vh - 2rem); overflow: auto; border: 1px solid rgba(242,107,78,.17); border-radius: var(--qm-radius-size-3); background: #fffaf8; box-shadow: var(--qm-shadow-2xl); animation: qm-links-modal-in var(--qm-duration-fast) ease-out; }.qm-links-apply-modal__header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; padding: 1.65rem 1.7rem 1.1rem; border-bottom: 1px solid rgba(126,97,90,.1); }.qm-links-apply-modal__header h2 { margin: 0; color: var(--qm-links-ink); font-size: 1.35rem; }.qm-links-apply-modal__header p { margin: .42rem 0 0; color: var(--qm-color-text-secondary); font-size: .79rem; }.qm-links-apply-modal__close { flex: 0 0 33px; width: 33px; height: 33px; display: grid; place-items: center; color: var(--qm-color-text-secondary); border: 0; border-radius: var(--qm-radius-circle); background: #f7efed; cursor: pointer; }.qm-links-apply-modal__close:hover { color: #fff; background: var(--qm-links-coral); }.qm-links-apply-modal__form { padding: 1.25rem 1.7rem 1.55rem; }.qm-links-apply-modal__form label { display: block; margin: 0 0 1rem; }.qm-links-apply-modal__form label > span { display: block; margin-bottom: .42rem; color: var(--qm-color-text-secondary); font-size: .78rem; font-weight: 700; }.qm-links-apply-modal__form label > span b { color: var(--qm-links-coral); }.qm-links-apply-modal__form input:not([type="file"]), .qm-links-apply-modal__form textarea { width: 100%; color: var(--qm-color-text); border: 1px solid rgba(126,97,90,.15); border-radius: var(--qm-radius-size-1); background: #fff; outline: none; font: inherit; font-size: .8rem; }.qm-links-apply-modal__form input:not([type="file"]) { height: 41px; padding: 0 .8rem; }.qm-links-apply-modal__form textarea { display: block; resize: vertical; padding: .7rem .8rem; line-height: 1.55; }.qm-links-apply-modal__form input:focus, .qm-links-apply-modal__form textarea:focus { border-color: var(--qm-links-peach); box-shadow: 0 0 0 3px rgba(242,107,78,.1); }.qm-links-apply-modal__form input[type="file"] { width: 100%; color: var(--qm-color-text-secondary); font-size: .75rem; }.qm-links-apply-modal__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1rem; }.qm-links-apply-modal__grid--secondary { gap: 0 1rem; }.qm-links-apply-modal__status { min-height: 1.15rem; margin: -.2rem 0 .85rem; color: var(--qm-color-text-secondary); font-size: .75rem; }.qm-links-apply-modal__status.is-error { color: var(--qm-primary); }.qm-links-apply-modal__footer { display: flex; justify-content: flex-end; gap: .65rem; }.qm-links-apply-modal__cancel, .qm-links-apply-modal__submit { min-height: 40px; padding: 0 1.05rem; border-radius: var(--qm-radius-pill); font-size: .79rem; font-weight: 700; cursor: pointer; }.qm-links-apply-modal__cancel { color: var(--qm-color-text-secondary); border: 1px solid rgba(126,97,90,.15); background: #fff; }.qm-links-apply-modal__submit { color: #fff; border: 0; background: var(--qm-links-coral); }.qm-links-apply-modal__submit:hover { background: #df563d; }.qm-links-apply-modal__submit:disabled { opacity: .65; cursor: wait; }@keyframes qm-links-modal-in { from { opacity: 0; transform: translateY(12px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
.qm-links-apply-modal__form select { width: 100%; height: 41px; padding: 0 .8rem; color: var(--qm-color-text); border: 1px solid rgba(126,97,90,.15); border-radius: var(--qm-radius-size-1); background: #fff; outline: none; font: inherit; font-size: .8rem; }.qm-links-apply-modal__form select:focus { border-color: var(--qm-links-peach); box-shadow: 0 0 0 3px rgba(242,107,78,.1); }
button.qm-links-apply-modal__submit { color: #fff !important; border-color: #f26b4e !important; background-color: #f26b4e !important; background-image: none !important; box-shadow: var(--qm-shadow-brand); }button.qm-links-apply-modal__submit:hover, button.qm-links-apply-modal__submit:focus-visible { color: #fff !important; background-color: #df563d !important; border-color: #df563d !important; }button.qm-links-apply-modal__submit:disabled { color: rgba(255,255,255,.88) !important; background-color: #f26b4e !important; }
.dark .qm-links-page-main, html.dark .qm-links-page-main { --qm-links-ink: #f9f3f0; --qm-links-muted: #aea5a3; --qm-links-line: rgba(255,255,255,.1); background: #1c191a; }.dark .qm-links-hero, html.dark .qm-links-hero { background: radial-gradient(circle at 65% 47%, rgba(160,69,49,.44), transparent 24%), linear-gradient(112deg, #1c191a, #281c1c); }.dark .qm-links-hero h1, html.dark .qm-links-hero h1, .dark .qm-links-directory__title h2, html.dark .qm-links-directory__title h2, .dark .qm-link-card__content strong, html.dark .qm-link-card__content strong, .dark .qm-links-apply h2, html.dark .qm-links-apply h2 { color: #fff8f5; }.dark .qm-links-hero__intro, html.dark .qm-links-hero__intro, .dark .qm-links-community p, html.dark .qm-links-community p { color: #c3b8b5; }.dark .qm-links-directory, html.dark .qm-links-directory, .dark .qm-link-card, html.dark .qm-link-card { border-color: rgba(255,255,255,.09); background: #262122; }.dark .qm-links-search input, html.dark .qm-links-search input, .dark .qm-links-sort select, html.dark .qm-links-sort select, .dark .qm-links-form input, html.dark .qm-links-form input { color: #f4ece9; border-color: rgba(255,255,255,.1); background: #312a2a; }.dark .qm-link-card__content em, html.dark .qm-link-card__content em, .dark .qm-link-card__content small, html.dark .qm-link-card__content small { color: #b6aaaa; }.dark .qm-link-card__content small, html.dark .qm-link-card__content small { background: #342d2d; }.dark .qm-links-apply, html.dark .qm-links-apply { background: #312322; border-color: rgba(255,255,255,.08); }
.dark .qm-links-apply-modal__dialog, html.dark .qm-links-apply-modal__dialog { border-color: rgba(255,255,255,.1); background: #262122; }.dark .qm-links-apply-modal__header, html.dark .qm-links-apply-modal__header { border-color: rgba(255,255,255,.09); }.dark .qm-links-apply-modal__header h2, html.dark .qm-links-apply-modal__header h2, .dark .qm-links-apply-modal__form label > span, html.dark .qm-links-apply-modal__form label > span { color: #fff8f5; }.dark .qm-links-apply-modal__header p, html.dark .qm-links-apply-modal__header p { color: #b6aaaa; }.dark .qm-links-apply-modal__form input:not([type="file"]), html.dark .qm-links-apply-modal__form input:not([type="file"]), .dark .qm-links-apply-modal__form textarea, html.dark .qm-links-apply-modal__form textarea { color: #f4ece9; border-color: rgba(255,255,255,.1); background: #312a2a; }.dark .qm-links-apply-modal__cancel, html.dark .qm-links-apply-modal__cancel { color: #e9dfdc; border-color: rgba(255,255,255,.12); background: #312a2a; }
.dark .qm-links-apply-modal__form select, html.dark .qm-links-apply-modal__form select { color: #f4ece9; border-color: rgba(255,255,255,.1); background: #312a2a; }
@media (max-width: 1100px) { .qm-links-hero__inner { padding-left: 3%; }.qm-links-hero__art { right: -6%; transform: translateY(-48%) scale(.88); transform-origin: right center; }.qm-links-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 780px) { .qm-links-shell { width: min(100% - 1.5rem, 620px); }.qm-links-hero { min-height: 600px; }.qm-links-hero__inner { min-height: 600px; align-items: flex-start; padding: 3rem 1.2rem; }.qm-links-hero__art { top: auto; right: 50%; bottom: -28px; transform: translateX(50%) scale(.65); transform-origin: center bottom; }.qm-links-directory { padding: 1rem; }.qm-links-directory__toolbar { align-items: flex-start; flex-direction: column; }.qm-links-directory__controls { width: 100%; }.qm-links-search { flex: 1; width: auto; }.qm-links-sort { width: 125px; }.qm-links-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.qm-links-apply { align-items: flex-start; flex-direction: column; gap: 1.2rem; }.qm-links-form { width: 100%; flex-basis: auto; } }
@media (max-width: 480px) { .qm-links-page-main { padding-bottom: 2.5rem; }.qm-links-hero { min-height: 570px; }.qm-links-hero__inner { min-height: 570px; padding: 2.2rem .45rem; }.qm-links-eyebrow { font-size: .61rem; }.qm-links-hero h1 { font-size: 2.35rem; }.qm-links-hero__intro { font-size: .85rem; }.qm-links-hero__actions { gap: .55rem; margin-top: 1.3rem; }.qm-links-button { min-height: 41px; padding-inline: .86rem; font-size: .76rem; }.qm-links-community { margin-top: 1.55rem; }.qm-links-hero__art { bottom: -50px; transform: translateX(50%) scale(.48); }.qm-links-directory__controls { gap: .45rem; }.qm-links-search input, .qm-links-sort select { font-size: .68rem; }.qm-links-sort { width: 104px; }.qm-links-filters { overflow-x: auto; padding-bottom: .15rem; }.qm-links-filters button { flex: 0 0 auto; padding-inline: .62rem; font-size: .7rem; }.qm-links-grid { gap: .6rem; }.qm-link-card__body { min-height: 112px; padding: .72rem; }.qm-link-card__logo { flex-basis: 40px; width: 40px; height: 40px; margin-right: .55rem; font-size: .8rem; }.qm-link-card__content strong { font-size: .76rem; }.qm-link-card__content em { font-size: .64rem; }.qm-link-card__content small { font-size: .57rem; }.qm-link-card__visit { top: .75rem; right: .75rem; font-size: .65rem; }.qm-links-apply-modal { padding: .65rem; }.qm-links-apply-modal__header, .qm-links-apply-modal__form { padding-inline: 1rem; }.qm-links-apply-modal__header { padding-top: 1.2rem; }.qm-links-apply-modal__grid { grid-template-columns: 1fr; gap: 0; }.qm-links-apply-modal__footer { flex-direction: column-reverse; }.qm-links-apply-modal__cancel, .qm-links-apply-modal__submit { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .qm-links-button, .qm-link-card { transition: none; } }