:root{--navy:#071a38;--navy2:#101f49;--blue:#286bc0;--cobalt:#1e56a1;--orange:#f5673a;--lavender:#ddd7ea;--paper:#f2f0ea;--ink:#091832;--white:#f8f8f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}.noise{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-header{position:fixed;z-index:90;top:0;left:0;width:100%;height:78px;padding:0 5.3vw;display:flex;align-items:center;justify-content:space-between;transition:color .35s,background .35s}.site-header:after{content:"";position:absolute;left:5.3vw;right:5.3vw;bottom:0;height:1px;background:currentColor;opacity:.14}.site-header[data-theme="dark"]{color:#fff}.site-header[data-theme="light"]{color:var(--ink);background:rgba(242,240,234,.72);backdrop-filter:blur(15px)}.brand{font-size:24px;font-weight:800;letter-spacing:-.09em;color:inherit;text-decoration:none}.brand span{color:var(--orange)}.site-header nav{display:flex;gap:32px}.site-header nav a,.talk{position:relative;color:inherit;text-decoration:none;font-size:11px;font-weight:600}.site-header nav a:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:1px;background:currentColor;transition:width .25s}.site-header nav a:hover:after{width:100%}.talk{display:flex;gap:24px;align-items:center}.talk span{font-size:18px}.menu{display:none;background:transparent;border:0;width:32px}.menu i{display:block;width:24px;height:1px;margin:6px 0;background:currentColor}.screen{position:relative;min-height:100svh;overflow:hidden;padding:112px 5.3vw 54px}.micro{margin:0;font:500 9px/1.3 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.micro span{display:inline-block;width:40px;height:1px;margin:0 10px 3px;background:currentColor}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-width:172px;padding:15px 19px;border-radius:99px;font-size:10px;font-weight:700;text-decoration:none;transition:transform .25s,box-shadow .25s}.pill:hover{transform:translateY(-3px);box-shadow:0 10px 25px #071a3830}.pill span{font-size:17px}.pill-orange{background:var(--orange);color:#fff}.pill-dark{background:var(--ink);color:#fff}.reveal-on-scroll{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal-on-scroll.visible{opacity:1;transform:none}

/* 01 — The navy/orange world from the foreground mockup */
.screen-hero{color:#fff;padding-top:0;background:radial-gradient(circle at 77% 20%,#193268 0,transparent 28%),linear-gradient(145deg,#061a38,#0c2046 60%,#182658)}.hero-main{position:absolute;z-index:5;left:8%;top:23%;width:70%}.hero-main h1{margin:24px 0 18px;max-width:980px;font-size:clamp(54px,7.15vw,108px);line-height:.94;letter-spacing:-.075em;font-weight:400}.hero-main h1 strong{font-weight:700}.lede{max-width:390px;margin:0 0 25px;font-size:13px;line-height:1.55;color:#ffffffa5}.landscape{position:absolute;inset:0;overflow:hidden}.hero-glow{position:absolute;z-index:1;right:14%;top:13%;width:42vw;height:42vw;border-radius:50%;background:radial-gradient(circle,#f47a4b 0 8%,#e3593e60 25%,transparent 64%);filter:blur(5px)}.cloud{position:absolute;right:19%;top:14%;width:38%;height:28%;border-radius:50%;background:radial-gradient(ellipse at 50% 55%,#e9653b 0 10%,#9c3d3b 31%,#26305a 72%,transparent 73%);filter:blur(5px);opacity:.78}.wave{position:absolute;left:-10%;width:125%;border-radius:48% 51% 0 0;box-shadow:0 -18px 60px #ff71472f}.wave:after{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-radial-gradient(ellipse at 50% 105%,transparent 0 4px,#ff916260 5px 6px)}.wave-a{height:34%;bottom:19%;transform:rotate(-5deg);background:linear-gradient(160deg,#ad3a2c,#4f2021)}.wave-b{height:37%;bottom:1%;transform:rotate(5deg);background:linear-gradient(140deg,#ef6c3d,#7f281f)}.wave-c{height:22%;bottom:-5%;transform:rotate(-2deg);background:linear-gradient(150deg,#bd452b,#2c1720)}.floating-card{position:absolute;z-index:7;right:7%;bottom:8%;width:310px;min-height:190px;padding:24px;border:1px solid #ffffff50;border-radius:19px;background:#18203fd9;backdrop-filter:blur(16px);box-shadow:0 20px 50px #050a1d55}.floating-card>p{margin:0 0 25px;font:9px 'DM Mono',monospace;color:#ffffff99}.floating-card h2{margin:0 0 10px;font-size:28px;letter-spacing:-.05em}.floating-card>span{display:block;max-width:210px;font-size:10px;line-height:1.55;color:#ffffffa9}.floating-card a{position:absolute;right:20px;bottom:20px;width:43px;height:43px;border:1px solid #ffffff55;border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none;font-size:18px}.scroll-cue{position:absolute;z-index:7;left:5.3vw;bottom:31px;margin:0;font:8px 'DM Mono',monospace;letter-spacing:.08em;color:#ffffff9b}.scroll-cue i{display:inline-block;width:42px;height:1px;margin:0 10px 3px 0;background:#fff}

/* 02 — Cobalt performance page */
.screen-performance{color:#fff;background:linear-gradient(135deg,#2d79ce 0%,#245dac 43%,#173e83 100%)}.screen-performance:before{content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:70px 70px}.performance-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center}.performance-top>div{display:flex;gap:8px}.performance-top button,.filters button{padding:9px 14px;border:1px solid #ffffff2c;border-radius:99px;background:#ffffff12;color:inherit;font:500 9px Manrope,sans-serif}.performance-intro{position:relative;z-index:2;margin-top:8vh}.performance-intro>p{margin:0 0 8px;font:9px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.performance-intro h2{margin:0;font-size:clamp(47px,6vw,88px);line-height:.95;letter-spacing:-.07em;font-weight:500}.performance-intro em,.projects-head em,.summary-copy em,.contact-main em{font-family:Georgia,serif;font-weight:400}.metrics-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.7fr .65fr .65fr;gap:12px;margin-top:6vh}.metric{position:relative;min-height:260px;padding:22px;border:1px solid #ffffff28;border-radius:16px;background:#102f6a52;backdrop-filter:blur(6px)}.metric-label{display:flex;justify-content:space-between;font-size:10px;color:#fff}.metric-label span{font:8px 'DM Mono',monospace;opacity:.6}.metric strong{display:block;margin-top:25px;font-size:72px;line-height:1;letter-spacing:-.07em}.metric strong sup{font-size:26px}.metric>p{position:absolute;left:22px;right:22px;bottom:20px;margin:0;font-size:10px;line-height:1.55;color:#ffffff99}.chart{position:absolute;left:22px;right:22px;bottom:18px;height:125px;display:flex;justify-content:space-between;align-items:flex-end}.chart i{height:100%;width:1px;background:#ffffff15}.chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.chart path{fill:none;stroke:#84e0d6;stroke-width:3;filter:drop-shadow(0 0 8px #85e5d6)}.orbit{width:128px;height:128px;margin:28px auto;border:13px solid #ffffff1b;border-top-color:#f67b50;border-right-color:#8cdcd6;border-radius:50%;display:grid;place-items:center;transform:rotate(18deg)}.orbit b{font-size:25px;transform:rotate(-18deg)}.service-ticker{position:absolute;z-index:2;left:0;bottom:0;width:100%;height:54px;display:flex;align-items:center;justify-content:space-around;border-top:1px solid #ffffff25;font:9px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.09em}.service-ticker span:before{content:"✦";margin-right:22px;color:#81d9d0}

/* 03 — Lavender project page */
.screen-projects{background:linear-gradient(132deg,#ece8f4,#d9d1e8 54%,#c8c9e4);color:var(--ink)}.screen-projects:before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;right:-120px;top:18%;background:#927bea33;filter:blur(30px)}.projects-head{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-end}.projects-head h2{margin:24px 0 0;font-size:clamp(48px,6.3vw,92px);line-height:.94;letter-spacing:-.07em;font-weight:500}.filters{display:flex;gap:7px;margin-bottom:7px}.filters button{color:var(--ink);border-color:#0918322a;background:#ffffff38}.filters .active{background:var(--ink);color:#fff}.project-stage{position:relative;z-index:2;display:grid;grid-template-columns:1.45fr .78fr .78fr;gap:13px;margin-top:6vh}.case{min-width:0}.case-art{position:relative;height:43vh;min-height:310px;overflow:hidden;border-radius:14px;color:#fff}.case-art>span{position:absolute;z-index:2;left:25px;bottom:22px;font-size:clamp(31px,4vw,63px);font-weight:800;letter-spacing:-.08em;line-height:.9}.case-art i{position:absolute}.case footer{position:relative;padding:14px 2px}.case footer p{margin:0 0 5px;font:8px 'DM Mono',monospace;text-transform:uppercase;opacity:.55}.case footer h3{margin:0;font-size:14px}.case footer b{position:absolute;right:3px;top:18px;font-size:18px}.case-icl .case-art{background:linear-gradient(135deg,#c5ced1,#7b8189 54%,#e4e9e8)}.case-icl .case-art i{width:63%;height:110%;right:6%;bottom:-46%;border:28px solid var(--orange);border-radius:50%;transform:rotate(-24deg)}.case-food .case-art{background:radial-gradient(circle at 70% 36%,#f3ad6b 0 5%,transparent 6%),linear-gradient(140deg,#111f20,#5e4d38 62%,#cc8350)}.case-food .case-art i{inset:0;background:linear-gradient(110deg,transparent,#ffffff16,transparent);transform:translateX(-100%);transition:transform .5s}.case-food:hover i{transform:translateX(100%)}.case-skin .case-art{background:linear-gradient(145deg,#e7b6cd,#654862)}.case-skin .case-art>span{top:25px;bottom:auto}.case-skin em{font-family:Georgia,serif;font-weight:400}

/* 04 — Warm ivory summary page */
.screen-summary{display:flex;flex-direction:column;background:var(--paper);color:var(--ink)}.summary-head{display:flex;justify-content:space-between}.summary-head>p:last-child{margin:0;font-size:11px}.summary-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw;margin:auto 0}.summary-copy h2{max-width:660px;margin:0;font-size:clamp(51px,6.3vw,94px);line-height:.94;letter-spacing:-.075em;font-weight:500}.summary-copy>p{max-width:420px;margin:25px 0;font-size:12px;line-height:1.65;color:#091832a8}.service-stack{border-top:1px solid #09183233}.service-stack article{display:grid;grid-template-columns:35px 1fr 24px;gap:14px;padding:20px 4px;border-bottom:1px solid #09183233;cursor:pointer}.service-stack article>span{font:9px 'DM Mono',monospace;opacity:.5}.service-stack h3{margin:0;font-size:18px;font-weight:600}.service-stack p{display:none;margin:10px 0 0;max-width:430px;font-size:10px;line-height:1.5;opacity:.6}.service-stack article.open p{display:block}.service-stack button{align-self:start;border:0;background:none;font-size:18px;color:inherit}.trusted{display:grid;grid-template-columns:150px 1fr;align-items:center;border-top:1px solid #09183233}.trusted>p{font:9px 'DM Mono',monospace;text-transform:uppercase}.trusted>div{display:grid;grid-template-columns:repeat(5,1fr)}.trusted span{height:75px;display:grid;place-items:center;border-left:1px solid #09183233;font-size:12px;font-weight:800;letter-spacing:-.05em}

/* 05 — Closing destination */
.screen-contact{color:var(--ink);background:var(--orange)}.contact-orb{position:absolute;width:min(68vw,900px);height:min(68vw,900px);border-radius:50%;right:-12vw;top:-9vw;background:radial-gradient(circle at 37% 35%,#ffae78 0 3%,#e44a20 32%,#9e2913 63%,#071a38 100%);opacity:.88}.contact-main{position:relative;z-index:2;margin-top:11vh}.contact-main h2{margin:0 0 35px;font-size:clamp(72px,10vw,150px);line-height:.82;letter-spacing:-.08em;font-weight:500}.site-footer{position:absolute;z-index:2;left:5.3vw;right:5.3vw;bottom:31px;display:flex;justify-content:space-between;align-items:flex-end;padding-top:24px;border-top:1px solid #09183255}.site-footer p{margin:0;font-size:9px;line-height:1.5}.site-footer>div{display:flex;gap:25px}.site-footer>div a{color:inherit;text-decoration:none;font-size:10px}

@media(max-width:900px){.site-header nav{display:none}.site-header nav.open{position:absolute;display:flex;top:62px;left:4vw;right:4vw;padding:22px;flex-direction:column;background:#071a38;color:#fff;border-radius:12px;box-shadow:0 20px 40px #0004}.site-header{height:64px;padding:0 5vw}.site-header:after{left:5vw;right:5vw}.talk{display:none}.menu{display:block;color:inherit}.screen{padding:92px 6vw 45px}.hero-main{left:7%;top:19%;width:86%}.hero-main h1{font-size:clamp(49px,12vw,78px)}.hero-glow{width:85vw;height:85vw;right:-20%;top:18%}.cloud{right:0;top:25%;width:80%;height:24%}.floating-card{right:6%;bottom:8%;width:265px;min-height:160px;padding:19px}.floating-card h2{font-size:23px}.scroll-cue{left:6vw}.performance-intro{margin-top:5vh}.metrics-grid{grid-template-columns:1fr 1fr;margin-top:4vh}.metric{min-height:230px}.metric-main{grid-column:span 2}.metric strong{font-size:56px}.service-ticker span:nth-child(even){display:none}.projects-head{display:block}.filters{margin-top:25px;overflow:auto}.project-stage{grid-template-columns:1fr 1fr}.case:first-child{grid-column:span 2}.case-art{height:34vh;min-height:255px}.summary-layout{grid-template-columns:1fr;gap:7vh;margin:8vh 0}.summary-copy h2{font-size:55px}.trusted{margin-top:auto;grid-template-columns:1fr}.trusted>div{grid-template-columns:repeat(3,1fr)}.trusted span{border-top:1px solid #09183233;height:56px}.contact-main h2{font-size:clamp(65px,16vw,105px)}.site-footer{left:6vw;right:6vw}}
@media(max-width:560px){.screen{min-height:100svh}.screen-hero{min-height:780px}.hero-main{top:17%}.hero-main h1{font-size:48px;line-height:.94}.lede{max-width:290px}.wave-a{height:29%;bottom:23%}.wave-b{height:31%;bottom:7%}.wave-c{height:21%}.floating-card{width:240px;min-height:145px;bottom:7%}.floating-card>p{margin-bottom:15px}.floating-card h2{font-size:21px}.floating-card>span{max-width:165px}.performance-top>div{display:none}.screen-performance{min-height:1050px}.performance-intro{margin-top:45px}.performance-intro h2{font-size:48px}.metrics-grid{grid-template-columns:1fr}.metric-main{grid-column:auto}.metric{min-height:230px}.service-ticker{position:absolute}.screen-projects{min-height:1330px}.projects-head h2{font-size:50px}.project-stage{grid-template-columns:1fr}.case:first-child{grid-column:auto}.case-art{height:300px}.screen-summary{min-height:1080px}.summary-head>p:last-child{display:none}.summary-layout{margin:60px 0 50px}.summary-copy h2{font-size:49px}.trusted>div{grid-template-columns:repeat(2,1fr)}.screen-contact{min-height:780px}.contact-orb{width:150vw;height:150vw;right:-70vw;top:-15vw}.contact-main{margin-top:11vh}.contact-main h2{font-size:63px;line-height:.88}.site-footer{display:grid;gap:18px}.site-footer>div{order:-1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-on-scroll{opacity:1;transform:none;transition:none}.pill{transition:none}}