@font-face{font-family:Barlow;src:url(fonts/barlow-condensed.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:Barlow;src:url(fonts/barlow-condensed-bold.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:Manrope;src:url(fonts/manrope.woff2) format("woff2");font-weight:200 800;font-display:swap}
:root{--paper:#f2efe6;--ink:#1b211e;--muted:#52574d;--red:#b72529;--rule:#bbbcb0;--sans:Manrope,Arial,sans-serif;--head:Barlow,"Arial Narrow",Impact,sans-serif;--mono:"Courier New",monospace;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:18px}body{margin:0;background:var(--paper);color:var(--ink);font:500 16px/1.5 var(--sans)}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}button,dialog{border:0}svg{width:20px;height:20px;flex:none}button:focus-visible,a:focus-visible{outline:3px solid #19718b;outline-offset:5px}button[hidden],a[hidden],[hidden]{display:none!important}.shell{width:min(1376px,calc(100% - clamp(40px,9vw,168px)));margin:auto}.sr,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:fixed;z-index:100;top:10px;left:12px;background:white;padding:8px}
.mast{height:78px;border-bottom:1px solid var(--rule);display:flex;align-items:center;gap:34px}.brand{display:inline-flex;align-items:center;gap:11px}.brand img{object-fit:contain}.brand span{font:800 23px/.86 var(--head);letter-spacing:.01em}.brand b{display:block;font-weight:600;font-size:.71em;letter-spacing:.105em;margin-top:3px}.mast nav{margin-left:auto;display:flex;gap:28px;font-size:13px;font-weight:700}.mast nav a:hover,.text-link:hover,.card-base a:hover{text-decoration:underline;text-underline-offset:4px}.nav-discord{border:1px solid var(--ink);display:flex;align-items:center;gap:10px;padding:9px 15px;font-size:13px;font-weight:800}.nav-discord:hover{background:var(--ink);color:var(--paper)}.nav-discord svg:last-child{width:14px}
.hero{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;min-height:clamp(490px,40vw,632px);padding-block:28px 22px}.hero-copy{position:relative;z-index:2;padding:10px 0 15px}.eyebrow,.bench-legend,.board-label,.card-overline,.strip-inner{font:700 11px/1.3 var(--mono);letter-spacing:.09em}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow i{background:var(--red);width:23px;height:4px;transform:skew(-23deg)}h1,h2,h3,h4,p{margin:0}h1,h2,h4{font-family:var(--head);font-weight:800}h1{font-size:clamp(96px,9.5vw,155px);line-height:.8;letter-spacing:-.039em;margin:26px 0 23px}h1 em{color:var(--red);font-style:normal}.hero-copy p{color:#3e463e;max-width:405px;line-height:1.55;font-size:clamp(15px,1.16vw,18px)}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:24px}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:19px;min-height:46px;padding:10px 18px;font-size:13px;font-weight:800}.button svg{width:17px}.black{background:var(--ink);color:var(--paper)}.black:hover{background:#374038}.text-link{display:inline-flex;align-items:center;gap:7px;font-weight:750;font-size:13px}.text-link svg{width:14px}
.bench{isolation:isolate;position:relative;align-self:stretch;min-width:0;min-height:350px}.plot{position:absolute;inset:0;z-index:-1;overflow:hidden;background-image:radial-gradient(#999c864f .8px,transparent .9px);background-size:16px 16px;mask-image:radial-gradient(ellipse at 53% 50%,#000 57%,transparent 81%)}.orbit{position:absolute;top:49%;left:54%;width:78%;aspect-ratio:1.75;border:1px solid #a8aa9b70;border-radius:50%;transform:translate(-50%,-50%) rotate(-24deg)}.o2{width:90%;aspect-ratio:1.3;border-style:dashed;opacity:.55;transform:translate(-50%,-50%) rotate(18deg)}.pin,.measure{position:absolute;color:#858778;font:14px var(--mono)}.p1{top:14%;left:16%}.p2{right:4%;bottom:19%}.p3{left:10%;bottom:25%}.measure{right:7%;top:19%;font-size:10px}.bench:after{content:"";position:absolute;bottom:10%;left:25%;width:58%;height:7%;border-radius:50%;background:#32312030;filter:blur(14px);transform:rotate(-5deg);z-index:-1}#hero-scene{position:absolute;inset:0 max(0px,1%) 19px 1%}#hero-scene img{width:100%;height:100%;object-fit:contain;display:block}.bench-legend{position:absolute;bottom:0;left:4%;right:1%;display:flex;align-items:center;justify-content:space-between;color:#5d6156;font-size:9px}.bench-legend b{color:var(--red)}#motion{background:transparent;padding:7px 8px;border:1px solid #a6a99b;font:700 9px var(--mono);text-transform:uppercase;letter-spacing:.04em}.spec-strip{background:var(--ink);color:#ecebe2}.strip-inner{min-height:39px;display:flex;gap:26px;align-items:center;font-size:10px}.strip-inner>span:first-child{display:flex;gap:9px;align-items:center}.signal{width:7px;height:7px;background:#f07a58;border-radius:50%}.strip-inner b{font-weight:700}.strip-inner em{color:#da795e;font-style:normal;padding:0 6px}.strip-right{margin-left:auto;color:#b8beb1}
.collection{padding-block:clamp(45px,5.5vw,85px)}.collection-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.collection-head h2{font-size:clamp(61px,6vw,95px);letter-spacing:-.037em;line-height:.92;margin-top:12px}.collection-head h2 span{color:var(--red)}.collection-head p{font-size:14px;line-height:1.4;color:var(--muted);padding-right:1px}.index{border-top:2px solid var(--ink)}.tool h3{margin:0}.tool-tab{display:flex;width:100%;align-items:center;gap:15px;background:transparent;text-align:left;padding:16px 15px;border-bottom:1px solid var(--rule);font:600 30px/.98 var(--head)}.tool-tab .num{color:var(--red);font:700 11px var(--mono)}.tool-tab small{font:700 9px var(--mono);text-transform:uppercase;border:1px solid #a58d69;border-radius:20px;padding:4px 6px;color:#77572b}.tab-arrow{margin-left:auto}.tab-arrow svg{width:20px;vertical-align:middle}.tool-card{background:#e3e2d8;border-bottom:1px solid var(--rule)}.art-board{height:clamp(225px,21vw,335px);position:relative;overflow:hidden;background:#33362e;isolation:isolate}.art{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;z-index:-2;filter:saturate(.63)}.art-board:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#20261fc9,transparent 95%)}.board-label{position:absolute;left:16px;bottom:13px;color:#fff;font-size:9px;text-shadow:0 1px 3px black}.screen-button{position:absolute;right:9%;top:12%;width:47%;max-width:365px;height:100%;padding:0;background:transparent;transform:rotate(-3deg);transform-origin:bottom left;filter:drop-shadow(-8px 12px 16px #10171080);transition:transform .25s}.screen-button:hover{transform:rotate(-1deg) translateY(-3px)}.screen-button img{width:100%;height:auto;display:block;position:absolute;top:0;left:0;border-radius:6px}.expand{position:absolute;right:10px;bottom:10px;background:var(--paper);width:36px;height:36px;display:grid;place-items:center}.expand svg{width:18px}.card-copy{padding:19px 24px 15px}.card-overline{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#555d51;gap:12px}.status{display:inline-flex;align-items:center;gap:5px;color:#285334}.status:before{content:"";width:6px;height:6px;background:currentColor;border-radius:50%}.status.preview{color:#835318}.card-copy h4{font-size:44px;letter-spacing:-.025em;line-height:1;margin:7px 0}.card-copy p{max-width:60ch;font-size:14px;color:#424a41}.card-base{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-top:14px;padding-top:10px;border-top:1px solid #b4b8ab;font-size:11px;font-weight:750}.card-base a{display:inline-flex;align-items:center;gap:5px}.card-base svg{width:13px}.enhanced .index{display:grid;grid-template-columns:minmax(250px,.69fr) minmax(0,1.31fr);grid-template-rows:repeat(6,minmax(52px,1fr));column-gap:clamp(20px,4vw,70px)}.enhanced .tool{display:contents}.enhanced .tool h3{grid-column:1}.enhanced .tool-card{grid-column:2;grid-row:1/7}.enhanced .tool-tab{height:100%}.enhanced .tool-tab[aria-expanded=true]{background:var(--ink);color:var(--paper)}.enhanced .tool-tab[aria-expanded=true] .num{color:#f49474}.enhanced .tool-tab[aria-expanded=true] small{color:#f3c690}.enhanced .tool-tab[aria-expanded=false]:hover{background:#e4e4d9}
.community{background:#a62229;color:#fff4e9}.community-inner{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:30px;padding-block:clamp(42px,6vw,90px)}.community .eyebrow i{background:#ffa18a}.community h2{font-size:clamp(77px,7.6vw,125px);line-height:.82;letter-spacing:-.025em;margin-top:17px}.community h2 span{color:#f1ac8e}.channel-name{display:flex;align-items:center;gap:9px;font-weight:800;font-size:22px}.channel-name svg{width:27px;height:27px}.comm-copy>p{font-size:15px;max-width:345px;margin:8px 0 18px}.paper{color:var(--ink);background:var(--paper)}.paper:hover{background:white}.comm-copy .small-status{font-size:12px;line-height:1.5;color:#ffe1d2;margin:10px 0 0}.footer{min-height:76px;display:flex;gap:20px;align-items:center;font-size:11px;color:#50564b}.footer .brand{color:var(--ink);gap:8px}.footer .brand span{font-size:16px}.footer>a:last-child{margin-left:auto;font-weight:750}
dialog{width:min(94vw,850px);max-height:92dvh;background:var(--paper);padding:0;color:var(--ink);box-shadow:0 12px 80px #0005}dialog::backdrop{background:#101510c9}.viewer-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-weight:800}.viewer-head button{display:grid;place-items:center;width:40px;height:40px;background:var(--ink);color:white}.viewer-body{overflow:auto;max-height:calc(92dvh - 64px);background:#2d302b;text-align:center}.viewer-body img{vertical-align:top;max-width:100%;height:auto}
@media(min-width:1600px){.hero{min-height:640px}}
@media(max-width:800px){.shell{width:calc(100% - 44px)}.mast{gap:20px}.hero{grid-template-columns:.92fr 1.08fr;min-height:440px}.hero-copy h1{font-size:90px}.hero-actions{gap:15px;flex-wrap:wrap}.bench{min-height:290px}.enhanced .index{grid-template-columns:minmax(210px,.7fr) minmax(0,1.3fr);column-gap:16px}.tool-tab{font-size:25px;gap:10px;padding-inline:11px}.art-board{height:223px}.strip-inner{gap:15px}.screen-button{width:56%}}
@media(max-width:620px){.shell{width:calc(100% - 36px)}.mast{height:62px;gap:13px}.brand img{width:39px;height:39px}.brand span{font-size:19px}.mast nav{gap:10px;font-size:12px}.mast nav a:last-child{display:none}.nav-discord{font-size:12px;gap:6px;padding:6px 9px}.nav-discord svg{width:16px}.nav-discord svg:last-child{display:none}.hero{display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:28px 0 14px}.hero-copy{padding:0}.eyebrow{font-size:10px}.hero-copy h1{font-size:clamp(80px,15vw,102px);margin:14px 0 14px;line-height:.83}.hero-copy h1 br{display:none}.hero-copy h1 em:before{content:' '}.hero-copy p{font-size:14px;line-height:1.48;max-width:360px}.hero-actions{margin-top:15px;gap:17px}.button{min-height:43px;padding:8px 13px;font-size:12px}.text-link{font-size:12px}.bench{min-height:0;height:clamp(245px,65vw,333px)}#hero-scene{inset:0 0 18px 0}.bench-legend{left:0;right:0}.strip-inner{font-size:9px;min-height:34px;gap:15px}.strip-right{display:none}.collection{padding-block:38px}.collection-head{margin-bottom:16px}.collection-head h2{font-size:62px}.collection-head p{font-size:12px}.enhanced .index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto auto;gap:0}.enhanced .tool h3{grid-column:auto}.enhanced .tool-card{grid-column:1/-1;grid-row:3}.tool-tab{padding:13px 7px;min-height:44px;gap:6px;font-size:21px}.tool-tab .num{font-size:9px}.tool-tab small,.tab-arrow{display:none}.tool-tab{border-right:1px solid var(--rule)}.art-board{height:clamp(195px,53vw,300px)}.card-copy{padding:15px}.card-copy h4{font-size:39px}.community-inner{grid-template-columns:1fr;gap:27px}.community h2{font-size:78px}.community h2 br{display:none}.community h2 br:after{content:' '}.community h2 span{margin-left:0}.footer{gap:10px;font-size:10px;flex-wrap:wrap;padding:15px 0}.footer>span{max-width:135px}}
@media(max-width:380px){.hero-copy h1{font-size:72px}.tool-tab{font-size:18px}.community h2{font-size:64px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.member-link{text-decoration:underline;text-underline-offset:3px;font-weight:700}
@media(max-width:620px){
  .hero-copy h1 br,.community h2 br{display:initial}
  .hero-copy h1 em:before,.community h2 br:after{content:none}
  .collection-head{column-gap:15px}.collection-head p{flex:none}
  #tool-traffic .tool-tab{position:relative;padding-bottom:18px}
  #tool-traffic .tool-tab small{display:block;position:absolute;left:23px;bottom:4px;font-size:8px;line-height:1;padding:0;border:0}
}