:root{--bg:#050b0e;--accent:#9df0c4;--muted:#9caeaa;--chapter-height:135vh}
body{background:#050b0e}html{scroll-behavior:auto}header{height:92px;background:linear-gradient(#050b0eee,#050b0e70);border-bottom:1px solid #b7e5cf12;backdrop-filter:blur(10px)}
.brand{font-size:31px}.brand small{letter-spacing:2.3px;font-size:6px}.header-note{font-size:8px;color:#7e9a8c}.contact-trigger{background:#d1f5dc;border-radius:5px;padding:13px 22px;box-shadow:inset 0 0 0 1px #ffffff80}.contact-trigger:hover{box-shadow:0 5px 30px #a7ffbf20}
.scene{position:fixed;inset:0;z-index:-1;pointer-events:none;background:#050b0e;transition:none;opacity:1}
#universe{width:100%;height:100%;position:absolute;inset:0;filter:none}
.scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#050b0e66 0,transparent 52%),linear-gradient(0deg,#050b0e 0,transparent 18%,transparent 85%,#050b0e44)}
.scene-overlay{position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(#aecfbd0b .7px,transparent .7px);background-size:5px 5px;mask-image:linear-gradient(90deg,#000,transparent 65%)}
.chapter:not(.about-section){min-height:0;height:var(--chapter-height);padding:0;display:block;border:0;pointer-events:none}
.chapter-copy{position:fixed;left:6%;top:21%;width:40%;max-width:580px;opacity:0;visibility:hidden;transform:none;transition:none;pointer-events:auto;will-change:transform,opacity}
.hero .chapter-copy{opacity:1;visibility:visible}.reveal{opacity:1;transform:none;transition:none}
.eyebrow{font:9px monospace;letter-spacing:2.3px;color:#b3d5c2;margin-bottom:24px}.eyebrow:before{box-shadow:none;width:4px;height:4px;background:#baffce}.eyebrow span{opacity:.6}
.hero h1,h1{font-size:clamp(50px,5.2vw,82px);line-height:1.03;letter-spacing:-3.8px;font-weight:400;max-width:620px}
h2{font-size:clamp(42px,4.3vw,68px);line-height:1.08;letter-spacing:-2.8px}
h1 em,h2 em{color:#a8e1bf}#data,#cloud,#digital,#automation{--accent:#a8e1bf}
.lead{max-width:390px;font-size:13px;line-height:1.85;color:#97ada6;margin-top:25px}
.explore-link{border-radius:4px;border-color:#8cc3a947;font-size:11px;padding:14px 19px;gap:35px;margin-top:27px;background:#16322938}
.explore-link:hover{background:#27534166}.brand-story{margin-top:30px;border-color:#a8e1bf30}.brand-story>span{font:7px monospace;letter-spacing:1.8px;color:#719c84}.brand-story p{font-size:10px}
.capabilities{max-width:360px;margin-top:25px;margin-bottom:13px}.capabilities li{font-size:11px;padding:12px 0;background:none;border-left:0;border-bottom:1px solid #c0ead31a;gap:15px}.capabilities li:hover{padding-left:7px;color:#d3ffe0;background:none}.capabilities li span{color:#709782}.capabilities li b{color:#b8ddc6}
.text-link{font-size:10px;color:#b6d9c3;gap:25px}.chapter-watermark,.chapter .scene-caption,.scroll-cue{display:none}
.scene-caption-fixed{position:fixed;z-index:2;left:53%;right:8%;bottom:14%;pointer-events:none;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #94c2a726;padding-top:14px}
.scene-caption-fixed:before{content:'+';position:absolute;top:-8px;left:-3px;color:#73ab8d;font:12px monospace}.scene-caption-fixed span{display:block;font:8px monospace;letter-spacing:2px;color:#9bc7af}.scene-caption-fixed p{font-size:10px;color:#637f71;margin-top:8px}.scene-caption-fixed .scene-mark{font-family:'Space Grotesk';font-size:32px;font-weight:400;letter-spacing:-2px;color:#719d8380}
.stage-topline{position:fixed;top:123px;left:54%;right:8%;z-index:1;display:flex;justify-content:space-between;color:#5c806d;font:7px monospace;letter-spacing:2px;pointer-events:none}.stage-topline b{font-weight:400;color:#a2d4b7}.stage-topline i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#a1e7b9;margin-right:8px}
.chapter-nav{right:24px;gap:8px}.chapter-nav a{width:25px;height:24px}.chapter-nav i{height:2px;width:10px;border-radius:0;background:#577764}.chapter-nav a[aria-current] i{width:19px;transform:none;box-shadow:none;background:#cefbe0}.chapter-nav span{background:#12241b;border:1px solid #7caa9022;font-size:9px}
.experience-controls{left:6%;right:6%;bottom:25px}.experience-controls button{transform:none;font:8px monospace;letter-spacing:1px;padding:8px 10px;border:1px solid #84a89433;background:#07120ed9;border-radius:3px}.experience-controls>span{font:8px monospace;color:#8da997;letter-spacing:2px}.journey-progress{height:2px;background:#14291d}.journey-progress i{background:#b7f3c9}
.about-section{position:relative;z-index:5;margin:0;background:radial-gradient(ellipse at 15% 30%,#142d22,#080f0c 70%);padding:130px 8% 100px 6%;border-top:1px solid #779d8425}.about-heading h2{font-size:clamp(42px,4.8vw,70px)}.about-grid{grid-template-columns:.75fr 1.25fr;gap:9%}.identity-card{border-radius:4px;background:linear-gradient(140deg,#233d2e,#0d1d16);border-color:#acc9b524}.identity-art{height:330px}.identity-art>span{color:#d9ebd7}.identity-name{padding:26px}.about-copy .about-intro{font-size:29px}.about-copy>p{color:#9fb1a5}.credentials strong{color:#bddfc0}.about-section .reveal{visibility:visible;opacity:1}.skill-tags span{border-radius:3px}.closing .contact-trigger{margin:0}.about-section footer{margin-bottom:30px}
dialog{border-radius:5px;border-color:#8dac933d;background:#101e16}dialog h2{font-size:44px}.back-button{border-radius:3px;background:#2b4935}.scene-fallback .scene{background:radial-gradient(ellipse at 70% 50%,#244c36,#050b0e 70%)}
@media(min-width:801px) and (max-height:780px){.chapter-copy{top:22%}.hero h1{font-size:clamp(45px,4.8vw,65px)}h2{font-size:clamp(38px,4.2vw,55px)}.lead{margin-top:20px;font-size:12px}.brand-story{margin-top:22px}.brand-story p{font-size:9px}.capabilities{margin-top:20px}.stage-topline{top:120px}}
@media(max-width:1000px) and (min-width:801px){.chapter-copy{width:42%}.hero h1{font-size:52px}h2{font-size:40px}.lead{max-width:320px}.header-note{display:none}.stage-topline{font-size:6px;letter-spacing:1px}.scene-caption-fixed{left:54%;right:9%;bottom:13%}.scene-caption-fixed span{font-size:6px}.scene-caption-fixed p{font-size:8px}}
@media(max-width:800px){header{height:76px;padding:0 6%;gap:15px}.brand{font-size:26px}.brand svg{width:23px}.brand small{font-size:5px;letter-spacing:1.5px}.contact-trigger{padding:10px 13px;font-size:9px;gap:17px}.about-link{font-size:9px}.chapter-copy{top:111px;left:6%;width:86%;max-width:600px}.eyebrow{font-size:7px;letter-spacing:1.5px;margin-bottom:18px}.hero h1,h1{font-size:45px;letter-spacing:-2.5px;max-width:360px;line-height:1.04}.hero h1 br{display:none}.hero h1 em{display:block}.hero h1 em br{display:none}h2{font-size:35px;letter-spacing:-1.7px;max-width:340px;line-height:1.07}.lead{font-size:11px;line-height:1.7;max-width:330px;margin-top:17px}.hero .lead{max-width:310px}.brand-story{display:none}.explore-link{margin-top:18px;padding:11px 15px;font-size:9px;gap:24px}.capabilities{margin:16px 0 6px;display:flex;flex-wrap:wrap;gap:6px;max-width:340px}.capabilities li{padding:6px 8px;font-size:8px;gap:6px;border:1px solid #8ca99230;border-radius:2px}.capabilities li b{display:none}.capabilities li span{font-size:6px}.capabilities li:hover{padding-left:8px}.text-link{font-size:9px;padding-top:10px}.scene-caption-fixed{left:7%;right:9%;bottom:10%;padding-top:11px}.scene-caption-fixed span{font-size:7px;letter-spacing:1.3px}.scene-caption-fixed p{font-size:8px;margin-top:6px}.scene-caption-fixed .scene-mark{font-size:24px}.stage-topline{display:none}.chapter-nav{right:7px;top:51%;gap:6px}.chapter-nav a{width:19px;height:22px}.chapter-nav i{width:5px}.chapter-nav a[aria-current] i{width:11px}.experience-controls{bottom:19px}.experience-controls button{font-size:6px;padding:7px 8px}.experience-controls>span{font-size:7px}.about-section{padding:100px 7% 85px}.about-heading h2{font-size:39px}.about-grid{grid-template-columns:1fr;gap:30px}.identity-art{height:250px}.identity-name{padding:20px}.about-copy .about-intro{font-size:26px}.about-section .closing>p{font-size:25px}.scene:after{background:linear-gradient(#050b0e88,transparent 55%,transparent 83%,#050b0e)}}
@media(max-width:800px) and (max-height:740px){.chapter-copy{top:98px}.hero h1,h1{font-size:37px}h2{font-size:30px}.lead{font-size:10px;margin-top:13px}.eyebrow{margin-bottom:12px}.capabilities{margin-top:10px}.scene-caption-fixed{bottom:8%}.scene-caption-fixed p{display:none}}
@media(prefers-reduced-motion:reduce){.chapter-copy{will-change:auto}}
@media(max-width:800px){.scene:after{background:linear-gradient(#050b0ef0 0%,#050b0eaa 30%,transparent 53%,transparent 84%,#050b0e)}}