:root{--bg:#efe9dc;--bg2:#e6dfcf;--ink:#1c1b19;--ink2:#3a3833;--muted:#77716515;--mute:#7a7468;--line:#d3cab7;--red:#e2412f;--orange:#f08a1c;--yellow:#f5c22c;--green:#3d9e4f;--blue:#2b86cf;--lcd:#23211b;--lcd-ink:#ffc94a;--lcd-dim:#8a7333;--cond:"Barlow Semi Condensed", "Arial Narrow", sans-serif;--body:"Barlow", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font:18px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit}img{max-width:100%;height:auto;display:block}.wrap{max-width:1240px;margin:0 auto;padding:0 24px}.hud{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-size:12px}.hud b{color:var(--ink);font-weight:500}h1,h2,h3{font-family:var(--cond);text-transform:uppercase;letter-spacing:-.005em;line-height:.92}.stripe{background:var(--orange);height:6px}.stripe i{display:none}.mark{flex:none;width:32px;height:32px;display:block}.model .mark{width:20px;height:20px}nav{z-index:20;backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#efe9dce0;position:sticky;top:0}nav .wrap{justify-content:space-between;align-items:center;height:64px;display:flex}#compass .needle{transform-box:view-box;transform-origin:32px 32px}.brand{font-family:var(--cond);text-transform:uppercase;letter-spacing:.01em;align-items:center;gap:12px;font-size:22px;font-weight:800;text-decoration:none;display:flex}nav ul{align-items:center;gap:28px;padding:0;list-style:none;display:flex}nav ul a{font-family:var(--cond);text-transform:uppercase;letter-spacing:.04em;color:var(--ink2);font-size:16px;font-weight:700;text-decoration:none}nav ul a:hover{color:var(--orange)}.btn{font-family:var(--cond);text-transform:uppercase;letter-spacing:.05em;background:var(--ink);color:var(--bg);border-radius:4px;align-items:center;gap:10px;padding:13px 22px;font-size:17px;font-weight:800;text-decoration:none;transition:transform .12s,background .2s;display:inline-flex}.btn:hover{background:#000;transform:translateY(-2px)}.btn.ghost{color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink);background:0 0}.btn.ghost:hover{background:var(--ink);color:var(--bg)}nav .btn{padding:9px 16px;font-size:15px}.hero{padding:64px 0 88px}.hero .wrap{grid-template-columns:1fr 470px;align-items:center;gap:56px;display:grid}.hero h1{margin:18px 0 26px;font-size:clamp(60px,9.4vw,136px);font-weight:800}.hero h1 span{color:var(--orange)}.hero .lede{color:var(--ink2);max-width:30ch;font-size:21px}.hero .lede b{color:var(--ink);font-weight:600}.hero .ctas{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.proof{background:var(--ink);color:var(--bg)}.proof .wrap{grid-template-columns:repeat(4,1fr);display:grid}.pf{padding:34px 22px 36px 0}.pf+.pf{border-left:1px solid #3a3833;padding-left:22px}.pf .v{font-family:var(--cond);color:var(--orange);font-size:clamp(44px,5vw,68px);font-weight:800;line-height:.9}.pf p{color:#b9b2a3;max-width:24ch;margin-top:10px;font-size:15px;line-height:1.45}section.s{padding:112px 0}.shead{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:24px;margin-bottom:40px;display:flex}.shead h2{font-size:clamp(44px,6vw,84px);font-weight:800}.shead p{max-width:42ch;color:var(--ink2)}.log{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}@media (width<=1200px){.log{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;grid-template-columns:none;grid-auto-columns:clamp(220px,27%,280px);grid-auto-flow:column;margin:0 -24px;padding:8px 24px 18px;scroll-padding-inline:24px;overflow-x:auto}.log>.slot{scroll-snap-align:start}}.card{border:1px solid var(--line);background:#f7f3ea;border-radius:8px;flex-direction:column;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.slot{display:flex;position:relative}.slot>.card{flex:1}.playbtn{z-index:1;font:700 13px/1 var(--cond);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);cursor:pointer;box-shadow:0 3px 0 var(--ink);border-radius:6px;padding:8px 10px;transition:transform .1s,box-shadow .1s;position:absolute;top:10px;right:10px}.playbtn:hover{box-shadow:0 4px 0 var(--ink);transform:translateY(-1px)}.playbtn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -24px #281e0a80}.card .art{aspect-ratio:3/4;background:repeating-linear-gradient(-45deg, var(--bg2) 0 12px, #ddd5c3 12px 24px);place-items:center;display:grid;position:relative;overflow:hidden}.card .art img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.card .art .ph{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);font-size:11px}.card .cap{padding:14px 16px 18px}.card h3{margin-top:6px;font-size:24px;font-weight:800}.card .cap p{color:var(--ink2);margin-top:8px;font-size:15px;line-height:1.45}.cases{border-top:2px solid var(--ink)}.case{border-bottom:1px solid var(--line);grid-template-columns:1fr 1.2fr 300px;align-items:center;gap:36px;padding:34px 0;text-decoration:none;display:grid}.case h3{font-size:clamp(28px,3vw,40px);font-weight:800}.case .tag{margin-bottom:10px}.case p{color:var(--ink2);font-size:17px}.case p b{color:var(--ink);font-weight:600}.case .img{aspect-ratio:16/10;border-radius:6px;overflow:hidden}.case .img img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.case:hover .img img{transform:scale(1.04)}.case:hover h3{color:var(--orange)}.temple{color:#efe9dc;background:#1f2a22;position:relative;overflow:hidden}.temple .wrap{grid-template-columns:1.05fr 1fr;align-items:center;gap:56px;display:grid}.temple .hud{color:#9fb3a3}.temple h2{margin:14px 0 20px;font-size:clamp(44px,6vw,84px);font-weight:800}.temple h2 span{color:var(--yellow)}.temple .intro{color:#cfd8cf;max-width:36ch;font-size:20px}.temple ul{gap:14px;margin:28px 0 32px;padding:0;list-style:none;display:grid}.temple li{color:#cfd8cf;grid-template-columns:28px 1fr;gap:10px;font-size:17px;display:grid}.temple li b{color:#fff;font-weight:600}.temple li:before{content:"";background:var(--yellow);width:12px;height:12px;margin-top:8px;transform:rotate(45deg)}.temple .btn{background:var(--yellow);color:var(--ink)}.temple .btn.ghost{color:#efe9dc;background:0 0;box-shadow:inset 0 0 0 2px #efe9dc}.tvis{position:relative}.tvis .logo{filter:drop-shadow(0 30px 40px #0006);width:100%}.tvis .chart{border-radius:8px;width:88%;margin-top:-6%;margin-left:12%;box-shadow:0 20px 40px -20px #0009}.loadout{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.tool{border:1px solid var(--line);border-top:6px solid var(--orange);background:#f7f3ea;border-radius:8px;padding:22px 20px 24px}.tool h3{margin:12px 0 8px;font-size:26px;font-weight:800}.tool p{color:var(--ink2);font-size:15px;line-height:1.5}.roster{font-family:var(--cond);text-transform:uppercase;color:var(--mute);flex-wrap:wrap;gap:10px 36px;margin-top:44px;font-size:24px;font-weight:700;display:flex}.contact{text-align:center;padding:120px 0 100px}.contact h2{margin:18px 0 34px;font-size:clamp(56px,10vw,150px);font-weight:800}.contact h2 span{color:var(--orange)}.contact .ctas{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}footer .wrap{justify-content:space-between;padding-top:22px;padding-bottom:26px;display:flex}@media (width<=1000px){.hero .wrap,.temple .wrap{grid-template-columns:1fr;gap:44px}.case{grid-template-columns:1fr;gap:14px}.case .img{order:-1}.loadout,.proof .wrap{grid-template-columns:1fr 1fr}.pf{border-left:0!important;padding:24px 12px 26px 0!important}nav ul li:not(:last-child){display:none}section.s{padding:80px 0}}@media (prefers-reduced-motion:reduce){*{transition:none!important}html{scroll-behavior:auto}}.skip{z-index:50;background:var(--ink);color:var(--bg);border-radius:4px;padding:8px 14px;position:absolute;top:8px;left:-9999px}.skip:focus{left:16px}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}footer{border-top:1px solid var(--line)}footer .wrap{flex-wrap:wrap;gap:8px 24px}footer a{text-decoration:none}footer a:hover,nav ul a[aria-current=page]{color:var(--orange)}.case-link{text-decoration:none}