/* Chief Gear is a material ledger: checkpoint, path, total. */
:root{--ground:#24282b;--ink:#fff1c7;--ink-2:#c1bba1;--ink-3:#9ca8a2;--acc:#b08a4a;--acc-2:#d3ece1;--rule:rgba(211,236,225,.22);--f:var(--wos-sans);--m:var(--wos-mono)}
html{background:#24282b}body{background:radial-gradient(57rem 40rem at 104% -12%,rgba(176,138,74,.25),transparent 63%),radial-gradient(44rem 38rem at -8% 90%,rgba(240,124,95,.16),transparent 66%),var(--ground);font-family:var(--wos-sans)}.wrap{max-width:1280px;padding:0 clamp(20px,5vw,68px)}header{padding-top:0;border-bottom:1px solid var(--rule)}.brand{min-height:106px;margin:0;gap:17px}.brand-mark{display:none}.brand b{font:700 22px/1 var(--wos-sans);letter-spacing:.075em}.brand i{margin-top:4px;color:var(--ink-3);font:10px/1.4 var(--wos-mono);letter-spacing:.15em}.brand i::before{content:"Chief Gear / ";color:var(--acc);font-style:normal}.brand>.wos-mark{flex:none}
h1{max-width:8ch;margin-top:clamp(49px,7vw,92px);font:700 clamp(60px,8.5vw,122px)/.79 var(--wos-display);letter-spacing:-.06em;text-transform:uppercase}h1 em{color:var(--acc-2)}.kick{margin-top:20px;max-width:52ch;color:var(--ink-2);font-size:18px}.camps,.modes{margin-top:25px;padding:17px;border:1px solid var(--rule);border-radius:11px;background:rgba(45,53,49,.55)}.camps{margin-top:clamp(34px,5vw,54px)}.camps::before{content:"01 / choose the planning surface";display:block;flex-basis:100%;margin-bottom:10px;color:var(--ink-3);font:10px/1 var(--wos-mono);letter-spacing:.14em;text-transform:uppercase}.modes{margin-top:10px}.modes::before{content:"02 / choose a material lens";display:block;flex-basis:100%;margin-bottom:10px;color:var(--ink-3);font:10px/1 var(--wos-mono);letter-spacing:.14em;text-transform:uppercase}.camps button,.modes button{border-radius:7px;padding:14px 17px;background:rgba(27,32,31,.34);color:var(--ink-2);font-family:var(--wos-mono)}.camps button:hover,.modes button:hover{border-color:var(--acc-2);color:var(--ink)}.camps button[aria-selected="true"],.modes button[aria-selected="true"]{background:var(--acc);border-color:var(--acc);color:#1b201f}.lede{max-width:58ch;margin:20px 0 0;padding-left:16px;border-left:2px solid var(--acc-2);color:var(--ink-2)}
.map{margin-top:clamp(36px,5vw,68px);padding:clamp(16px,2vw,30px);border:1px solid var(--rule);border-radius:19px;background:linear-gradient(145deg,rgba(54,65,60,.78),rgba(35,42,39,.9))}.map::before{content:"03 / set the exact pieces";position:absolute;left:30px;top:20px;color:var(--acc-2);font:10px/1 var(--wos-mono);letter-spacing:.15em;text-transform:uppercase}.figwrap{padding-top:24px}.figname{color:var(--acc-2);font-family:var(--wos-mono)}.card{border-color:var(--rule);border-radius:11px;background:rgba(27,32,31,.36)}.card.on{border-color:var(--acc)}.rk{color:var(--acc)}.nm{font-family:var(--wos-display);font-size:clamp(25px,2.5vw,34px);letter-spacing:-.03em;text-transform:uppercase}.stat,.cost{font-family:var(--wos-mono)}.lv button{border-radius:6px;background:rgba(27,32,31,.27);font-family:var(--wos-mono)}.lv button.on{background:var(--acc);color:#1b201f}.presets{margin-top:35px;padding-top:22px;border-top:1px solid var(--rule)}.presets::before{content:"04 / use a sensible starting point";display:block;flex-basis:100%;margin-bottom:3px;color:var(--ink-3);font:10px/1 var(--wos-mono);letter-spacing:.14em;text-transform:uppercase}.presets button{border-radius:7px;border-color:var(--rule);background:rgba(45,53,49,.42);color:var(--ink-2);font-family:var(--wos-mono)}.presets button:hover{border-color:var(--acc);color:var(--ink)}.colorpresets{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding:18px;border:1px solid var(--rule);border-radius:11px;background:rgba(45,53,49,.49)}.colorpresets b{display:block;flex-basis:100%;margin-bottom:5px;color:var(--ink-3);font:10px/1 var(--wos-mono);letter-spacing:.14em;text-transform:uppercase}.colorpresets button{border:1px solid var(--rule);border-radius:999px;background:rgba(27,32,31,.3);padding:9px 11px;color:var(--ink-2);font:10px/1 var(--wos-mono);letter-spacing:.07em;text-transform:uppercase}.colorpresets button:hover{border-color:var(--acc);color:var(--ink)}
.path{margin-top:70px;padding-top:31px;border-top:1px solid var(--rule)}.pathhead h2{font:700 clamp(39px,5vw,67px)/.84 var(--wos-display);letter-spacing:-.05em;text-transform:uppercase}.pathhead p{color:var(--ink-2)}.steps{border-color:var(--rule)}.steprow{border-color:var(--rule);background:rgba(45,53,49,.45)}.steprow b{font-family:var(--wos-display);text-transform:uppercase}.steprow span{font-family:var(--wos-mono)}.tot{position:relative;border-color:rgba(176,138,74,.75);border-radius:17px;background:linear-gradient(135deg,rgba(176,138,74,.16),rgba(45,53,49,.89) 48%,rgba(35,42,39,.96))}.tot::after{content:"LEDGER";position:absolute;right:25px;bottom:20px;color:rgba(255,241,199,.06);font:700 clamp(70px,11vw,150px)/.72 var(--wos-display);letter-spacing:-.07em}.tot>*{position:relative;z-index:1}.tot h2{color:var(--acc);font-family:var(--wos-mono)}.grid4{gap:0;border-top:1px solid var(--rule);border-left:1px solid var(--rule)}.big{padding:18px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}.big b{font-family:var(--wos-display);font-size:clamp(39px,5vw,64px);color:var(--ink)}.big span{color:var(--ink-2);font-family:var(--wos-mono)}.tot .foot{color:var(--ink-2);border-color:var(--rule)}.tot .foot em{color:var(--acc-2)}.note{margin-top:30px;padding:17px 19px;border-left:2px solid var(--acc-2);background:rgba(211,236,225,.06);color:var(--ink-2);max-width:none}footer{border-color:var(--rule);color:var(--ink-3);font-family:var(--wos-mono)}
@media(max-width:820px){.brand{min-height:0;padding:20px 0}.brand>.wos-mark{margin-right:-15px;transform:scale(.75);transform-origin:left center}.brand b{font-size:17px}.brand i::before{content:""}.map::before{position:static;display:block;margin-bottom:14px}.figwrap{padding-top:0}.card{padding:14px}.tot{padding:22px}.grid4{grid-template-columns:1fr 1fr}.big{padding:15px}.path{margin-top:52px}}@media(max-width:520px){.grid4{grid-template-columns:1fr}.camps,.modes{display:flex}.colorpresets{padding:14px}}