.header[data-tone="light"].is-floating{background:rgba(240,238,229,.88);--header-ink:#23271f;--header-muted:#666b5f;border-color:#32382b26;color:var(--header-ink)}
.header[data-tone="yellow"].is-floating{background:rgba(255,214,45,.88);--header-ink:#25271c;--header-muted:#57582d;color:var(--header-ink)}
.header[data-tone] .header-cta{color:var(--header-ink)!important;border-color:var(--header-muted)!important}
.header[data-tone="light"] .header-cta:hover,.header[data-tone="yellow"] .header-cta:hover{background:#25291f!important;color:#f1efe5!important}
.faq{grid-template-columns:.9fr 1.25fr;gap:8vw;align-items:start;padding-block:clamp(75px,8vw,110px);background:#eeece3}
.faq-heading{display:grid;grid-template-columns:110px 1fr;column-gap:20px;align-content:start}
.faq-heading>.eyebrow,.faq-heading>h2,.faq-heading>.faq-intro{grid-column:2}
html[data-font] #faq-title{font:500 clamp(38px,4vw,60px)/1.03 RoadJost,sans-serif;letter-spacing:-.035em;margin:28px 0 20px}
.faq .eyebrow{font-size:10px;letter-spacing:.12em;font-weight:450}
.faq .faq-intro{font:400 16px/1.55 RoadOnest,sans-serif;color:#64675d;margin:0;max-width:310px}
.faq-object{grid-column:1;grid-row:1/4;width:110px;height:200px;margin-top:28px;position:relative;pointer-events:none}
.faq-object canvas{display:block;width:100%;height:100%}
.faq-object:after{content:'';position:absolute;left:25%;right:25%;bottom:8px;height:8px;background:#3c39291a;filter:blur(8px);border-radius:50%;pointer-events:none}
html[data-font] #faq-list .faq-item>summary{font:400 18px/1.35 RoadOnest,sans-serif;letter-spacing:-.015em;padding:23px 0;gap:20px}
.faq-item>summary>span{font:300 21px/1 RoadOnest,sans-serif}
.faq-answer{padding:0;overflow:hidden}
.faq-answer__inner{padding:0 20px 24px 0}
.faq-answer p{font:400 15px/1.6 RoadOnest,sans-serif;color:#656a5e;margin:0}
.faq-answer a{font:450 13px/1.4 RoadOnest,sans-serif;color:#353b30;margin-top:12px;padding-bottom:4px;border-color:#8f9586}
@media(max-width:760px){
 .faq{display:block;padding-block:65px}
 .faq-heading{grid-template-columns:65px 1fr;column-gap:12px}
 .faq-object{width:65px;height:130px;margin-top:28px}
 html[data-font] #faq-title{font-size:40px}
 .faq .eyebrow{font-size:9px}
 .faq .faq-intro{font-size:15px}
 .faq #faq-list{margin-top:35px}
 html[data-font] #faq-list .faq-item>summary{font-size:17px;padding:20px 0}
}

@media(max-width:360px){.faq-heading{grid-template-columns:55px 1fr;column-gap:12px}.faq-object{width:55px;height:115px}html[data-font] #faq-title{font-size:36px}.faq-heading>.faq-intro{grid-column:1/-1;max-width:none;margin-top:12px}}