:root{--bg:#050708;--panel:#0b0f11;--panel2:#101518;--ink:#f4f6f7;--muted:#9da8ad;--line:rgba(255,255,255,.11);--teal:#30869D;--teal2:#4fb2cb;--max:1240px;--pad:clamp(22px,5vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.5;overflow-x:hidden}body.intro-running{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit}.cursor-glow{position:fixed;left:-280px;top:-280px;width:560px;height:560px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(48,134,157,.10),rgba(48,134,157,0) 68%);transform:translate(-1000px,-1000px);margin:-280px 0 0 -280px}.site-header{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);position:fixed;inset:0 0 auto;z-index:50;border-bottom:1px solid transparent;transition:.3s;background:linear-gradient(to bottom,rgba(5,7,8,.72),transparent)}.site-header.scrolled{height:72px;background:rgba(5,7,8,.9);backdrop-filter:blur(14px);border-color:var(--line)}.brand img{width:205px;height:auto}.site-nav{display:flex;gap:34px;align-items:center}.site-nav a{font-size:12px;letter-spacing:.19em;text-transform:uppercase;color:#c8d0d3}.site-nav a:hover,.site-nav a[aria-current=page]{color:white}.site-nav a[aria-current=page]::after{content:"";display:block;width:100%;height:1px;background:var(--teal);margin-top:6px}.menu-toggle{display:none;background:none;color:white;border:1px solid var(--line);padding:9px 12px;text-transform:uppercase;letter-spacing:.14em;font-size:11px}.section-pad{padding:clamp(90px,11vw,160px) var(--pad);max-width:calc(var(--max) + var(--pad)*2);margin:auto}.kicker{text-transform:uppercase;letter-spacing:.24em;font-size:11px;color:var(--teal2);font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid var(--line);font-size:12px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;transition:.25s}.button-solid{background:var(--teal);border-color:var(--teal);color:white}.button-solid:hover{background:var(--teal2);border-color:var(--teal2);transform:translateY(-2px)}.button-ghost:hover{border-color:rgba(255,255,255,.45);transform:translateY(-2px)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:none}.intro{position:fixed;inset:0;z-index:1000;background:#000;display:grid;place-items:center;overflow:hidden;transition:opacity .8s ease,visibility .8s ease}.intro.is-done{opacity:0;visibility:hidden}.intro-logo{width:min(68vw,1000px);opacity:0;transform:scale(.985);transition:opacity 1s ease,transform 1.4s ease}.intro.is-revealing .intro-logo{opacity:1;transform:scale(1)}.intro-mark{position:absolute;left:calc(50% + min(34vw,500px));top:50%;transform:translate(-45%,-50%);width:100px;height:100px;opacity:.9;filter:drop-shadow(0 0 30px rgba(48,134,157,.6))}.intro-mark span{display:block;width:100%;height:100%;border:12px solid var(--teal);animation:pulse 1.9s ease-in-out infinite}.intro-skip{position:absolute;right:24px;bottom:24px;color:#aab3b7;background:none;border:0;text-transform:uppercase;letter-spacing:.16em;font-size:10px;z-index:3}@keyframes pulse{50%{filter:brightness(1.5);transform:scale(1.04)}}.hero{min-height:100vh;position:relative;display:flex;align-items:center;padding:125px var(--pad) 80px;overflow:hidden}.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 44%,rgba(48,134,157,.11),transparent 30%),linear-gradient(to bottom,transparent 60%,#050708);pointer-events:none}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(to right,transparent 10%,black 60%)}.hero-copy{position:relative;z-index:2;max-width:820px}.hero h1{font-size:clamp(58px,9vw,136px);line-height:.86;letter-spacing:-.065em;margin:24px 0 36px;font-weight:800}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.5)}.lede{color:#b6c0c4;font-size:clamp(16px,1.5vw,20px);max-width:650px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:38px}.hero-symbol{position:absolute;right:-9vw;top:18%;width:min(54vw,760px);aspect-ratio:1;opacity:.8}.square{position:absolute;border:1px solid rgba(48,134,157,.4)}.square-a{inset:8%;transform:rotate(11deg)}.square-b{inset:24%;transform:rotate(-8deg);border-color:rgba(255,255,255,.09)}.square-c{inset:39%;border:10px solid var(--teal);box-shadow:0 0 80px rgba(48,134,157,.2)}.scroll-cue{position:absolute;bottom:28px;left:var(--pad);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#6f7a7e;display:flex;gap:10px;align-items:center}.scroll-cue span{display:block;width:34px;height:1px;background:var(--teal)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section-heading h2{font-size:clamp(50px,7vw,96px);line-height:.9;margin:0;letter-spacing:-.05em}.section-heading h2 span,.project-hero h1 span{color:var(--teal)}.project-card{display:grid;grid-template-columns:1.35fr .65fr;border:1px solid var(--line);background:#070a0b;overflow:hidden;min-height:540px;transition:.3s}.project-card:hover{border-color:rgba(79,178,203,.45);transform:translateY(-4px)}.project-art{position:relative;overflow:hidden;background:radial-gradient(circle at 60% 40%,rgba(48,134,157,.18),transparent 28%),linear-gradient(135deg,#111719,#050708 70%)}.project-art.minimal{min-height:340px}.moon{position:absolute;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#dce4e6,#879398 58%,#4b555a 100%);right:16%;top:18%;box-shadow:0 0 55px rgba(207,230,238,.15)}.moon::after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:rgba(48,55,59,.4);left:33px;top:38px;box-shadow:50px 36px 0 6px rgba(48,55,59,.24),26px 69px 0 2px rgba(48,55,59,.2)}.moon.giant{width:240px;height:240px}.arch{position:absolute;border:22px solid rgba(179,192,195,.1);border-bottom:0;border-radius:220px 220px 0 0}.arch-1{width:46%;height:72%;left:9%;bottom:-20%}.arch-2{width:40%;height:60%;left:48%;bottom:-14%;border-color:rgba(48,134,157,.14)}.pixel-field{position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 95%,rgba(255,255,255,.055) 95%),linear-gradient(transparent 95%,rgba(255,255,255,.055) 95%);background-size:34px 34px;mask-image:linear-gradient(to top,black,transparent 58%)}.project-content{padding:42px;display:flex;justify-content:space-between;gap:28px;align-items:flex-end;background:linear-gradient(180deg,#0e1315,#090c0d)}.status{display:inline-flex;border:1px solid rgba(48,134,157,.55);color:#85c6d6;text-transform:uppercase;letter-spacing:.18em;font-size:9px;padding:8px 10px}.project-content h3,.project-content h2{font-size:clamp(34px,4vw,58px);line-height:1;margin:22px 0 18px;letter-spacing:-.04em}.project-content p{color:var(--muted);max-width:430px}.arrow{font-size:30px;color:var(--teal2)}.manifesto{border-top:1px solid var(--line)}.manifesto-line{font-size:clamp(58px,10vw,150px);font-weight:800;line-height:.9;letter-spacing:-.07em;margin:.06em 0;color:#dce0e2}.manifesto-line:nth-of-type(2){color:#777f83}.manifesto-line.accent-line{color:transparent;-webkit-text-stroke:1px var(--teal2)}.cta{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:40px}.cta h2{font-size:clamp(38px,5vw,68px);margin:.2em 0 0;letter-spacing:-.04em}.site-footer{border-top:1px solid var(--line);padding:48px var(--pad);display:flex;justify-content:space-between;align-items:flex-end;gap:30px;color:#78858a;font-size:12px}.footer-logo{width:180px;opacity:.58;margin-bottom:14px}.footer-meta{display:flex;gap:24px}.page-hero{padding:180px var(--pad) 100px;max-width:var(--max);margin:auto}.page-hero.compact{padding-bottom:35px}.page-hero h1{font-size:clamp(54px,8vw,112px);line-height:.9;letter-spacing:-.06em;margin:20px 0 34px}.page-hero>p:last-child{color:var(--muted);font-size:19px;max-width:650px}.cards-grid{display:grid;gap:30px}.project-hero{min-height:88vh;display:grid;grid-template-columns:1.2fr .8fr;position:relative;padding-top:86px}.project-hero-art{min-height:720px;position:relative;overflow:hidden;background:radial-gradient(circle at 65% 38%,rgba(48,134,157,.2),transparent 24%),#080b0d}.project-hero-copy{padding:12vw var(--pad) 80px;display:flex;flex-direction:column;justify-content:center}.project-hero h1{font-size:clamp(60px,7vw,110px);line-height:.85;letter-spacing:-.06em;margin:22px 0 35px}.project-hero-copy>p:not(.kicker){font-size:19px;color:#a9b4b9;max-width:520px}.project-hero-copy .status{align-self:flex-start;margin-top:26px}.project-detail{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(50px,9vw,130px)}.detail-copy h2{font-size:clamp(38px,5vw,66px);line-height:1;letter-spacing:-.04em}.detail-copy>p:last-child{color:var(--muted);font-size:17px;max-width:630px}.facts{margin:0;border-top:1px solid var(--line)}.facts div{display:grid;grid-template-columns:1fr 1.4fr;padding:18px 0;border-bottom:1px solid var(--line)}.facts dt{color:#718086}.facts dd{margin:0}.dev-note{border-top:1px solid var(--line);display:grid;grid-template-columns:.4fr 1fr;gap:50px}.dev-note>p:last-child{font-size:clamp(24px,3vw,40px);line-height:1.25;margin:0;color:#cdd3d5}.studio-story{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(50px,9vw,140px);align-items:center}.big-square{width:min(36vw,420px);aspect-ratio:1;border:clamp(16px,2vw,28px) solid var(--teal);box-shadow:0 0 80px rgba(48,134,157,.12)}.big-square.small{width:180px;border-width:14px}.story-copy h2{font-size:clamp(46px,6vw,76px);letter-spacing:-.05em;margin:.25em 0}.story-copy p:not(.kicker){color:var(--muted);font-size:17px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px}.principles article{padding:34px;border:1px solid var(--line);margin-right:-1px}.principles span{color:var(--teal);font-size:11px;letter-spacing:.18em}.principles h3{font-size:25px;margin:44px 0 14px}.principles p{color:var(--muted)}.contact-wrap{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(50px,8vw,120px)}.contact-aside p{color:#718086;margin-top:34px}.contact-aside a{font-size:20px}.contact-form{display:grid;gap:22px}.contact-form label{display:grid;gap:8px;text-transform:uppercase;font-size:10px;letter-spacing:.16em;color:#8d989c}.contact-form input,.contact-form textarea{background:#080b0c;border:1px solid var(--line);color:white;padding:15px;outline:none;text-transform:none;letter-spacing:0;font-size:16px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--teal)}.contact-form .button{justify-self:start}.honeypot{position:absolute!important;left:-9999px}.form-message{padding:14px;border:1px solid}.form-message.success{border-color:#3f9c7c;color:#7bd3ad}.form-message.error{border-color:#a45d5d;color:#e5a2a2}.legal{max-width:860px}.legal h2{font-size:26px;margin-top:48px}.legal p{color:var(--muted)}.error-page{min-height:80vh}.error-page .button{margin-top:20px}
@media(max-width:900px){.site-header{height:70px}.brand img{width:165px}.menu-toggle{display:block}.site-nav{position:absolute;top:70px;left:0;right:0;background:#050708;border-bottom:1px solid var(--line);display:none;flex-direction:column;align-items:flex-start;padding:26px var(--pad)}.site-nav.is-open{display:flex}.hero{align-items:flex-end;padding-bottom:120px}.hero-symbol{width:90vw;right:-42vw;top:14%;opacity:.45}.project-card,.project-detail,.studio-story,.contact-wrap{grid-template-columns:1fr}.project-art{min-height:400px}.project-hero{grid-template-columns:1fr;min-height:auto}.project-hero-art{min-height:52vh}.project-hero-copy{padding-top:70px}.principles{grid-template-columns:1fr}.cta,.site-footer{align-items:flex-start;flex-direction:column}.dev-note{grid-template-columns:1fr}.big-square{width:240px}.section-heading{align-items:flex-start;flex-direction:column}.footer-meta{flex-wrap:wrap}}
@media(max-width:560px){.hero h1{font-size:58px}.project-content{padding:28px}.project-art{min-height:300px}.moon{width:100px;height:100px}.project-card{min-height:0}.page-hero{padding-top:130px}.project-hero h1{font-size:62px}.intro-mark{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.cursor-glow{display:none}}

/* Professional profile */
.profile-hero h1 span{color:var(--teal)}.profile-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.profile-intro{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(50px,8vw,120px);align-items:start;border-top:1px solid var(--line)}.profile-intro h2,.profile-panel h2,.profile-philosophy h2{font-size:clamp(38px,5vw,70px);line-height:.95;letter-spacing:-.05em;margin:.25em 0}.profile-intro-copy{padding-top:3px}.profile-intro-copy p,.profile-panel>p:last-of-type,.profile-quote p{color:var(--muted);font-size:17px}.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px}.profile-panel{border:1px solid var(--line);padding:clamp(28px,4vw,48px);margin:-1px 0 0 -1px;min-height:390px;display:flex;flex-direction:column}.profile-panel h2{font-size:clamp(34px,4vw,54px)}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:34px}.tag-list span{border:1px solid var(--line);padding:8px 10px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#aab5b9}.career-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.career-stat{padding:34px;border-left:1px solid var(--line);display:grid;gap:12px}.career-stat:first-child{border-left:0}.career-number{font-size:clamp(42px,6vw,82px);font-weight:800;letter-spacing:-.06em;color:var(--teal2);line-height:.9}.career-label{color:var(--muted);max-width:270px}.profile-philosophy{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,8vw,120px);align-items:start}.profile-quote{border-left:2px solid var(--teal);padding-left:32px}.profile-quote p{font-size:clamp(22px,2.5vw,34px);line-height:1.35;margin:0;color:#d7dddf}
@media(max-width:900px){.profile-intro,.profile-grid,.career-strip,.profile-philosophy{grid-template-columns:1fr}.career-stat{border-left:0;border-top:1px solid var(--line)}.career-stat:first-child{border-top:0}.profile-panel{min-height:0}.profile-quote{padding-left:22px}}

/* Profile CTA refinements */
.profile-actions .button{white-space:nowrap}.cta-contact-button{white-space:nowrap;flex:0 0 auto;min-width:max-content}