.q-main{position:relative}
.q-band{position:relative;padding:96px clamp(20px,6.67vw,96px) 104px;overflow:clip}
.q-ink{background:#110C0B;color:#FAF2F2}
.q-cinder{background:#1C1514;color:#FAF2F2}
.q-ox{background:#3A0F0B;color:#FAF2F2}
.q-bone{background:#E6DCD6;color:#1A1212}
.q-blush{background:#F1D9D3;color:#1A1212}
.q-red{background:#E9482F;color:#140B0A}
.q-dk{--sub:#BFB1AE;--rule:rgba(250,242,242,.22)}
.q-lt{--sub:#5E5250;--rule:rgba(26,18,18,.25)}
.q-2nd{color:var(--sub)}
.q-d{font-family:'Big Shoulders Display','Arial Narrow',sans-serif;font-weight:800;letter-spacing:.01em;text-transform:uppercase;margin:0}
.q-eyebrow{margin:0 0 24px;font-family:'JetBrains Mono','Courier New',monospace;font-weight:700;font-size:12px;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;color:#BFB1AE}
.q-eyebrow a:hover{color:#FAF2F2}
.q-rule{width:120px;height:2px;background:#E9482F;margin-bottom:26px}
.q-hero{padding-top:88px;padding-bottom:104px;min-height:calc(100vh - 80px)}
.q-hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:56px;align-items:end}
.q-h1{font-size:clamp(64px,9.5vw,148px);line-height:.84;will-change:transform}
.q-h1 span{color:#E9482F}
.q-tag{font-size:34px;line-height:.95;margin:0 0 24px}
.q-hero p.q-lead{margin:0 0 16px;font-size:17px;line-height:1.55;color:#BFB1AE}
.q-hero p.q-lead b{color:#FAF2F2;font-weight:600}
.q-h2{font-size:clamp(44px,5.6vw,80px);line-height:.88;margin-bottom:24px}
.q-h3{font-size:clamp(36px,3.8vw,52px);line-height:.9;margin-bottom:20px}
.q-intro{margin:0 0 56px;max-width:640px;font-size:18px;line-height:1.5}
.q-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:40px 32px}
.q-item{border-top:2px solid var(--rule);padding-top:20px}
.q-item b{display:block;margin-bottom:8px;font-size:19px;font-weight:600;line-height:1.3}
.q-item p{margin:0;font-size:16px;line-height:1.5}
.q-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:56px 64px}
.q-cols p{margin:0 0 16px;font-size:18px;line-height:1.55;max-width:560px}
.q-num{display:grid;grid-template-columns:140px 1fr;gap:24px;align-items:start;padding:28px 0;border-top:2px solid var(--rule)}
.q-n{font-family:'Big Shoulders Display','Arial Narrow',sans-serif;font-weight:800;font-size:72px;line-height:.8}
.q-ox .q-n,.q-ink .q-n{color:#E9482F}
.q-bone .q-n,.q-blush .q-n{color:#3A0F0B}
.q-num p{margin:0;max-width:760px;font-size:22px;line-height:1.4}
.q-num b{display:block;margin-bottom:6px;font-size:22px;font-weight:600}
.q-num span{display:block;max-width:700px;font-size:17px;line-height:1.5;color:var(--sub)}
.q-big{margin-top:56px;max-width:820px;font-size:clamp(32px,3.6vw,48px);line-height:.95}
.q-three{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.q-three .q-n{color:#3A0F0B;font-size:120px}
.q-three b{display:block;margin:24px 0 8px;font-size:22px;font-weight:600}
.q-three p{margin:0;font-size:16px;line-height:1.5}
.q-close h2{font-size:clamp(64px,8vw,120px);line-height:.86;margin-bottom:24px}
.q-close p{margin:0 0 32px;max-width:640px;font-size:20px;line-height:1.5}
.q-btn{display:inline-flex;align-items:center;min-height:56px;padding:0 32px;background:#140B0A;color:#FAF2F2;font-weight:600;font-size:16px}
.q-btn:hover{background:#000}
.q-split .q-h2{font-size:clamp(40px,4.2vw,60px)}
.q-split{display:grid;grid-template-columns:minmax(300px,1fr) 2fr;gap:56px;align-items:start}
.q-split .q-sticky{position:sticky;top:140px}
.q-acc{border-top:2px solid var(--rule)}
.q-acc:last-child{border-bottom:2px solid var(--rule)}
.q-acc summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;cursor:pointer;list-style:none;font-size:20px;font-weight:600;line-height:1.3}
.q-acc summary::-webkit-details-marker{display:none}
.q-acc summary::after{content:'+';flex:0 0 auto;font-family:'JetBrains Mono','Courier New',monospace;font-weight:700;font-size:20px;color:#E9482F;transition:transform .25s}
.q-acc[open] summary::after{transform:rotate(45deg)}
.q-acc summary:hover{color:#E9482F}
.q-acc p{margin:0 0 24px;max-width:640px;font-size:16px;line-height:1.55;color:var(--sub)}
.q-acc summary:focus-visible{outline:2px solid #FAF2F2;outline-offset:4px}
.q-path{border-top:2px solid #FAF2F2}
.q-path:last-of-type{border-bottom:2px solid #FAF2F2}
.q-path-head{display:flex;align-items:center;justify-content:space-between;gap:32px;width:100%;padding:36px 0;background:none;border:0;color:inherit;text-align:left;font:inherit;cursor:pointer}
.q-path-head h2{font-size:clamp(44px,6vw,88px);line-height:.88}
.q-path-head p{margin:8px 0 0;font-size:16px}
.q-path-head svg{flex:0 0 auto;transition:transform .3s}
.q-path.open .q-path-head svg{transform:rotate(90deg)}
.q-path-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s ease}
.q-path.open .q-path-panel{grid-template-rows:1fr}
.q-path-panel>div{overflow:hidden}
.q-path-in{display:grid;grid-template-columns:1fr 1fr auto;gap:40px;align-items:end;padding:8px 0 40px}
.q-path-in ul{margin:0;padding:0;list-style:none}
.q-path-in li{padding:10px 0;border-top:1px solid rgba(250,242,242,.22);font-size:17px}
.q-lbl{margin:0 0 8px;font-family:'JetBrains Mono','Courier New',monospace;font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#BFB1AE}
.q-go{display:inline-flex;align-items:center;min-height:52px;padding:0 29px;background:#E9482F;color:#140B0A;font-weight:600;font-size:16px}
.q-go:hover{background:#F05A42}
.q-counter{position:fixed;right:clamp(20px,6.67vw,96px);bottom:24px;z-index:9;padding:10px 14px;background:rgba(17,12,11,.92);border:1px solid rgba(250,242,242,.22);color:#FAF2F2;font-family:'JetBrains Mono','Courier New',monospace;font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;pointer-events:none;opacity:0;transition:opacity .3s}
.q-counter.on{opacity:1}
.q-counter i{font-style:normal;color:#E9482F}
.q-js .q-rv{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease;transition-delay:calc(var(--i,0)*90ms)}
.q-js .q-rv.in{opacity:1;transform:none}
@media (min-width:901px) and (min-height:701px){
 .q-js .q-band{position:sticky}
}
@media (max-width:900px){
 .q-hero-grid,.q-split,.q-three,.q-path-in{grid-template-columns:1fr}
 .q-split .q-sticky{position:static}
 .q-num{grid-template-columns:72px 1fr;gap:16px}
 .q-n{font-size:48px}
 .q-counter{display:none}
 .q-hero{min-height:0}
}
@media (prefers-reduced-motion:reduce){
 .q-js .q-rv{opacity:1;transform:none;transition:none}
 .q-h1{transform:none!important}
 .q-path-panel{transition:none}
}