.faq-page{margin-top:calc(-1 * clamp(3rem,7vw,7rem));color:var(--color-ink)}
.faq-eyebrow{margin:0;color:var(--color-red);font-size:.7rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.faq-hero{position:relative;overflow:hidden;background:var(--color-cream);border-bottom:2px solid var(--color-chocolate)}
.faq-hero::after{position:absolute;right:-10rem;bottom:-18rem;width:40rem;aspect-ratio:1;border:5rem solid rgb(206 19 42 / 8%);border-radius:50%;content:''}
.faq-hero__inner{position:relative;z-index:1;display:grid;min-height:31rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4rem;padding-block:clamp(5rem,9vw,8rem)}
.faq-hero__inner>div:first-child{display:grid;gap:1rem}.faq-hero h1{max-width:13ch;color:var(--color-chocolate);font-size:clamp(3.5rem,8vw,7rem);line-height:.84;text-transform:uppercase}.faq-hero__inner>div:first-child>p:last-child{max-width:44rem;font-size:clamp(1rem,1.8vw,1.2rem);line-height:1.65}
.faq-hero__mark{display:grid;width:clamp(10rem,17vw,14rem);aspect-ratio:1;place-content:center;border:3px solid var(--color-chocolate);border-radius:50%;background:var(--color-red);color:#fff;text-align:center;transform:rotate(4deg);box-shadow:.6rem .6rem 0 var(--color-chocolate)}.faq-hero__mark span{font-size:.65rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.faq-hero__mark strong{max-width:7ch;font-family:var(--font-heading);font-size:clamp(2rem,4vw,3.5rem);font-weight:400;line-height:.85;text-transform:uppercase}
.faq-layout{display:grid;grid-template-columns:minmax(13rem,.3fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,7vw,7rem);padding-block:clamp(4rem,9vw,8rem)}
.faq-nav{position:sticky;top:8rem;display:grid;border-top:2px solid var(--color-chocolate)}.faq-nav>.faq-eyebrow{padding:1rem 0 .65rem}.faq-nav a{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid rgb(23 21 19 / 15%);padding:.8rem 0;color:var(--color-ink);font-size:.82rem;font-weight:800;text-decoration:none}.faq-nav a:hover{color:var(--color-red)}.faq-nav a span{color:var(--color-red);font-size:1.1rem}
.faq-content{display:grid;gap:clamp(3.5rem,7vw,6rem)}.faq-category{scroll-margin-top:9rem}.faq-category__header{display:flex;align-items:end;gap:1rem;border-bottom:3px solid var(--color-chocolate);padding-bottom:1rem}.faq-category__header>span{color:var(--color-red);font-family:var(--font-heading);font-size:1.5rem}.faq-category h2,.faq-empty h2,.faq-contact h2{color:var(--color-chocolate);font-size:clamp(2.3rem,5vw,4rem);line-height:.9}.faq-list{display:grid}.faq-item{border-bottom:1px solid rgb(23 21 19 / 22%)}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.35rem .25rem;color:var(--color-chocolate);font-size:clamp(.95rem,1.5vw,1.1rem);font-weight:850;line-height:1.35;list-style:none;cursor:pointer}.faq-item summary::-webkit-details-marker{display:none}.faq-item__toggle{position:relative;flex:0 0 2rem;width:2rem;height:2rem;border:2px solid var(--color-red);border-radius:50%}.faq-item__toggle::before,.faq-item__toggle::after{position:absolute;top:50%;left:50%;width:.75rem;height:2px;background:var(--color-red);content:'';transform:translate(-50%,-50%)}.faq-item__toggle::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .2s}.faq-item[open] .faq-item__toggle::after{transform:translate(-50%,-50%) rotate(0)}.faq-item__answer{max-width:48rem;padding:0 3.75rem 1.5rem .25rem;color:var(--color-muted);font-size:.9rem;line-height:1.7}.faq-item__answer a{color:var(--color-red);font-weight:750}
.faq-empty{display:grid;gap:1rem;border:2px solid var(--color-chocolate);border-radius:1rem;padding:clamp(2rem,6vw,4rem);background:#fff7e8;box-shadow:.75rem .75rem 0 var(--color-chocolate)}.faq-empty p:not(.faq-eyebrow){max-width:42rem;line-height:1.6}.faq-empty .button{justify-self:start;margin-top:.5rem}
.faq-contact{background:var(--color-red);color:#fff}.faq-contact .container{display:flex;align-items:center;justify-content:space-between;gap:3rem;padding-block:clamp(4rem,8vw,7rem)}.faq-contact .container>div{display:grid;gap:.7rem}.faq-contact .faq-eyebrow,.faq-contact h2{color:#fff}.faq-contact p{max-width:44rem}.faq-contact .button{flex:none;background:var(--color-chocolate);color:#fff}
@media(max-width:760px){.faq-page{margin-top:calc(-1 * clamp(2rem,7vw,4rem))}.faq-hero__inner{min-height:0;grid-template-columns:1fr;padding-block:4rem}.faq-hero__mark{display:none}.faq-layout{grid-template-columns:1fr}.faq-nav{position:static;grid-template-columns:1fr 1fr;gap:0 1rem}.faq-nav>.faq-eyebrow{grid-column:1/-1}.faq-content{gap:3.5rem}.faq-contact .container{align-items:flex-start;flex-direction:column}.faq-item__answer{padding-right:.25rem}}
@media(max-width:440px){.faq-nav{grid-template-columns:1fr}.faq-hero h1{font-size:3.2rem}}