:root{--ink: #ece9e1;--ink-dim: #9a988f;--bg: #0a0b0f;--panel: #0d0f15;--panel-2: #12151d;--line: #23262f;--accent: #cdfd50;--accent-2: #6c8cff;--lamp: #ffb877;--display: "Bricolage Grotesque", serif;--body: "Manrope", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--ease: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--body);overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.webgl{position:fixed;top:0;right:0;bottom:0;left:0;outline:none}.webgl canvas{display:block;touch-action:none}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 50% 30%,#14161d,#07080b 70%);transition:opacity 1s var(--ease),visibility 1s var(--ease);gap:34px;padding:24px;text-align:center}#loader.hidden{opacity:0;visibility:hidden}.brand-mark{font-family:var(--display);font-weight:800;letter-spacing:-.04em;font-size:clamp(34px,7vw,64px);line-height:.95}.brand-mark .dot,.brand-sub .dot{color:var(--accent)}.brand-sub{font-family:var(--mono);font-size:12px;letter-spacing:.35em;color:var(--ink-dim);text-transform:uppercase}.bar{width:min(280px,70vw);height:2px;background:var(--line);position:relative;overflow:hidden;border-radius:2px}.bar>i{position:absolute;top:0;right:0;bottom:0;left:0;width:0%;background:var(--accent);transition:width .25s linear}.loadpct{font-family:var(--mono);font-size:12px;color:var(--ink-dim);letter-spacing:.2em}.enter-btn{font-family:var(--mono);text-transform:uppercase;letter-spacing:.25em;font-size:12px;color:#07080b;background:var(--accent);border:none;cursor:pointer;padding:16px 30px;border-radius:100px;opacity:0;transform:translateY(8px);transition:opacity .6s var(--ease),transform .6s var(--ease),filter .2s ease;pointer-events:none}.enter-btn.ready{opacity:1;transform:none;pointer-events:auto}.enter-btn:hover{filter:brightness(1.08)}.skip-link{font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--ink-dim);text-decoration:none;border-bottom:1px solid transparent}.skip-link:hover{color:var(--ink);border-color:var(--line)}.hint{position:fixed;left:50%;bottom:34px;transform:translate(-50%) translateY(10px);z-index:20;font-family:var(--mono);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);background:#0a0b0f8c;border:1px solid var(--line);padding:10px 16px;border-radius:100px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .7s var(--ease),transform .7s var(--ease);white-space:nowrap;pointer-events:none}.hint.show{opacity:1;transform:translate(-50%) translateY(0)}.hint b{color:var(--accent);font-weight:500}.corner{position:fixed;top:22px;left:24px;z-index:20;font-family:var(--display);font-weight:800;letter-spacing:-.03em;font-size:18px;opacity:.92;pointer-events:none}.corner .dot{color:var(--accent)}.screen-cta{position:fixed;z-index:21;pointer-events:none;transform:translate(-50%,-50%);font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#07080b;background:var(--accent);padding:7px 13px;border-radius:100px;opacity:0;transition:opacity .35s var(--ease);box-shadow:0 8px 30px #cdfd5059}.screen-cta.show{opacity:1}#site{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:clamp(0px,3vw,46px);opacity:0;visibility:hidden;transition:opacity .55s var(--ease),visibility .55s var(--ease)}#site.open{opacity:1;visibility:visible}.window{width:min(1180px,100%);height:min(760px,100%);background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 50px 120px #000000b3,0 0 0 1px #ffffff05 inset;transform:scale(.965);transition:transform .55s var(--ease)}#site.open .window{transform:none}.chrome{flex:0 0 auto;display:flex;align-items:center;gap:14px;padding:11px 14px;background:#0a0c11;border-bottom:1px solid var(--line)}.lights{display:flex;gap:8px}.lights span{width:12px;height:12px;border-radius:50%;display:block}.lights .r{background:#ff5f57;cursor:pointer;transition:filter .15s}.lights .r:hover{filter:brightness(1.25)}.lights .y{background:#febc2e}.lights .g{background:#28c840}.url{flex:1;display:flex;align-items:center;gap:9px;background:#070809;border:1px solid var(--line);border-radius:8px;padding:7px 12px;font-family:var(--mono);font-size:12px;color:var(--ink-dim);max-width:520px}.url .lock{color:var(--accent)}.exit{margin-left:auto;font-family:var(--mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-dim);border:1px solid var(--line);background:transparent;border-radius:7px;padding:7px 12px;cursor:pointer;transition:.2s;white-space:nowrap}.exit:hover{color:var(--ink);border-color:var(--accent)}.nav{flex:0 0 auto;display:flex;align-items:center;gap:28px;padding:0 clamp(20px,4vw,46px);height:64px;border-bottom:1px solid var(--line);background:#0a0c1199}.nav .logo{font-family:var(--display);font-weight:800;letter-spacing:-.03em;font-size:20px}.nav .logo .dot{color:var(--accent)}.nav .links{margin-left:auto;display:flex;gap:6px}.nav button.link{background:none;border:none;color:var(--ink-dim);cursor:pointer;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:9px 14px;border-radius:7px;transition:.2s}.nav button.link:hover{color:var(--ink)}.nav button.link.active{color:#07080b;background:var(--accent)}.viewport{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.viewport::-webkit-scrollbar{width:9px}.viewport::-webkit-scrollbar-thumb{background:var(--line);border-radius:9px}section.page{animation:fade .5s var(--ease)}@keyframes fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.wrap{padding:clamp(34px,6vw,86px) clamp(20px,5vw,72px);max-width:1100px;margin:0 auto}.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.3em;text-transform:uppercase;color:var(--accent)}h1.hero{font-family:var(--display);font-weight:800;letter-spacing:-.045em;line-height:.92;font-size:clamp(44px,9vw,104px);margin:22px 0 0}h1.hero .out{-webkit-text-stroke:1.4px var(--ink);color:transparent}.lede{font-size:clamp(16px,2.4vw,21px);color:var(--ink-dim);max-width:60ch;margin-top:26px;line-height:1.6}.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:38px}.btn{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;padding:15px 26px;border-radius:100px;border:1px solid var(--line);background:transparent;color:var(--ink);transition:.2s}.btn.primary{background:var(--accent);color:#07080b;border-color:var(--accent)}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;padding:18px 0;background:#0b0d12;white-space:nowrap}.marquee .track{display:inline-flex;gap:46px;white-space:nowrap;animation:scroll 26s linear infinite;font-family:var(--display);font-weight:800;font-size:clamp(22px,3.4vw,40px);letter-spacing:-.02em;color:var(--ink-dim)}.marquee .track .hi{color:var(--accent)}@keyframes scroll{to{transform:translate(-50%)}}.grid{display:grid;gap:18px}.stat-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:8px}.stat{border:1px solid var(--line);border-radius:12px;padding:24px;background:var(--panel-2)}.stat .n{font-family:var(--display);font-weight:800;font-size:40px;letter-spacing:-.03em}.stat .n .dot{color:var(--accent)}.stat .l{font-family:var(--mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-dim);margin-top:6px}h2.sec{font-family:var(--display);font-weight:800;letter-spacing:-.035em;font-size:clamp(30px,5vw,56px);line-height:1}.sec-lede{color:var(--ink-dim);max-width:62ch;margin-top:18px;line-height:1.65;font-size:16.5px}.svc-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:42px}.svc{border:1px solid var(--line);border-radius:14px;padding:30px;background:var(--panel-2);transition:.25s var(--ease);position:relative;overflow:hidden}.svc:hover{transform:translateY(-4px);border-color:var(--accent)}.svc .num{font-family:var(--mono);font-size:12px;color:var(--accent);letter-spacing:.2em}.svc h3{font-family:var(--display);font-weight:600;font-size:23px;margin:16px 0 10px;letter-spacing:-.02em}.svc p{color:var(--ink-dim);font-size:14.5px;line-height:1.6}.work-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:42px}.work{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel-2);cursor:pointer;transition:.25s var(--ease)}.work:hover{transform:translateY(-4px);border-color:var(--accent)}.work .thumb{aspect-ratio:16 / 10;position:relative}.work .meta{padding:18px 20px;display:flex;align-items:center;justify-content:space-between}.work .meta h3{font-family:var(--display);font-weight:600;font-size:19px;letter-spacing:-.02em}.work .meta .tag{font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim)}.about-grid{grid-template-columns:1.3fr .9fr;gap:40px;margin-top:42px;align-items:start}@media (max-width: 760px){.about-grid{grid-template-columns:1fr}}.about p{color:var(--ink-dim);line-height:1.75;font-size:16.5px;margin-bottom:18px}.about p strong{color:var(--ink);font-weight:600}.vals{border:1px solid var(--line);border-radius:14px;background:var(--panel-2);padding:8px 22px}.vals .row{display:flex;justify-content:space-between;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.vals .row:last-child{border-bottom:none}.vals .row span:first-child{font-family:var(--mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-dim)}.vals .row span:last-child{font-family:var(--display);font-weight:600}.contact-card{border:1px solid var(--line);border-radius:18px;background:linear-gradient(160deg,#11141b,#0a0c11);padding:clamp(30px,5vw,60px);margin-top:30px}.field{margin-bottom:18px}.field label{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);display:block;margin-bottom:8px}.field input,.field textarea{width:100%;background:#070809;border:1px solid var(--line);border-radius:10px;color:var(--ink);padding:14px 16px;font-family:var(--body);font-size:15px;resize:vertical}.field input:focus,.field textarea:focus{outline:none;border-color:var(--accent)}.contact-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 560px){.contact-two{grid-template-columns:1fr}}footer.foot{border-top:1px solid var(--line);padding:28px clamp(20px,5vw,72px);display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;color:var(--ink-dim);font-family:var(--mono);font-size:12px;letter-spacing:.1em}footer.foot .dot{color:var(--accent)}.reveal{opacity:0;transform:translateY(22px)}.reveal.in{opacity:1;transform:none;transition:opacity .7s var(--ease),transform .7s var(--ease)}