:root{--night:#0b2228;--deep:#0f2e36;--teal:#2d6a70;--bone:#f2e8d5;--amber:#f2a93b;--signal:#e8391c;--line:#f2e8d533;--sans:"Inter Tight", system-ui, sans-serif;--display:"Bricolage Grotesque", "Inter Tight", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace;--gut:clamp(16px, 2.6vw, 40px);--out:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--night);-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{color:var(--bone);background:var(--night) url(/plates/hero.webp) center / cover fixed no-repeat;font:400 16px/1.45 var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}h1,h2,h3,p,dl,dd,ol{margin:0;padding:0}ol{list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:focus-visible{outline:2px solid var(--amber);outline-offset:3px}em{color:var(--amber);font-style:normal}#stage{opacity:0;width:100%;height:100%;display:block;position:fixed;inset:0}.ring{z-index:60;pointer-events:none;opacity:0;width:0;height:0;position:fixed;top:0;left:0}.ring b{border:1px solid var(--amber);transform-origin:50%;width:18px;height:18px;transition:left .35s var(--out), top .35s var(--out), width .35s var(--out), height .35s var(--out), background .35s;position:absolute;top:-9px;left:-9px}.ring:after{content:"";background:var(--amber);width:4px;height:4px;position:absolute;top:-2px;left:-2px}.ring.hot b{background:#f2a93b29;width:48px;height:48px;top:-24px;left:-24px}html.cursor-on,html.cursor-on *{cursor:none!important}.pill{font:500 13px/1 var(--mono);white-space:nowrap;clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);transition:background .4s var(--out), color .4s var(--out), transform .55s cubic-bezier(.625, .05, 0, 1);align-items:center;gap:8px;padding:11px 18px;display:inline-flex}.pill.solid{background:var(--bone);color:var(--night)}.pill.solid:hover{background:var(--amber)}.pill.go{background:var(--amber);color:var(--night);padding:15px 22px}.pill.go:hover{background:var(--bone);transform:translateY(-2px)}.pill.go i{transition:transform .55s var(--out);font-style:normal}.pill.go:hover i{transform:translate(2px,2px)}.pill.ghost{color:var(--bone);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b22288c}.pill.line{background:#f2e8d51f}.pill.line:hover{background:var(--bone);color:var(--night)}.bar{z-index:20;padding:20px var(--gut);align-items:center;gap:26px;font-size:14px;display:flex;position:fixed;inset:0 0 auto}.brand{font:600 22px/1 var(--display);letter-spacing:-.03em;align-items:center;gap:10px;margin-right:auto;display:flex}.brand img{width:34px;height:34px}.bar nav{font-family:var(--mono);gap:26px;font-size:13px;display:flex}.bar nav a{line-height:1.3;display:inline-block;overflow:hidden}.roll{transition:transform .6s var(--out);display:inline-block;position:relative}.roll:after{content:attr(data-text);white-space:nowrap;color:var(--amber);position:absolute;top:100%;left:0}.bar nav a:hover .roll{transform:translateY(-100%)}.lang{width:36px;height:36px;font:500 12px/1 var(--mono);background:#f2e8d51f;transition:background .3s}.lang:hover{background:#f2e8d547}.sound{z-index:20;left:var(--gut);bottom:var(--gut);background:var(--amber);width:42px;height:42px;transition:transform .55s var(--out);justify-content:center;align-items:center;gap:2px;display:flex;position:fixed}.sound:hover{transform:scale(1.08)}.sound i{background:var(--night);width:2px;height:2px;transition:height .3s}.sound[aria-pressed=true] i{animation:1.1s ease-in-out infinite alternate wave}.sound i:nth-child(2){animation-delay:-.3s}.sound i:nth-child(3){animation-delay:-.6s}.sound i:nth-child(4){animation-delay:-.15s}.sound i:nth-child(5){animation-delay:-.45s}@keyframes wave{0%{height:3px}to{height:16px}}.gate{z-index:50;background:var(--amber);color:var(--night);position:fixed;inset:0}.gate-open,.gate-cover{padding:0 var(--gut);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.gate-open img{width:84px;height:84px;margin-bottom:8px}.gate-cover{background:var(--night);color:#f2e8d580;clip-path:inset(0)}.gate-letter{width:84px;height:92px;font:600 58px/1 var(--display);color:var(--amber);place-items:center;display:grid}.gate-name{font:600 22px/1 var(--display);letter-spacing:-.03em}.gate-text{max-width:32ch;font-size:14px;line-height:1.35}.gate .pill.go{background:var(--night);color:var(--bone);margin-top:14px}.gate .pill.go:hover{background:var(--signal)}.gate-silent{left:50%;bottom:var(--gut);font:500 12px/1 var(--mono);text-underline-offset:3px;text-decoration:underline;position:absolute;transform:translate(-50%)}.hero{min-height:100svh;padding:clamp(96px, 16vh, 150px) var(--gut) 0;flex-direction:column;align-items:flex-start;display:flex;position:relative}.eyebrow{font:500 clamp(12px, 1vw, 15px)/1.3 var(--mono);letter-spacing:.02em;text-transform:uppercase}h1{margin:14px 0 24px;font-weight:500}h1 .l1,h1 .l2{font:600 clamp(36px, 5vw, 96px)/1 var(--display);letter-spacing:-.035em;white-space:nowrap;display:block}h1 .l1{color:var(--bone)}h1 .l2{color:var(--amber)}.gl h1 .l1,.gl h1 .l2,.gl .eyebrow.baked{color:#0000}.gl .eyebrow,.gl .pill.go,.gl .hero-foot{opacity:calc(1 - var(--fold,0) * 5)}.gate .pill.go{opacity:1!important}html:not(.gl) .works,html:not(.gl) .services,html:not(.gl) .contact{background:var(--night)}.hero-foot{left:calc(var(--gut) + 54px);right:var(--gut);bottom:var(--gut);justify-content:space-between;align-items:center;min-height:42px;display:flex;position:absolute}.status i{background:var(--amber);width:7px;height:7px;box-shadow:0 0 8px var(--amber)}.copyright{font:400 13px/1 var(--mono)}.works,.services,.contact{padding:clamp(64px, 10vh, 110px) var(--gut);position:relative}.works{min-height:100svh;padding-top:96px}h2{font:600 clamp(36px, 4.8vw, 84px)/1 var(--display);letter-spacing:-.045em}.filters{flex-wrap:wrap;gap:6px;margin:22px 0 40px;display:flex}.filters button{font:500 12px/1 var(--mono);background:#f2e8d51a;padding:8px 13px;transition:background .3s,color .3s}.filters button sup{opacity:.7;margin-left:3px;font-size:9px}.filters button[aria-pressed=true]{background:var(--amber);color:var(--night)}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 2.4vw;display:grid}.card{min-width:0}.card[hidden]{display:none}.media{aspect-ratio:16/9.4;background:#f2e8d50f;width:100%;padding:0;display:block;position:relative;overflow:hidden}.media img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.gl .media img{opacity:0}.gl .media{background:0 0}.meta{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:end;gap:0 16px;padding:12px 0 11px;display:grid}.meta h3{font:600 19px/1.2 var(--display);letter-spacing:-.02em}.meta p{opacity:.72;grid-column:1;font-size:14px}.meta span{color:var(--amber);transition:transform .55s var(--out);grid-area:1/2/3}.card:hover .meta span{transform:translate(3px,3px)}.numbers{flex-wrap:wrap;gap:clamp(28px,6vw,96px);margin:36px 0 52px;display:flex}.numbers dd{font:600 clamp(30px, 3.4vw, 54px)/1 var(--display);letter-spacing:-.04em;color:var(--amber)}.numbers dt{opacity:.75;max-width:20ch;margin-top:6px;font-size:13px}.columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4vw;display:grid}.columns h3{font:600 clamp(24px, 2.2vw, 34px)/1.1 var(--display);letter-spacing:-.03em;border-bottom:1px solid var(--amber);padding-bottom:14px}.columns li{border-bottom:1px solid var(--line);padding:12px 0;font-size:17px}.process{font:400 12px/1 var(--mono);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:48px;display:flex}.process li{counter-increment:step}.process li:before{content:counter(step, decimal-leading-zero) " ";color:var(--amber)}.offers-title{margin-top:clamp(64px,10vh,110px)}.offers{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:36px 0 20px;display:grid}.offers article{border-top:2px solid var(--amber);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0b22289e;flex-direction:column;gap:8px;min-height:220px;padding:20px;display:flex}.offers h3{font:600 clamp(22px, 1.9vw, 30px)/1.1 var(--display);letter-spacing:-.03em}.offers p{font-size:14px}.offers .price{font:600 clamp(19px, 1.5vw, 23px)/1.15 var(--display);letter-spacing:-.02em;color:var(--amber);margin-top:auto}.offers .robux{font:400 12px/1.2 var(--mono);opacity:.7}.reach{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.brief{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 2.4vw;max-width:900px;margin:36px 0 0;display:grid}.brief label{font:500 12px/1.3 var(--mono);flex-direction:column;gap:6px;display:flex}.brief .wide{grid-column:1/-1}.brief input,.brief select,.brief textarea{width:100%;font:400 18px/1.3 var(--sans);color:inherit;border:0;border-bottom:1px solid var(--line);resize:vertical;background:0 0;border-radius:0;outline:none;padding:11px 0}.brief select option{color:var(--night)}.brief input:focus,.brief select:focus,.brief textarea:focus{border-bottom-color:var(--amber)}.brief .pill{clip-path:none;justify-content:center;padding:15px}.brief output{white-space:pre-wrap;font:400 13px/1.5 var(--mono);-webkit-user-select:all;user-select:all;background:#f2e8d514;padding:14px}.note{opacity:.78;max-width:900px;margin-top:22px;font-size:13px}.viewer{width:min(1100px,94vw);max-height:94vh;color:var(--bone);background:var(--night);border:0;padding:0}.viewer::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#051216c7}.frame{aspect-ratio:16/9;background:#000;width:100%;max-height:72vh}.frame:empty{display:none}.frame iframe{border:0;width:100%;height:100%;display:block}.viewer-meta{justify-items:start;gap:8px;padding:18px 20px 22px;display:grid}.viewer h3{font:600 24px/1.1 var(--display);letter-spacing:-.03em}.close{z-index:1;position:absolute;top:12px;right:12px}.anim .rise{opacity:0;transform:translateY(26px)}.anim .rise.in{opacity:1;transition:opacity 1s var(--out) calc(var(--i,0) * 70ms), transform 1.2s var(--out) calc(var(--i,0) * 70ms);transform:none}@media (width<=760px){body{background-image:url(/plates/hero_p.webp)}.bar{gap:10px;padding-block:14px}.bar nav{display:none}.brand{font-size:18px}.brand img{width:30px;height:30px}.lang{width:32px;height:32px}.pill.solid{padding:9px 11px;font-size:11px}.sound{width:38px;height:38px}.hero{padding-top:92px}.hero-foot{left:calc(var(--gut) + 50px)}.grid,.columns,.brief,.offers{grid-template-columns:minmax(0,1fr)}.offers article{min-height:0}}@media (hover:none){.ring{display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.ring{display:none}.sound i{height:8px}}
