.faq-directory-hero{background:var(--navy-deep);color:var(--cream);padding:clamp(5.5rem,10vw,9.5rem) 0 clamp(4rem,8vw,7rem);position:relative;overflow:hidden}.faq-directory-hero:after{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--aqua-pale) 28%, transparent);content:"";border-radius:50%;width:min(52vw,46rem);position:absolute;bottom:-22vw;right:-8vw}.faq-directory-hero__breadcrumb{color:color-mix(in srgb, var(--cream) 68%, transparent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:clamp(2.5rem,6vw,5rem);font-size:.7rem}.faq-directory-hero__breadcrumb a{color:inherit}.faq-directory-hero__grid{z-index:1;grid-template-columns:minmax(0,1.35fr) minmax(18rem,.55fr);align-items:end;gap:clamp(3rem,8vw,8rem);display:grid;position:relative}.faq-directory-hero .eyebrow{color:var(--aqua-pale);margin-bottom:1.2rem}.faq-directory-hero h1{max-width:10ch;color:var(--cream);letter-spacing:-.055em;text-wrap:balance;font-size:clamp(3.7rem,8vw,8rem);font-weight:320;line-height:.9}.faq-directory-hero__intro{border-top:1px solid color-mix(in srgb, var(--cream) 28%, transparent);padding-top:1.5rem}.faq-directory-hero__intro p{font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.7}.faq-directory-hero__intro small{color:var(--aqua-pale);letter-spacing:.1em;text-transform:uppercase;margin-top:2rem;font-size:.68rem;font-weight:700;display:block}.faq-directory{isolation:isolate;background:var(--bone);padding:clamp(4.5rem,9vw,8rem) 0;position:relative;overflow:hidden}.faq-directory:before{z-index:-1;filter:saturate(.28)contrast(.78);opacity:.38;content:"";pointer-events:none;background:url(/images/materials/faq-plaster-1200.webp) 50% 43%/cover no-repeat;height:clamp(20rem,31vw,29rem);position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 0 58%,#0000 100%);mask-image:linear-gradient(#000 0 58%,#0000 100%)}.faq-directory__tools{border-bottom:1px solid var(--navy);grid-template-columns:minmax(15rem,.8fr) minmax(20rem,1fr);gap:1.4rem clamp(2rem,7vw,7rem);padding-bottom:clamp(3rem,6vw,5rem);display:grid}.faq-directory__tools h2{max-width:10ch;color:var(--navy);letter-spacing:-.045em;margin-top:.65rem;font-size:clamp(2.35rem,4.5vw,4.6rem);font-weight:340;line-height:.95}.faq-directory__search{border:1px solid color-mix(in srgb, var(--navy) 32%, transparent);background:var(--cream-warm);min-height:3.8rem;color:var(--navy);transition:border-color .18s var(--ease), box-shadow .18s var(--ease);grid-template-columns:1.25rem minmax(0,1fr);align-self:end;align-items:center;gap:.85rem;padding:0 1rem;display:grid;position:relative}.faq-directory__search-label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.faq-directory__search:focus-within{border-color:var(--aqua-deep);box-shadow:0 0 0 3px color-mix(in srgb, var(--aqua-pale) 64%, transparent)}.faq-directory__search svg{width:1.05rem}.faq-directory__search input{width:100%;min-width:0;color:var(--navy);font:inherit;background:0 0;border:0;outline:0}.faq-directory__search input::placeholder{color:color-mix(in srgb, var(--navy) 55%, transparent)}.faq-directory__filters{flex-wrap:wrap;grid-column:2;gap:.55rem;display:flex}.faq-directory__filters button,.faq-directory__empty button{border:1px solid color-mix(in srgb, var(--navy) 28%, transparent);min-height:2.7rem;color:var(--navy);letter-spacing:.04em;cursor:pointer;transition:background .18s var(--ease), border-color .18s var(--ease), color .18s var(--ease), transform .18s var(--ease);background:0 0;border-radius:999px;padding:.65rem 1rem;font-size:.72rem;font-weight:700}.faq-directory__filters button[aria-pressed=true],.faq-directory__empty button{border-color:var(--navy);background:var(--navy);color:var(--cream)}.faq-directory__status{color:var(--navy);letter-spacing:.08em;text-transform:uppercase;grid-area:2/1;align-self:center;font-size:.7rem;font-weight:680}.faq-directory__layout{grid-template-columns:minmax(13rem,.34fr) minmax(0,1fr);gap:clamp(3rem,8vw,8rem);padding-top:clamp(3rem,6vw,5rem);display:grid}.faq-directory__index{align-self:start;min-width:0;max-width:100%;position:sticky;top:7rem}.faq-directory__index>.eyebrow{color:var(--aqua-deep);margin-bottom:1.15rem}.faq-directory__index nav{border-top:1px solid color-mix(in srgb, var(--navy) 24%, transparent)}.faq-directory__index a{border-bottom:1px solid color-mix(in srgb, var(--navy) 18%, transparent);color:var(--navy);transition:color .18s var(--ease);grid-template-columns:minmax(0,1fr) auto;gap:1rem;padding:.85rem 0;font-size:.76rem;line-height:1.4;display:grid}.faq-directory__index a>span{transition:transform .18s var(--ease)}.faq-directory__index small{color:var(--aqua-deep)}.faq-directory__chapters{min-width:0}.faq-directory__chapter{scroll-margin-top:7.5rem}.faq-directory__chapter+.faq-directory__chapter{margin-top:clamp(4rem,8vw,7rem)}.faq-directory__chapter>header{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.6rem;display:flex}.faq-directory__chapter h2,.faq-directory__empty h2{color:var(--navy);letter-spacing:-.04em;margin-top:.45rem;font-size:clamp(2rem,4vw,3.7rem);font-weight:360;line-height:1}.faq-directory__chapter>header>a{border-bottom:1px solid color-mix(in srgb, var(--navy) 38%, transparent);color:var(--navy);flex:none;align-items:center;gap:.55rem;padding-bottom:.25rem;font-size:.7rem;font-weight:680;display:inline-flex}.faq-directory__chapter>header>a svg{width:.9rem}.faq-directory__list{border-top:1px solid var(--navy)}.faq-directory__item{border-bottom:1px solid color-mix(in srgb, var(--navy) 22%, transparent)}.faq-directory__item .animated-disclosure__summary{min-height:5.25rem;color:var(--navy);grid-template-columns:2.6rem minmax(0,1fr) 2.75rem;align-items:center;gap:1rem;padding:1rem 0;display:grid}.faq-directory__item .animated-disclosure__index{color:var(--aqua-deep);letter-spacing:.1em;font-size:.66rem;font-weight:720}.faq-directory__item .animated-disclosure__question{max-width:55rem;font-size:clamp(1rem,1.5vw,1.18rem);font-weight:620;line-height:1.4}.faq-directory__item .animated-disclosure__icon{border:1px solid color-mix(in srgb, var(--navy) 24%, transparent);width:2.65rem;height:2.65rem;color:var(--navy);place-items:center;display:grid}.faq-directory__item .animated-disclosure__icon svg{width:.85rem;height:.85rem}.faq-directory__item[data-expanded=true] .animated-disclosure__icon{background:var(--navy);color:var(--cream)}.faq-directory__item .animated-disclosure__content p{max-width:50rem;color:color-mix(in srgb, var(--navy) 82%, transparent);padding:.15rem 4.5rem 1.65rem 3.6rem;line-height:1.72}.faq-directory__empty{border-top:1px solid var(--navy);padding:clamp(3rem,8vw,6rem) 0}.faq-directory__empty>p:not(.eyebrow){margin:1.25rem 0 2rem}@media (hover:hover) and (pointer:fine){.faq-directory__filters button:hover,.faq-directory__empty button:hover{transform:translateY(-2px)}.faq-directory__index a:hover{color:var(--aqua-deep)}.faq-directory__index a:hover>span{transform:translate(.25rem)}}@media (max-width:840px){.faq-directory-hero__grid,.faq-directory__tools,.faq-directory__layout{grid-template-columns:1fr}.faq-directory-hero__intro{max-width:38rem}.faq-directory__filters,.faq-directory__status{grid-area:auto/1}.faq-directory__index{position:static}.faq-directory__index nav{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;display:grid}}@media (max-width:560px){.faq-directory-hero{padding-top:4.5rem}.faq-directory-hero h1{font-size:clamp(3.35rem,16vw,5rem)}.faq-directory:before{opacity:.26;background-position:62% 0;height:31rem}.faq-directory__index nav{scroll-snap-type:x proximity;scrollbar-width:thin;border-top:0;gap:.6rem;width:100%;max-width:100%;padding:0 0 .65rem;display:flex;overflow-x:auto}.faq-directory__index a{border:1px solid color-mix(in srgb, var(--navy) 18%, transparent);background:var(--cream-warm);scroll-snap-align:start;flex:0 0 min(72vw,15rem);align-items:center;min-height:3.25rem;padding:.7rem .8rem}.faq-directory__chapter>header{flex-direction:column;align-items:start;gap:1rem}.faq-directory__item .animated-disclosure__summary{grid-template-columns:2rem minmax(0,1fr) 2.5rem;gap:.65rem}.faq-directory__item .animated-disclosure__icon{width:2.4rem;height:2.4rem}.faq-directory__item .animated-disclosure__content p{padding:0 0 1.5rem 2.65rem}}@media (prefers-reduced-motion:reduce){.faq-directory__search,.faq-directory__filters button,.faq-directory__empty button,.faq-directory__index a,.faq-directory__index a>span{transition-duration:.01ms}}
