:root{--bg: #000003;--fg: #9ec8e0;--accent: #0088cc;--accent-hi: #00d9ff;--accent-warm: #8a5fff;--panel-bg: rgba(2, 5, 15, .82);--panel-border: rgba(0, 136, 204, .2)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;width:100vw;height:100vh;background:var(--bg);color:var(--fg);font-family:Inter,-apple-system,system-ui,sans-serif;overflow:hidden}.canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0}.hud-header{position:absolute;top:28px;left:36px;z-index:10;pointer-events:none}.hud-title{font-size:24px;font-weight:100;letter-spacing:.3em;color:var(--fg);text-shadow:0 0 18px rgba(0,136,204,.3)}.hud-title strong{font-weight:500;color:var(--accent-hi)}.hud-subtitle{font-size:9px;letter-spacing:.35em;text-transform:uppercase;color:#3a5a78;margin-top:8px;font-family:JetBrains Mono,Courier New,monospace}.hud-stats{position:absolute;bottom:28px;left:36px;z-index:10;font-family:JetBrains Mono,Courier New,monospace;font-size:10px;letter-spacing:.15em;background:var(--panel-bg);border:1px solid var(--panel-border);padding:14px 20px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hud-stats .row{margin:4px 0}.hud-stats .label{color:#2a4058;margin-right:8px}.hud-stats .value{color:var(--accent-hi);font-weight:500}.hud-stats .value.active{color:var(--accent-warm)}.hud-health{position:absolute;top:28px;right:36px;width:260px;max-height:calc(100vh - 120px);overflow-y:auto;z-index:9;background:var(--panel-bg);border:1px solid var(--panel-border);padding:16px 20px;font-family:JetBrains Mono,Courier New,monospace;font-size:10px;letter-spacing:.12em;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.hud-health-title{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent-hi);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(0,136,204,.15)}.hud-health-sub{font-size:9px;letter-spacing:.25em;text-transform:uppercase;color:#3a5a78;margin-top:12px;margin-bottom:6px}.hud-health .row{margin:4px 0;display:flex;justify-content:space-between}.hud-health .label{color:#2a4058;margin-right:8px}.hud-health .value{color:var(--accent-hi);font-weight:500}.hud-health .bridge{display:flex;justify-content:space-between;gap:8px;margin:3px 0;font-size:9px}.hud-health .bridge-name{color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-health .bridge-bw{color:var(--accent-warm);flex-shrink:0}.hud-details{position:absolute;top:28px;right:36px;width:300px;z-index:10;background:var(--panel-bg);border:1px solid var(--panel-border);padding:22px 26px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.hud-details .close{position:absolute;top:8px;right:12px;background:none;border:none;color:#3a5a78;font-size:18px;cursor:pointer}.hud-details .close:hover{color:var(--accent-hi)}.hud-details .type{font-size:9px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent-hi);font-family:JetBrains Mono,monospace}.hud-details .name{font-size:16px;font-weight:200;margin:10px 0;color:var(--fg);word-break:break-word}.hud-details .path{font-size:10px;color:#3a5a78;font-family:JetBrains Mono,monospace;word-break:break-all;margin-bottom:12px}.hud-details .meta{font-size:10px;color:#2a4058;border-top:1px solid rgba(0,136,204,.1);padding-top:12px;font-family:JetBrains Mono,monospace}.hud-details .meta strong{color:var(--accent-hi)}.hud-visit{display:inline-block;margin-top:16px;padding:8px 14px;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:var(--accent-hi);border:1px solid var(--accent-hi);background:#00d9ff14;transition:background .15s,color .15s}.hud-visit:hover{background:var(--accent-hi);color:var(--bg)}.hud-hint{position:absolute;bottom:28px;right:36px;z-index:10;font-size:9px;color:#2a4058;letter-spacing:.25em;text-transform:uppercase;font-family:JetBrains Mono,monospace;pointer-events:none}.hud-loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:100;background:var(--bg);color:var(--accent-hi);font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.3em;transition:opacity 1s}.hud-loader.fade{opacity:0;pointer-events:none}.project-hint{position:absolute;bottom:28px;left:50%;transform:translate(-50%);z-index:10;font-family:JetBrains Mono,monospace;font-size:10px;color:#9ec8e080;letter-spacing:.3em;pointer-events:none;animation:hintPulse 3s ease-in-out infinite}@keyframes hintPulse{0%,to{opacity:.35}50%{opacity:.8}}.project-panel{position:absolute;top:5vh;right:3vh;width:360px;max-width:calc(100vw - 48px);max-height:88vh;overflow-y:auto;z-index:20;background:var(--panel-bg);border:1px solid var(--panel-border);border-left:4px solid var(--accent-hi);padding:28px 26px 24px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 20px 60px #00000080;color:var(--fg);font-family:Inter,system-ui,sans-serif}.project-close{position:absolute;top:10px;right:14px;background:none;border:none;color:#9ec8e099;font-size:22px;cursor:pointer;font-family:inherit;line-height:1;padding:4px 8px}.project-close:hover{color:var(--accent-hi)}.project-panel-head{display:flex;align-items:center;gap:16px;margin-bottom:18px}.project-panel-head h2{margin:0;font-size:18px;font-weight:600;letter-spacing:.02em;font-family:Inter,system-ui,sans-serif}.project-hero{margin:-8px -10px 18px;border-radius:8px;overflow:hidden;border:1px solid rgba(158,200,224,.08)}.project-hero img{display:block;width:100%;height:auto;object-fit:cover}.project-swatch{width:48px;height:48px;border-radius:10px;flex-shrink:0}.project-summary{font-size:13px;line-height:1.55;color:#dcebffd1;margin:0 0 20px}.project-links{display:flex;flex-direction:column;gap:8px;padding-top:14px;border-top:1px solid rgba(158,200,224,.08)}.project-link{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.2em;color:var(--accent-hi);text-decoration:none;padding:6px 0;transition:color .15s}.project-link:hover{color:#fff}.project-link-muted{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.2em;color:#9ec8e059;padding:6px 0}:root{--board: #d5d8d1;--board-deep: #c3c7bf;--sheet: #ffffff;--copy-yellow: #f7dc5b;--copy-pink: #f3bccb;--copy-green: #c9e4c4;--print: #a51f18;--print-soft: rgba(165, 31, 24, .32);--ink: #18181a;--body: #2c2c2f;--muted: #55565a;--pen: #1b47ad;--form: "Barlow Condensed", "Arial Narrow", sans-serif;--text: "Barlow", system-ui, sans-serif;--hand: "Caveat", "Segoe Print", cursive;--gutter: clamp(16px, 4vw, 48px);--max: 1200px;--lift: 0 1px 1px rgba(40, 42, 38, .18), 0 8px 22px -6px rgba(40, 42, 38, .28)}.landing,.landing *,.landing *:before,.landing *:after{box-sizing:border-box}html.is-landing,html.is-landing body,html.is-landing #root{width:auto;height:auto;overflow:visible;color:var(--ink);font-family:var(--text)}html.is-landing #root{background:transparent}html.is-landing{background:var(--board);scroll-behavior:smooth;overflow-x:clip;scrollbar-color:var(--print) var(--board-deep)}html.is-landing body{margin:0;color:var(--ink);font-family:var(--text);font-size:17px;line-height:1.55;background:var(--board);background-image:radial-gradient(rgba(0,0,0,.045) 1px,transparent 1.4px),radial-gradient(rgba(255,255,255,.35) 1px,transparent 1.4px);background-size:7px 7px,11px 11px;background-position:0 0,3px 5px;-webkit-font-smoothing:antialiased;caret-color:var(--pen)}html.is-landing ::selection{background:var(--copy-yellow);color:var(--ink)}:where(.landing) a{color:var(--print);text-decoration-thickness:1.5px;text-underline-offset:3px}:where(.landing) a:hover{color:var(--ink)}:where(.landing) :focus-visible{outline:3px solid var(--pen);outline-offset:3px}@media (prefers-reduced-motion: reduce){html.is-landing{scroll-behavior:auto}.landing *,.landing *:before,.landing *:after{animation:none!important;transition:none!important}}.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gutter)}.caps{font-family:var(--form);text-transform:uppercase;letter-spacing:.07em;font-weight:700}.letterhead{padding-block:22px 18px}.letterhead .wrap{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;justify-content:space-between}.mark{display:flex;align-items:baseline;gap:12px;text-decoration:none;color:var(--ink)}.mark b{font-family:var(--form);font-weight:800;font-size:30px;letter-spacing:.01em;line-height:1}.mark span{font-family:var(--form);font-weight:600;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.tabs{display:flex;flex-wrap:wrap;gap:6px 22px;align-items:center}.tabs a{font-family:var(--form);font-weight:700;font-size:17px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink);text-decoration:none;padding-block:4px;border-bottom:2px solid transparent}.tabs a:hover,.tabs a[aria-current=page]{border-bottom-color:var(--print)}.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--form);font-weight:800;text-transform:uppercase;letter-spacing:.05em;font-size:19px;text-decoration:none;padding:12px 22px;border:2px solid var(--print);cursor:pointer;transition:transform .15s ease-out,box-shadow .15s ease-out}.btn-red{background:var(--print);color:#fff;box-shadow:0 2px #7d140f,0 6px 14px -6px #7d140f99}.btn-red:hover{color:#fff;transform:translateY(-1px);box-shadow:0 3px #7d140f,0 10px 18px -8px #7d140f99}.btn-line{background:transparent;color:var(--print)}.btn-line:hover{background:var(--sheet);color:var(--print)}.tabs .btn{font-size:16px;padding:8px 16px;color:#fff}.btn svg{width:18px;height:18px}.sheet{position:relative;background:var(--sheet);box-shadow:var(--lift);padding:clamp(24px,4vw,52px)}.sheet.perf{padding-top:calc(clamp(24px,4vw,52px) + 18px)}.sheet.perf:before{content:"";position:absolute;left:0;right:0;top:0;height:18px;background:#f1f1ee;border-bottom:2px dashed #b9bab4}.form-head{display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;align-items:flex-end;border-bottom:3px solid var(--print);padding-bottom:10px;margin-bottom:26px;color:var(--print)}.form-head h2{margin:0;font-family:var(--form);font-weight:800;font-size:clamp(30px,4vw,46px);line-height:.95;text-transform:uppercase;letter-spacing:.01em}.form-head p{margin:0;font-family:var(--text);font-weight:500;font-size:16px;color:var(--ink);max-width:46ch;text-align:right;line-height:1.45}.label{font-family:var(--form);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:14px;color:var(--print);margin:0 0 6px}.hand{font-family:var(--hand);color:var(--pen);font-weight:600}.hero{padding-block:clamp(8px,2vw,20px) clamp(48px,7vw,96px)}.hero .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,4vw,64px);align-items:center}.hero-sheet h1{font-family:var(--text);font-weight:700;font-size:clamp(36px,4.6vw,58px);line-height:1.02;letter-spacing:-.02em;margin:0 0 22px;text-wrap:balance;max-width:17ch}.hero-sheet .lede{font-size:clamp(17px,1.45vw,19.5px);line-height:1.55;color:var(--body);margin:0 0 22px;max-width:52ch}.firm{display:flex;flex-wrap:wrap;border:2px solid var(--print);margin:0 0 28px}.firm div{flex:1 1 auto;padding:7px 12px 9px;border-right:1px solid var(--print-soft);border-bottom:1px solid var(--print-soft)}.firm dt{font-family:var(--form);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:12.5px;color:var(--print)}.firm dd{margin:2px 0 0;font-weight:600;font-size:16px}.actions{display:flex;flex-wrap:wrap;gap:14px}.stack{position:relative;min-height:640px;list-style:none;margin:0;padding:0}.slip{position:absolute;width:min(100%,400px);padding:18px 22px 22px;box-shadow:var(--lift);background:var(--sheet);color:var(--ink)}.slip h2,.slip h3{margin:0 0 6px;font-family:var(--form);font-weight:800;font-size:26px;text-transform:uppercase;letter-spacing:.01em;color:var(--print);line-height:1}.slip p{margin:0;font-size:15.5px;line-height:1.5}.slip .row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--print-soft);padding-bottom:8px;margin-bottom:10px}.slip .row span{font-family:var(--form);font-weight:700;text-transform:uppercase;letter-spacing:.07em;font-size:13px;color:var(--print)}.slip a{font-family:var(--form);font-weight:700;font-size:17px;letter-spacing:.03em;display:inline-block;margin-top:10px}.slip.y{background:var(--copy-yellow)}.slip.p{background:var(--copy-pink)}.slip.g{background:var(--copy-green)}.stack .slip:nth-child(1){top:0;left:2%;transform:rotate(-3deg);z-index:1}.stack .slip:nth-child(2){top:222px;left:14%;transform:rotate(2deg);z-index:2}.stack .slip:nth-child(3){top:430px;left:4%;transform:rotate(-1deg);z-index:3}.stamp{position:absolute;right:14px;top:12px;transform:rotate(-11deg);font-family:var(--form);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:15px;color:var(--print);border:2.5px solid var(--print);padding:2px 8px;opacity:.82;border-radius:3px;mix-blend-mode:multiply}.stack .slip .stamp{right:18px;top:16px}section.part{padding-block:clamp(36px,5vw,72px);scroll-margin-top:12px}.intro{max-width:62ch;color:var(--body);margin:0 0 24px;font-size:18px}.work-lines{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(20px,3vw,48px)}.work-lines li{border-bottom:1px solid var(--print-soft)}.work-lines label{display:grid;grid-template-columns:30px minmax(0,1fr);gap:4px 14px;padding:14px 0 16px;cursor:pointer}.work-lines strong{font-family:var(--form);font-weight:800;font-size:23px;text-transform:uppercase;letter-spacing:.015em;line-height:1.1}.work-lines span.d{grid-column:2;color:var(--body);font-size:16px;line-height:1.5}.work-lines span.eg{grid-column:2;color:var(--muted);font-size:15px}.group-label{grid-column:1 / -1;font-family:var(--form);font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:14px;color:var(--print);padding:18px 0 4px;border-bottom:2px solid var(--print)!important}.tick{position:relative;width:26px;height:26px;margin-top:2px}.tick input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;margin:0;cursor:pointer}.tick i{position:absolute;top:0;right:0;bottom:0;left:0;border:2.5px solid var(--print);background:var(--sheet)}.tick svg{position:absolute;left:-2px;top:-8px;width:34px;height:34px;overflow:visible;pointer-events:none}.tick path{fill:none;stroke:var(--pen);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;transition:stroke-dashoffset .35s cubic-bezier(.2,.8,.2,1)}.tick input:checked~svg path{stroke-dashoffset:0}.tick input:focus-visible~i{outline:3px solid var(--pen);outline-offset:3px}.legend{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0 0 26px;padding:0;list-style:none;font-weight:600;font-size:15.5px}.legend li{display:flex;align-items:center;gap:8px}.legend i{width:22px;height:16px;box-shadow:0 1px 2px #00000040}.drawer{margin-bottom:36px}.drawer h3{font-family:var(--form);font-weight:800;font-size:28px;text-transform:uppercase;margin:0 0 6px}.drawer>p{margin:0 0 16px;color:var(--body);max-width:70ch}.slips{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:18px}.slips .slip{position:relative;width:auto;transform:rotate(var(--r, 0deg));transition:transform .2s ease-out;display:flex;flex-direction:column}.slips .slip:hover{transform:rotate(0) translateY(-3px)}.slips .slip h3,.slips .slip h4{margin:0 0 6px;font-family:var(--form);font-weight:800;font-size:22px;text-transform:uppercase;letter-spacing:.01em;line-height:1.15;color:var(--print);padding-right:64px}.slips .slip p{flex:1}.slips .stamp{font-size:12px;right:10px;top:12px;padding:1px 6px}.terms{columns:2 320px;column-gap:clamp(24px,4vw,56px)}.terms p{margin:0 0 14px;color:var(--body);break-inside:avoid}.terms b{font-family:var(--form);text-transform:uppercase;letter-spacing:.05em;font-size:18px;color:var(--ink)}.fit{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(20px,3vw,48px);margin-top:26px}.fit ul{list-style:none;margin:0;padding:0}.fit li{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:start;padding:9px 0;border-bottom:1px solid var(--print-soft)}.fit svg{width:24px;height:24px;margin-top:2px}.fit .yes path{stroke:var(--pen)}.fit .no path{stroke:var(--print)}.fit path{fill:none;stroke-width:3;stroke-linecap:round}.rules{width:100%;border-collapse:collapse}.rules th,.rules td{text-align:left;vertical-align:top;padding:14px 16px 14px 0;border-bottom:1px solid var(--print-soft)}.rules th{font-family:var(--form);font-weight:800;text-transform:uppercase;font-size:21px;letter-spacing:.02em;width:26%}.rules td{color:var(--body)}.rules td.n{font-family:var(--form);font-weight:800;font-size:34px;color:var(--print);width:1%;white-space:nowrap;font-variant-numeric:lining-nums}.rules-wrap{overflow-x:auto}.order .fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:8px 0 18px}.field{border:2px solid var(--print);padding:8px 12px 10px;display:flex;flex-direction:column;background:var(--sheet)}.field label{font-family:var(--form);font-weight:700;text-transform:uppercase;letter-spacing:.07em;font-size:13.5px;color:var(--print)}.field textarea{border:0;resize:vertical;min-height:96px;font-family:var(--hand);font-size:25px;line-height:1.15;color:var(--pen);background:transparent;padding:4px 0 0}.field textarea::placeholder{color:#5a75b8}.field textarea:focus{outline:none}.field:focus-within{box-shadow:0 0 0 3px var(--pen)}.chosen{margin:0 0 18px;min-height:30px}.chosen .hand{font-size:25px}.send{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between;border-top:1px solid var(--print-soft);padding-top:18px}.send p{margin:0;max-width:54ch;color:var(--body)}.email{font-weight:700;color:var(--ink);-webkit-user-select:all;user-select:all}.foot{padding-block:28px 56px}.foot .wrap{display:flex;flex-wrap:wrap;gap:10px 28px;justify-content:space-between;font-family:var(--form);font-weight:600;letter-spacing:.05em;text-transform:uppercase;font-size:15px;color:var(--muted)}.foot a{color:var(--ink)}@media (max-width: 900px){.hero .wrap{grid-template-columns:1fr}.stack{min-height:0;display:grid;gap:14px}.stack .slip{position:relative;top:auto!important;left:auto!important;width:100%}.stack .slip:nth-child(n+3){display:none}.work-lines,.fit,.order .fields{grid-template-columns:1fr}.form-head p{text-align:left}}@media (max-width: 560px){.mark span{display:none}.tabs{gap:4px 16px}.tabs a{font-size:15.5px}.rules th{width:auto}}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-vietnamese-standard-normal-Br4FGdAc.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-ext-standard-normal-qp-RdZgh.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(/assets/bricolage-grotesque-latin-standard-normal-C5Lc8Qmc.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}