:root{--navy:#07111d;--silver:#aab5c3;--fire:#ff521b}body{background:var(--navy)}header{position:absolute;inset:0 0 auto;height:90px;background:transparent;border-color:#ffffff1c;color:white;padding:0 4%;z-index:30}header .brand strong{font-size:14px}header .brand small{color:#b0bac5}header nav{gap:24px;font-size:11px}header>.btn{background:var(--fire);border-color:var(--fire)}header.scrolled{position:fixed;background:#07111def;backdrop-filter:blur(18px)}.experience{position:relative;min-height:790px;background:#07111d;color:white;isolation:isolate;overflow:hidden}.experience:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#07111d 0%,#07111df5 24%,#07111d99 44%,transparent 67%),linear-gradient(0deg,#07111d 0%,transparent 28%,transparent 75%,#07111d99)}.scene{position:absolute;inset:95px -3% 85px 23%;z-index:-2;overflow:hidden;touch-action:pan-y}.scene-transform{position:absolute;inset:0;transform:translate(var(--pan,0px),var(--py,0px)) scale(var(--zoom,1));transition:transform .65s cubic-bezier(.2,.8,.2,1)}.scene img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s;user-select:none;pointer-events:none}.scene img.visible{opacity:1}.scene.blueprint img{opacity:0}.blueprint-drawing{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .8s;background:#081b2c}.scene.blueprint .blueprint-drawing{opacity:1}.scene.blueprint{background:#081b2c}.hero-layout{padding:175px 4% 140px;position:relative;pointer-events:none}.hero-layout>*{pointer-events:auto}.hero-intro{font-size:9px;letter-spacing:2.4px;color:#b8c3cf;display:flex;gap:11px;align-items:center}.hero-intro:before{content:'';background:var(--fire);width:24px;height:2px}.hero-title{font:500 clamp(42px,4.8vw,72px)/1.08 Manrope,sans-serif;letter-spacing:-3.5px;margin:24px 0 22px;max-width:600px}.hero-title span{color:var(--fire)}.hero-desc{font-size:13px;line-height:1.9;color:#b3becb;max-width:335px}.hero-buttons{display:flex;gap:12px;margin-top:30px}.experience .btn{background:var(--fire);border-color:var(--fire);font-size:11px;padding:16px 19px;gap:22px}.experience .btn.secondary{background:#101c2a80;border-color:#ffffff40;color:white;backdrop-filter:blur(10px)}.hero-summary{border-left:2px solid var(--fire);padding-left:14px;margin-top:33px;font-size:10px;color:#aab5c3;line-height:1.9}.hero-summary strong{color:white;font-weight:500}.scene-label{position:absolute;right:4%;top:120px;display:flex;gap:10px;align-items:center;color:#aab5c3;font:9px monospace;letter-spacing:1px}.scene-label i{width:5px;height:5px;background:#ff521b;border-radius:50%}.vertical-note{position:absolute;right:20px;top:46%;writing-mode:vertical-rl;font:8px monospace;color:#c6cdd4;letter-spacing:2px}.scene-controls{position:absolute;bottom:76px;right:4%;display:flex;gap:10px;align-items:center}.control-group{background:#08121de6;border:1px solid #ffffff26;backdrop-filter:blur(18px);padding:5px;display:flex;gap:3px;border-radius:3px}.control-group button{background:none;border:0;color:#9fabba;padding:11px 13px;font-size:9px;letter-spacing:.7px;white-space:nowrap;border-radius:1px}.control-group button[aria-pressed=true]{background:#25303c;color:white}.control-group.mode button[aria-pressed=true]{color:#ff7347}.control-group button:disabled{opacity:.35;cursor:not-allowed}.camera-controls{position:absolute;right:4%;bottom:142px;display:flex;align-items:center;gap:10px}.camera-controls span{color:#aab5c3;font:8px monospace;letter-spacing:1px}.camera-controls button{font-size:17px;padding:8px 11px;line-height:18px}.scene-caption{position:absolute;bottom:24px;left:4%;right:4%;display:flex;justify-content:space-between;border-top:1px solid #ffffff25;padding-top:17px;font:9px monospace;letter-spacing:1px;color:#8e9bab}.scene-caption strong{color:#d6dee7;font-weight:400}.hotspot{position:absolute;z-index:3;border:1px solid #ff7a4b;background:#0a1723da;color:#ff7545;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;padding:0;font-size:19px;box-shadow:0 0 0 5px #ff521b14;animation:pulse 3.5s infinite}.hotspot:hover,.hotspot[aria-expanded=true]{background:var(--fire);color:white}.hotspot span{position:absolute;white-space:nowrap;font-size:9px;letter-spacing:.1px;color:#d5dce5;background:#0a1723d9;padding:9px 12px;border:1px solid #ffffff35;left:39px;top:-4px;border-radius:3px}.hotspot span:before{content:'';position:absolute;width:13px;left:-14px;top:16px;height:1px;background:#ffffff55}.h0{left:66%;top:31%}.h1{left:81%;top:54%}.h1 span,.h3 span{left:auto;right:39px}.h1 span:before,.h3 span:before{left:auto;right:-14px}.h2{left:53%;top:56%}.h3{left:86%;top:37%}.hotspot-panel{position:absolute;right:8%;top:170px;width:280px;z-index:8;background:#0c1928f5;border:1px solid #ffffff35;backdrop-filter:blur(18px);padding:25px;box-shadow:0 16px 55px #0006}.hotspot-panel[hidden]{display:none}.hotspot-panel .close{color:white}.hotspot-panel small{color:var(--fire);font:10px monospace;letter-spacing:1px}.hotspot-panel h3{font:500 21px Manrope,sans-serif;margin:14px 0}.hotspot-panel p{font-size:12px;line-height:1.8;color:#aab5c3}.feature-strip{padding:27px 4% 31px;background:#0b1623;color:white;border-top:1px solid #ffffff12}.strip-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.strip-heading>div{display:flex;align-items:center;gap:17px}.strip-heading h2{font:500 11px 'DM Sans',sans-serif;letter-spacing:1.7px;margin:0;text-transform:uppercase}.strip-heading small{font:8px monospace;color:#8795a5}.strip-arrows{display:flex;gap:7px}.strip-arrows button{background:none;color:white;border:1px solid #ffffff2c;height:27px;width:30px}.preview-track{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.preview-card{display:flex;align-items:center;gap:13px;background:#101c2a;border:1px solid #ffffff18;color:white;text-align:left;padding:9px;min-width:0;transition:border .25s,background .25s}.preview-card[aria-pressed=true]{border-color:#ff521b;background:#18212b}.preview-card img{height:64px;width:85px;object-fit:cover;transition:transform .3s}.preview-card:hover img{transform:scale(1.04)}.preview-card small{font-size:8px;color:#8795a5;display:block;margin-top:6px}.preview-card strong{font-size:11px;line-height:1.5;font-weight:500;display:block}.preview-card .preview-arrow{margin-left:auto;color:#ff7545}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding:28px 4%;background:#07111d;border-bottom:1px solid #ffffff18;color:white}.hero-stat{display:flex;gap:15px;align-items:center;border-right:1px solid #ffffff1f}.hero-stat:last-child{border:0}.stat-icon{font-size:28px;color:var(--fire);font-weight:400}.hero-stat strong{font:500 24px Manrope,sans-serif}.hero-stat span:not(.stat-icon){display:block;color:#aab5c3;font-size:9px;margin-top:5px}.verify-note{background:#07111d;color:#718093;font:8px monospace;padding:0 4% 17px}.section{background:var(--paper)}.section.projects{background:#101c2a}.section.process{background:#eeefe7}.cta{margin-top:20px}.story-dialog{background:#07111d;color:white;width:min(800px,94vw)}.story-dialog .close{color:white}.story-dialog video{width:100%;max-height:60vh;margin:15px 0;background:#101c2a}.story-dialog p{color:#aab5c3}.scene-status{position:absolute;right:5%;top:160px;color:#d0d8e1;font-size:10px}.entrance{animation:enter .9s both}.hero-title{animation-delay:.12s}.hero-desc{animation-delay:.22s}.hero-buttons{animation-delay:.32s}@keyframes enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{box-shadow:0 0 0 9px #ff521b05}}@media(min-width:1500px){.experience{min-height:860px}.hero-layout{padding-top:195px}.hero-title{font-size:76px}}
@media(max-width:1100px){header nav{gap:15px}header .brand strong{font-size:11px}.hero-title{font-size:53px}.hotspot span{display:none}.scene-controls{right:3%}.control-group button{padding:10px}.preview-card{gap:9px}.preview-card img{width:55px;height:60px}.preview-card strong{font-size:10px}.experience{min-height:750px}.scene{left:19%;right:-12%}.hero-layout{padding-top:165px}}
@media(max-width:720px){header{height:78px;padding:0 5%}header nav{top:78px;background:#101c2a;color:white}header>.btn{font-size:8px;padding:11px 9px;gap:7px;margin-right:10px}header .brand strong{font-size:10px}header .brand svg{width:26px}header .menu{color:white}.experience{min-height:1050px}.hero-layout{padding:125px 6% 0}.hero-title{font-size:46px;letter-spacing:-2.5px;margin:22px 0}.hero-intro{font-size:8px;letter-spacing:1.7px}.hero-desc{font-size:12px;max-width:330px}.hero-buttons{gap:9px;flex-wrap:wrap;margin-top:22px}.experience .btn{font-size:10px;padding:14px;gap:15px}.hero-summary{margin-top:22px;font-size:9px}.scene{top:500px;bottom:150px;left:-22%;right:-22%}.experience:after{background:linear-gradient(0deg,#07111d 10%,transparent 25%,transparent 43%,#07111d 54%)}.scene-label{top:505px;left:6%;right:auto;font-size:8px}.vertical-note{display:none}.h0{left:40%;top:58%}.h1{left:68%;top:68%}.h2{left:22%;top:72%}.h3{left:77%;top:57%}.hotspot{width:35px;height:35px}.hotspot-panel{top:555px;right:6%;width:260px}.scene-controls{bottom:73px;left:6%;right:6%;justify-content:space-between;gap:5px;flex-wrap:wrap}.control-group button{padding:11px 9px;font-size:8px}.camera-controls{bottom:132px;right:6%;gap:10px}.camera-controls span{font-size:7px}.camera-controls button{font-size:17px}.scene-caption{bottom:24px;left:6%;right:6%;font-size:7px;line-height:1.8;gap:15px}.scene-caption>span{max-width:45%}.feature-strip{padding:24px 6%}.strip-heading>div{gap:9px;flex-wrap:wrap}.strip-heading h2{font-size:9px}.strip-heading small{font-size:7px}.preview-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.preview-card{min-width:230px;scroll-snap-align:start}.preview-card img{width:75px}.preview-card strong{font-size:11px}.hero-stats{grid-template-columns:1fr 1fr;padding:25px 6%;gap:24px}.hero-stat:nth-child(2){border:0}.hero-stat{gap:12px}.hero-stat strong{font-size:22px}.hero-stat span:not(.stat-icon){font-size:8px}.verify-note{padding:0 6% 20px;line-height:1.7}.scene-status{top:540px}.hero-summary strong{display:inline} }
@media(max-width:360px){.hero-title{font-size:40px}.scene-controls{left:4%;right:4%}.control-group button{padding:10px 7px}.hero-buttons{gap:7px}.experience .btn{padding:12px;font-size:9px}.hero-intro{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
[hidden]{display:none!important}