:root{--font-geist-sans:"Inter","Helvetica Neue",Arial,sans-serif;--font-geist-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--ink:#f4f7fb;--muted:#91a1b9;--navy:#050b14;--panel:#0a1527;--panel-2:#0e1c33;--orange:#ff6a2b;--cyan:#37d8ff;--line:#8eaed82e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--navy);color:var(--ink);font-family:var(--font-geist-sans),Inter,Arial,sans-serif;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{width:100%;display:block}::selection{background:var(--orange);color:#fff}.site-header{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050b14c7;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 clamp(22px,4vw,64px);display:grid;position:fixed;inset:0 0 auto}.monogram{font-family:var(--font-geist-mono),monospace;letter-spacing:.32em;font-size:18px;font-weight:800}.monogram span{color:var(--orange)}.nav{color:#c5d0df;gap:40px;font-size:13px;display:flex}.nav a{padding:28px 0;position:relative}.nav a:after{content:"";background:var(--cyan);transform-origin:0;width:100%;height:1px;transition:all .25s;position:absolute;bottom:20px;left:0;transform:scaleX(0)}.nav a:hover:after,.nav a:focus-visible:after{transform:scaleX(1)}.availability{color:var(--cyan);letter-spacing:.04em;border:1px solid #37d8ff59;border-radius:4px;justify-self:end;padding:10px 14px;font-size:12px}.availability i{background:var(--cyan);width:7px;height:7px;box-shadow:0 0 14px var(--cyan);border-radius:50%;margin-right:9px;display:inline-block}.menu-button{display:none}.hero{background:radial-gradient(circle at 83% 34%,#154a8247,#0000 34%),linear-gradient(130deg,#07101f 0%,#040914 70%);grid-template-columns:minmax(380px,.78fr) minmax(520px,1.22fr);align-items:center;gap:38px;min-height:900px;padding:150px clamp(24px,5vw,74px) 82px;display:grid;position:relative;overflow:hidden}.hero:before{content:"";opacity:.55;background:linear-gradient(90deg,#0000 49.9%,#37d8ff1a 50%,#0000 50.1%);position:absolute;inset:0}.hero-grid{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);opacity:.18;background-size:74px 74px;position:absolute;inset:76px 0 0;-webkit-mask-image:linear-gradient(#00000040,#0000 75%);mask-image:linear-gradient(#00000040,#0000 75%)}.hero-copy,.hero-stage{z-index:2;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.22em;font:600 11px/1.4 var(--font-geist-mono),monospace;color:var(--cyan);margin:0 0 22px}.hero h1{letter-spacing:-.075em;text-transform:uppercase;max-width:690px;margin:0;font-size:clamp(78px,8vw,126px);line-height:.78}.role{color:#a8b7ca;letter-spacing:-.035em;margin:36px 0 24px;font-size:clamp(25px,2.6vw,40px);line-height:1.15}.role span{color:#fff}.hero-intro{max-width:600px;color:var(--muted);font-size:17px;line-height:1.7}.proof-row{gap:28px;margin:40px 0;display:flex}.proof-row>div{border-left:1px solid var(--line);align-items:center;gap:12px;min-width:126px;padding-left:16px;display:flex}.proof-row strong{font:700 34px/1 var(--font-geist-mono),monospace;color:var(--orange)}.proof-row span{text-transform:uppercase;letter-spacing:.1em;color:#9baabd;font-size:9px;line-height:1.5}.hero-actions{gap:14px;display:flex}.button{border:1px solid var(--line);text-transform:uppercase;letter-spacing:.08em;justify-content:center;align-items:center;gap:20px;min-height:54px;padding:0 22px;font-size:11px;transition:all .25s;display:inline-flex}.button-primary{background:var(--orange);border-color:var(--orange);color:#fff;box-shadow:0 10px 38px #ff6a2b38}.button-primary:hover{transform:translateY(-3px);box-shadow:0 16px 44px #ff6a2b61}.button-secondary:hover{border-color:var(--cyan);color:var(--cyan)}.hero-stage{perspective:1200px;height:650px}.stage-outline{border:1px solid #37d8ff47;position:absolute;inset:5% -4% 7% 3%;transform:skewY(-3deg);box-shadow:0 0 90px #1263a91f}.stage-outline:before,.stage-outline:after{content:"";background:var(--orange);width:110px;height:1px;position:absolute}.stage-outline:before{top:45px;right:-15px}.stage-outline:after{bottom:70px;left:-30px}.stage-card{background:#07101d;border:1px solid #92b5e152;transition:transform .45s,box-shadow .45s;position:absolute;overflow:hidden;box-shadow:0 32px 70px #00000094}.stage-card:hover{box-shadow:0 38px 90px #0a467d7a}.stage-card img{object-fit:cover;height:100%}.stage-main{width:72%;height:50%;top:6%;right:5%;transform:rotate(2deg)}.stage-main:hover{transform:rotate(0)translateY(-5px)}.stage-phone{width:29%;height:59%;top:31%;left:0;transform:rotate(-3deg)}.stage-phone:hover{transform:rotate(-1deg)translateY(-5px)}.stage-phone img{object-fit:contain;background:#06101e}.stage-detail{width:57%;height:41%;bottom:4%;right:-1%;transform:rotate(1.5deg)}.stage-detail:hover{transform:rotate(0)translateY(-5px)}.stage-detail img{object-position:center top}.stage-label{font:600 9px var(--font-geist-mono),monospace;letter-spacing:.18em;color:var(--cyan);border:1px solid var(--line);background:#06101b;padding:7px 9px;position:absolute}.label-one{top:2%;right:10%}.label-two{bottom:4%;left:9%}.scroll-cue{z-index:3;font:500 9px var(--font-geist-mono),monospace;letter-spacing:.18em;text-transform:uppercase;color:#74859d;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.scroll-cue span{color:var(--orange);margin-left:12px}.work-section,.experience-section{max-width:1500px;margin:auto;padding:120px clamp(24px,5vw,74px)}.section-header{justify-content:space-between;align-items:end;gap:30px;margin-bottom:50px;display:flex}.section-header h2,.about-intro h2{letter-spacing:-.055em;margin:0;font-size:clamp(44px,5vw,76px);line-height:1}.section-header>p{max-width:500px;color:var(--muted);line-height:1.65}.project-tabs{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-bottom:38px;display:grid}.project-tabs button{border:0;border-right:1px solid var(--line);color:#7f90a7;text-align:left;cursor:pointer;background:0 0;padding:20px;transition:all .25s}.project-tabs button:last-child{border-right:0}.project-tabs button span{font:600 9px var(--font-geist-mono),monospace;color:#53637a;margin-right:12px}.project-tabs button:hover,.project-tabs button[aria-selected=true]{color:#fff;background:#10223cb3}.project-tabs button[aria-selected=true] span{color:var(--orange)}.case-study{--project-accent:var(--orange);border:1px solid var(--line);background:linear-gradient(135deg,#0d1d34fa,#050d18f5);grid-template-columns:.75fr 1.25fr;gap:42px;padding:clamp(28px,4vw,58px);display:grid;position:relative;overflow:hidden}.case-study:after{content:"";background:var(--project-accent);filter:blur(150px);opacity:.12;border-radius:50%;width:420px;height:420px;position:absolute;bottom:-240px;right:-180px}.case-copy{z-index:1;position:relative}.case-number{font:600 10px var(--font-geist-mono),monospace;letter-spacing:.2em;text-transform:uppercase;color:var(--project-accent)}.case-copy h3{letter-spacing:-.06em;margin:24px 0 10px;font-size:clamp(48px,6vw,86px);line-height:.95}.case-type{color:var(--project-accent);font-size:16px}.case-summary{color:var(--muted);max-width:520px;font-size:17px;line-height:1.7}.tag-list{flex-wrap:wrap;gap:8px;margin:26px 0 38px;display:flex}.tag-list span,.capabilities span{border:1px solid var(--line);text-transform:uppercase;letter-spacing:.1em;color:#b4c0d0;padding:8px 10px;font-size:9px}.case-process{border-top:1px solid var(--line)}.case-process div{border-bottom:1px solid var(--line);color:#b9c5d5;grid-template-columns:45px 1fr;padding:13px 0;font-size:12px;display:grid}.case-process b{font:500 10px var(--font-geist-mono),monospace;color:var(--project-accent)}.case-gallery{z-index:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:12px;min-height:650px;display:grid;position:relative}.case-gallery figure{border:1px solid var(--line);background:#06101c;margin:0;overflow:hidden}.case-gallery figure:first-child{grid-row:1/3}.case-gallery img{object-fit:cover;height:100%;animation:.45s image-in}.case-gallery .gallery-primary img{object-fit:contain}.digital-work{grid-template-columns:.8fr 1.2fr;align-items:center;gap:60px;margin-top:120px;display:grid}.digital-copy h3{letter-spacing:-.055em;margin:0 0 24px;font-size:clamp(42px,4.8vw,72px);line-height:1.02}.digital-copy>p:not(.eyebrow){color:var(--muted);line-height:1.7}.outcomes{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px;display:grid}.outcomes div{border-top:1px solid var(--line);padding-top:16px}.outcomes strong{font:700 28px var(--font-geist-mono),monospace;color:var(--orange);display:block}.outcomes span{color:#8292aa;font-size:10px}.web-collage{border:1px solid var(--line);background:#0a1422;height:620px;position:relative;overflow:hidden}.web-collage img:first-child{object-fit:cover;object-position:top;height:100%}.web-collage img:last-child{object-fit:cover;object-position:top;border:1px solid #536477;width:44%;height:68%;position:absolute;bottom:5%;right:5%;box-shadow:0 30px 80px #000}.about-section{color:#101318;background:#f1eee7;padding:120px max(clamp(24px,5vw,74px),50vw - 676px)}.about-intro{max-width:950px}.about-intro .eyebrow{color:#cc4a19}.about-intro h2{margin-bottom:60px}.about-grid{grid-template-columns:.65fr 1.35fr;align-items:start;gap:70px;display:grid}.about-mark{background:#0b111b;place-items:center;min-height:430px;display:grid;position:relative;overflow:hidden}.about-mark:after{content:"14+ YEARS / FOUR COUNTRIES";color:#7890ad;font:9px var(--font-geist-mono),monospace;letter-spacing:.16em;position:absolute;bottom:20px;left:20px}.about-mark img{max-width:260px}.about-copy>p{letter-spacing:-.02em;margin:0 0 24px;font-size:clamp(18px,2vw,25px);line-height:1.55}.capabilities{flex-wrap:wrap;gap:8px;margin-top:34px;display:flex}.capabilities span{color:#3a3d42;border-color:#c8c2b8}.experience-section{background:#050b14}.timeline{border-top:1px solid var(--line)}.timeline article{border-bottom:1px solid var(--line);grid-template-columns:130px .8fr 1fr;align-items:start;gap:30px;padding:28px 0;transition:all .25s;display:grid}.timeline article:hover{background:linear-gradient(90deg,#132a4873,#0000);padding-left:12px}.timeline>article>span{font:500 11px var(--font-geist-mono),monospace;color:var(--orange)}.timeline h3{margin:5px 0;font-size:21px}.timeline article p{color:var(--muted);margin:0;line-height:1.6}.timeline article div p{text-transform:uppercase;letter-spacing:.1em;color:#fff;font-size:11px}.education{grid-template-columns:.7fr repeat(3,1fr);gap:24px;margin-top:100px;display:grid}.education>div{border-top:1px solid var(--line);padding-top:18px}.education h3{font-size:18px;line-height:1.35}.education span,.education div p{color:var(--muted);font-size:11px}.contact-section{text-align:center;border-top:1px solid var(--line);background:radial-gradient(circle at 50% 100%,#1267a547,#0000 50%),#081322;padding:130px 24px}.contact-inner{max-width:1050px;margin:auto}.contact-inner h2{letter-spacing:-.065em;margin:24px 0 45px;font-size:clamp(52px,7vw,104px);line-height:.95}.contact-inner>a{border-bottom:1px solid var(--orange);padding-bottom:8px;font-size:clamp(20px,3vw,35px)}.contact-inner>a span{color:var(--orange)}.contact-inner>p:last-child{color:var(--muted);margin-top:35px}footer{border-top:1px solid var(--line);height:100px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 clamp(24px,5vw,74px);font-size:11px;display:flex}footer>a:last-child{color:#fff}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(22px)}.reveal.is-visible{opacity:1;transform:none}@keyframes image-in{0%{opacity:.3;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@media (width<=1100px){.hero{grid-template-columns:1fr;padding-top:130px}.hero-stage{height:660px}.hero h1{font-size:100px}.case-study,.digital-work{grid-template-columns:1fr}.education{grid-template-columns:1fr 1fr}.about-grid{grid-template-columns:1fr 1.5fr}}@media (width<=760px){.site-header{grid-template-columns:1fr auto;height:66px}.availability{display:none}.menu-button{background:0 0;border:0;flex-direction:column;gap:6px;padding:12px;display:flex}.menu-button span{background:#fff;width:24px;height:1px}.nav{border-bottom:1px solid var(--line);background:#07101f;flex-direction:column;gap:0;padding:14px 24px;display:none;position:absolute;top:66px;left:0;right:0}.nav.open{display:flex}.nav a{padding:15px 0}.nav a:after{bottom:7px}.hero{min-height:auto;padding:120px 22px 90px;display:block}.hero h1{font-size:clamp(68px,20vw,96px)}.role{font-size:27px}.proof-row{gap:10px}.proof-row>div{flex:1;min-width:0;display:block}.proof-row strong{font-size:26px;display:block}.hero-actions{flex-direction:column}.hero-stage{height:470px;margin-top:70px}.stage-main{width:78%;height:42%;right:0}.stage-phone{width:37%;height:61%;top:23%}.stage-detail{width:65%;height:39%;bottom:2%}.scroll-cue{display:none}.work-section,.experience-section{padding:85px 20px}.section-header{display:block}.section-header>p{margin-top:20px}.project-tabs{grid-template-columns:1fr 1fr}.project-tabs button:nth-child(2){border-right:0}.project-tabs button:nth-child(-n+2){border-bottom:1px solid var(--line)}.case-study{gap:30px;padding:24px}.case-gallery{grid-template-rows:1.2fr 1fr 1fr;grid-template-columns:1fr;min-height:660px}.case-gallery figure:first-child{grid-row:auto}.outcomes{grid-template-columns:1fr}.web-collage{height:450px}.about-section{padding:85px 20px}.about-grid{grid-template-columns:1fr}.about-mark{min-height:300px}.about-copy>p{font-size:19px}.timeline article{grid-template-columns:90px 1fr}.timeline article>p:last-child{grid-column:2}.education{grid-template-columns:1fr}.contact-section{padding:95px 20px}footer{flex-wrap:wrap;gap:25px;height:auto;min-height:130px}footer p{order:3;width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}.stage-card,.button,.timeline article{transition:none}.case-gallery img{animation:none}}