:root{--sky-top: #1f5fae;--sky-upper: #4e91d2;--sky-lower: #9fcbec;--horizon: #dcebf4;--sun: #fffbeb;--sun-glow: #ffe9a0;--haze: #cfe2f0;--accent: #e8a23c;--star-opacity: 0;--daylight: 1;--sun-x: 50%;--sun-y: 30%;--mtn-0: #a9c4dc;--mtn-1: #8aa6c2;--mtn-2: #6a83a0;--mtn-3: #4c6178;--page-bg: #0a0f20;--ink: #f3f5fa;--ease: cubic-bezier(.22, .61, .36, 1);--gutter: clamp(1.2rem, 3vw, 2.4rem);--cog: 46px;--font-display: "Fraunces", serif;--font-body: "Hanken Grotesk", system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}html{background:#14233a;scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}.app{position:relative}.scene{position:fixed;top:0;right:0;bottom:0;left:0;height:100vh;z-index:0;overflow:hidden}.sky{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,var(--sky-top) 0%,var(--sky-upper) 40%,var(--sky-lower) 70%,var(--horizon) 100%);transition:background .9s linear}.sky-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 50% at var(--sun-x) var(--sun-y),var(--sun-glow),transparent 70%);mix-blend-mode:screen;opacity:.75;transition:opacity .9s linear}.stars{position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--star-opacity);transition:opacity 1.2s linear}.star{position:absolute;border-radius:50%;background:#fdfdff;opacity:var(--base);box-shadow:0 0 3px #ffffff80;animation-name:twinkle;animation-iteration-count:infinite;animation-timing-function:ease-in-out}@keyframes twinkle{0%,to{opacity:calc(var(--base) * .35);transform:scale(.85)}50%{opacity:var(--base);transform:scale(1.1)}}.clouds{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity 1.2s linear;pointer-events:none}.cloud{position:absolute;left:-260px;filter:blur(7px);animation-name:drift;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes drift{0%{transform:translate(0)}to{transform:translate(calc(100vw + 320px))}}.celestial{position:absolute;top:0;right:0;bottom:0;left:0}.sun{position:absolute;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#ffffff,var(--sun) 55%);box-shadow:0 0 40px 12px var(--sun-glow),0 0 120px 50px var(--sun-glow);transition:opacity .7s linear}.moon{position:absolute;width:68px;height:68px;margin:-34px 0 0 -34px;filter:drop-shadow(0 0 18px rgba(180,200,240,.4));transition:opacity .7s linear}.mountains{position:absolute;top:0;right:0;bottom:0;left:0}.ridge{position:absolute;left:-5%;bottom:0;width:110%;height:100%;will-change:transform;transform:translate3d(calc(var(--mx, 0) * var(--mf) * 1px),calc(var(--scroll, 0) * var(--pf) * 1px + var(--my, 0) * var(--mf) * .35px),0)}.ridge path{transition:fill .9s linear}.ridge-fore{position:relative;height:0;z-index:1;pointer-events:none;overflow-x:clip;overflow-y:visible}.ridge-fore svg{position:absolute;left:-5%;bottom:-24px;width:110%;height:100vh;height:100svh}.ground{position:absolute;left:0;right:0;bottom:0;height:14%;background:var(--page-bg);z-index:0;transition:background .9s linear}.hero{position:relative;z-index:2;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;padding:var(--gutter);pointer-events:none}.hero a,.hero button,.hero input{pointer-events:auto}.topbar{display:flex;justify-content:space-between;align-items:center}.wordmark{display:inline-flex;align-items:center;gap:.42em;font-family:var(--font-display);font-size:1.5rem;font-weight:500;letter-spacing:-.01em;color:var(--ink);text-decoration:none;text-shadow:0 1px 12px rgba(0,0,0,.3)}.wordmark-mark{flex:none;width:1.28em;height:1.28em;border-radius:50%;overflow:hidden;background:#f7f7f5;box-shadow:0 1px 12px #0000004d}.wordmark-mark img{display:block;width:106%;height:106%;margin:-5.32% 0 0 -4.39%}.wordmark-dot{color:var(--accent)}.nav-links{display:flex;gap:clamp(1rem,2.4vw,2rem)}.nav-links a{color:var(--ink);text-decoration:none;font-size:.92rem;letter-spacing:.01em;opacity:.86;text-shadow:0 1px 10px rgba(0,0,0,.3);transition:opacity .2s}.nav-links a:hover{opacity:1}.hero-body{margin-top:auto;max-width:40rem}.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:500;margin:0 0 1rem -.075em;color:var(--accent);text-shadow:0 1px 10px rgba(0,0,0,.35)}.title{font-family:var(--font-display);font-weight:400;font-size:clamp(2.6rem,7vw,5.2rem);line-height:1.02;letter-spacing:-.02em;margin:0 0 1.2rem -.04em;text-shadow:0 2px 28px rgba(0,0,0,.32)}.lede{font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.6;max-width:34rem;margin:0 0 0 -.079em;color:#f3f5faeb;text-shadow:0 1px 14px rgba(0,0,0,.3)}.sky-panel{position:absolute;right:var(--gutter);bottom:var(--gutter);z-index:3;display:flex;justify-content:flex-end}.sky-cog{width:var(--cog);height:var(--cog);display:grid;place-items:center;padding:0;border-radius:50%;color:var(--ink);background:#0a101e6b;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 12px 30px #00000047;cursor:pointer;transition:transform .25s var(--ease),background .2s,border-color .2s}.sky-cog:hover{background:#0a101e99;border-color:#ffffff47;transform:translateY(-1px)}.sky-cog svg{display:block}.sky-cog[data-open=false] svg{animation:cog-spin 16s linear infinite}.sky-cog[data-open=true] svg{transform:rotate(90deg);transition:transform .4s var(--ease)}@keyframes cog-spin{to{transform:rotate(360deg)}}.telemetry{position:absolute;right:0;bottom:calc(100% + .7rem);width:min(21.5rem,84vw);padding:1.05rem 1.15rem 1.25rem;border-radius:14px;background:#0a101e6b;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 16px 40px #00000047;transform-origin:bottom right;transition:opacity .3s var(--ease),transform .35s var(--ease),visibility .35s}.telemetry[data-open=false]{opacity:0;visibility:hidden;transform:translateY(8px) scale(.98);pointer-events:none}.telemetry[data-open=true]{opacity:1;visibility:visible;transform:none}.telemetry-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding-bottom:.85rem;border-bottom:1px solid rgba(255,255,255,.1)}.telemetry-head h2{font-family:var(--font-display);font-weight:400;font-size:1.08rem;letter-spacing:-.01em;line-height:1.2;min-width:0;margin:0;color:var(--ink)}.reset{flex:none;font-family:inherit;font-size:.62rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);background:transparent;border:1px solid currentColor;border-radius:999px;padding:.3rem .62rem;cursor:pointer;transition:opacity .3s var(--ease),background .2s}.reset:hover{background:#ffffff1a}.reset[data-shown=false]{opacity:0;visibility:hidden}.dial{margin-top:1rem}.dial-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.55rem}.dial-name{font-size:.62rem;font-weight:500;text-transform:uppercase;letter-spacing:.16em;color:#f3f5fa80}.dial-value{display:inline-flex;align-items:center;gap:.45rem;font-size:.84rem;font-variant-numeric:tabular-nums;color:var(--ink)}.moon-glyph{display:block;flex:none}.dial input[type=range]{display:block;width:100%;height:6px;-moz-appearance:none;appearance:none;-webkit-appearance:none;border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff29;outline:none;cursor:pointer}.dial input[type=range]:focus-visible{box-shadow:inset 0 0 0 1px #ffffff29,0 0 0 2px var(--accent)}.dial input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:#fff;border:2px solid rgba(9,13,30,.55);box-shadow:0 2px 8px #00000073;cursor:grab;transition:transform .15s var(--ease)}.dial input[type=range]:active::-webkit-slider-thumb{transform:scale(1.18);cursor:grabbing}.dial input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:#fff;border:2px solid rgba(9,13,30,.55);box-shadow:0 2px 8px #00000073;cursor:grab}.content{position:relative;z-index:2;background:linear-gradient(180deg,var(--page-bg) 0%,#070b16 100%);color:#d8dde9;padding:clamp(4rem,10vw,8rem) clamp(1.2rem,6vw,6rem) 0}.work{max-width:70rem;margin:0 auto clamp(4rem,10vw,8rem)}.section-head{display:flex;align-items:center;gap:1.4rem;margin-bottom:2.4rem}.section-head h2{font-family:var(--font-display);font-weight:400;font-size:clamp(1.5rem,3vw,2.2rem);margin:0;white-space:nowrap}.section-rule{flex:1;height:1px;background:linear-gradient(to right,rgba(255,255,255,.22),transparent)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.2rem}.card{padding:1.6rem 1.5rem 1.8rem;border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);transition:transform .3s var(--ease),border-color .3s,background .3s}.card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:#ffffff0d}.card-link{display:block;color:inherit;text-decoration:none}.card-img{display:block;width:100%;height:9rem;object-fit:cover;border-radius:10px;margin-bottom:1.1rem;background:#ffffff0a}.card-img--placeholder{display:flex;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,.16);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.03),rgba(255,255,255,.03) 7px,transparent 7px,transparent 14px)}.card-img--placeholder span{font-size:.64rem;font-weight:500;text-transform:uppercase;letter-spacing:.16em;color:#d8dde980}.card-tag{font-size:.66rem;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:var(--accent)}.card h3{font-family:var(--font-display);font-weight:500;font-size:1.4rem;margin:.6rem 0 .7rem;color:#f2f4fa}.card p{margin:0;font-size:.95rem;line-height:1.6;color:#d8dde9c7}.contact{max-width:54rem;margin:0 auto;text-align:center;padding-bottom:clamp(4rem,8vw,6rem)}.contact h2{font-family:var(--font-display);font-weight:400;font-size:clamp(1.8rem,4vw,3rem);margin:0 0 1rem}.contact p{font-size:1.05rem;line-height:1.6;color:#d8dde9cc;margin:0 auto 1.6rem;max-width:32rem}.mailto{font-size:clamp(1rem,2.4vw,1.4rem);font-weight:500;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--accent);padding-bottom:.2rem;transition:color .2s}.mailto:hover{color:var(--accent)}.socials{list-style:none;margin:1.6rem 0 0;padding:0;display:flex;justify-content:center;gap:.9rem}.social{display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;border:1px solid rgba(255,255,255,.12);color:#d8dde9c7;transition:color .2s,border-color .2s,transform .2s}.social:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.footer{max-width:70rem;margin:0 auto;padding:2rem 0 2.4rem;border-top:1px solid rgba(255,255,255,.08);text-align:center;font-size:.78rem;color:#d8dde98c}@media (max-width: 720px){.lede{padding-right:calc(var(--cog) + .9rem)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.star,.cloud,.sky-cog svg{animation:none!important}.sky,.sky-glow,.stars,.clouds,.ridge path,.ground,.telemetry,.reset,.dial input[type=range]::-webkit-slider-thumb,.sky-cog,.sky-cog svg{transition:none!important}}