:root{
  --ink:#050505;
  --paper:#f4f4f1;
  --white:#fff;
  --blue:#2993ef;
  --cyan:#1de1df;
  --navy:#2c3c50;
  --muted:#979793;
  --muted-dark:#64645f;
  --line:rgba(255,255,255,.14);
  --line-dark:rgba(0,0,0,.14);
  --gutter:clamp(20px,4vw,72px);
  --ease:cubic-bezier(.16,1,.3,1);
  --ease-soft:cubic-bezier(.22,.61,.36,1);
  --header-h:82px;
}
*{box-sizing:border-box}
html{background:var(--ink);scroll-behavior:auto}
body{margin:0;background:var(--ink);color:var(--white);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.is-loading,body.ui-locked{overflow:hidden}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit}img,video{display:block;max-width:100%}
::selection{background:var(--cyan);color:#041012}

.noise{position:fixed;inset:0;pointer-events:none;z-index:150;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='4' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.grid-lines{position:fixed;inset:0;pointer-events:none;z-index:0;padding:0 var(--gutter);opacity:.15}
.grid-lines:before{content:"";display:block;height:100%;background:repeating-linear-gradient(90deg,transparent 0,transparent calc((100% - 11px)/12 - 1px),rgba(255,255,255,.075) calc((100% - 11px)/12 - 1px),rgba(255,255,255,.075) calc((100% - 11px)/12))}
.scroll-progress{position:fixed;left:0;top:0;width:100%;height:2px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--blue),var(--cyan));z-index:300;will-change:transform}

.preloader{position:fixed;inset:0;background:#050505;z-index:400;display:grid;place-items:center;transition:opacity .65s var(--ease),visibility .65s var(--ease)}
.preloader.hidden{opacity:0;visibility:hidden;pointer-events:none}.pre-inner{width:min(560px,78vw)}.pre-logo{width:min(230px,55vw);margin:auto;opacity:0;transform:translateY(16px);animation:preLogo .8s var(--ease) .08s forwards}.pre-line{height:1px;background:rgba(255,255,255,.13);margin-top:28px;overflow:hidden}.pre-line span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));transform:translateX(-101%);animation:preBar 1s var(--ease) .12s forwards}.pre-meta{text-align:center;font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:#757570;margin-top:13px;opacity:0;animation:fade .5s ease .35s forwards}@keyframes preLogo{to{opacity:1;transform:none}}@keyframes preBar{to{transform:none}}@keyframes fade{to{opacity:1}}

header.site-header{position:fixed;top:0;left:0;right:0;z-index:250;padding:16px var(--gutter);border-bottom:1px solid transparent;transition:background .35s ease,border-color .35s ease,transform .35s ease;color:#fff}
header.site-header.scrolled{background:rgba(5,5,5,.74);border-color:rgba(255,255,255,.1);backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px)}
.nav{display:grid;grid-template-columns:repeat(12,1fr);column-gap:18px;align-items:center}.brand{grid-column:span 3;display:flex;align-items:center}.brand img{width:190px}.nav-links{grid-column:5/span 6;display:flex;justify-content:center;gap:28px;font-size:13px;color:#c7c7c3}.nav-link{position:relative;padding:8px 0}.nav-link:after{content:"";position:absolute;left:0;right:0;bottom:4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s var(--ease)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1);transform-origin:left}.menu-toggle{grid-column:11/span 2;justify-self:end;border:0;background:transparent;cursor:pointer;display:flex;align-items:center;gap:10px;padding:10px 0}.menu-toggle span{font-size:11px;text-transform:uppercase;letter-spacing:.14em}.menu-icon{width:30px;height:10px;position:relative}.menu-icon:before,.menu-icon:after{content:"";position:absolute;left:0;width:30px;height:1px;background:#fff;transition:.32s var(--ease)}.menu-icon:before{top:1px}.menu-icon:after{bottom:1px}.menu-toggle.open .menu-icon:before{transform:translateY(3.5px) rotate(45deg)}.menu-toggle.open .menu-icon:after{transform:translateY(-3.5px) rotate(-45deg)}
.menu-overlay{pointer-events:none;position:fixed;inset:0;background:#f4f4f1;color:#080808;z-index:240;display:grid;grid-template-columns:repeat(12,1fr);column-gap:18px;padding:140px var(--gutter) 52px;clip-path:inset(0 0 100% 0);transition:clip-path .65s var(--ease)}.menu-overlay.open{pointer-events:auto;clip-path:inset(0)}.menu-list{grid-column:2/span 7;display:flex;flex-direction:column;justify-content:center}.menu-list a{font-size:clamp(44px,7vw,108px);line-height:.86;letter-spacing:-.055em;border-bottom:1px solid rgba(0,0,0,.13);padding:15px 0;display:flex;align-items:flex-end;justify-content:space-between}.menu-list a small{font-size:10px;text-transform:uppercase;letter-spacing:.17em;color:#777;margin-bottom:10px}.menu-aside{grid-column:10/span 3;align-self:end;color:#686864;font-size:13px;line-height:1.65}

main{position:relative;z-index:2}.section{padding:clamp(110px,13vw,210px) var(--gutter);position:relative}.grid12{display:grid;grid-template-columns:repeat(12,1fr);column-gap:18px}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.19em;color:#7e7e79;display:flex;align-items:center;gap:11px}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 0 22px rgba(29,225,223,.35)}.display{font-size:clamp(56px,9.4vw,148px);line-height:.84;letter-spacing:-.067em;font-weight:590;margin:0}.display-sm{font-size:clamp(46px,6.4vw,104px);line-height:.9;letter-spacing:-.055em;font-weight:560;margin:0}.lede{font-size:clamp(20px,2vw,30px);line-height:1.3;letter-spacing:-.024em;color:#bbb;max-width:780px}.body-copy{font-size:16px;line-height:1.75;color:#9b9b97;max-width:630px}.mask{overflow:hidden;display:block;padding-bottom:.07em}.mask>span{display:block;transform:translateY(116%)}.accent{background:linear-gradient(90deg,var(--blue),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.text-link{display:inline-flex;gap:13px;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:.14em}.text-link:after{content:"↗";width:28px;height:28px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:12px;transition:transform .35s var(--ease)}.text-link:hover:after{transform:translate(3px,-3px) rotate(8deg)}

.hero{min-height:100svh;display:flex;align-items:flex-end;padding:150px var(--gutter) 72px;position:relative;overflow:hidden}.hero-content{grid-column:1/span 11;position:relative;z-index:2}.hero-kicker{display:flex;justify-content:space-between;align-items:center;max-width:910px;margin-bottom:30px}.hero .display{max-width:1230px}.hero-bottom{margin-top:54px;display:grid;grid-template-columns:repeat(12,1fr);column-gap:18px;align-items:end}.hero-bottom .lede{grid-column:1/span 6;margin:0}.hero-scroll{grid-column:10/span 3;justify-self:end;text-align:right;font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:#777}.scroll-wheel{width:46px;height:46px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center;margin:12px 0 0 auto;overflow:hidden}.scroll-wheel:before{content:"↓";animation:down 1.6s ease-in-out infinite}@keyframes down{0%{transform:translateY(-14px);opacity:0}35%,70%{opacity:1}100%{transform:translateY(14px);opacity:0}}.hero-orbit{position:absolute;right:-13vw;top:7vh;width:min(62vw,880px);aspect-ratio:1;border:1px solid rgba(255,255,255,.075);border-radius:50%;opacity:.9;pointer-events:none}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;inset:12%;border:inherit;border-radius:inherit}.hero-orbit:after{inset:26%}.hero-glow{position:absolute;right:1%;top:14%;width:42vw;height:42vw;pointer-events:none;background:radial-gradient(circle,rgba(41,147,239,.19),rgba(29,225,223,.08) 34%,transparent 69%);filter:blur(26px)}.hero-chip{position:absolute;right:10vw;bottom:17vh;width:clamp(140px,14vw,220px);aspect-ratio:1;border:1px solid rgba(255,255,255,.17);border-radius:34px;transform:rotate(18deg);display:grid;place-items:center;color:#777;font-size:10px;letter-spacing:.17em;text-transform:uppercase}.hero-chip:after{content:"";width:35%;height:35%;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:0 0 40px rgba(29,225,223,.4)}

.intro-band{background:var(--paper);color:var(--ink);min-height:78vh;display:flex;align-items:center}.intro-band .eyebrow{grid-column:1/span 3;color:#70706b}.intro-copy{grid-column:4/span 9;font-size:clamp(38px,5.3vw,84px);line-height:.98;letter-spacing:-.048em;font-weight:510;margin:0}.intro-copy .dim{color:#aaa9a4}

.home-work{background:#050505}.section-head{align-items:end;margin-bottom:80px}.section-head .eyebrow{grid-column:1/span 3;align-self:start}.section-head h2{grid-column:4/span 8}.section-head .side-link{grid-column:11/span 2;justify-self:end;align-self:end}.project-teasers{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.project-teaser{grid-column:span 6;min-height:540px;position:relative;overflow:hidden;border:1px solid var(--line);padding:32px;display:flex;flex-direction:column;justify-content:space-between;background:#0a0a0a;transition:transform .55s var(--ease),border-color .35s ease}.project-teaser:nth-child(2n){transform:translateY(80px)}.project-teaser:hover{transform:translateY(-8px);border-color:rgba(29,225,223,.4)}.project-teaser:nth-child(2n):hover{transform:translateY(72px)}.teaser-bg{position:absolute;inset:0;opacity:.85;transition:transform .8s var(--ease),opacity .5s ease}.project-teaser:hover .teaser-bg{transform:scale(1.04);opacity:1}.teaser-bg:before,.teaser-bg:after{content:"";position:absolute;border-radius:50%;filter:blur(1px)}.qube-bg{background:radial-gradient(circle at 25% 28%,rgba(29,225,223,.32),transparent 35%),linear-gradient(135deg,#0a0e10,#07171a 55%,#051013)}.qube-bg:after{width:310px;height:310px;border:1px solid rgba(255,255,255,.17);right:-60px;bottom:30px;border-radius:64px;transform:rotate(29deg)}.supernova-bg{background:radial-gradient(circle at 70% 20%,rgba(41,147,239,.35),transparent 37%),linear-gradient(155deg,#061119,#07131c 55%,#05080b)}.supernova-bg:after{width:370px;height:190px;border:1px solid rgba(29,225,223,.24);right:-45px;bottom:35px;border-radius:999px;transform:rotate(-16deg)}.wtp-bg{background:radial-gradient(circle at 30% 30%,rgba(44,60,80,.75),transparent 42%),linear-gradient(145deg,#0c0d10,#0b111b 60%,#050608)}.wtp-bg:after{width:330px;height:330px;border:1px solid rgba(41,147,239,.2);right:-70px;bottom:-55px;border-radius:50%}.narwhal-bg{background:radial-gradient(circle at 65% 28%,rgba(29,225,223,.25),transparent 38%),linear-gradient(145deg,#061114,#0b1517 55%,#050708)}.narwhal-bg:after{width:260px;height:260px;border:1px solid rgba(255,255,255,.16);right:10px;bottom:35px;border-radius:50%}.teaser-top,.teaser-bottom{position:relative;z-index:2}.teaser-top{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#8d8d88}.teaser-bottom h3{font-size:clamp(38px,4.7vw,72px);line-height:.9;letter-spacing:-.052em;margin:0 0 18px;font-weight:540;max-width:560px}.teaser-bottom p{margin:0;color:#a4a4a0;max-width:430px;line-height:1.55}.teaser-index{position:absolute;right:28px;top:50%;transform:translateY(-50%);font-size:clamp(88px,10vw,160px);font-weight:650;letter-spacing:-.08em;color:rgba(255,255,255,.035);z-index:1}

.services-preview{background:#efefeb;color:#080808}.services-preview .eyebrow{grid-column:1/span 3;color:#666}.services-preview h2{grid-column:4/span 8}.service-grid{margin-top:80px;display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.service-card{grid-column:span 4;min-height:330px;border:1px solid var(--line-dark);padding:28px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:transform .55s var(--ease),background .35s ease}.service-card:hover{transform:translateY(-8px);background:#fff}.service-card .no{font-size:10px;letter-spacing:.13em;color:#999}.service-card h3{font-size:clamp(28px,2.7vw,44px);line-height:1;letter-spacing:-.04em;margin:0 0 14px}.service-card p{font-size:14px;line-height:1.55;color:#666;max-width:320px;margin:0}.service-card:after{content:"";position:absolute;width:110px;height:110px;border:1px solid rgba(0,0,0,.12);border-radius:50%;right:-25px;top:-25px;transition:.6s var(--ease)}.service-card:hover:after{transform:scale(1.6);border-color:rgba(41,147,239,.35)}

.cta-band{background:linear-gradient(135deg,#238fef 0%,#21dcd9 100%);color:#041013;min-height:78vh;display:flex;align-items:center;overflow:hidden}.cta-band .eyebrow{grid-column:1/span 3;color:rgba(0,0,0,.55)}.cta-band .cta-copy{grid-column:4/span 8}.cta-band h2{font-size:clamp(54px,8vw,126px);line-height:.86;letter-spacing:-.064em;margin:0;font-weight:600}.cta-band p{font-size:20px;line-height:1.45;max-width:620px;color:rgba(0,0,0,.65);margin:30px 0 32px}.pill-cta{display:inline-flex;align-items:center;gap:14px;border:1px solid rgba(0,0,0,.4);padding:15px 21px;border-radius:999px;transition:.4s var(--ease);font-size:13px}.pill-cta:after{content:"↗";width:26px;height:26px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center}.pill-cta:hover{background:#071214;color:#fff;transform:translateY(-3px)}.cta-watermark{position:absolute;right:-3vw;bottom:-9vw;font-size:32vw;line-height:.7;font-weight:800;letter-spacing:-.12em;color:rgba(255,255,255,.14);pointer-events:none}

.page-hero{min-height:82svh;padding:160px var(--gutter) 72px;display:flex;align-items:flex-end;position:relative;overflow:hidden}.page-hero .hero-copy{grid-column:1/span 10}.page-hero .eyebrow{margin-bottom:30px}.page-hero p{margin:34px 0 0;font-size:clamp(19px,2vw,28px);line-height:1.35;color:#a7a7a2;max-width:780px}.page-hero .page-no{position:absolute;right:var(--gutter);bottom:60px;font-size:clamp(80px,12vw,190px);font-weight:650;letter-spacing:-.08em;color:rgba(255,255,255,.035)}.page-hero.light{background:var(--paper);color:#080808}.page-hero.light p{color:#666}.page-hero.light .page-no{color:rgba(0,0,0,.04)}

.about-story{background:#f1f1ed;color:#080808}.about-story .eyebrow{grid-column:1/span 3;color:#666}.about-story .story{grid-column:4/span 8}.about-story .story h2{font-size:clamp(44px,6vw,92px);line-height:.95;letter-spacing:-.052em;font-weight:540;margin:0 0 46px}.two-col-copy{display:grid;grid-template-columns:1fr 1fr;gap:50px}.two-col-copy p{margin:0;color:#62625f;font-size:16px;line-height:1.72}.values{background:#080808}.values .eyebrow{grid-column:1/span 3}.values h2{grid-column:4/span 8}.value-list{margin-top:80px;border-top:1px solid var(--line)}.value-row{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;padding:31px 0;border-bottom:1px solid var(--line);align-items:start}.value-row .num{grid-column:1/span 1;color:#656560;font-size:11px}.value-row h3{grid-column:2/span 4;margin:0;font-size:clamp(29px,3vw,46px);line-height:1;letter-spacing:-.04em;font-weight:520}.value-row p{grid-column:7/span 5;margin:0;color:#979792;line-height:1.6}.about-visual{background:#0a0a0a;padding:0 var(--gutter) clamp(110px,13vw,210px)}.about-visual .visual-stage{height:min(76vw,860px);max-height:82vh;position:relative;overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 35% 30%,rgba(41,147,239,.22),transparent 36%),radial-gradient(circle at 70% 63%,rgba(29,225,223,.14),transparent 34%),#080808}.visual-stage .big-a{position:absolute;left:50%;top:50%;transform:translate(-50%,-48%);font-size:min(48vw,680px);font-weight:800;line-height:.7;letter-spacing:-.15em;color:rgba(255,255,255,.03)}.visual-stage .orbit{position:absolute;left:50%;top:50%;width:60%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.11);transform:translate(-50%,-50%)}.visual-stage .orbit:before,.visual-stage .orbit:after{content:"";position:absolute;border-radius:50%;border:inherit;inset:16%}.visual-stage .orbit:after{inset:33%}.visual-label{position:absolute;left:30px;bottom:28px;color:#777;font-size:10px;letter-spacing:.16em;text-transform:uppercase}.stats-grid{background:#f1f1ed;color:#080808}.stats-grid .stat-row{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}.stat-cell{grid-column:span 4;padding:42px 0;position:relative}.stat-cell:not(:last-child):after{content:"";position:absolute;right:-9px;top:0;bottom:0;width:1px;background:var(--line-dark)}.stat-cell strong{display:block;font-size:clamp(62px,8vw,120px);letter-spacing:-.07em;font-weight:580;line-height:.86}.stat-cell span{display:block;margin-top:18px;color:#696964;font-size:11px;text-transform:uppercase;letter-spacing:.14em}

/* Work index */
.work-page{background:#050505}.work-intro{min-height:78svh;padding:160px var(--gutter) 90px;display:flex;align-items:flex-end}.work-intro .copy{grid-column:1/span 10}.work-intro .display-sm{max-width:1050px}.work-intro p{font-size:clamp(19px,2vw,28px);line-height:1.4;color:#9f9f9b;max-width:720px;margin:35px 0 0}.work-stack{position:relative}.work-panel-wrap{height:120svh;position:relative}.work-panel{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;align-items:flex-end;padding:var(--header-h) var(--gutter) 64px;border-top:1px solid rgba(255,255,255,.08);isolation:isolate}.work-panel .panel-bg{position:absolute;inset:0;z-index:-3;transition:transform .9s var(--ease)}.work-panel .panel-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.1) 38%,rgba(0,0,0,.72) 100%)}.work-panel .mesh{position:absolute;inset:-8%;z-index:-2;opacity:.8;transform:scale(1.03);transition:transform 1s var(--ease)}.work-panel.is-active .mesh{transform:scale(1)}.work-panel.qube .panel-bg{background:radial-gradient(circle at 24% 23%,rgba(29,225,223,.35),transparent 34%),linear-gradient(140deg,#061012,#08191c 56%,#040607)}.work-panel.supernova .panel-bg{background:radial-gradient(circle at 78% 22%,rgba(41,147,239,.36),transparent 34%),linear-gradient(155deg,#07131c,#06101a 58%,#030507)}.work-panel.wtp .panel-bg{background:radial-gradient(circle at 30% 28%,rgba(44,60,80,.85),transparent 36%),linear-gradient(145deg,#101116,#0b101a 60%,#040507)}.work-panel.narwhal .panel-bg{background:radial-gradient(circle at 68% 20%,rgba(29,225,223,.27),transparent 34%),linear-gradient(145deg,#071315,#0a1517 55%,#040607)}.mesh:before,.mesh:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.16)}.work-panel.qube .mesh:before{width:36vw;height:36vw;max-width:580px;max-height:580px;border-radius:90px;right:5vw;top:17vh;transform:rotate(33deg)}.work-panel.qube .mesh:after{width:18vw;height:18vw;max-width:280px;max-height:280px;border-radius:46px;right:17vw;top:33vh;transform:rotate(-18deg);border-color:rgba(29,225,223,.3)}.work-panel.supernova .mesh:before{width:46vw;height:20vw;border-radius:999px;right:-4vw;top:22vh;transform:rotate(-17deg);border-color:rgba(29,225,223,.27)}.work-panel.supernova .mesh:after{width:24vw;height:24vw;border-radius:50%;right:16vw;top:25vh;border-color:rgba(41,147,239,.32)}.work-panel.wtp .mesh:before{width:36vw;height:36vw;border-radius:50%;right:7vw;top:18vh}.work-panel.wtp .mesh:after{width:21vw;height:21vw;border-radius:50%;right:14.5vw;top:25.5vh;border-color:rgba(41,147,239,.25)}.work-panel.narwhal .mesh:before{width:34vw;height:34vw;right:9vw;top:18vh;border-radius:50%}.work-panel.narwhal .mesh:after{width:34vw;height:34vw;right:-7vw;top:23vh;border-radius:50%;border-color:rgba(29,225,223,.24)}.panel-grid{width:100%;display:grid;grid-template-columns:repeat(12,1fr);gap:18px;align-items:end}.panel-index{grid-column:1/span 1;font-size:10px;color:#777;letter-spacing:.14em;align-self:start}.panel-content{grid-column:2/span 7}.panel-content .client{font-size:11px;text-transform:uppercase;letter-spacing:.16em;color:#8b8b87;margin-bottom:15px}.panel-content h2{font-size:clamp(52px,8vw,122px);line-height:.84;letter-spacing:-.065em;margin:0;font-weight:580}.panel-content p{font-size:clamp(17px,1.6vw,23px);line-height:1.42;color:#a5a5a0;max-width:640px;margin:24px 0 0}.panel-meta{grid-column:10/span 3;justify-self:end;text-align:right}.panel-meta span{display:block;color:#747470;font-size:10px;text-transform:uppercase;letter-spacing:.16em}.panel-meta strong{display:block;font-size:16px;margin-top:9px;font-weight:480}.panel-link{display:inline-flex;margin-top:28px;align-items:center;gap:14px;font-size:11px;text-transform:uppercase;letter-spacing:.15em}.panel-link:after{content:"↗";width:46px;height:46px;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:grid;place-items:center;font-size:14px;transition:.35s var(--ease)}.panel-link:hover:after{background:#fff;color:#050505;transform:rotate(10deg)}.work-progress{position:fixed;right:var(--gutter);top:50%;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;gap:8px;opacity:0;pointer-events:none;transition:opacity .3s}.work-progress.visible{opacity:1}.work-progress i{display:block;width:2px;height:24px;background:rgba(255,255,255,.16);transition:height .35s var(--ease),background .35s}.work-progress i.active{height:52px;background:linear-gradient(var(--blue),var(--cyan))}

/* Careers */
.careers-page{background:#050505}.career-hero{min-height:90svh;padding:160px var(--gutter) 70px;display:flex;align-items:flex-end;overflow:hidden}.career-hero .copy{grid-column:1/span 10;position:relative;z-index:2}.career-hero .display{max-width:1150px}.career-hero p{font-size:clamp(20px,2vw,29px);line-height:1.35;color:#a1a19c;max-width:720px;margin:34px 0 0}.career-orb{position:absolute;right:-8vw;top:8vh;width:54vw;max-width:830px;aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.08)}.career-orb:before,.career-orb:after{content:"";position:absolute;border-radius:inherit;border:inherit;inset:14%}.career-orb:after{inset:30%;background:radial-gradient(circle,rgba(29,225,223,.15),transparent 62%)}.career-culture{background:#f1f1ed;color:#080808}.career-culture .eyebrow{grid-column:1/span 3;color:#666}.career-culture h2{grid-column:4/span 8}.culture-cards{margin-top:82px;display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.culture-card{grid-column:span 4;min-height:340px;border:1px solid var(--line-dark);padding:28px;display:flex;flex-direction:column;justify-content:space-between;background:rgba(255,255,255,.2)}.culture-card .num{font-size:10px;color:#999;letter-spacing:.14em}.culture-card h3{font-size:clamp(28px,2.7vw,44px);line-height:1;letter-spacing:-.04em;margin:0 0 14px}.culture-card p{margin:0;color:#666;line-height:1.6}.roles-section{background:#080808}.roles-section .eyebrow{grid-column:1/span 3}.roles-section h2{grid-column:4/span 8}.role-list{margin-top:80px;border-top:1px solid var(--line)}.role-row{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;padding:28px 0;border-bottom:1px solid var(--line);align-items:center}.role-title{grid-column:1/span 5;font-size:clamp(28px,3vw,46px);letter-spacing:-.04em}.role-team{grid-column:7/span 2;color:#777;font-size:11px;text-transform:uppercase;letter-spacing:.13em}.role-loc{grid-column:9/span 2;color:#777;font-size:11px;text-transform:uppercase;letter-spacing:.13em}.role-row a{grid-column:12/span 1;justify-self:end;width:40px;height:40px;border:1px solid rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center;transition:.35s var(--ease)}.role-row:hover a{background:#fff;color:#050505;transform:rotate(10deg)}.career-note{margin-top:30px;color:#777;font-size:12px;line-height:1.6;max-width:620px}

/* Project detail */
.project-hero{height:100svh;min-height:720px;position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:var(--header-h) var(--gutter) 66px;background:#050505}.project-video{position:absolute;inset:0;z-index:0;background:#070707}.project-video video{width:100%;height:100%;object-fit:cover;opacity:.55}.project-video:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.25) 45%,rgba(0,0,0,.83) 100%),linear-gradient(90deg,rgba(0,0,0,.2),transparent 50%)}.video-placeholder-label{position:absolute;right:var(--gutter);top:120px;z-index:2;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:9px 13px;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#aaa;background:rgba(0,0,0,.22);backdrop-filter:blur(7px)}.project-hero .hero-grid{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:repeat(12,1fr);gap:18px;align-items:end}.project-title{grid-column:1/span 9}.project-title .client{font-size:10px;text-transform:uppercase;letter-spacing:.17em;color:#9b9b96;margin-bottom:18px}.project-title h1{font-size:clamp(62px,10vw,150px);line-height:.81;letter-spacing:-.069em;margin:0;font-weight:590;max-width:1170px}.project-title p{font-size:clamp(18px,1.8vw,26px);line-height:1.38;color:#b1b1ad;max-width:710px;margin:28px 0 0}.project-arrow{grid-column:11/span 2;justify-self:end}.project-arrow .scroll-wheel{margin:0}.project-intro{background:#f1f1ed;color:#080808}.project-intro .meta{grid-column:1/span 3;display:flex;flex-direction:column;gap:26px}.meta-block span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#999;margin-bottom:8px}.meta-block strong{font-size:15px;font-weight:500;line-height:1.4}.project-intro .overview{grid-column:4/span 8}.project-intro .overview h2{font-size:clamp(42px,5.6vw,86px);line-height:.95;letter-spacing:-.05em;font-weight:530;margin:0 0 40px}.project-intro .overview p{font-size:18px;line-height:1.7;color:#62625e;max-width:800px}.project-narrative{background:#050505}.narrative-row{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;align-items:center;margin-bottom:clamp(110px,15vw,230px)}.narrative-row:last-child{margin-bottom:0}.narrative-row .copy{grid-column:1/span 4}.narrative-row.reverse .copy{grid-column:9/span 4;grid-row:1}.narrative-row .copy .kicker{font-size:10px;text-transform:uppercase;letter-spacing:.17em;color:#71716d;margin-bottom:18px}.narrative-row .copy h3{font-size:clamp(34px,4vw,60px);line-height:.96;letter-spacing:-.045em;margin:0 0 24px;font-weight:520}.narrative-row .copy p{font-size:16px;line-height:1.72;color:#93938f;margin:0}.narrative-row .visual{grid-column:6/span 7;min-height:580px}.narrative-row.reverse .visual{grid-column:1/span 7;grid-row:1}.visual-placeholder{height:100%;min-height:580px;border:1px solid var(--line);position:relative;overflow:hidden;background:#0a0a0a}.visual-placeholder .label{position:absolute;left:24px;top:22px;font-size:9px;text-transform:uppercase;letter-spacing:.17em;color:#777;z-index:3}.visual-placeholder .frame{position:absolute;inset:11%;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.01));box-shadow:0 30px 80px rgba(0,0,0,.35)}.visual-placeholder .frame:before{content:"";position:absolute;left:20px;right:20px;top:20px;height:36px;border-bottom:1px solid rgba(255,255,255,.12)}.visual-placeholder .frame:after{content:"";position:absolute;left:24px;top:86px;width:42%;height:11px;border-radius:999px;background:linear-gradient(90deg,rgba(41,147,239,.75),rgba(29,225,223,.75));box-shadow:0 44px 0 rgba(255,255,255,.09),0 76px 0 rgba(255,255,255,.055),0 108px 0 rgba(255,255,255,.04)}.visual-placeholder.alt .frame{inset:8% 14%;border-radius:36px}.visual-placeholder.alt .frame:after{width:12px;height:48%;left:30px;top:92px;border-radius:999px;box-shadow:46px 0 0 rgba(255,255,255,.08),92px 0 0 rgba(255,255,255,.055),138px 0 0 rgba(255,255,255,.035)}.visual-placeholder.phone .frame{inset:8% 31%;border-radius:48px}.visual-placeholder.phone .frame:after{left:22px;right:22px;top:100px;width:auto;height:160px;border-radius:24px;background:radial-gradient(circle at 30% 30%,rgba(29,225,223,.36),transparent 50%),linear-gradient(135deg,rgba(41,147,239,.25),rgba(255,255,255,.03));box-shadow:0 190px 0 rgba(255,255,255,.045)}.visual-placeholder.dashboard .frame:after{width:55%;height:120px;border-radius:18px;background:linear-gradient(135deg,rgba(41,147,239,.21),rgba(29,225,223,.08));box-shadow:220px 0 0 rgba(255,255,255,.04),0 150px 0 rgba(255,255,255,.04)}.visual-placeholder:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-130px;top:-120px;background:radial-gradient(circle,rgba(41,147,239,.19),transparent 65%)}.visual-placeholder:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;left:-100px;bottom:-80px;background:radial-gradient(circle,rgba(29,225,223,.12),transparent 65%)}.project-fullbleed{height:min(72vw,900px);max-height:88vh;position:relative;overflow:hidden;background:radial-gradient(circle at 30% 30%,rgba(41,147,239,.22),transparent 36%),radial-gradient(circle at 68% 58%,rgba(29,225,223,.15),transparent 35%),#090909;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-fullbleed .placeholder-word{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(80px,17vw,250px);letter-spacing:-.07em;font-weight:650;color:rgba(255,255,255,.035);white-space:nowrap}.project-fullbleed .caption{position:absolute;left:var(--gutter);bottom:28px;font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#777}.outcomes{background:#f1f1ed;color:#080808}.outcomes .eyebrow{grid-column:1/span 3;color:#666}.outcomes h2{grid-column:4/span 8}.outcome-grid{margin-top:76px;display:grid;grid-template-columns:repeat(12,1fr);gap:18px;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark)}.outcome{grid-column:span 4;padding:38px 0;position:relative}.outcome:not(:last-child):after{content:"";position:absolute;right:-9px;top:0;bottom:0;width:1px;background:var(--line-dark)}.outcome strong{display:block;font-size:clamp(56px,7vw,104px);letter-spacing:-.065em;line-height:.86;font-weight:580}.outcome span{display:block;margin-top:17px;font-size:11px;text-transform:uppercase;letter-spacing:.13em;color:#686863}.project-next{background:#050505;padding:0 var(--gutter)}.next-card{min-height:72vh;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(12,1fr);gap:18px;align-items:center;position:relative;overflow:hidden}.next-card .label{grid-column:1/span 3;font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#6e6e69}.next-card .next-copy{grid-column:4/span 8}.next-card h3{font-size:clamp(54px,8vw,122px);line-height:.84;letter-spacing:-.065em;margin:0 0 22px;font-weight:580}.next-card p{color:#999;max-width:570px;font-size:18px;line-height:1.5}.next-card:after{content:"↗";position:absolute;right:0;bottom:40px;width:64px;height:64px;border:1px solid rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center;font-size:18px;transition:.35s var(--ease)}.next-card:hover:after{background:#fff;color:#050505;transform:rotate(10deg)}

footer{background:#050505;padding:72px var(--gutter) 34px;color:#fff}.footer-top{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;align-items:end}.footer-logo{grid-column:1/span 5;width:min(430px,100%)}.footer-cta{grid-column:8/span 5;text-align:right}.footer-cta .small{font-size:10px;color:#777;text-transform:uppercase;letter-spacing:.15em}.footer-cta h3{font-size:clamp(36px,4.2vw,64px);letter-spacing:-.045em;margin:9px 0 0;font-weight:520}.footer-bottom{margin-top:95px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;color:#666;font-size:10px;letter-spacing:.1em;text-transform:uppercase}

.cursor{position:fixed;left:0;top:0;width:10px;height:10px;background:#fff;border-radius:50%;pointer-events:none;z-index:500;mix-blend-mode:difference;transform:translate(-50%,-50%);will-change:transform;transition:width .25s var(--ease),height .25s var(--ease),background .25s ease;display:flex;align-items:center;justify-content:center;color:#050505;font-size:9px;font-weight:700;letter-spacing:.08em;overflow:hidden}.cursor span{opacity:0;white-space:nowrap}.cursor.view{width:88px;height:88px;background:#fff;mix-blend-mode:normal}.cursor.view span{opacity:1}.cursor.arrow{width:64px;height:64px;background:#fff;mix-blend-mode:normal}.cursor.arrow span{opacity:1;font-size:16px}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .75s var(--ease),transform .75s var(--ease)}.reveal.in{opacity:1;transform:none}[data-speed]{will-change:transform}

@media(max-width:980px){
  .grid-lines{display:none}.nav-links{display:none}.brand{grid-column:1/span 8}.menu-toggle{grid-column:10/span 3}.brand img{width:170px}.menu-list{grid-column:1/span 9}.menu-aside{grid-column:10/span 3}
  .hero-content{grid-column:1/-1}.hero-bottom .lede{grid-column:1/span 8}.hero-scroll{grid-column:10/span 3}
  .intro-band .eyebrow,.section-head .eyebrow,.services-preview .eyebrow,.cta-band .eyebrow,.about-story .eyebrow,.values .eyebrow,.career-culture .eyebrow,.roles-section .eyebrow,.outcomes .eyebrow{grid-column:1/-1;margin-bottom:32px}.intro-copy,.section-head h2,.services-preview h2,.cta-band .cta-copy,.about-story .story,.values h2,.career-culture h2,.roles-section h2,.outcomes h2{grid-column:1/-1}
  .section-head .side-link{grid-column:1/-1;justify-self:start;margin-top:24px}.project-teaser{grid-column:span 6}.project-teaser:nth-child(2n){transform:none}.project-teaser:nth-child(2n):hover{transform:translateY(-8px)}.service-card,.culture-card{grid-column:span 6}
  .work-intro .copy{grid-column:1/-1}.panel-content{grid-column:2/span 8}.panel-meta{grid-column:10/span 3}.work-progress{display:none}
  .project-title{grid-column:1/span 10}.project-arrow{grid-column:11/span 2}.project-intro .meta{grid-column:1/span 3}.project-intro .overview{grid-column:4/span 9}.narrative-row .copy{grid-column:1/span 5}.narrative-row .visual{grid-column:6/span 7}.narrative-row.reverse .copy{grid-column:8/span 5}.narrative-row.reverse .visual{grid-column:1/span 7}
  .footer-logo{grid-column:1/span 6}.footer-cta{grid-column:7/span 6}
}
@media(max-width:720px){
  :root{--gutter:20px;--header-h:74px}.noise{display:none}header.site-header.scrolled{backdrop-filter:none;-webkit-backdrop-filter:none}.brand img{width:150px}.menu-toggle span{display:none}.section{padding-top:110px;padding-bottom:110px}.menu-overlay{padding-top:110px}.menu-list{grid-column:1/-1}.menu-aside{display:none}.menu-list a{font-size:16vw}
  .hero{min-height:92svh;padding-top:130px;padding-bottom:34px}.hero-kicker{align-items:flex-start}.hero-bottom{margin-top:36px}.hero-bottom .lede{grid-column:1/span 11;font-size:18px}.hero-scroll{display:none}.hero-orbit{width:88vw;right:-38vw;top:20vh}.hero-chip{display:none}
  .intro-copy{font-size:clamp(40px,12vw,70px)}.project-teasers{display:block}.project-teaser{min-height:460px;margin-bottom:18px}.project-teaser:hover{transform:none}.service-card,.culture-card{grid-column:1/-1;min-height:270px}.cta-band h2{font-size:clamp(54px,17vw,92px)}
  .page-hero{min-height:72svh;padding-top:130px}.page-hero .hero-copy{grid-column:1/-1}.page-hero .page-no{display:none}.two-col-copy{grid-template-columns:1fr;gap:20px}.value-row{grid-template-columns:repeat(6,1fr)}.value-row .num{grid-column:1}.value-row h3{grid-column:2/span 5}.value-row p{grid-column:2/span 5;margin-top:12px}.stat-row{display:block!important}.stat-cell{padding:27px 0}.stat-cell:after{display:none}.stat-cell:not(:last-child){border-bottom:1px solid var(--line-dark)}
  .work-intro{min-height:67svh;padding-top:130px}.work-panel-wrap{height:112svh}.work-panel{padding-bottom:34px}.panel-grid{grid-template-columns:repeat(6,1fr)}.panel-index{grid-column:1}.panel-content{grid-column:1/-1}.panel-content h2{font-size:clamp(54px,15vw,88px)}.panel-meta{grid-column:1/-1;justify-self:start;text-align:left;margin-top:28px}.work-panel .mesh{opacity:.55}.work-panel.qube .mesh:before,.work-panel.supernova .mesh:before,.work-panel.wtp .mesh:before,.work-panel.narwhal .mesh:before{width:80vw;height:80vw;right:-20vw;top:14vh}.work-panel.supernova .mesh:before{height:35vw}.work-panel .mesh:after{display:none}
  .career-hero{min-height:80svh;padding-top:130px}.career-hero .copy{grid-column:1/-1}.role-row{grid-template-columns:repeat(6,1fr)}.role-title{grid-column:1/span 5}.role-team{grid-column:1/span 3;margin-top:12px}.role-loc{grid-column:4/span 2;margin-top:12px}.role-row a{grid-column:6;grid-row:1;align-self:center}
  .project-hero{min-height:650px;padding-bottom:34px}.project-title{grid-column:1/-1}.project-title h1{font-size:clamp(58px,16vw,92px)}.project-arrow{display:none}.video-placeholder-label{top:96px}.project-intro .meta,.project-intro .overview{grid-column:1/-1}.project-intro .meta{display:grid;grid-template-columns:1fr 1fr;margin-bottom:48px}.narrative-row{display:block;margin-bottom:120px}.narrative-row .copy,.narrative-row.reverse .copy,.narrative-row .visual,.narrative-row.reverse .visual{grid-column:auto;grid-row:auto}.narrative-row .copy{margin-bottom:36px}.visual-placeholder,.narrative-row .visual{min-height:430px}.visual-placeholder.phone .frame{inset:8% 23%}.outcome-grid{display:block}.outcome{padding:27px 0}.outcome:after{display:none!important}.outcome:not(:last-child){border-bottom:1px solid var(--line-dark)}.next-card{min-height:62vh;display:block;padding:90px 0 110px}.next-card .label{margin-bottom:26px}.next-card:after{right:0;bottom:30px}
  .footer-logo,.footer-cta{grid-column:1/-1}.footer-cta{text-align:left;margin-top:52px}.footer-bottom{flex-direction:column;margin-top:65px}.cursor{display:none}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.preloader{display:none}.mask>span{transform:none}.reveal{opacity:1;transform:none}}

/* ============================================================
   v2 — Client brand system + smooth full-screen project snapping
   ============================================================ */
body.work-index-page{background:#050505}
html.work-snap-root{scroll-snap-type:y proximity;scroll-padding-top:0}
.work-index-page .work-intro{min-height:72svh}
.work-index-page .work-panel-wrap{height:100svh;position:relative;scroll-snap-align:start;scroll-snap-stop:always}
.work-index-page .work-panel{position:relative;top:auto;height:100svh;padding-bottom:clamp(42px,5vw,76px)}
.work-index-page .work-stack{position:relative;isolation:isolate}
.work-index-page .work-panel{--p1:#2993ef;--p2:#1de1df;--pbg:#050505}
.work-index-page .work-panel.qube{--p1:#08D68C;--p2:#16AAD3}
.work-index-page .work-panel.supernova{--p1:#01C2D8;--p2:#ffffff}
.work-index-page .work-panel.wtp{--p1:#006FA9;--p2:#4eb7e9}
.work-index-page .work-panel.narwhal{--p1:#0000FE;--p2:#00FEFE}
.work-index-page .work-panel.qube .panel-bg{background:radial-gradient(circle at 75% 24%,rgba(22,170,211,.32),transparent 30%),radial-gradient(circle at 60% 66%,rgba(8,214,140,.14),transparent 35%),linear-gradient(135deg,#03100c 0%,#061517 52%,#030607 100%)}
.work-index-page .work-panel.supernova .panel-bg{background:radial-gradient(circle at 76% 24%,rgba(1,194,216,.34),transparent 31%),linear-gradient(150deg,#060606 0%,#071114 52%,#020304 100%)}
.work-index-page .work-panel.wtp .panel-bg{background:radial-gradient(circle at 77% 28%,rgba(0,111,169,.54),transparent 34%),linear-gradient(145deg,#071019 0%,#05131d 56%,#030609 100%)}
.work-index-page .work-panel.narwhal .panel-bg{background:radial-gradient(circle at 77% 25%,rgba(0,240,254,.22),transparent 31%),radial-gradient(circle at 61% 64%,rgba(0,71,254,.24),transparent 34%),linear-gradient(145deg,#03031a 0%,#040722 55%,#02040c 100%)}
.work-index-page .work-panel .panel-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.36),transparent 58%);pointer-events:none}
.work-index-page .panel-index{color:var(--p2)}
.work-index-page .panel-content .client{color:color-mix(in srgb,var(--p2) 72%,#fff)}
.work-index-page .panel-content:before{content:"";display:block;width:54px;height:2px;margin-bottom:22px;background:linear-gradient(90deg,var(--p1),var(--p2));transform-origin:left;transform:scaleX(.38);opacity:.8;transition:transform .75s var(--ease),opacity .75s var(--ease)}
.work-index-page .work-panel.is-active .panel-content:before{transform:scaleX(1);opacity:1}
.work-index-page .panel-link:after{border-color:color-mix(in srgb,var(--p2) 60%,transparent)}
.work-index-page .panel-link:hover:after{background:var(--p2);border-color:var(--p2);color:#050505}
.work-index-page .panel-content,.work-index-page .panel-meta{transition:transform .7s var(--ease),opacity .55s ease;will-change:transform,opacity}
.work-index-page .work-panel:not(.is-active) .panel-content{opacity:.42;transform:translate3d(0,18px,0)}
.work-index-page .work-panel:not(.is-active) .panel-meta{opacity:.34;transform:translate3d(0,14px,0)}
.work-logo-stage{position:absolute;right:clamp(28px,6vw,110px);top:50%;width:min(42vw,650px);height:min(48vh,450px);transform:translateY(-50%) scale(.965);display:grid;place-items:center;z-index:-1;border:1px solid color-mix(in srgb,var(--p2) 20%,transparent);border-radius:clamp(30px,4vw,64px);background:linear-gradient(145deg,color-mix(in srgb,var(--p1) 7%,transparent),rgba(255,255,255,.018));overflow:hidden;opacity:.72;transition:transform 1s var(--ease),opacity .7s ease,border-color .7s ease;will-change:transform,opacity}
.work-panel.is-active .work-logo-stage{opacity:1;transform:translateY(-50%) scale(1);border-color:color-mix(in srgb,var(--p2) 42%,transparent)}
.work-logo-stage:before{content:"";position:absolute;inset:14%;border:1px solid color-mix(in srgb,var(--p2) 16%,transparent);border-radius:inherit;transform:rotate(-7deg)}
.work-logo-stage .logo-halo{position:absolute;width:72%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--p2) 22%,transparent),transparent 67%);filter:blur(18px)}
.work-logo-stage img{position:relative;z-index:2;width:min(72%,460px);max-height:54%;object-fit:contain;filter:drop-shadow(0 22px 44px rgba(0,0,0,.28))}
.work-logo-stage.wtp-stage img{width:min(54%,360px)}
.work-logo-stage.narwhal-stage{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(245,250,255,.88));border-color:rgba(255,255,255,.55);box-shadow:0 35px 120px rgba(0,0,0,.35)}
.work-logo-stage.narwhal-stage:before{border-color:rgba(0,71,254,.12)}
.work-logo-stage.narwhal-stage img{width:min(66%,390px)}
.work-index-page .work-progress i.active{background:linear-gradient(var(--p1,#2993ef),var(--p2,#1de1df))}

/* project brand variables */
.project-page{--brand-a:#2993ef;--brand-b:#1de1df;--brand-text:#fff}
.project-page.project-qube{--brand-a:#08D68C;--brand-b:#16AAD3}
.project-page.project-supernova{--brand-a:#01C2D8;--brand-b:#ffffff}
.project-page.project-wtp{--brand-a:#006FA9;--brand-b:#006FA9}
.project-page.project-narwhal{--brand-a:#0000FE;--brand-b:#00FEFE}
.project-page::selection{background:var(--brand-a);color:#fff}
.project-page .project-hero{isolation:isolate}
.project-brand-line{position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--brand-a),var(--brand-b));z-index:4;transform-origin:left;animation:brandLine 1.2s var(--ease) .28s both}
@keyframes brandLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.project-page .project-video:after{background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.25) 44%,rgba(0,0,0,.86) 100%),radial-gradient(circle at 78% 27%,color-mix(in srgb,var(--brand-a) 27%,transparent),transparent 34%),linear-gradient(90deg,rgba(0,0,0,.32),transparent 56%)}
.project-brand-lockup{position:absolute;z-index:2;right:var(--gutter);top:25%;width:min(32vw,470px);min-height:170px;display:grid;place-items:center;padding:clamp(24px,3vw,48px);border:1px solid color-mix(in srgb,var(--brand-b) 27%,transparent);border-radius:clamp(28px,4vw,56px);background:linear-gradient(145deg,color-mix(in srgb,var(--brand-a) 7%,rgba(0,0,0,.26)),rgba(0,0,0,.16));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:hidden}
.project-brand-lockup:before{content:"";position:absolute;inset:12%;border:1px solid color-mix(in srgb,var(--brand-b) 14%,transparent);border-radius:inherit;transform:rotate(-6deg)}
.project-brand-lockup .project-brand-glow{position:absolute;width:85%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--brand-a) 25%,transparent),transparent 68%);filter:blur(24px)}
.project-brand-lockup img{position:relative;z-index:2;max-width:82%;max-height:140px;object-fit:contain;filter:drop-shadow(0 18px 36px rgba(0,0,0,.25))}
.project-narwhal .project-brand-lockup{background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(240,248,255,.9));border-color:rgba(255,255,255,.75)}
.project-narwhal .project-brand-lockup:before{border-color:rgba(0,71,254,.12)}
.project-wtp .project-brand-lockup img{max-width:62%}
.project-page .project-title .client{color:color-mix(in srgb,var(--brand-b) 74%,#fff)}
.project-page .project-title:before{content:"";display:block;width:68px;height:2px;background:linear-gradient(90deg,var(--brand-a),var(--brand-b));margin-bottom:22px}
.project-page .project-title h1{position:relative;text-shadow:0 1px 40px rgba(0,0,0,.25)}
.project-page .project-intro{position:relative;overflow:hidden}
.project-page .project-intro:before{content:"";position:absolute;right:-10vw;top:-18vw;width:50vw;height:50vw;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--brand-a) 12%,transparent),transparent 68%);pointer-events:none}
.project-page .meta-block span,.project-page .narrative-row .copy .kicker{color:color-mix(in srgb,var(--brand-a) 76%,#666)}
.project-page .narrative-row .copy h3:after{content:"";display:block;width:42px;height:2px;background:linear-gradient(90deg,var(--brand-a),var(--brand-b));margin-top:20px}
.project-page .visual-placeholder{border-color:color-mix(in srgb,var(--brand-a) 23%,rgba(255,255,255,.12));background:linear-gradient(145deg,color-mix(in srgb,var(--brand-a) 4%,#0a0a0a),#090909)}
.project-page .visual-placeholder .frame{border-color:color-mix(in srgb,var(--brand-b) 22%,rgba(255,255,255,.1));box-shadow:0 30px 90px color-mix(in srgb,var(--brand-a) 12%,rgba(0,0,0,.45))}
.project-page .visual-placeholder .frame:after{background:linear-gradient(90deg,var(--brand-a),var(--brand-b));box-shadow:0 44px 0 rgba(255,255,255,.09),0 76px 0 rgba(255,255,255,.055),0 108px 0 rgba(255,255,255,.04)}
.project-page .visual-placeholder.phone .frame:after{background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--brand-b) 34%,transparent),transparent 50%),linear-gradient(135deg,color-mix(in srgb,var(--brand-a) 26%,transparent),rgba(255,255,255,.03));box-shadow:0 190px 0 rgba(255,255,255,.045)}
.project-page .visual-placeholder.dashboard .frame:after{background:linear-gradient(135deg,color-mix(in srgb,var(--brand-a) 28%,transparent),color-mix(in srgb,var(--brand-b) 10%,transparent));box-shadow:220px 0 0 rgba(255,255,255,.04),0 150px 0 rgba(255,255,255,.04)}
.project-page .visual-placeholder:before{background:radial-gradient(circle,color-mix(in srgb,var(--brand-a) 22%,transparent),transparent 65%)}
.project-page .visual-placeholder:after{background:radial-gradient(circle,color-mix(in srgb,var(--brand-b) 15%,transparent),transparent 65%)}
.project-page .project-fullbleed{background:radial-gradient(circle at 26% 30%,color-mix(in srgb,var(--brand-a) 30%,transparent),transparent 38%),radial-gradient(circle at 72% 60%,color-mix(in srgb,var(--brand-b) 18%,transparent),transparent 36%),#070708}
.project-page .project-fullbleed:before{content:"";position:absolute;inset:8%;border:1px solid color-mix(in srgb,var(--brand-b) 18%,transparent);border-radius:56px;transform:rotate(-3deg)}
.project-page .outcomes .eyebrow:before{background:linear-gradient(135deg,var(--brand-a),var(--brand-b));box-shadow:0 0 22px color-mix(in srgb,var(--brand-a) 36%,transparent)}
.project-page .outcome strong{background:linear-gradient(90deg,var(--brand-a),var(--brand-b));-webkit-background-clip:text;background-clip:text;color:transparent}
.project-page .next-card:before{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(115deg,color-mix(in srgb,var(--brand-a) 13%,transparent),transparent 48%);transition:opacity .45s ease;pointer-events:none}
.project-page .next-card:hover:before{opacity:1}
.project-page .next-card:hover:after{background:var(--brand-a);border-color:var(--brand-a);color:#050505}

@media(max-width:900px){
  html.work-snap-root{scroll-snap-type:y proximity}
  .work-logo-stage{width:68vw;height:34vh;right:-8vw;top:28%;opacity:.42;border-radius:30px}
  .work-panel.is-active .work-logo-stage{opacity:.62}
  .work-index-page .panel-content{position:relative;z-index:4}
  .project-brand-lockup{top:15%;right:var(--gutter);width:min(54vw,340px);min-height:120px;padding:24px;border-radius:28px;opacity:.9}
  .project-brand-lockup img{max-height:86px}
}
@media(max-width:640px){
  .work-logo-stage{width:78vw;height:28vh;right:-16vw;top:25%}
  .project-brand-lockup{width:48vw;top:14%;min-height:92px;padding:18px}.project-brand-lockup img{max-height:58px}
}
@media(prefers-reduced-motion:reduce){html.work-snap-root{scroll-snap-type:y proximity}.work-index-page .work-panel-wrap{scroll-snap-stop:normal}.work-logo-stage,.panel-content,.panel-meta{transition:none!important}}
.work-progress i:nth-child(1).active{background:linear-gradient(#08D68C,#16AAD3)}
.work-progress i:nth-child(2).active{background:linear-gradient(#ffffff,#01C2D8)}
.work-progress i:nth-child(3).active{background:#006FA9}
.work-progress i:nth-child(4).active{background:linear-gradient(#0000FE,#00FEFE)}

/* =========================================================
   v3 — Aleph-style full-page curtain transitions for Work
   ========================================================= */
html.work-curtain-root{scroll-snap-type:none!important}
body.work-index-page[data-work-locked="1"]{overscroll-behavior:none}
.work-index-page .work-stack{
  position:relative;
  height:100svh;
  min-height:640px;
  overflow:hidden;
  isolation:isolate;
  background:#050505;
  contain:layout paint;
}
.work-index-page .work-stack.is-locked{touch-action:pan-x}
.work-index-page .work-panel-wrap{
  position:absolute;
  inset:0;
  height:100%;
  transform:translate3d(0,100%,0);
  visibility:hidden;
  overflow:hidden;
  will-change:transform;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  contain:paint;
}
.work-index-page .work-panel-wrap:first-child{
  transform:translate3d(0,0,0);
  visibility:visible;
}
.work-index-page .work-panel{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  min-height:0;
  top:0;
  transform:translateZ(0);
  border-top:0;
}
.work-index-page .work-panel .panel-bg{
  transform:translateZ(0);
  will-change:transform;
}
.work-index-page .panel-grid{position:relative;z-index:3}
.work-index-page .work-logo-stage{
  z-index:2;
  will-change:transform,opacity;
  backface-visibility:hidden;
}
.work-index-page .panel-content,
.work-index-page .panel-meta,
.work-index-page .mesh{will-change:transform,opacity}
.work-index-page .work-panel:not(.is-active) .panel-content,
.work-index-page .work-panel:not(.is-active) .panel-meta{
  opacity:1;
  transform:none;
}
/* richer full-frame brand worlds — the curtain completely swaps the environment */
.work-index-page .work-panel.qube .panel-bg{
  background:
    radial-gradient(circle at 77% 26%,rgba(22,170,211,.72),transparent 28%),
    radial-gradient(circle at 58% 72%,rgba(8,214,140,.38),transparent 36%),
    linear-gradient(135deg,#04120d 0%,#063b3b 48%,#07334b 100%);
}
.work-index-page .work-panel.supernova .panel-bg{
  background:
    radial-gradient(circle at 75% 28%,rgba(1,194,216,.48),transparent 28%),
    radial-gradient(circle at 48% 78%,rgba(1,194,216,.12),transparent 36%),
    linear-gradient(145deg,#020303 0%,#071114 58%,#010202 100%);
}
.work-index-page .work-panel.wtp .panel-bg{
  background:
    radial-gradient(circle at 73% 30%,rgba(0,111,169,.86),transparent 33%),
    radial-gradient(circle at 48% 75%,rgba(0,111,169,.22),transparent 38%),
    linear-gradient(145deg,#03101a 0%,#004d77 58%,#00334f 100%);
}
.work-index-page .work-panel.narwhal .panel-bg{
  background:
    radial-gradient(circle at 78% 28%,rgba(0,254,254,.40),transparent 27%),
    radial-gradient(circle at 58% 70%,rgba(0,71,254,.45),transparent 36%),
    linear-gradient(135deg,#020221 0%,#0000a9 52%,#003bb8 100%);
}
.work-index-page .work-panel .panel-bg:before{
  background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.08) 44%,rgba(0,0,0,.57) 100%);
}
.work-index-page .work-panel .panel-bg:after{
  background:linear-gradient(90deg,rgba(0,0,0,.46),transparent 62%);
}
/* fixed dot rail, just like the reference */
.work-index-page .work-progress{
  right:clamp(18px,2.1vw,38px);
  gap:11px;
  z-index:90;
}
.work-index-page .work-progress i{
  width:5px;
  height:5px;
  border-radius:999px;
  background:rgba(255,255,255,.42);
  transition:height .42s cubic-bezier(.16,1,.3,1),background .35s ease,box-shadow .35s ease;
}
.work-index-page .work-progress i.active{
  width:5px;
  height:34px;
  box-shadow:0 0 18px color-mix(in srgb,var(--p2,#fff) 35%,transparent);
}
/* avoid double transitions: JS owns the stage spring during curtain movement */
.work-index-page[data-work-curtain="1"] .work-logo-stage,
.work-index-page[data-work-curtain="1"] .panel-content,
.work-index-page[data-work-curtain="1"] .panel-meta,
.work-index-page[data-work-curtain="1"] .mesh{transition:none!important}
@media(max-width:900px){
  .work-index-page .work-stack{min-height:560px}
  .work-index-page .work-logo-stage{z-index:1}
}
@media(prefers-reduced-motion:reduce){
  .work-index-page .work-panel-wrap{will-change:auto}
}
.work-index-page .work-progress i:nth-child(1).active{background:linear-gradient(#08D68C,#16AAD3);box-shadow:0 0 18px rgba(22,170,211,.42)}
.work-index-page .work-progress i:nth-child(2).active{background:linear-gradient(#ffffff,#01C2D8);box-shadow:0 0 18px rgba(1,194,216,.42)}
.work-index-page .work-progress i:nth-child(3).active{background:#006FA9;box-shadow:0 0 18px rgba(0,111,169,.48)}
.work-index-page .work-progress i:nth-child(4).active{background:linear-gradient(#0000FE,#00FEFE);box-shadow:0 0 18px rgba(0,240,254,.42)}

/* =========================================================
   V4 — adaptive AIQUE wordmark + lighter homepage rhythm
   ========================================================= */

/* Header logo swaps without reflow: dark-bg mark on dark surfaces,
   light-bg mark on light surfaces. */
.brand{position:relative}
.brand-logo-stack{position:relative;display:block;width:190px;aspect-ratio:895/214}
.brand-logo{position:absolute;inset:0;width:100%!important;height:100%;object-fit:contain;object-position:left center;transition:opacity .3s ease;will-change:opacity}
.brand-logo-dark-bg{opacity:1}
.brand-logo-light-bg{opacity:0}
header.site-header.theme-light{color:#080808}
header.site-header.theme-light .brand-logo-dark-bg{opacity:0}
header.site-header.theme-light .brand-logo-light-bg{opacity:1}
header.site-header.theme-light .nav-links{color:#3e3e3a}
header.site-header.theme-light .menu-icon:before,
header.site-header.theme-light .menu-icon:after{background:#080808}
header.site-header.theme-light.scrolled{background:rgba(247,247,244,.82);border-color:rgba(0,0,0,.09);backdrop-filter:blur(11px);-webkit-backdrop-filter:blur(11px)}
header.site-header.theme-dark.scrolled{background:rgba(5,5,5,.74);border-color:rgba(255,255,255,.1)}
header.site-header.menu-open{color:#fff!important}
header.site-header.menu-open .brand-logo-dark-bg{opacity:1!important}
header.site-header.menu-open .brand-logo-light-bg{opacity:0!important}
header.site-header.menu-open .nav-links{color:#c7c7c3!important}
header.site-header.menu-open .menu-icon:before,
header.site-header.menu-open .menu-icon:after{background:#fff!important}

/* More light editorial space on the homepage. */
.client-showcase{background:#fff;color:#070707;border-top:1px solid rgba(0,0,0,.08)}
.client-showcase-head{align-items:start}
.client-showcase-head .eyebrow{grid-column:1/span 3;color:#666}
.client-showcase-head h2{grid-column:4/span 8}
.client-showcase-copy{grid-column:8/span 5;margin:46px 0 0;color:#686864;font-size:16px;line-height:1.65;max-width:520px}
.client-logo-grid{margin-top:86px;display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.client-logo-card{grid-column:span 6;min-height:360px;position:relative;overflow:hidden;padding:28px;border:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center;transition:transform .6s var(--ease),box-shadow .6s var(--ease),border-color .4s ease;isolation:isolate}
.client-logo-card:before{content:"";position:absolute;inset:0;z-index:-1;transition:transform .9s var(--ease),filter .6s ease}
.client-logo-card:hover{transform:translateY(-7px);box-shadow:0 28px 70px rgba(0,0,0,.12);border-color:transparent}
.client-logo-card:hover:before{transform:scale(1.035)}
.client-logo-card img{width:min(68%,520px);max-height:145px;object-fit:contain;filter:drop-shadow(0 14px 26px rgba(0,0,0,.12));transition:transform .65s var(--ease)}
.client-logo-card:hover img{transform:scale(1.025)}
.client-card-meta{position:absolute;left:28px;top:26px;font-size:9px;text-transform:uppercase;letter-spacing:.17em;opacity:.58}
.client-card-arrow{position:absolute;right:27px;bottom:24px;width:42px;height:42px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:13px;opacity:.58;transition:transform .4s var(--ease),background .4s ease,color .4s ease}
.client-logo-card:hover .client-card-arrow{transform:rotate(9deg) translate(2px,-2px)}
.client-qube{color:#fff}.client-qube:before{background:radial-gradient(circle at 68% 22%,rgba(22,170,211,.5),transparent 36%),linear-gradient(135deg,#04120e,#071a1a 56%,#030707)}
.client-supernova{color:#fff}.client-supernova:before{background:radial-gradient(circle at 75% 24%,rgba(1,194,216,.31),transparent 34%),#050505}
.client-wtp{color:#fff}.client-wtp:before{background:radial-gradient(circle at 75% 20%,rgba(255,255,255,.12),transparent 34%),#006FA9}
.client-narwhal{color:#07112c}.client-narwhal:before{background:radial-gradient(circle at 82% 17%,rgba(255,255,255,.9),transparent 31%),linear-gradient(135deg,#efffff 0%,#95f8ff 48%,#43d8ff 100%)}
.client-narwhal img{width:min(47%,360px);filter:none}

/* Selected work now sits on a white canvas, while each client keeps its own visual world. */
.home-work.home-work-light{background:#f7f7f4;color:#080808;border-top:1px solid rgba(0,0,0,.07)}
.home-work-light .section-head .eyebrow{color:#686863}
.home-work-light .project-teaser{border-color:rgba(0,0,0,.08);color:#fff;box-shadow:0 20px 70px rgba(0,0,0,.07)}
.home-work-light .project-teaser:hover{border-color:rgba(0,0,0,.04);box-shadow:0 34px 90px rgba(0,0,0,.13)}
.home-work-light .teaser-client-logo{position:absolute;z-index:2;left:32px;top:70px;width:min(46%,330px);height:92px;object-fit:contain;object-position:left center;transition:transform .7s var(--ease),opacity .5s ease;opacity:.96}
.home-work-light .project-teaser:hover .teaser-client-logo{transform:translateY(-4px) scale(1.025)}
.home-work-light .teaser-client-logo.narwhal-mark{width:min(34%,235px)}
.home-work-light .project-teaser .teaser-bottom h3{margin-top:12px}
.home-work-light .qube-bg{background:radial-gradient(circle at 72% 22%,rgba(22,170,211,.38),transparent 34%),radial-gradient(circle at 30% 72%,rgba(8,214,140,.15),transparent 40%),linear-gradient(145deg,#04110d,#06191a 60%,#030606)}
.home-work-light .supernova-bg{background:radial-gradient(circle at 72% 20%,rgba(1,194,216,.34),transparent 35%),linear-gradient(145deg,#040404,#061013 60%,#020303)}
.home-work-light .wtp-bg{background:radial-gradient(circle at 75% 22%,rgba(255,255,255,.12),transparent 34%),linear-gradient(145deg,#006FA9,#004d76 68%,#033047)}
.home-work-light .narwhal-bg{background:radial-gradient(circle at 76% 22%,rgba(0,254,254,.22),transparent 33%),radial-gradient(circle at 28% 74%,rgba(0,71,254,.24),transparent 36%),linear-gradient(145deg,#02021d,#0000FE 110%)}

/* Additional white process section after the dark About statement. */
.process-preview{background:#fff;color:#080808;border-top:1px solid rgba(0,0,0,.07)}
.process-head .eyebrow{grid-column:1/span 3;color:#666}
.process-head h2{grid-column:4/span 8}
.process-rail{margin-top:88px;border-top:1px solid rgba(0,0,0,.16);display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.process-step{grid-column:span 4;padding:30px 22px 44px 0;min-height:330px;position:relative;border-right:1px solid rgba(0,0,0,.12)}
.process-step:last-child{border-right:0}
.process-step>span{display:block;font-size:10px;letter-spacing:.16em;color:#94948f;margin-bottom:92px}
.process-step h3{font-size:clamp(29px,3vw,46px);line-height:.98;letter-spacing:-.045em;font-weight:520;max-width:330px;margin:0 0 20px}
.process-step p{max-width:330px;color:#696965;line-height:1.65;margin:0;font-size:15px}
.process-step:after{content:"";position:absolute;left:0;top:-1px;width:0;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:width .7s var(--ease)}
.process-step:hover:after{width:76%}

/* Make the final careers block mostly white rather than another full color field. */
.cta-band.home-cta-light{background:#f5f5f2;color:#070707;border-top:1px solid rgba(0,0,0,.08)}
.home-cta-light:before{content:"";position:absolute;right:-8vw;top:50%;transform:translateY(-50%);width:min(46vw,720px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 45% 45%,rgba(29,225,223,.18),transparent 49%),radial-gradient(circle at 65% 62%,rgba(41,147,239,.16),transparent 51%);filter:blur(2px);pointer-events:none}
.home-cta-light .eyebrow{color:#646460}
.home-cta-light p{color:#666661}
.home-cta-light .pill-cta{border-color:rgba(0,0,0,.28)}
.home-cta-light .cta-watermark{color:rgba(0,0,0,.035)}

/* Keep light-surface text/link interactions crisp. */
.home-work-light .text-link,
.process-preview .text-link,
.client-showcase .text-link{color:#080808}

@media(max-width:980px){
  .brand-logo-stack{width:170px}
  .client-showcase-head .eyebrow,.client-showcase-head h2,.client-showcase-copy,.process-head .eyebrow,.process-head h2{grid-column:1/-1}
  .client-showcase-copy{margin-top:28px}
  .client-logo-card{grid-column:span 6;min-height:300px}
  .process-step{grid-column:span 4}
}
@media(max-width:720px){
  .brand-logo-stack{width:150px}
  .client-logo-grid{margin-top:58px;display:block}
  .client-logo-card{min-height:260px;margin-bottom:14px}
  .client-logo-card img{width:min(70%,360px);max-height:110px}
  .client-narwhal img{width:min(50%,260px)}
  .home-work-light .teaser-client-logo{left:22px;top:64px;width:min(56%,270px);height:72px}
  .home-work-light .teaser-client-logo.narwhal-mark{width:min(40%,200px)}
  .process-rail{display:block;margin-top:58px}
  .process-step{padding:28px 0 38px;border-right:0;border-bottom:1px solid rgba(0,0,0,.12);min-height:0}
  .process-step>span{margin-bottom:45px}
  .home-cta-light:before{width:80vw;right:-35vw}
}

/* ============================================================
   v5 — lighter homepage, fluid parallax, refined project cards
   ============================================================ */

/* The site now uses white as the dominant canvas. The dark hero is retained as
   a deliberate opening contrast rather than the default visual language. */
body.home-page{background:#fff}
.home-work.home-work-light{background:#fff;border-top:1px solid rgba(0,0,0,.075)}
.services-preview{background:#f7f7f4}
.about-story.about-light{background:#fff;color:#080808;border-top:1px solid rgba(0,0,0,.075)}
.about-light .eyebrow{color:#676762}
.about-light .story h2{color:#080808}
.about-light .two-col-copy p{color:#696965!important}
.about-light .text-link{color:#080808}
.process-preview{background:#f7f7f4}
.cta-band.home-cta-light{background:#fff}

/* More editorial spacing and stronger hierarchy in Selected Work. */
.home-work-light .section-head{margin-bottom:clamp(72px,8vw,126px)}
.home-work-light .section-head h2{max-width:900px}
.home-work-light .project-teasers{gap:clamp(18px,2vw,30px)}
.home-work-light .project-teaser{
  min-height:clamp(560px,54vw,690px);
  border-radius:clamp(22px,2vw,34px);
  padding:clamp(26px,3vw,42px);
  border:1px solid rgba(0,0,0,.065);
  box-shadow:0 18px 55px rgba(0,0,0,.065);
  transform:translateY(0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));
  transition:transform .72s var(--ease),box-shadow .72s var(--ease),border-color .45s ease;
  isolation:isolate;
}
.home-work-light .project-teaser:nth-child(2n){transform:translateY(64px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
.home-work-light .project-teaser:hover{transform:translateY(-10px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));box-shadow:0 34px 94px rgba(0,0,0,.14)}
.home-work-light .project-teaser:nth-child(2n):hover{transform:translateY(54px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}
.home-work-light .project-teaser:before{
  content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;z-index:1;
  background:linear-gradient(145deg,rgba(255,255,255,.12),transparent 24%,transparent 70%,rgba(255,255,255,.055));
}
.home-work-light .project-teaser:after{
  content:"";position:absolute;left:clamp(26px,3vw,42px);right:clamp(26px,3vw,42px);bottom:clamp(95px,9vw,126px);height:1px;
  background:linear-gradient(90deg,rgba(255,255,255,.22),rgba(255,255,255,.03));z-index:1;opacity:.7;
}
.home-work-light .teaser-bg{opacity:1;transform:scale(1.015);transition:transform 1.15s var(--ease),filter .9s var(--ease)}
.home-work-light .project-teaser:hover .teaser-bg{transform:scale(1.065);filter:saturate(1.08)}
.home-work-light .teaser-bg:before{content:"";position:absolute;inset:0;border-radius:0;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.22));filter:none}
.home-work-light .teaser-top{padding-top:2px;color:rgba(255,255,255,.72)}
.home-work-light .teaser-bottom{padding-right:clamp(0px,4vw,72px)}
.home-work-light .teaser-bottom h3{font-size:clamp(44px,5.2vw,78px);font-weight:520;margin:0 0 20px}
.home-work-light .teaser-bottom p{font-size:15px;line-height:1.65;color:rgba(255,255,255,.70);max-width:500px}
.home-work-light .teaser-index{right:clamp(24px,3vw,44px);font-size:clamp(116px,12vw,190px);color:rgba(255,255,255,.045)}

/* Uniform visual height for every client lockup. */
.home-work-light .teaser-client-logo,
.home-work-light .teaser-client-logo.narwhal-mark{
  left:clamp(26px,3vw,42px);top:clamp(82px,8vw,112px);
  width:auto!important;height:78px;max-width:min(52%,360px);
  object-fit:contain;object-position:left center;opacity:1;
  filter:drop-shadow(0 10px 28px rgba(0,0,0,.13));
  transition:transform .8s var(--ease),opacity .5s ease;
}
.home-work-light .project-teaser:hover .teaser-client-logo{transform:scale(1.035)}

/* Richer client worlds without making the page itself dark. */
.home-work-light .qube-bg{background:radial-gradient(circle at 76% 18%,rgba(22,170,211,.58),transparent 31%),radial-gradient(circle at 18% 76%,rgba(8,214,140,.26),transparent 38%),linear-gradient(145deg,#03120e 0%,#06211e 54%,#041014 100%)}
.home-work-light .supernova-bg{background:radial-gradient(circle at 74% 18%,rgba(1,194,216,.46),transparent 31%),radial-gradient(circle at 24% 74%,rgba(1,194,216,.08),transparent 36%),linear-gradient(145deg,#040404 0%,#071519 58%,#020405 100%)}
.home-work-light .wtp-bg{background:radial-gradient(circle at 78% 18%,rgba(255,255,255,.18),transparent 30%),linear-gradient(145deg,#007bb7 0%,#006FA9 54%,#004b72 100%)}
.home-work-light .narwhal-bg{background:radial-gradient(circle at 79% 20%,rgba(0,254,254,.32),transparent 30%),radial-gradient(circle at 18% 77%,rgba(0,71,254,.38),transparent 36%),linear-gradient(145deg,#02021f 0%,#0000FE 92%)}

/* Small parallax nodes use the individual CSS translate property so the
   effect can coexist with card hover transforms without fighting them. */
.parallax-node{will-change:translate}

/* Scroll-triggered text motion: clipped rise + soft focus settling. */
.reveal.text-scroll{opacity:0;transform:translateY(38px);filter:blur(6px);clip-path:inset(0 0 28% 0);transition:opacity .95s var(--ease),transform 1.05s var(--ease),filter 1s var(--ease),clip-path 1.05s var(--ease);transition-delay:var(--reveal-delay,0ms)}
.reveal.text-scroll.in{opacity:1;transform:translateY(0);filter:blur(0);clip-path:inset(0 0 0 0)}
.reveal:not(.text-scroll){transition-duration:.9s}

/* Add a subtle section-level parallax feel with oversized light gradients. */
.intro-band:after,.services-preview:after,.process-preview:after{
  content:"";position:absolute;pointer-events:none;border-radius:50%;filter:blur(1px);opacity:.6;
}
.intro-band:after{right:-12vw;bottom:-20vw;width:42vw;height:42vw;background:radial-gradient(circle,rgba(41,147,239,.08),transparent 66%)}
.services-preview:after{left:-14vw;top:12%;width:38vw;height:38vw;background:radial-gradient(circle,rgba(29,225,223,.075),transparent 68%)}
.process-preview:after{right:-12vw;bottom:8%;width:34vw;height:34vw;background:radial-gradient(circle,rgba(41,147,239,.07),transparent 68%)}

@media(max-width:980px){
  .home-work-light .project-teaser{min-height:560px}
  .home-work-light .teaser-client-logo,.home-work-light .teaser-client-logo.narwhal-mark{height:68px;max-width:54%}
}
@media(max-width:720px){
  .home-work-light .project-teaser,.home-work-light .project-teaser:nth-child(2n){min-height:500px;transform:none;margin-bottom:18px;border-radius:22px}
  .home-work-light .project-teaser:hover,.home-work-light .project-teaser:nth-child(2n):hover{transform:none}
  .home-work-light .teaser-client-logo,.home-work-light .teaser-client-logo.narwhal-mark{height:58px;max-width:62%;left:24px;top:72px}
  .home-work-light .project-teaser:after{left:24px;right:24px;bottom:112px}
  .parallax-node{translate:0 0!important}
  .reveal.text-scroll{filter:none;clip-path:none}
}

/* =========================================================
   V6 — brighter editorial system, animated AIQUE hero,
   compact project list, and light-first inner pages
   ========================================================= */

/* A lighter overall canvas. Dark is now reserved for cinematic work moments + footer. */
body.v6-home,
body.about-page-v6,
body.careers-page-v6,
body.project-light-v6{background:#f7f7f4;color:#080808}
body.v6-home .grid-lines,
body.about-page-v6 .grid-lines,
body.careers-page-v6 .grid-lines,
body.project-light-v6 .grid-lines{opacity:.11}
body.v6-home .grid-lines:before,
body.about-page-v6 .grid-lines:before,
body.careers-page-v6 .grid-lines:before,
body.project-light-v6 .grid-lines:before{background:repeating-linear-gradient(90deg,transparent 0,transparent calc((100% - 11px)/12 - 1px),rgba(0,0,0,.075) calc((100% - 11px)/12 - 1px),rgba(0,0,0,.075) calc((100% - 11px)/12))}

/* ---------------------------
   Homepage hero — light, graphic, AIQUE-first
   --------------------------- */
.hero-v6{background:#f7f7f4;color:#080808;min-height:100svh;align-items:center;padding-top:145px;padding-bottom:62px;isolation:isolate}
.hero-v6:before{content:"";position:absolute;left:var(--gutter);right:var(--gutter);top:104px;height:1px;background:linear-gradient(90deg,rgba(0,0,0,.14),rgba(0,0,0,.04) 68%,transparent);z-index:2}
.hero-v6-grid{width:100%;position:relative;z-index:5}
.hero-v6 .hero-content{grid-column:1/span 10}
.hero-v6 .hero-kicker{max-width:1040px;margin-bottom:34px}
.hero-v6 .hero-kicker .eyebrow{color:#5d5d58}
.hero-meta{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:#888882}
.hero-v6 .display{color:#070707;max-width:1180px;font-size:clamp(64px,9.1vw,144px);line-height:.82;letter-spacing:-.07em}
.hero-v6 .accent{background:linear-gradient(93deg,#2993ef 4%,#00b8ef 42%,#1de1df 86%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:saturate(1.05)}
.hero-v6 .lede{color:#4d4d49;max-width:700px;font-size:clamp(19px,1.9vw,28px)}
.hero-v6 .hero-bottom{margin-top:48px;align-items:end}
.hero-v6 .hero-bottom .lede{grid-column:1/span 6}
.hero-capability-line{grid-column:7/span 3;display:flex;flex-wrap:wrap;gap:7px;align-self:end;padding-bottom:2px}
.hero-capability-line span{display:inline-flex;align-items:center;min-height:29px;padding:0 11px;border:1px solid rgba(0,0,0,.12);border-radius:999px;font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#5b5b56;background:rgba(255,255,255,.44);backdrop-filter:blur(5px)}
.hero-v6 .hero-scroll{color:#73736f}
.hero-v6 .scroll-wheel{border-color:rgba(0,0,0,.16);color:#080808;background:rgba(255,255,255,.46)}
.hero-v6-field{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}
.hero-gradient-disc{position:absolute;border-radius:50%;will-change:transform;filter:saturate(1.1)}
.hero-gradient-disc-a{width:min(48vw,720px);aspect-ratio:1;right:-10vw;top:5vh;background:radial-gradient(circle at 32% 30%,rgba(29,225,223,.74),rgba(41,147,239,.34) 38%,rgba(41,147,239,.03) 67%,transparent 72%);filter:blur(2px);animation:heroFloatA 9s ease-in-out infinite alternate}
.hero-gradient-disc-b{width:min(27vw,420px);aspect-ratio:1;right:23vw;bottom:-11vw;background:radial-gradient(circle,rgba(41,147,239,.2),rgba(29,225,223,.08) 55%,transparent 70%);animation:heroFloatB 11s ease-in-out infinite alternate}
.hero-wire{position:absolute;border:1px solid rgba(41,147,239,.18);border-radius:50%;will-change:transform}
.hero-wire-a{width:min(51vw,760px);aspect-ratio:1;right:-7vw;top:9vh;animation:heroSpin 34s linear infinite}
.hero-wire-a:before,.hero-wire-a:after{content:"";position:absolute;border:inherit;border-radius:inherit;inset:13%}.hero-wire-a:after{inset:29%;border-color:rgba(29,225,223,.16)}
.hero-wire-b{width:170px;height:170px;right:35vw;top:20vh;border-color:rgba(0,0,0,.09);animation:heroSpin 22s linear reverse infinite}
.hero-wire-b:before{content:"";position:absolute;left:50%;top:-7px;width:13px;height:13px;border-radius:50%;background:linear-gradient(135deg,#2993ef,#1de1df);box-shadow:0 0 0 9px rgba(41,147,239,.07)}
.aique-motion-mark{position:absolute;right:5.5vw;top:18vh;width:min(26vw,380px);height:min(39vw,560px);transform:rotate(-7deg);animation:markHover 7.5s var(--ease-soft) infinite alternate;filter:drop-shadow(0 34px 48px rgba(41,147,239,.13))}
.mark-capsule{position:absolute;display:block;border-radius:999px;background:linear-gradient(180deg,#2993ef,#169eea);transform-origin:center}
.mark-a{width:74px;height:232px;left:85px;top:35px;transform:rotate(-23deg)}
.mark-b{width:68px;height:180px;left:38px;top:220px;transform:rotate(23deg);background:#2c3c50}
.mark-c{width:69px;height:230px;right:47px;bottom:20px;transform:rotate(-23deg);background:linear-gradient(180deg,#1de1df,#00c9d8)}
.mark-dot{position:absolute;right:36px;top:70px;width:66px;height:66px;border-radius:50%;background:#2993ef;box-shadow:-88px 238px 0 -5px #1de1df}
.hero-side-note{position:absolute;right:var(--gutter);bottom:35px;font-size:8px;letter-spacing:.19em;text-transform:uppercase;color:#969690;writing-mode:vertical-rl;z-index:5}
@keyframes heroFloatA{to{transform:translate3d(-24px,20px,0) scale(1.035)}}
@keyframes heroFloatB{to{transform:translate3d(18px,-18px,0) scale(.95)}}
@keyframes heroSpin{to{transform:rotate(360deg)}}
@keyframes markHover{0%{transform:translate3d(0,0,0) rotate(-7deg)}100%{transform:translate3d(-14px,18px,0) rotate(-3deg)}}

/* ---------------------------
   Selected Work — compact list, premium motion
   --------------------------- */
.home-work.home-work-light{background:#fff;color:#080808;padding-top:clamp(105px,11vw,170px);padding-bottom:clamp(110px,12vw,185px)}
.work-list-head{margin-bottom:64px}
.work-list-v6{border-top:1px solid rgba(0,0,0,.13)}
.work-list-row{position:relative;min-height:128px;display:grid;grid-template-columns:70px 205px minmax(190px,1.6fr) minmax(230px,1fr) 56px;gap:22px;align-items:center;border-bottom:1px solid rgba(0,0,0,.12);overflow:hidden;color:#080808;padding:18px 6px;isolation:isolate;transition:padding .65s var(--ease),color .45s ease,border-color .45s ease}
.work-row-sweep{position:absolute;inset:0;z-index:-2;transform:translate3d(-102%,0,0);background:linear-gradient(105deg,color-mix(in srgb,var(--row-a) 12%,#fff),color-mix(in srgb,var(--row-b) 8%,#fff));transition:transform .75s var(--ease)}
.work-list-row:after{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--row-a),var(--row-b));transition:transform .72s var(--ease)}
.work-list-row:hover{padding-left:14px;padding-right:14px;border-color:transparent}
.work-list-row:hover .work-row-sweep{transform:none}
.work-list-row:hover:after{transform:scaleX(1)}
.work-row-no{font-size:10px;letter-spacing:.16em;color:#969690;transition:color .4s ease,transform .6s var(--ease)}
.work-list-row:hover .work-row-no{color:var(--row-a);transform:translateX(4px)}
.work-row-logo{height:58px;width:190px;display:flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:18px;background:linear-gradient(135deg,var(--row-a),var(--row-b));box-shadow:0 8px 24px color-mix(in srgb,var(--row-a) 16%,transparent);overflow:hidden;transition:transform .65s var(--ease),border-radius .65s var(--ease),box-shadow .65s var(--ease)}
.row-supernova .work-row-logo{background:radial-gradient(circle at 80% 20%,rgba(1,194,216,.28),transparent 45%),#080808}
.row-wtp .work-row-logo{background:#006FA9}
.row-narwhal .work-row-logo{background:linear-gradient(120deg,#0000FE,#0047FE 44%,#00BFF2 76%,#00FEFE)}
.work-row-logo img{height:34px!important;max-height:34px!important;width:auto!important;max-width:152px;object-fit:contain;filter:drop-shadow(0 3px 8px rgba(0,0,0,.11));transition:transform .7s var(--ease)}
.row-qube .work-row-logo img{height:31px!important;max-height:31px!important}
.row-wtp .work-row-logo img{height:34px!important;max-height:34px!important}
.row-narwhal .work-row-logo img{height:34px!important;max-height:34px!important}
.work-list-row:hover .work-row-logo{transform:translateX(6px) scale(1.035);border-radius:999px;box-shadow:0 16px 36px color-mix(in srgb,var(--row-a) 18%,transparent)}
.work-list-row:hover .work-row-logo img{transform:scale(.96)}
.work-row-title{display:flex;flex-direction:column;gap:7px}
.work-row-title strong{font-size:clamp(28px,3.2vw,50px);font-weight:540;line-height:.95;letter-spacing:-.045em}
.work-row-title small{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#777772}
.work-row-desc{max-width:470px;font-size:14px;line-height:1.55;color:#656560}
.work-row-arrow{width:44px;height:44px;border-radius:50%;border:1px solid rgba(0,0,0,.2);display:grid;place-items:center;justify-self:end;transition:transform .6s var(--ease),background .45s ease,color .45s ease,border-color .45s ease}
.work-list-row:hover .work-row-arrow{transform:rotate(10deg) translate(2px,-2px);background:var(--row-a);border-color:var(--row-a);color:#fff}

/* Softer cards elsewhere; more white, less boxed-in. */
.services-preview{background:#f7f7f4;color:#080808}
.services-preview .service-grid{border-top:1px solid rgba(0,0,0,.11)}
.services-preview .service-card{background:transparent;border-color:rgba(0,0,0,.11);color:#080808;min-height:270px}
.services-preview .service-card p{color:#686863}
.services-preview .service-card:hover{background:#fff;box-shadow:0 20px 55px rgba(0,0,0,.055);border-color:rgba(41,147,239,.18)}
.process-preview,.about-light,.home-cta-light{background:#fff;color:#080808}
.process-step{border-color:rgba(0,0,0,.11)}
.process-step p,.about-light p,.home-cta-light p{color:#666661}

/* ---------------------------
   Light-first About page
   --------------------------- */
.about-page-v6 .page-hero{background:#f7f7f4;color:#080808}
.about-page-v6 .page-hero p{color:#5f5f5a}
.about-page-v6 .page-hero .page-no{color:rgba(41,147,239,.07)}
.about-page-v6 .page-hero .hero-glow{right:-8vw;top:3vh;width:54vw;height:54vw;background:radial-gradient(circle,rgba(29,225,223,.23),rgba(41,147,239,.12) 38%,transparent 70%);filter:blur(10px)}
.about-page-v6 .about-story{background:#fff}
.about-page-v6 .about-visual{background:#f7f7f4;padding-top:0}
.about-page-v6 .about-visual .visual-stage{border-color:rgba(0,0,0,.1);background:radial-gradient(circle at 31% 28%,rgba(41,147,239,.22),transparent 35%),radial-gradient(circle at 72% 62%,rgba(29,225,223,.22),transparent 36%),linear-gradient(135deg,#fff,#f0f7f9);box-shadow:0 40px 100px rgba(24,109,160,.08)}
.about-page-v6 .visual-stage .big-a{color:rgba(41,147,239,.07);background:linear-gradient(135deg,#2993ef,#1de1df);-webkit-background-clip:text;background-clip:text}
.about-page-v6 .visual-stage .orbit{border-color:rgba(41,147,239,.19);animation:heroSpin 30s linear infinite}
.about-page-v6 .visual-stage .orbit:before{border-color:rgba(29,225,223,.22)}
.about-page-v6 .visual-label{color:#6a6a65}
.about-page-v6 .values{background:#fff;color:#080808}
.about-page-v6 .value-list{border-color:rgba(0,0,0,.12)}
.about-page-v6 .value-row{border-color:rgba(0,0,0,.12);transition:background .45s ease,padding .6s var(--ease)}
.about-page-v6 .value-row p{color:#666661}
.about-page-v6 .value-row:hover{background:linear-gradient(90deg,rgba(41,147,239,.045),rgba(29,225,223,.035));padding-left:12px;padding-right:12px}
.about-page-v6 .stats-grid{background:#f7f7f4}

/* ---------------------------
   Light-first Careers page
   --------------------------- */
.careers-page-v6 .career-hero{background:#f7f7f4;color:#080808;position:relative}
.careers-page-v6 .career-hero:before{content:"";position:absolute;right:-5vw;top:-4vw;width:45vw;height:45vw;border-radius:50%;background:radial-gradient(circle,rgba(29,225,223,.28),rgba(41,147,239,.13) 42%,transparent 70%);filter:blur(5px)}
.careers-page-v6 .career-hero p{color:#5f5f5a}
.careers-page-v6 .career-orb{border-color:rgba(41,147,239,.17);animation:heroSpin 35s linear infinite}
.careers-page-v6 .career-orb:before{border-color:rgba(0,0,0,.08)}
.careers-page-v6 .career-orb:after{border-color:rgba(29,225,223,.18);background:radial-gradient(circle,rgba(29,225,223,.16),transparent 62%)}
.careers-page-v6 .career-culture{background:#fff}
.careers-page-v6 .culture-card{background:#fff;border-color:rgba(0,0,0,.1);border-radius:22px;transition:transform .6s var(--ease),box-shadow .6s var(--ease),border-color .4s ease}
.careers-page-v6 .culture-card:hover{transform:translateY(-7px);box-shadow:0 24px 60px rgba(0,0,0,.07);border-color:rgba(41,147,239,.22)}
.careers-page-v6 .roles-section{background:#f7f7f4;color:#080808}
.careers-page-v6 .role-list{border-color:rgba(0,0,0,.13)}
.careers-page-v6 .role-row{border-color:rgba(0,0,0,.13);transition:padding .55s var(--ease),background .4s ease}
.careers-page-v6 .role-row:hover{padding-left:12px;padding-right:12px;background:linear-gradient(90deg,rgba(41,147,239,.045),rgba(29,225,223,.035))}
.careers-page-v6 .role-team,.careers-page-v6 .role-loc,.careers-page-v6 .career-note{color:#6c6c67}
.careers-page-v6 .role-row a{border-color:rgba(0,0,0,.2)}
.careers-page-v6 .role-row:hover a{background:#080808;color:#fff}

/* ---------------------------
   Project case studies — narrative becomes bright and editorial
   --------------------------- */
.project-light-v6 .project-intro{background:#fff}
.project-light-v6 .project-narrative{background:#f7f7f4;color:#080808;overflow:hidden}
.project-light-v6 .project-narrative:before{content:"";position:absolute;right:-13vw;top:9%;width:42vw;height:42vw;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--brand-a) 11%,transparent),transparent 68%);pointer-events:none}
.project-light-v6 .narrative-row{position:relative}
.project-light-v6 .narrative-row .copy h3{color:#080808}
.project-light-v6 .narrative-row .copy p{color:#62625d}
.project-light-v6 .visual-placeholder{background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--brand-a) 4%,#f3f3ef));border-color:color-mix(in srgb,var(--brand-a) 20%,rgba(0,0,0,.09));box-shadow:0 28px 80px rgba(0,0,0,.055)}
.project-light-v6 .visual-placeholder .label{color:#696964}
.project-light-v6 .visual-placeholder .frame{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(255,255,255,.56));border-color:rgba(0,0,0,.10);box-shadow:0 25px 65px color-mix(in srgb,var(--brand-a) 8%,rgba(0,0,0,.08))}
.project-light-v6 .visual-placeholder .frame:before{border-color:rgba(0,0,0,.09)}
.project-light-v6 .visual-placeholder .frame:after{box-shadow:0 44px 0 rgba(0,0,0,.055),0 76px 0 rgba(0,0,0,.035),0 108px 0 rgba(0,0,0,.025)}
.project-light-v6 .visual-placeholder.alt .frame:after{box-shadow:46px 0 0 rgba(0,0,0,.055),92px 0 0 rgba(0,0,0,.038),138px 0 0 rgba(0,0,0,.025)}
.project-light-v6 .visual-placeholder.phone .frame:after{box-shadow:0 190px 0 rgba(0,0,0,.032)}
.project-light-v6 .visual-placeholder.dashboard .frame:after{box-shadow:220px 0 0 rgba(0,0,0,.032),0 150px 0 rgba(0,0,0,.032)}
.project-light-v6 .outcomes{background:#fff}
.project-light-v6 .project-next{background:#f7f7f4;color:#080808}
.project-light-v6 .next-card{border-color:rgba(0,0,0,.12)}
.project-light-v6 .next-card p{color:#666661}
.project-light-v6 .next-card:after{border-color:rgba(0,0,0,.22)}
.project-light-v6 .next-card:hover:after{color:#fff}
.project-light-v6 .project-fullbleed{min-height:640px}

/* ---------------------------
   Scroll text — every content text gets a polished rise + sharpen
   JS assigns .text-scroll to content text automatically.
   --------------------------- */
.reveal.text-scroll{transform:translate3d(0,34px,0);opacity:0;filter:blur(7px);clip-path:inset(0 0 20% 0);transition:opacity .9s var(--ease),transform 1.05s var(--ease),filter .95s var(--ease),clip-path 1.05s var(--ease);transition-delay:var(--reveal-delay,0ms)}
.reveal.text-scroll.in{transform:translate3d(0,0,0);opacity:1;filter:blur(0);clip-path:inset(0)}
.text-scroll-inline{opacity:0;filter:blur(6px);transform:translate3d(0,28px,0);transition:opacity .85s var(--ease),transform 1s var(--ease),filter .9s var(--ease);transition-delay:var(--text-delay,0ms)}
.text-scroll-inline.text-in{opacity:1;filter:blur(0);transform:none}

/* Tiny ambient motion details on light sections. */
.section[data-header-theme="light"]:after{content:"";position:absolute;right:var(--gutter);top:52px;width:38px;height:1px;background:linear-gradient(90deg,#2993ef,#1de1df);opacity:.38;transform-origin:right;animation:ambientLine 4.5s ease-in-out infinite alternate}
@keyframes ambientLine{to{width:78px;opacity:.72}}

@media(max-width:1100px){
  .aique-motion-mark{right:1vw;opacity:.55;transform:scale(.83) rotate(-7deg)}
  .hero-v6 .hero-content{grid-column:1/span 11}
  .hero-capability-line{grid-column:7/span 4}
  .work-list-row{grid-template-columns:52px 176px minmax(180px,1.35fr) minmax(180px,1fr) 48px;gap:16px}
  .work-row-logo{width:168px}
}
@media(max-width:900px){
  .hero-v6{min-height:92svh;padding-top:126px;align-items:flex-end}
  .hero-v6 .hero-content{grid-column:1/-1}
  .hero-v6 .display{font-size:clamp(58px,14vw,104px)}
  .hero-v6 .hero-bottom .lede{grid-column:1/span 8}
  .hero-capability-line{grid-column:1/span 8;margin-top:25px}
  .hero-v6 .hero-scroll{grid-column:10/span 3;grid-row:1/span 2}
  .aique-motion-mark{right:-12vw;top:18vh;opacity:.23;transform:scale(.65) rotate(-8deg)}
  .hero-gradient-disc-a{width:78vw;right:-26vw;top:12vh;opacity:.72}
  .hero-wire-a{width:82vw;right:-25vw;top:16vh}
  .work-list-row{grid-template-columns:42px 145px 1fr 45px;min-height:112px}
  .work-row-logo{width:138px;height:54px}
  .work-row-logo img{max-width:112px}
  .work-row-desc{display:none}
  .work-row-arrow{grid-column:4}
}
@media(max-width:640px){
  .hero-v6{padding-bottom:42px}
  .hero-v6:before{top:88px}
  .hero-v6 .hero-kicker{display:block}.hero-meta{margin-top:10px}
  .hero-v6 .display{font-size:clamp(48px,15.7vw,84px);line-height:.86}
  .hero-v6 .hero-bottom{display:block;margin-top:34px}.hero-capability-line{margin-top:23px}.hero-v6 .hero-scroll{display:none}
  .hero-side-note{display:none}
  .aique-motion-mark{right:-31vw;top:14vh;opacity:.16;transform:scale(.5) rotate(-7deg)}
  .work-list-head{margin-bottom:42px}
  .work-list-row{grid-template-columns:34px 116px 1fr 38px;gap:10px;padding:15px 0;min-height:100px}
  .work-list-row:hover{padding-left:4px;padding-right:4px}
  .work-row-logo{width:112px;height:48px;border-radius:14px;padding:9px 12px}
  .work-row-logo img,.row-qube .work-row-logo img,.row-wtp .work-row-logo img,.row-narwhal .work-row-logo img{height:25px!important;max-height:25px!important;max-width:92px}
  .work-row-title strong{font-size:25px}.work-row-title small{font-size:7.5px;letter-spacing:.11em}
  .work-row-arrow{width:35px;height:35px;font-size:12px}
  .section[data-header-theme="light"]:after{display:none}
}
@media(prefers-reduced-motion:reduce){
  .hero-gradient-disc,.hero-wire,.aique-motion-mark,.about-page-v6 .visual-stage .orbit,.careers-page-v6 .career-orb,.section[data-header-theme="light"]:after{animation:none!important}
  .text-scroll-inline{opacity:1;filter:none;transform:none}
}

/* Work intro is light; the project curtain remains fully branded/cinematic. */
body.work-page-v6{background:#f7f7f4}
.work-page-v6 .work-intro{background:#f7f7f4;color:#080808;position:relative;overflow:hidden}
.work-page-v6 .work-intro:before{content:"";position:absolute;right:-8vw;top:-10vw;width:50vw;height:50vw;border-radius:50%;background:radial-gradient(circle,rgba(29,225,223,.22),rgba(41,147,239,.11) 40%,transparent 70%)}
.work-page-v6 .work-intro p{color:#5e5e59;position:relative;z-index:2}
.work-page-v6 .work-intro .copy{position:relative;z-index:2}

/* Narwhal white wordmark always sits on a dark/brand-rich surface. */
.work-logo-stage.narwhal-stage{background:radial-gradient(circle at 78% 22%,rgba(0,254,254,.30),transparent 34%),linear-gradient(135deg,#02022b 0%,#0000a8 48%,#0047fe 100%);border-color:rgba(0,240,254,.34);box-shadow:0 35px 120px rgba(0,0,80,.28)}
.work-logo-stage.narwhal-stage:before{border-color:rgba(0,240,254,.22)}
.project-narwhal .project-brand-lockup{background:radial-gradient(circle at 80% 18%,rgba(0,254,254,.26),transparent 36%),linear-gradient(135deg,rgba(0,0,70,.92),rgba(0,71,254,.78));border-color:rgba(0,240,254,.38)}
.project-narwhal .project-brand-lockup:before{border-color:rgba(0,240,254,.20)}

/* ============================================================
   v7 — Kinetic brand hero, breadcrumbs, word choreography,
        and a more interactive light-first project list
   ============================================================ */

/* Breadcrumbs ------------------------------------------------ */
.breadcrumb{position:absolute;z-index:18;top:108px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;gap:9px;font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.16em;pointer-events:auto}
.breadcrumb a{opacity:.55;transition:opacity .3s ease,color .3s ease}.breadcrumb a:hover{opacity:1;color:var(--blue)}
.breadcrumb [aria-current="page"]{font-weight:650;opacity:.95}.breadcrumb-sep{opacity:.28}
.breadcrumb-light{color:#181818}.breadcrumb-dark{color:#fff}.breadcrumb-dark a:hover{color:var(--cyan)}
.about-page-v6 .page-hero,.careers-page-v6 .career-hero,.work-index-page .work-intro,.project-page .project-hero{position:relative}

/* Homepage hero ---------------------------------------------- */
.hero-v7{background:linear-gradient(180deg,#fff 0%,#fbfbf8 70%,#f7f7f4 100%);overflow:hidden}
.hero-v7:after{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;background:linear-gradient(180deg,transparent,#f7f7f4);z-index:1;pointer-events:none}
.hero-v7 .hero-v6-grid{z-index:9}
.hero-v7 .hero-content{grid-column:1/span 8;max-width:1040px}
.hero-v7 .hero-kicker{max-width:800px}
.hero-v7 .display{max-width:1020px;font-size:clamp(64px,8.6vw,136px);line-height:.84;color:#0a0a0a;text-shadow:0 1px 0 rgba(255,255,255,.8)}
.hero-v7 .hero-bottom{margin-top:42px}
.hero-v7 .hero-bottom .lede{grid-column:1/span 7;color:#41413d;font-size:clamp(18px,1.75vw,26px);font-weight:450}
.hero-v7 .hero-capability-line{grid-column:8/span 3}
.hero-title-caption{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;color:#74746f;font-size:9px;text-transform:uppercase;letter-spacing:.15em}
.hero-title-caption span{position:relative;padding:7px 10px 7px 18px;border-bottom:1px solid rgba(0,0,0,.1)}
.hero-title-caption span:before{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan));transform:translateY(-50%);box-shadow:0 0 0 5px rgba(41,147,239,.06)}

.hero-v7-field{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.hero-vector-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(41,147,239,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(41,147,239,.045) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent 38%,#000 68%,transparent 100%);opacity:.75;animation:gridDrift 18s linear infinite}
.hero-spectrum{position:absolute;border-radius:50%;filter:blur(1px);will-change:transform}
.hero-spectrum-a{width:min(52vw,760px);aspect-ratio:1;right:-13vw;top:-4vh;background:radial-gradient(circle at 34% 34%,rgba(29,225,223,.35),rgba(41,147,239,.24) 31%,rgba(41,147,239,.055) 58%,transparent 70%);animation:spectrumFloatA 9s ease-in-out infinite alternate}
.hero-spectrum-b{width:min(25vw,370px);aspect-ratio:1;right:27vw;bottom:-8vw;background:radial-gradient(circle,rgba(41,147,239,.13),rgba(29,225,223,.05) 58%,transparent 73%);animation:spectrumFloatB 12s ease-in-out infinite alternate}

.hero-logo-portal{position:absolute;right:clamp(34px,5vw,92px);top:50%;width:min(39vw,610px);aspect-ratio:1.02;transform:translateY(-46%);display:grid;place-items:center;z-index:3}
.portal-card{position:relative;width:76%;height:42%;border:1px solid rgba(0,0,0,.10);border-radius:clamp(26px,3vw,48px);background:rgba(255,255,255,.76);box-shadow:0 34px 90px rgba(31,107,173,.12),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;overflow:hidden;animation:portalCardFloat 7s var(--ease-soft) infinite alternate}
.portal-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--blue),var(--cyan),var(--navy))}
.portal-card:after{content:"";position:absolute;inset:auto 18px 18px 18px;height:1px;background:linear-gradient(90deg,var(--blue),var(--cyan),transparent)}
.portal-card img{width:82%;position:relative;z-index:2;filter:drop-shadow(0 8px 26px rgba(0,0,0,.05))}
.portal-label,.portal-index{position:absolute;z-index:3;font-size:7px;text-transform:uppercase;letter-spacing:.16em;color:#70706a}
.portal-label{top:17px;left:22px}.portal-index{bottom:16px;right:22px}
.portal-ring{position:absolute;border-radius:50%;border:1px solid rgba(41,147,239,.16);animation:portalSpin 28s linear infinite}
.portal-ring-a{inset:5%}.portal-ring-a:before,.portal-ring-a:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 8px rgba(41,147,239,.06)}
.portal-ring-a:before{left:18%;top:2%}.portal-ring-a:after{right:3%;bottom:27%;background:var(--cyan);box-shadow:0 0 0 8px rgba(29,225,223,.07)}
.portal-ring-b{inset:18%;border-color:rgba(44,60,80,.12);animation-duration:19s;animation-direction:reverse}
.portal-satellite{position:absolute;width:44px;height:44px;border-radius:15px;border:1px solid rgba(0,0,0,.09);background:rgba(255,255,255,.7);box-shadow:0 15px 35px rgba(0,0,0,.06)}
.sat-a{left:4%;top:27%;transform:rotate(15deg);animation:satelliteA 5.5s ease-in-out infinite alternate}.sat-a:after{content:"";position:absolute;inset:10px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan))}
.sat-b{right:7%;bottom:18%;border-radius:50%;animation:satelliteB 6.5s ease-in-out infinite alternate}.sat-b:after{content:"";position:absolute;inset:13px;border-radius:50%;background:var(--navy)}
.portal-color-rail{position:absolute;right:3%;top:18%;height:46%;display:flex;gap:7px;align-items:flex-end}.portal-color-rail i{display:block;width:7px;border-radius:999px;animation:railPulse 2.8s ease-in-out infinite alternate}.portal-color-rail i:nth-child(1){height:48%;background:var(--navy)}.portal-color-rail i:nth-child(2){height:100%;background:var(--blue);animation-delay:.25s}.portal-color-rail i:nth-child(3){height:72%;background:var(--cyan);animation-delay:.5s}

.aique-fragments{position:absolute;right:6vw;top:10vh;width:min(34vw,520px);height:min(69vh,640px);opacity:.76}
.aique-fragments .fragment{position:absolute;display:block;will-change:transform}
.frag-blue-a,.frag-navy,.frag-cyan,.frag-blue-b{width:34px;border-radius:999px;transform-origin:center}
.frag-blue-a{height:132px;right:29%;top:2%;background:var(--blue);transform:rotate(-25deg);animation:fragFloat1 8s ease-in-out infinite alternate}
.frag-navy{height:104px;left:12%;top:22%;background:var(--navy);transform:rotate(24deg);animation:fragFloat2 10s ease-in-out infinite alternate}
.frag-cyan{height:138px;right:5%;bottom:9%;background:var(--cyan);transform:rotate(-24deg);animation:fragFloat2 9s ease-in-out infinite alternate-reverse}
.frag-blue-b{height:82px;left:36%;bottom:3%;background:linear-gradient(180deg,#2993ef,#178de0);transform:rotate(27deg);animation:fragFloat1 11s ease-in-out infinite alternate-reverse}
.frag-dot-a,.frag-dot-b{width:32px;height:32px;border-radius:50%}.frag-dot-a{right:9%;top:20%;background:var(--blue);animation:dotPulse 4s ease-in-out infinite}.frag-dot-b{left:26%;bottom:23%;background:var(--cyan);animation:dotPulse 4s ease-in-out 1.3s infinite}
.hero-data-line{position:absolute;right:var(--gutter);bottom:31px;display:flex;align-items:center;gap:10px;color:#8a8a84;font-size:7px;text-transform:uppercase;letter-spacing:.16em;z-index:4}.hero-data-line i{width:28px;height:1px;background:linear-gradient(90deg,rgba(41,147,239,.55),rgba(29,225,223,.2))}

@keyframes gridDrift{to{background-position:72px 72px}}
@keyframes spectrumFloatA{to{transform:translate3d(-22px,20px,0) scale(1.035)}}
@keyframes spectrumFloatB{to{transform:translate3d(16px,-18px,0) scale(.95)}}
@keyframes portalCardFloat{to{transform:translate3d(-8px,12px,0) rotate(-1.2deg)}}
@keyframes portalSpin{to{transform:rotate(360deg)}}
@keyframes satelliteA{to{transform:translate3d(12px,-16px,0) rotate(24deg)}}
@keyframes satelliteB{to{transform:translate3d(-12px,10px,0) scale(1.08)}}
@keyframes railPulse{to{transform:scaleY(.68);opacity:.58}}
@keyframes fragFloat1{to{translate:-14px 16px;rotate:8deg}}
@keyframes fragFloat2{to{translate:12px -14px;rotate:-7deg}}
@keyframes dotPulse{0%,100%{transform:scale(.78);opacity:.6}50%{transform:scale(1.14);opacity:1}}

/* Section two: semibold kinetic editorial statement --------- */
.kinetic-intro-v7{background:#fff;min-height:84vh;overflow:hidden}
.kinetic-intro-v7:before{content:"";position:absolute;left:var(--gutter);right:var(--gutter);top:0;height:1px;background:linear-gradient(90deg,var(--blue),var(--cyan) 22%,rgba(0,0,0,.08) 22%,rgba(0,0,0,.08))}
.kinetic-intro-v7 .intro-copy-v7{font-weight:600;color:#0b0b0b;position:relative;z-index:3}
.kinetic-intro-v7 .intro-copy-v7 .dim{color:#777873}
.word-reveal-unit{display:inline-block;opacity:0;transform:translate3d(0,1.05em,0) rotate(1.5deg);filter:blur(5px);transition:opacity .72s var(--ease),transform .92s var(--ease),filter .75s ease;transition-delay:calc(var(--word-index,0) * 32ms);will-change:transform,opacity,filter}
.word-reveal.words-in .word-reveal-unit{opacity:1;transform:none;filter:blur(0)}
.intro-kinetic-mark{grid-column:10/span 3;align-self:end;justify-self:end;position:relative;width:170px;height:170px;margin-top:76px;color:#777;font-size:7px;text-transform:uppercase;letter-spacing:.16em}
.intro-kinetic-mark i{position:absolute;display:block;border-radius:999px}.ikm-a{width:22px;height:78px;left:58px;top:18px;background:var(--blue);transform:rotate(-25deg);animation:introMark1 5s ease-in-out infinite alternate}.ikm-b{width:20px;height:62px;left:34px;top:79px;background:var(--navy);transform:rotate(25deg);animation:introMark2 6s ease-in-out infinite alternate}.ikm-c{width:21px;height:76px;right:28px;bottom:13px;background:var(--cyan);transform:rotate(-25deg);animation:introMark1 5.7s ease-in-out infinite alternate-reverse}.ikm-dot{width:21px;height:21px;right:26px;top:30px;background:var(--blue);box-shadow:-59px 82px 0 -2px var(--cyan);animation:dotPulse 4.8s ease-in-out infinite}.intro-kinetic-mark span{position:absolute;left:0;bottom:-22px;white-space:nowrap}
@keyframes introMark1{to{translate:7px 9px;rotate:4deg}}@keyframes introMark2{to{translate:-6px -8px;rotate:-4deg}}

/* Selected work: still a list, but more alive ---------------- */
.home-work.home-work-light{background:#fbfbf9}
.work-list-v7{border-top:0;display:flex;flex-direction:column;gap:10px}
.work-row-v7{--mx:50%;--my:50%;min-height:118px;border:1px solid rgba(0,0,0,.095);border-radius:24px;background:rgba(255,255,255,.72);grid-template-columns:52px 146px minmax(190px,1.4fr) minmax(230px,1fr) 92px;padding:14px 16px;box-shadow:0 8px 30px rgba(0,0,0,.025);transition:min-height .72s var(--ease),transform .72s var(--ease),border-color .45s ease,box-shadow .72s var(--ease),background .5s ease;isolation:isolate}
.work-row-v7:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(360px circle at var(--mx) var(--my),color-mix(in srgb,var(--row-a) 16%,transparent),transparent 64%);opacity:0;transition:opacity .42s ease;z-index:-3}
.work-row-v7:hover{padding-left:16px;padding-right:16px;min-height:146px;transform:translate3d(0,-3px,0);border-color:color-mix(in srgb,var(--row-a) 28%,rgba(0,0,0,.07));box-shadow:0 24px 70px color-mix(in srgb,var(--row-a) 11%,rgba(0,0,0,.04))}
.work-row-v7:hover:before{opacity:1}
.work-row-v7 .work-row-sweep{inset:6px;border-radius:19px;background:linear-gradient(104deg,color-mix(in srgb,var(--row-a) 8%,#fff),color-mix(in srgb,var(--row-b) 6%,#fff));opacity:.82}
.work-row-v7:after{left:26px;right:26px;bottom:0;width:auto;height:2px;border-radius:2px}
.work-row-v7:hover .work-row-sweep{transform:none}
.work-row-v7 .work-row-no{position:relative;z-index:3;font-weight:650}
.work-row-v7 .work-row-no:after{content:"";display:block;width:1px;height:26px;margin:9px auto 0;background:linear-gradient(180deg,var(--row-a),transparent);transform-origin:top;transition:transform .7s var(--ease)}
.work-row-v7:hover .work-row-no:after{transform:scaleY(1.65)}
.work-row-v7 .work-row-logo{height:58px;width:132px;padding:0;background:transparent!important;box-shadow:none!important;border-radius:18px;overflow:visible}
.work-logo-frame{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:17px;background:linear-gradient(135deg,var(--row-a),var(--row-b));box-shadow:0 10px 24px color-mix(in srgb,var(--row-a) 14%,transparent);transition:transform .72s var(--ease),border-radius .72s var(--ease),box-shadow .72s var(--ease)}
.row-supernova .work-logo-frame{background:radial-gradient(circle at 75% 20%,rgba(1,194,216,.34),transparent 45%),#080808}.row-wtp .work-logo-frame{background:#006FA9}.row-narwhal .work-logo-frame{background:linear-gradient(120deg,#0000FE,#0047FE 42%,#00CBEF 76%,#00FEFE)}
.work-row-v7 .work-row-logo img{height:28px!important;max-height:28px!important;max-width:104px!important}.work-row-v7.row-qube .work-row-logo img{height:27px!important}.work-row-v7:hover .work-row-logo{transform:none}.work-row-v7:hover .work-logo-frame{transform:translate3d(4px,-2px,0) scale(1.045) rotate(-1.2deg);border-radius:999px;box-shadow:0 16px 38px color-mix(in srgb,var(--row-a) 20%,transparent)}
.work-row-v7 .work-row-title{position:relative;z-index:3}.work-row-v7 .work-row-title strong{font-size:clamp(25px,2.7vw,42px);font-weight:570}.work-row-v7 .work-row-title small{transition:color .45s ease,letter-spacing .55s var(--ease)}.work-row-v7:hover .work-row-title small{color:var(--row-a);letter-spacing:.19em}
.work-row-v7 .work-row-desc{position:relative;z-index:3;font-size:13px;max-width:410px}
.work-row-cta{position:relative;z-index:4;justify-self:end;width:76px;height:44px;border:1px solid rgba(0,0,0,.16);border-radius:999px;display:flex;align-items:center;justify-content:center;gap:7px;transition:background .45s ease,color .45s ease,border-color .45s ease,transform .7s var(--ease)}
.work-row-cta em{font-style:normal;font-size:8px;text-transform:uppercase;letter-spacing:.13em}.work-row-cta i{font-style:normal;font-size:12px;transition:transform .6s var(--ease)}
.work-row-v7:hover .work-row-cta{background:linear-gradient(135deg,var(--row-a),var(--row-b));border-color:transparent;color:#fff;transform:translateX(-3px)}.work-row-v7:hover .work-row-cta i{transform:translate(2px,-2px) rotate(8deg)}
.work-row-marquee{position:absolute;left:0;top:50%;z-index:-1;white-space:nowrap;font-size:clamp(52px,7vw,110px);line-height:1;font-weight:700;letter-spacing:-.06em;color:var(--row-a);opacity:0;transform:translate3d(10%, -50%,0);transition:opacity .35s ease;pointer-events:none;animation:rowMarquee 12s linear infinite paused}
.work-row-v7:hover .work-row-marquee{opacity:.045;animation-play-state:running}
.work-row-orbit{position:absolute;right:12%;top:50%;width:92px;height:92px;border-radius:50%;border:1px solid color-mix(in srgb,var(--row-a) 17%,transparent);opacity:0;transform:translateY(-50%) scale(.7);transition:opacity .5s ease,transform .8s var(--ease);z-index:-1}.work-row-orbit:before,.work-row-orbit:after{content:"";position:absolute;inset:18%;border:inherit;border-radius:inherit}.work-row-orbit:after{inset:36%}.work-row-orbit i{position:absolute;left:50%;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--row-a);animation:portalSpin 3.8s linear infinite;transform-origin:0 50px}.work-row-v7:hover .work-row-orbit{opacity:.8;transform:translateY(-50%) scale(1)}
.work-row-glow{position:absolute;left:var(--mx);top:var(--my);width:10px;height:10px;border-radius:50%;background:var(--row-a);filter:blur(12px);opacity:0;transition:opacity .4s ease;pointer-events:none}.work-row-v7:hover .work-row-glow{opacity:.32}
@keyframes rowMarquee{to{transform:translate3d(-38%,-50%,0)}}

/* More animated text throughout the site --------------------- */
.work-row-title strong,.work-row-title small,.work-row-desc,.work-row-no,.work-row-cta,
.breadcrumb{will-change:transform,opacity,filter}
.breadcrumb{opacity:0;transform:translateY(10px);animation:breadcrumbIn .75s var(--ease) .55s forwards}
@keyframes breadcrumbIn{to{opacity:1;transform:none}}

/* Light-first inner-page refinements ------------------------- */
.about-page-v6 .about-story,.about-page-v6 .values,.about-page-v6 .stat-band,
.careers-page-v6 .career-culture,.careers-page-v6 .roles-section,
.project-light-v6 .project-intro,.project-light-v6 .project-narrative,.project-light-v6 .outcomes,.project-light-v6 .project-next{background:#fff}
.about-page-v6 .page-hero,.careers-page-v6 .career-hero,.work-index-page .work-intro{background:linear-gradient(180deg,#fff,#f8f8f5)}
.project-light-v6 .project-narrative{border-top:1px solid rgba(0,0,0,.06)}

@media(max-width:1120px){
  .hero-v7 .hero-content{grid-column:1/span 9}.hero-logo-portal{right:-4vw;width:44vw;opacity:.83}.aique-fragments{right:0;opacity:.5}.hero-v7 .display{font-size:clamp(62px,8.9vw,118px)}
  .work-row-v7{grid-template-columns:46px 126px minmax(180px,1.3fr) minmax(180px,1fr) 78px;gap:14px}.work-row-v7 .work-row-logo{width:114px}
}
@media(max-width:900px){
  .breadcrumb{top:94px}.hero-logo-portal{opacity:.23;right:-18vw;width:68vw}.aique-fragments{opacity:.24}.hero-vector-grid{mask-image:linear-gradient(90deg,transparent 10%,#000 70%,transparent)}.hero-v7 .hero-content{grid-column:1/-1}.hero-v7 .display{max-width:900px}.hero-data-line{display:none}
  .intro-kinetic-mark{display:none}
  .work-row-v7{grid-template-columns:42px 120px 1fr 78px;min-height:112px}.work-row-v7 .work-row-desc{display:none}.work-row-v7 .work-row-title strong{font-size:clamp(25px,4vw,38px)}
}
@media(max-width:720px){
  .breadcrumb{top:82px;left:20px;right:20px;font-size:8px}.hero-v7{padding-top:120px}.hero-v7 .hero-content{position:relative}.hero-logo-portal{width:88vw;right:-42vw;top:38%;opacity:.14}.portal-card{display:none}.aique-fragments{right:-11vw;top:15vh;width:65vw;opacity:.18}.hero-v7 .display{font-size:clamp(52px,15vw,82px)}.hero-title-caption{gap:4px}.hero-title-caption span{padding-left:14px;font-size:7px}.hero-v7 .hero-bottom .lede{font-size:17px}.hero-v7 .hero-capability-line{display:none}
  .kinetic-intro-v7{min-height:76vh}.intro-copy-v7{font-size:clamp(40px,11.8vw,66px)!important}
  .work-list-v7{gap:8px}.work-row-v7{grid-template-columns:36px 88px 1fr 44px;gap:9px;min-height:94px;padding:10px 10px;border-radius:18px}.work-row-v7:hover{min-height:102px;padding-left:10px;padding-right:10px;transform:none}.work-row-v7 .work-row-logo{width:82px;height:48px}.work-row-v7 .work-row-logo img{height:22px!important;max-height:22px!important;max-width:68px!important}.work-row-v7 .work-row-title strong{font-size:22px}.work-row-v7 .work-row-title small{font-size:7px}.work-row-cta{width:38px;height:38px}.work-row-cta em{display:none}.work-row-orbit,.work-row-marquee{display:none}.work-row-v7 .work-row-no:after{display:none}
}
@media(prefers-reduced-motion:reduce){.word-reveal-unit{opacity:1;transform:none;filter:none}.hero-vector-grid,.portal-ring,.portal-card,.portal-satellite,.portal-color-rail i,.aique-fragments .fragment,.intro-kinetic-mark i,.work-row-marquee,.work-row-orbit i{animation:none!important}}

/* ============================================================
   v8 — cleaner AIQUE hero, scroll-progress reveal, refined work
        list, and richer client case-study hero experiences
   ============================================================ */

/* Homepage / Hero ------------------------------------------------------- */
.v8-home{background:#fff}
.hero-v8{min-height:100svh;background:#fff;color:#090909;display:flex;align-items:center;padding-top:142px;padding-bottom:72px;overflow:hidden;isolation:isolate}
.hero-v8:before{content:"";position:absolute;left:var(--gutter);right:var(--gutter);top:104px;height:1px;background:linear-gradient(90deg,rgba(0,0,0,.12),rgba(0,0,0,.035) 68%,transparent);z-index:12}
.hero-v8:after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.9));pointer-events:none;z-index:5}
.hero-v8-ambient{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:linear-gradient(180deg,#fff 0%,#fcfcfa 72%,#fff 100%)}
.hero-aurora{position:absolute;border-radius:50%;filter:blur(18px);opacity:.78;will-change:transform;mix-blend-mode:multiply}
.hero-aurora-blue{width:min(60vw,930px);height:min(60vw,930px);right:-15vw;top:-22vw;background:radial-gradient(circle at 50% 50%,rgba(41,147,239,.32) 0,rgba(41,147,239,.16) 34%,rgba(41,147,239,0) 70%);animation:heroAuroraBlue 13s ease-in-out infinite alternate}
.hero-aurora-cyan{width:min(42vw,650px);height:min(42vw,650px);right:8vw;top:8vh;background:radial-gradient(circle,rgba(29,225,223,.24),rgba(29,225,223,.08) 44%,transparent 72%);animation:heroAuroraCyan 16s ease-in-out infinite alternate}
.hero-aurora-navy{width:min(32vw,500px);height:min(32vw,500px);right:30vw;bottom:-18vw;background:radial-gradient(circle,rgba(44,60,80,.13),rgba(44,60,80,.04) 44%,transparent 72%);animation:heroAuroraNavy 18s ease-in-out infinite alternate}
@keyframes heroAuroraBlue{to{translate:-5vw 4vh;scale:1.08}}
@keyframes heroAuroraCyan{to{translate:4vw -3vh;scale:.94}}
@keyframes heroAuroraNavy{to{translate:-3vw -2vh;scale:1.05}}
.hero-v8-gridlines{position:absolute;inset:0;background-image:linear-gradient(rgba(41,147,239,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(41,147,239,.04) 1px,transparent 1px);background-size:86px 86px;mask-image:linear-gradient(90deg,transparent 34%,#000 74%,transparent);opacity:.8}
.hero-v8-watermark{position:absolute;right:-3vw;bottom:-2vw;font-size:clamp(130px,22vw,360px);font-weight:760;letter-spacing:-.08em;line-height:.75;color:rgba(41,147,239,.035);user-select:none}
.hero-v8-grid{width:100%;position:relative;z-index:8;align-items:center}
.hero-v8-copy{grid-column:1/span 8;max-width:1080px}
.hero-v8-kicker{max-width:770px;margin-bottom:36px}
.hero-v8-kicker .eyebrow{color:#55554f}.hero-v8-kicker .hero-meta{font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#81817b}
.hero-v8-title{font-size:clamp(66px,8.9vw,142px)!important;line-height:.84!important;letter-spacing:-.07em!important;max-width:1100px!important;color:#090909!important;text-shadow:none!important}
.hero-v8-title em{font-style:normal;background:linear-gradient(92deg,#2993ef 5%,#16aad3 45%,#1de1df 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-v8-bottom{display:grid;grid-template-columns:repeat(8,1fr);gap:18px;align-items:end;margin-top:44px;max-width:900px}
.hero-v8-bottom .lede{grid-column:1/span 6;margin:0;color:#454540;font-size:clamp(18px,1.6vw,24px);line-height:1.45;font-weight:450}
.hero-work-link{grid-column:7/span 2;justify-self:end;display:inline-flex;align-items:center;gap:10px;font-size:10px;text-transform:uppercase;letter-spacing:.15em;white-space:nowrap;border-bottom:1px solid rgba(0,0,0,.25);padding:10px 0;transition:color .3s ease,border-color .3s ease}
.hero-work-link span{display:inline-grid;place-items:center;width:28px;height:28px;border:1px solid rgba(0,0,0,.18);border-radius:50%;transition:transform .45s var(--ease),background .3s ease,color .3s ease}
.hero-work-link:hover{color:var(--blue);border-color:var(--blue)}.hero-work-link:hover span{transform:translate(3px,-3px) rotate(8deg);background:var(--blue);color:#fff;border-color:var(--blue)}
.hero-v8-capabilities{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}.hero-v8-capabilities span{padding:8px 12px;border:1px solid rgba(0,0,0,.09);border-radius:999px;background:rgba(255,255,255,.58);font-size:8px;text-transform:uppercase;letter-spacing:.15em;color:#676761;backdrop-filter:blur(8px)}
.hero-v8-brand-panel{grid-column:9/span 4;justify-self:end;width:min(100%,390px);min-height:360px;border:1px solid rgba(0,0,0,.095);border-radius:34px;padding:24px;background:rgba(255,255,255,.58);backdrop-filter:blur(15px);box-shadow:0 28px 90px rgba(28,95,150,.10),inset 0 1px 0 rgba(255,255,255,.85);position:relative;overflow:hidden;transform:rotate(1.5deg)}
.hero-v8-brand-panel:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-95px;top:-115px;background:radial-gradient(circle,rgba(29,225,223,.28),rgba(41,147,239,.12) 48%,transparent 70%)}
.hero-v8-brand-panel:after{content:"";position:absolute;inset:10px;border:1px solid rgba(41,147,239,.06);border-radius:27px;pointer-events:none}
.brand-panel-top{position:relative;z-index:2;display:flex;justify-content:space-between;gap:12px;font-size:7px;text-transform:uppercase;letter-spacing:.16em;color:#7d7d76}.brand-panel-logo{position:relative;z-index:2;min-height:175px;display:flex;align-items:center}.brand-panel-logo img{width:100%;max-width:320px}.brand-panel-rule{height:1px;background:linear-gradient(90deg,#2993ef,#1de1df 52%,rgba(0,0,0,.08) 52%);position:relative;z-index:2}.hero-v8-brand-panel p{position:relative;z-index:2;margin:22px 0 0;font-size:14px;line-height:1.55;color:#575751;max-width:300px}.brand-panel-spectrum{position:absolute;right:24px;bottom:24px;display:flex;gap:5px;align-items:flex-end}.brand-panel-spectrum i{display:block;width:5px;border-radius:99px;animation:panelBars 2.7s ease-in-out infinite alternate}.brand-panel-spectrum i:nth-child(1){height:18px;background:#2c3c50}.brand-panel-spectrum i:nth-child(2){height:36px;background:#2993ef;animation-delay:.2s}.brand-panel-spectrum i:nth-child(3){height:26px;background:#1de1df;animation-delay:.4s}@keyframes panelBars{to{transform:scaleY(.66)}}
.aique-symbol-v8{position:absolute;right:21vw;top:16vh;width:250px;height:290px;opacity:.16;transform:rotate(-5deg);filter:drop-shadow(0 16px 50px rgba(41,147,239,.10))}
.aique-symbol-v8 i{position:absolute;display:block}.symbol-pill{width:36px;border-radius:999px;transform-origin:center}.sp-blue-a{height:118px;left:82px;top:24px;background:#2993ef;transform:rotate(-24deg)}.sp-navy{height:92px;left:49px;top:81px;background:#2c3c50;transform:rotate(24deg)}.sp-blue-b{height:112px;right:50px;bottom:27px;background:#2993ef;transform:rotate(-24deg)}.sp-cyan{height:88px;right:25px;bottom:70px;background:#1de1df;transform:rotate(0deg)}.symbol-dot{width:36px;height:36px;border-radius:50%}.sd-blue{right:28px;top:14px;background:#2993ef}.sd-cyan{left:42px;bottom:75px;background:#1de1df}.hero-v8.loaded .aique-symbol-v8{animation:symbolFloatV8 8s ease-in-out infinite alternate}@keyframes symbolFloatV8{to{translate:0 16px;rotate:2deg}}
.hero-v8-scroll{position:absolute;z-index:10;left:var(--gutter);bottom:26px;display:flex;align-items:center;gap:12px;font-size:8px;text-transform:uppercase;letter-spacing:.16em;color:#777}.hero-v8-scroll i{display:block;width:56px;height:1px;background:rgba(0,0,0,.14);position:relative;overflow:hidden}.hero-v8-scroll i:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--blue),var(--cyan));transform:translateX(-100%);animation:heroScrollLine 2.2s var(--ease) infinite}@keyframes heroScrollLine{55%,100%{transform:translateX(100%)}}

/* Scroll-progress editorial reveal ------------------------------------- */
.intro-scroll-v8{height:165vh;position:relative;background:#fff;color:#090909;border-top:1px solid rgba(0,0,0,.07);border-bottom:1px solid rgba(0,0,0,.06)}
.intro-scroll-sticky{position:sticky;top:0;min-height:100svh;padding:clamp(120px,12vw,190px) var(--gutter);align-content:center;width:100%;overflow:hidden}
.intro-v8-label{grid-column:1/span 3;align-self:start}.intro-v8-label .eyebrow{color:#6c6c66}.intro-v8-counter{margin-top:36px;display:flex;align-items:center;gap:10px;font-size:7px;text-transform:uppercase;letter-spacing:.16em;color:#9b9b95}.intro-v8-counter i{width:42px;height:1px;background:linear-gradient(90deg,var(--blue),var(--cyan))}
.intro-copy-v8{grid-column:4/span 8;margin:0;font-size:clamp(46px,5.6vw,88px);line-height:.98;letter-spacing:-.05em;font-weight:560;max-width:1180px}
.scroll-word-v8{display:inline-block;opacity:.22;transform:translate3d(0,18px,0);filter:blur(4px);will-change:opacity,transform,filter;color:#0a0a0a}
.intro-v8-side{grid-column:12;align-self:end;justify-self:end;display:flex;flex-direction:column;align-items:center;gap:9px;color:#8c8c86;font-size:7px;text-transform:uppercase;letter-spacing:.15em;writing-mode:vertical-rl}.intro-v8-side i{width:1px;height:34px;background:linear-gradient(var(--blue),var(--cyan))}
.intro-scroll-v8:before{content:"";position:absolute;right:-8vw;top:22%;width:36vw;height:36vw;border-radius:50%;background:radial-gradient(circle,rgba(29,225,223,.08),rgba(41,147,239,.035) 46%,transparent 72%);pointer-events:none}

/* Refined project list ------------------------------------------------- */
.home-work-light{background:#fcfcfa!important;color:#090909;border-bottom:1px solid rgba(0,0,0,.06)}
.project-list-v8{border-top:1px solid rgba(0,0,0,.13);border-bottom:1px solid rgba(0,0,0,.13)}
.project-row-v8{--mx:50%;--my:50%;position:relative;display:grid;grid-template-columns:64px 156px minmax(190px,1.1fr) minmax(230px,.95fr) 118px;gap:20px;align-items:center;min-height:118px;padding:13px 6px;border-bottom:1px solid rgba(0,0,0,.09);overflow:hidden;isolation:isolate;transition:min-height .62s var(--ease),padding .62s var(--ease),transform .62s var(--ease)}
.project-row-v8:last-child{border-bottom:0}.project-row-v8:hover{min-height:142px;padding-top:18px;padding-bottom:18px;transform:translate3d(0,-1px,0)}
.project-row-bg{position:absolute;inset:0;z-index:-2;opacity:0;background:radial-gradient(500px circle at var(--mx) var(--my),color-mix(in srgb,var(--brand-b) 18%,transparent),transparent 58%),linear-gradient(90deg,color-mix(in srgb,var(--brand-a) 6%,#fff),#fff 48%);transition:opacity .45s ease}.project-row-v8:hover .project-row-bg{opacity:1}
.project-row-edge{position:absolute;left:0;top:12%;bottom:12%;width:3px;border-radius:99px;background:linear-gradient(var(--brand-a),var(--brand-b));transform:scaleY(.18);transform-origin:center;transition:transform .65s var(--ease)}.project-row-v8:hover .project-row-edge{transform:scaleY(1)}
.project-row-index{font-size:9px;letter-spacing:.14em;color:#888881;padding-left:10px;transition:color .35s ease,transform .55s var(--ease)}.project-row-v8:hover .project-row-index{color:var(--brand-a);transform:translateX(5px)}
.project-row-logo{display:flex;align-items:center}.project-row-logo>span{width:138px;height:62px;border-radius:17px;display:flex;align-items:center;justify-content:center;padding:12px 15px;box-shadow:0 8px 24px rgba(0,0,0,.055);transition:transform .68s var(--ease),border-radius .68s var(--ease),box-shadow .68s var(--ease);overflow:hidden}
.project-row-logo img{display:block;height:30px!important;max-height:30px!important;width:auto!important;max-width:116px!important;object-fit:contain}
.project-row-qube .project-row-logo>span{background:linear-gradient(135deg,#08D68C,#16AAD3)}
.project-row-supernova .project-row-logo>span{background:linear-gradient(135deg,#fff 0%,#f6fdfe 62%,#dffaff 100%);border:1px solid rgba(1,194,216,.18)}
.project-row-wtp .project-row-logo>span{background:#006FA9}
.project-row-narwhal .project-row-logo>span{background:linear-gradient(135deg,#f7f9ff,#effcff)}
.project-row-v8:hover .project-row-logo>span{transform:translate3d(5px,-2px,0) scale(1.045);border-radius:999px;box-shadow:0 16px 38px color-mix(in srgb,var(--brand-a) 16%,transparent)}
.project-row-name{display:flex;flex-direction:column;gap:6px}.project-row-name strong{font-size:clamp(26px,2.7vw,43px);line-height:.9;letter-spacing:-.045em;font-weight:570}.project-row-name small{font-size:8px;text-transform:uppercase;letter-spacing:.15em;color:#777770;transition:color .35s ease,letter-spacing .5s var(--ease)}.project-row-v8:hover .project-row-name small{color:var(--brand-a);letter-spacing:.18em}
.project-row-desc{font-size:13px;line-height:1.55;color:#74746e;max-width:420px;transition:transform .55s var(--ease),color .35s ease}.project-row-v8:hover .project-row-desc{transform:translateX(4px);color:#4f4f4a}
.project-row-action{justify-self:end;display:flex;align-items:center;gap:10px}.project-row-action em{font-style:normal;font-size:8px;text-transform:uppercase;letter-spacing:.14em;color:#72726d;opacity:0;transform:translateX(10px);transition:opacity .35s ease,transform .5s var(--ease)}.project-row-action i{font-style:normal;width:46px;height:46px;border:1px solid rgba(0,0,0,.16);border-radius:50%;display:grid;place-items:center;transition:background .4s ease,color .4s ease,border-color .4s ease,transform .55s var(--ease)}.project-row-v8:hover .project-row-action em{opacity:1;transform:none}.project-row-v8:hover .project-row-action i{background:linear-gradient(135deg,var(--brand-a),var(--brand-b));border-color:transparent;color:#fff;transform:rotate(9deg) translate(2px,-2px)}

/* Work index — bring each brand forward ------------------------------- */
.work-v8 .work-panel.qube .panel-bg{background:radial-gradient(circle at 72% 22%,rgba(22,170,211,.70),transparent 31%),radial-gradient(circle at 58% 70%,rgba(8,214,140,.40),transparent 37%),linear-gradient(135deg,#031711 0%,#075b4d 52%,#052c38 100%)}
.work-v8 .work-panel.supernova .panel-bg{background:radial-gradient(circle at 76% 24%,rgba(1,194,216,.70),transparent 32%),radial-gradient(circle at 58% 72%,rgba(1,194,216,.18),transparent 36%),linear-gradient(145deg,#020303 0%,#06191d 62%,#010202 100%)}
.work-v8 .work-panel.wtp .panel-bg{background:radial-gradient(circle at 76% 25%,rgba(255,255,255,.20),transparent 28%),linear-gradient(145deg,#007db9 0%,#006FA9 49%,#034c70 100%)}
.work-v8 .work-panel.narwhal .panel-bg{background:radial-gradient(circle at 78% 23%,rgba(0,254,254,.46),transparent 31%),radial-gradient(circle at 55% 71%,rgba(0,71,254,.58),transparent 38%),linear-gradient(145deg,#05052d 0%,#0000fe 68%,#003de4 100%)}
.work-v8 .work-panel .panel-bg:before{background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.04) 38%,rgba(0,0,0,.56) 100%)}
.work-v8 .work-panel .panel-bg:after{background:linear-gradient(90deg,rgba(0,0,0,.32),transparent 62%)}
.work-v8 .work-logo-stage{background:linear-gradient(145deg,color-mix(in srgb,var(--p1) 20%,rgba(0,0,0,.13)),rgba(255,255,255,.035));border-color:color-mix(in srgb,var(--p2) 46%,transparent);box-shadow:0 30px 110px color-mix(in srgb,var(--p1) 18%,rgba(0,0,0,.18));opacity:.9}
.work-v8 .work-panel.is-active .work-logo-stage{box-shadow:0 38px 130px color-mix(in srgb,var(--p1) 28%,rgba(0,0,0,.15))}
.work-v8 .work-logo-stage img{filter:drop-shadow(0 18px 40px rgba(0,0,0,.34))}.work-v8 .work-panel.wtp .work-logo-stage{background:rgba(0,75,116,.44)}
.work-v8 .panel-content .client{font-weight:650}.work-v8 .panel-content h2{text-shadow:0 12px 50px rgba(0,0,0,.16)}

/* Project / client case-study heroes ---------------------------------- */
.project-v8{background:#fff}
.project-v8 .project-hero-v8{height:100svh;min-height:720px;padding:var(--header-h) var(--gutter) 62px;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;background:#050505}
.project-v8 .project-video-v8{position:absolute;inset:0;z-index:-5}.project-v8 .project-video-v8 video{width:100%;height:100%;object-fit:cover;opacity:1;filter:saturate(1.06) contrast(1.02)}
.project-v8 .project-hero-shade{position:absolute;inset:0;z-index:-3;background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.10) 30%,rgba(0,0,0,.72) 84%,rgba(0,0,0,.9) 100%),linear-gradient(90deg,rgba(0,0,0,.60) 0%,rgba(0,0,0,.22) 45%,rgba(0,0,0,.06) 74%)}
.project-v8.project-qube .project-hero-shade{background:linear-gradient(180deg,rgba(0,18,15,.18),rgba(0,0,0,.13) 38%,rgba(0,23,24,.74) 84%,rgba(0,8,10,.94)),linear-gradient(90deg,rgba(0,15,13,.64),transparent 70%)}
.project-v8.project-supernova .project-hero-shade{background:linear-gradient(180deg,rgba(0,8,14,.10),rgba(0,0,0,.16) 43%,rgba(0,10,15,.68) 82%,rgba(0,4,6,.92)),linear-gradient(90deg,rgba(0,0,0,.60),transparent 68%)}
.project-hero-cursor-glow{position:absolute;inset:0;z-index:-2;background:radial-gradient(420px circle at var(--hero-x) var(--hero-y),color-mix(in srgb,var(--brand-a) 24%,transparent),transparent 70%);opacity:.8;pointer-events:none;transition:opacity .3s ease}
.project-brand-canvas-v8{position:absolute;inset:0;z-index:-5;overflow:hidden;background:#040506}.brand-canvas-orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-a{width:56vw;height:56vw;right:-10vw;top:-13vw;background:radial-gradient(circle,color-mix(in srgb,var(--brand-a) 72%,transparent),color-mix(in srgb,var(--brand-a) 22%,transparent) 46%,transparent 70%);animation:brandOrbA 12s ease-in-out infinite alternate}.orb-b{width:42vw;height:42vw;right:24vw;bottom:-20vw;background:radial-gradient(circle,color-mix(in srgb,var(--brand-b) 52%,transparent),transparent 68%);animation:brandOrbB 15s ease-in-out infinite alternate}.brand-canvas-grid{position:absolute;inset:0;background-image:linear-gradient(color-mix(in srgb,var(--brand-b) 13%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--brand-b) 13%,transparent) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,transparent 22%,#000 74%,transparent)}
@keyframes brandOrbA{to{translate:-5vw 5vh;scale:1.08}}@keyframes brandOrbB{to{translate:5vw -3vh;scale:.92}}
.project-wtp .project-brand-canvas-v8{background:linear-gradient(140deg,#003f61 0%,#006FA9 56%,#003b59 100%)}
.project-narwhal .project-brand-canvas-v8{background:linear-gradient(145deg,#05053b 0%,#0000FE 62%,#0047FE 100%)}
.project-logo-chip-v8{position:absolute;right:var(--gutter);top:clamp(128px,17vh,190px);z-index:5;width:min(31vw,430px);min-height:150px;border-radius:30px;border:1px solid color-mix(in srgb,var(--brand-b) 42%,rgba(255,255,255,.16));background:color-mix(in srgb,var(--brand-a) 10%,rgba(4,4,4,.35));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:40px 34px;box-shadow:0 26px 90px rgba(0,0,0,.24);overflow:hidden;animation:projectLogoFloat 7s ease-in-out infinite alternate}
.project-logo-chip-v8:before{content:"";position:absolute;inset:9px;border-radius:23px;border:1px solid color-mix(in srgb,var(--brand-b) 18%,transparent)}.project-logo-chip-v8:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;top:-85px;background:radial-gradient(circle,color-mix(in srgb,var(--brand-a) 34%,transparent),transparent 70%)}
.project-logo-chip-v8>span{position:absolute;left:20px;top:17px;font-size:7px;text-transform:uppercase;letter-spacing:.16em;color:rgba(255,255,255,.66)}
.project-logo-chip-v8 img{position:relative;z-index:2;display:block;max-width:83%;max-height:86px;object-fit:contain;filter:drop-shadow(0 14px 30px rgba(0,0,0,.25))}
.project-wtp .project-logo-chip-v8 img{max-width:68%}.project-narwhal .project-logo-chip-v8 img{max-width:72%}
.project-supernova .project-logo-chip-v8{background:rgba(0,8,11,.42);border-color:rgba(1,194,216,.48)}
.project-qube .project-logo-chip-v8{background:linear-gradient(145deg,rgba(8,214,140,.18),rgba(22,170,211,.12),rgba(0,0,0,.28))}
.project-wtp .project-logo-chip-v8{background:rgba(0,67,102,.40);border-color:rgba(255,255,255,.28)}
.project-narwhal .project-logo-chip-v8{background:linear-gradient(145deg,rgba(0,0,254,.32),rgba(0,71,254,.30),rgba(0,0,0,.2));border-color:rgba(0,240,254,.42)}
@keyframes projectLogoFloat{to{translate:0 8px;rotate:.6deg}}
.project-hero-code{position:absolute;right:var(--gutter);bottom:38px;z-index:4;display:flex;align-items:center;gap:10px;font-size:7px;text-transform:uppercase;letter-spacing:.15em;color:rgba(255,255,255,.56)}.project-hero-code i{width:50px;height:1px;background:linear-gradient(90deg,var(--brand-a),var(--brand-b))}
.project-hero-grid-v8{position:relative;z-index:4;width:100%;align-items:end}.project-title-v8{grid-column:1/span 8;max-width:1030px}.project-title-v8:before{width:72px!important;height:3px!important;margin-bottom:20px!important}.project-title-v8 .client{font-weight:650;color:color-mix(in srgb,var(--brand-b) 72%,#fff)!important}.project-title-v8 h1{font-size:clamp(58px,7.6vw,122px);line-height:.86;letter-spacing:-.062em;max-width:1080px}.project-title-v8 p{font-size:clamp(17px,1.55vw,23px);line-height:1.48;max-width:690px;color:rgba(255,255,255,.72);margin-top:24px}
.project-hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.project-hero-tags span{font-size:7px;text-transform:uppercase;letter-spacing:.14em;padding:8px 11px;border:1px solid color-mix(in srgb,var(--brand-b) 34%,rgba(255,255,255,.14));border-radius:999px;background:rgba(0,0,0,.16);backdrop-filter:blur(7px);color:rgba(255,255,255,.78)}
.project-scroll-v8{grid-column:11/span 2;justify-self:end;align-self:end;display:flex;align-items:center;gap:11px;font-size:8px;text-transform:uppercase;letter-spacing:.16em;color:rgba(255,255,255,.66);padding-bottom:8px}.project-scroll-v8 i{font-style:normal;width:42px;height:42px;border:1px solid color-mix(in srgb,var(--brand-b) 42%,rgba(255,255,255,.16));border-radius:50%;display:grid;place-items:center;animation:projectScrollBounce 1.7s ease-in-out infinite}@keyframes projectScrollBounce{50%{transform:translateY(5px)}}

/* Make the light project content visibly inherit the brand, without losing readability */
.project-v8 .project-intro{background:linear-gradient(180deg,#fff,#fbfbf9);border-top:5px solid transparent;border-image:linear-gradient(90deg,var(--brand-a),var(--brand-b),transparent 72%) 1}
.project-v8 .project-intro:after{content:"";position:absolute;right:var(--gutter);bottom:36px;width:150px;height:150px;border-radius:50%;border:1px solid color-mix(in srgb,var(--brand-a) 20%,rgba(0,0,0,.05));box-shadow:inset 0 0 0 30px color-mix(in srgb,var(--brand-a) 4%,transparent)}
.project-v8 .overview h2{position:relative;z-index:2}.project-v8 .overview h2:after{content:"";display:block;width:94px;height:4px;margin-top:32px;border-radius:99px;background:linear-gradient(90deg,var(--brand-a),var(--brand-b))}
.project-v8 .project-narrative{background:#fff!important}.project-v8 .narrative-row{position:relative}.project-v8 .narrative-row:before{content:"";position:absolute;top:-45px;width:9px;height:9px;border-radius:50%;background:var(--brand-a);box-shadow:0 0 0 8px color-mix(in srgb,var(--brand-a) 8%,transparent)}.project-v8 .narrative-row.reverse:before{right:0}
.project-v8 .visual-placeholder{background:linear-gradient(145deg,color-mix(in srgb,var(--brand-a) 5%,#fafafa),#f5f6f5)!important;border-color:color-mix(in srgb,var(--brand-a) 20%,rgba(0,0,0,.08))!important;box-shadow:0 24px 70px color-mix(in srgb,var(--brand-a) 7%,rgba(0,0,0,.03));transition:transform .75s var(--ease),box-shadow .75s var(--ease),border-color .5s ease}
.project-v8 .visual-placeholder:hover{transform:translateY(-7px);box-shadow:0 40px 100px color-mix(in srgb,var(--brand-a) 15%,rgba(0,0,0,.05));border-color:color-mix(in srgb,var(--brand-a) 42%,rgba(0,0,0,.08))!important}
.project-v8 .visual-placeholder .frame{background:linear-gradient(145deg,#fff,color-mix(in srgb,var(--brand-a) 4%,#f4f4f2));border-color:color-mix(in srgb,var(--brand-a) 22%,rgba(0,0,0,.08));box-shadow:0 25px 60px rgba(0,0,0,.08)}.project-v8 .visual-placeholder .frame:before{border-color:rgba(0,0,0,.08)}
.project-v8 .visual-placeholder .frame:after{box-shadow:0 44px 0 rgba(0,0,0,.08),0 76px 0 rgba(0,0,0,.055),0 108px 0 rgba(0,0,0,.035)}
.project-v8 .visual-placeholder .label{color:#666}.project-v8 .narrative-row .copy p{color:#686862}.project-v8 .narrative-row .copy h3{color:#101010}.project-v8 .project-fullbleed{min-height:70vh;background:radial-gradient(circle at 24% 30%,color-mix(in srgb,var(--brand-a) 45%,transparent),transparent 36%),radial-gradient(circle at 74% 64%,color-mix(in srgb,var(--brand-b) 27%,transparent),transparent 38%),#060707}.project-v8 .project-fullbleed .placeholder-word{color:rgba(255,255,255,.07)}
.project-v8 .outcomes{background:#fff}.project-v8 .project-next{background:#fff!important;color:#090909}.project-v8 .next-card{border-top-color:rgba(0,0,0,.12)}.project-v8 .next-card .label,.project-v8 .next-card p{color:#777}.project-v8 .next-card:after{border-color:rgba(0,0,0,.18)}.project-v8 .next-card:hover:after{color:#fff}

@media(max-width:1100px){
  .hero-v8-copy{grid-column:1/span 9}.hero-v8-brand-panel{grid-column:10/span 3;min-height:310px;padding:20px}.brand-panel-logo{min-height:145px}.aique-symbol-v8{right:12vw;opacity:.1}.hero-v8-title{font-size:clamp(62px,9.5vw,118px)!important}
  .project-row-v8{grid-template-columns:52px 136px minmax(180px,1.15fr) minmax(180px,.9fr) 84px;gap:15px}.project-row-action em{display:none}
  .project-logo-chip-v8{width:min(35vw,380px)}
}
@media(max-width:900px){
  .hero-v8{min-height:94svh;align-items:flex-end;padding-top:128px}.hero-v8-copy{grid-column:1/-1}.hero-v8-brand-panel{display:none}.aique-symbol-v8{right:-4vw;top:16vh;opacity:.085;scale:1.2}.hero-aurora-blue{right:-30vw;top:-5vw}.hero-aurora-cyan{right:-10vw}.hero-v8-bottom{max-width:760px}.hero-v8-watermark{opacity:.7}
  .intro-scroll-v8{height:150vh}.intro-v8-label{grid-column:1/span 2}.intro-copy-v8{grid-column:3/span 10}.intro-v8-side{display:none}
  .project-row-v8{grid-template-columns:46px 122px 1fr 58px;min-height:108px}.project-row-desc{display:none}.project-row-action{grid-column:4}.project-row-name{grid-column:3}.project-row-logo{grid-column:2}.project-row-index{grid-column:1}.project-row-action i{width:42px;height:42px}
  .project-logo-chip-v8{top:13%;width:min(47vw,340px);min-height:112px;padding:28px 24px;border-radius:24px}.project-logo-chip-v8 img{max-height:65px}.project-title-v8{grid-column:1/span 10}.project-scroll-v8{display:none}
}
@media(max-width:640px){
  .hero-v8{padding-top:118px;padding-bottom:58px}.hero-v8:before{top:88px}.hero-v8-title{font-size:clamp(52px,15.4vw,82px)!important;line-height:.87!important}.hero-v8-kicker{display:block;margin-bottom:28px}.hero-v8-kicker .hero-meta{margin-top:9px}.hero-v8-bottom{display:block;margin-top:30px}.hero-v8-bottom .lede{font-size:17px}.hero-work-link{margin-top:25px}.hero-v8-capabilities{margin-top:26px;gap:5px}.hero-v8-capabilities span{font-size:7px;padding:7px 9px}.aique-symbol-v8{right:-25vw;top:14vh;opacity:.07;scale:.92}.hero-v8-gridlines{display:none}.hero-v8-scroll{display:none}
  .intro-scroll-v8{height:140vh}.intro-scroll-sticky{display:block;padding-left:20px;padding-right:20px}.intro-v8-label{margin-bottom:48px}.intro-v8-counter{margin-top:20px}.intro-copy-v8{font-size:clamp(38px,11.2vw,62px);line-height:1.01}
  .project-row-v8{grid-template-columns:34px 90px 1fr 42px;gap:9px;min-height:92px;padding:10px 0}.project-row-v8:hover{min-height:98px;padding:10px 0;transform:none}.project-row-logo>span{width:86px;height:48px;border-radius:14px;padding:10px}.project-row-logo img{height:22px!important;max-height:22px!important;max-width:72px!important}.project-row-name strong{font-size:21px}.project-row-name small{font-size:6.5px}.project-row-action i{width:38px;height:38px}.project-row-edge{width:2px}.project-row-v8:hover .project-row-logo>span{transform:none;border-radius:14px}
  .project-v8 .project-hero-v8{min-height:690px;padding-bottom:32px}.project-logo-chip-v8{top:108px;right:20px;width:48vw;min-height:86px;padding:22px 15px;border-radius:19px;opacity:.92}.project-logo-chip-v8>span{display:none}.project-logo-chip-v8 img{max-height:48px;max-width:84%}.project-title-v8{grid-column:1/-1}.project-title-v8 h1{font-size:clamp(48px,13vw,78px);line-height:.9}.project-title-v8 p{font-size:16px;max-width:94%}.project-hero-tags{gap:5px;margin-top:20px}.project-hero-tags span{font-size:6px;padding:6px 8px}.project-hero-code{display:none}.project-hero-cursor-glow{display:none}.brand-canvas-grid{background-size:48px 48px}.project-v8 .project-intro:after{display:none}
}
@media(prefers-reduced-motion:reduce){
  .hero-aurora,.brand-panel-spectrum i,.aique-symbol-v8,.brand-canvas-orb,.project-logo-chip-v8,.project-scroll-v8 i{animation:none!important}.scroll-word-v8{opacity:1!important;transform:none!important;filter:none!important}
}
body.loaded .aique-symbol-v8{animation:symbolFloatV8 8s ease-in-out infinite alternate}

/* ============================================================
   v9 — clarity + larger interactive work list + work navigation
   ============================================================ */

/* Project detail hero: keep copy readable over both supplied video and branded canvases */
.project-v8 .project-hero-v8{
  color:#fff;
}
.project-v8 .project-hero-shade{
  z-index:-3;
  background:
    linear-gradient(180deg,rgba(0,0,0,.22) 0%,rgba(0,0,0,.16) 30%,rgba(0,0,0,.58) 66%,rgba(0,0,0,.88) 100%),
    linear-gradient(90deg,rgba(0,0,0,.70) 0%,rgba(0,0,0,.45) 38%,rgba(0,0,0,.13) 72%,rgba(0,0,0,.08) 100%);
}
.project-v8.project-qube .project-hero-shade{
  background:
    linear-gradient(180deg,rgba(0,10,9,.22),rgba(0,8,8,.15) 30%,rgba(0,17,18,.62) 68%,rgba(0,7,9,.91) 100%),
    linear-gradient(90deg,rgba(0,9,8,.74) 0%,rgba(0,16,16,.46) 39%,rgba(0,0,0,.10) 75%);
}
.project-v8.project-supernova .project-hero-shade{
  background:
    linear-gradient(180deg,rgba(0,4,7,.21),rgba(0,0,0,.16) 31%,rgba(0,8,12,.62) 68%,rgba(0,3,5,.91) 100%),
    linear-gradient(90deg,rgba(0,0,0,.73) 0%,rgba(0,5,8,.45) 40%,rgba(0,0,0,.09) 76%);
}
.project-v8 .project-title-v8,
.project-v8 .project-title-v8 h1,
.project-v8 .project-title-v8 p,
.project-v8 .project-title-v8 .client,
.project-v8 .project-hero-tags span,
.project-v8 .project-scroll-v8,
.project-v8 .project-hero-code,
.project-v8 .breadcrumb-dark,
.project-v8 .breadcrumb-dark a,
.project-v8 .breadcrumb-dark span{
  color:#fff!important;
}
.project-v8 .project-title-v8 h1{
  text-shadow:0 3px 30px rgba(0,0,0,.44),0 1px 2px rgba(0,0,0,.28);
}
.project-v8 .project-title-v8 p{
  color:rgba(255,255,255,.88)!important;
  text-shadow:0 2px 18px rgba(0,0,0,.5);
}
.project-v8 .project-title-v8 .client{
  color:rgba(255,255,255,.86)!important;
  text-shadow:0 1px 12px rgba(0,0,0,.45);
}
.project-v8 .project-hero-tags span{
  background:rgba(0,0,0,.24);
  border-color:rgba(255,255,255,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.project-v8 .project-title-v8{
  position:relative;
}
.project-v8 .project-title-v8:after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-36px -70px -36px -46px;
  border-radius:34px;
  background:linear-gradient(90deg,rgba(0,0,0,.24),rgba(0,0,0,.08) 68%,transparent);
  filter:blur(.01px);
  pointer-events:none;
}

/* Homepage: a larger list that still reads as a list, not a grid of cards */
.v8-home .home-work-light{
  background:linear-gradient(180deg,#fff 0%,#fbfcfc 100%)!important;
}
.v8-home .project-list-v8{
  display:grid;
  gap:12px;
  border:0;
}
.v8-home .project-row-v8{
  --tilt-x:0deg;
  --tilt-y:0deg;
  grid-template-columns:72px 184px minmax(220px,1.08fr) minmax(270px,.92fr) 136px;
  gap:24px;
  min-height:148px;
  padding:20px 22px 20px 10px;
  border:1px solid rgba(0,0,0,.085)!important;
  border-radius:26px;
  background:rgba(255,255,255,.84);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 13px 34px rgba(14,38,50,.035);
  transition:min-height .62s var(--ease),padding .62s var(--ease),transform .62s var(--ease),box-shadow .62s var(--ease),border-color .45s ease;
}
.v8-home .project-row-v8:hover{
  min-height:166px;
  padding-top:25px;
  padding-bottom:25px;
  transform:translate3d(0,-4px,0);
  border-color:color-mix(in srgb,var(--brand-b) 30%,rgba(0,0,0,.08))!important;
  box-shadow:0 30px 70px color-mix(in srgb,var(--brand-a) 9%,rgba(14,38,50,.055));
}
.v8-home .project-row-v8:before{
  content:"";
  position:absolute;
  z-index:-1;
  width:300px;
  height:300px;
  border-radius:50%;
  right:-150px;
  top:50%;
  transform:translateY(-50%) scale(.72);
  border:1px solid color-mix(in srgb,var(--brand-b) 18%,transparent);
  box-shadow:inset 0 0 0 36px color-mix(in srgb,var(--brand-a) 2.6%,transparent),inset 0 0 0 72px color-mix(in srgb,var(--brand-b) 2%,transparent);
  opacity:.15;
  transition:transform .8s var(--ease),opacity .5s ease;
}
.v8-home .project-row-v8:hover:before{
  transform:translateY(-50%) scale(1);
  opacity:.8;
}
.v8-home .project-row-bg{
  background:
    radial-gradient(620px circle at var(--mx) var(--my),color-mix(in srgb,var(--brand-b) 18%,transparent),transparent 54%),
    linear-gradient(105deg,color-mix(in srgb,var(--brand-a) 7%,#fff),rgba(255,255,255,.96) 45%,color-mix(in srgb,var(--brand-b) 4%,#fff));
}
.v8-home .project-row-edge{
  left:10px;
  top:20%;
  bottom:20%;
  width:4px;
}
.v8-home .project-row-index{
  font-size:10px;
  padding-left:14px;
}
.v8-home .project-row-logo>span{
  width:166px;
  height:78px;
  border-radius:22px;
  padding:15px 18px;
  transform:perspective(600px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));
  transition:transform .65s var(--ease),border-radius .68s var(--ease),box-shadow .68s var(--ease);
}
.v8-home .project-row-logo img{
  height:34px!important;
  max-height:34px!important;
  max-width:138px!important;
}
.v8-home .project-row-v8:hover .project-row-logo>span{
  transform:perspective(600px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translate3d(7px,-3px,0) scale(1.055);
  border-radius:30px;
}
.v8-home .project-row-name{
  gap:8px;
  transform:translate3d(0,0,0);
  transition:transform .6s var(--ease);
}
.v8-home .project-row-v8:hover .project-row-name{
  transform:translate3d(5px,0,0);
}
.v8-home .project-row-name strong{
  font-size:clamp(31px,3.2vw,51px);
  letter-spacing:-.052em;
}
.v8-home .project-row-name small{
  font-size:8.5px;
}
.v8-home .project-row-desc{
  font-size:14px;
  line-height:1.58;
  max-width:460px;
}
.v8-home .project-row-action i{
  width:54px;
  height:54px;
  font-size:17px;
}
.v8-home .project-row-action em{
  font-size:8.5px;
}
.v8-home .project-row-action:after{
  content:"";
  display:block;
  width:8px;
  height:8px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--brand-a),var(--brand-b));
  box-shadow:0 0 0 7px color-mix(in srgb,var(--brand-b) 8%,transparent);
  opacity:.45;
  transform:scale(.72);
  transition:opacity .4s ease,transform .5s var(--ease);
}
.v8-home .project-row-v8:hover .project-row-action:after{
  opacity:1;
  transform:scale(1);
}

/* Work index: previous / next controller layered over the existing curtain experience */
.work-nav-controls{
  position:fixed;
  left:var(--gutter);
  bottom:26px;
  z-index:72;
  display:flex;
  gap:8px;
  opacity:0;
  visibility:hidden;
  transform:translateY(12px);
  pointer-events:none;
  transition:opacity .35s ease,transform .5s var(--ease),visibility .35s;
}
.work-stack.is-locked ~ .work-nav-controls{ /* fallback if markup order changes */ }
body[data-work-locked="1"] .work-nav-controls{
  opacity:1;
  visibility:visible;
  transform:none;
  pointer-events:auto;
}
.work-nav-button{
  min-width:132px;
  height:54px;
  padding:0 15px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  background:rgba(4,6,7,.30);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  cursor:pointer;
  font:inherit;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
  transition:background .35s ease,border-color .35s ease,transform .45s var(--ease),opacity .35s ease;
}
.work-nav-button:hover:not(:disabled){
  background:rgba(255,255,255,.13);
  border-color:rgba(255,255,255,.46);
  transform:translateY(-2px);
}
.work-nav-button:disabled{
  opacity:.28;
  cursor:default;
}
.work-nav-copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  line-height:1;
  gap:3px;
}
.work-nav-copy small{
  font-size:6px;
  text-transform:uppercase;
  letter-spacing:.18em;
  color:rgba(255,255,255,.54);
}
.work-nav-copy strong{
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:600;
}
.work-nav-icon{
  width:28px;
  height:28px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
  display:grid;
  place-items:center;
  font-size:13px;
  transition:transform .45s var(--ease),background .35s ease,color .35s ease;
}
.work-nav-prev:hover:not(:disabled) .work-nav-icon{transform:translateX(-3px);background:#fff;color:#080808}
.work-nav-next:hover:not(:disabled) .work-nav-icon{transform:translateX(3px);background:#fff;color:#080808}

@media(max-width:1100px){
  .v8-home .project-row-v8{grid-template-columns:58px 160px minmax(200px,1fr) minmax(190px,.8fr) 92px;gap:18px}
  .v8-home .project-row-logo>span{width:148px;height:72px}
}
@media(max-width:900px){
  .v8-home .project-row-v8{grid-template-columns:48px 138px 1fr 62px;min-height:126px;padding:16px 10px}
  .v8-home .project-row-v8:hover{min-height:134px;padding:18px 10px}
  .v8-home .project-row-desc{display:none}
  .v8-home .project-row-logo>span{width:128px;height:64px}
  .v8-home .project-row-logo img{height:30px!important;max-height:30px!important;max-width:108px!important}
  .v8-home .project-row-name strong{font-size:clamp(28px,5vw,42px)}
  .work-nav-controls{left:20px;bottom:18px}
  .work-nav-button{min-width:112px;height:50px;padding:0 12px}
}
@media(max-width:640px){
  .project-v8 .project-title-v8:after{inset:-22px -18px -24px -18px;border-radius:22px;background:linear-gradient(90deg,rgba(0,0,0,.26),rgba(0,0,0,.10) 75%,transparent)}
  .v8-home .project-list-v8{gap:8px}
  .v8-home .project-row-v8{grid-template-columns:34px 96px 1fr 44px;gap:10px;min-height:106px;padding:12px 8px;border-radius:20px}
  .v8-home .project-row-v8:hover{min-height:110px;padding:12px 8px;transform:none}
  .v8-home .project-row-logo>span{width:92px;height:54px;border-radius:16px;padding:9px}
  .v8-home .project-row-logo img{height:24px!important;max-height:24px!important;max-width:76px!important}
  .v8-home .project-row-name strong{font-size:23px}
  .v8-home .project-row-name small{font-size:6.5px}
  .v8-home .project-row-action i{width:40px;height:40px}
  .v8-home .project-row-action:after,.v8-home .project-row-action em{display:none}
  .work-nav-controls{left:50%;transform:translate(-50%,12px);bottom:14px;width:calc(100% - 32px);justify-content:center}
  body[data-work-locked="1"] .work-nav-controls{transform:translate(-50%,0)}
  .work-nav-button{flex:1;max-width:164px;height:48px}
}

/* ============================================================
   v10 — minor refinements requested after v9
   - keep the AIQUE mark intact in the homepage hero
   - make homepage project arrow controls perfectly circular
   - move Work previous/next controls to the upper-left
   ============================================================ */

/* Homepage hero: one intact AIQUE logo, used as a restrained kinetic accent */
.v8-home .hero-v8-brand-panel.hero-logo-accent-v10{
  min-height:390px;
  padding:26px;
  transform:rotate(.6deg);
  border-radius:38px;
  overflow:hidden;
  background:
    linear-gradient(145deg,rgba(255,255,255,.78),rgba(255,255,255,.53)),
    radial-gradient(circle at 75% 18%,rgba(29,225,223,.16),transparent 42%);
  border-color:rgba(21,94,145,.11);
  box-shadow:
    0 34px 100px rgba(32,118,181,.10),
    inset 0 1px 0 rgba(255,255,255,.95);
}
.v8-home .hero-v8-brand-panel.hero-logo-accent-v10:before{
  width:310px;
  height:310px;
  right:-155px;
  top:-165px;
  background:radial-gradient(circle,rgba(29,225,223,.20),rgba(41,147,239,.09) 48%,transparent 72%);
}
.v8-home .hero-v8-brand-panel.hero-logo-accent-v10:after{
  inset:12px;
  border-radius:29px;
  border-color:rgba(41,147,239,.07);
}
.hero-logo-accent-v10 .brand-panel-top,
.hero-logo-accent-v10 .brand-panel-rule,
.hero-logo-accent-v10 p,
.hero-logo-accent-v10 .hero-logo-whole{
  position:relative;
  z-index:5;
}
.hero-logo-accent-v10 .hero-logo-whole{
  min-height:196px;
  display:flex;
  align-items:center;
  justify-content:center;
  transform:translateZ(0);
}
.hero-logo-accent-v10 .hero-logo-whole img{
  display:block;
  width:100%;
  max-width:332px;
  height:auto;
  filter:drop-shadow(0 16px 34px rgba(32,118,181,.08));
  animation:heroWholeLogoFloat 7.2s cubic-bezier(.22,1,.36,1) infinite alternate;
}
.hero-logo-accent-v10 .brand-panel-rule{
  background:linear-gradient(90deg,#2c3c50 0 22%,#2993ef 22% 57%,#1de1df 57% 82%,rgba(0,0,0,.08) 82%);
}
.hero-logo-orbit{
  position:absolute;
  z-index:2;
  left:50%;
  top:49%;
  border-radius:50%;
  border:1px solid rgba(41,147,239,.11);
  pointer-events:none;
  transform:translate(-50%,-50%);
}
.hero-logo-orbit-a{
  width:300px;
  height:300px;
  animation:heroLogoOrbit 16s linear infinite;
}
.hero-logo-orbit-b{
  width:238px;
  height:238px;
  border-color:rgba(29,225,223,.14);
  border-style:dashed;
  animation:heroLogoOrbitReverse 20s linear infinite;
}
.hero-logo-orbit-a:before,
.hero-logo-orbit-b:before{
  content:"";
  position:absolute;
  width:8px;
  height:8px;
  border-radius:50%;
  top:-4px;
  left:50%;
  background:#2993ef;
  box-shadow:0 0 0 7px rgba(41,147,239,.06);
}
.hero-logo-orbit-b:before{
  background:#1de1df;
  box-shadow:0 0 0 7px rgba(29,225,223,.06);
}
.hero-logo-glow{
  position:absolute;
  z-index:1;
  width:250px;
  height:250px;
  left:50%;
  top:48%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(29,225,223,.12),rgba(41,147,239,.055) 48%,transparent 72%);
  filter:blur(8px);
  animation:heroLogoGlow 6.4s ease-in-out infinite alternate;
}
.hero-logo-pulse{
  position:absolute;
  right:27px;
  bottom:26px;
  z-index:6;
  display:flex;
  align-items:center;
  gap:5px;
}
.hero-logo-pulse i{
  display:block;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#2c3c50;
  animation:heroLogoPulse 1.8s ease-in-out infinite;
}
.hero-logo-pulse i:nth-child(2){background:#2993ef;animation-delay:.18s}
.hero-logo-pulse i:nth-child(3){background:#1de1df;animation-delay:.36s}
@keyframes heroWholeLogoFloat{
  to{transform:translate3d(0,-7px,0) scale(1.012)}
}
@keyframes heroLogoOrbit{
  to{transform:translate(-50%,-50%) rotate(360deg)}
}
@keyframes heroLogoOrbitReverse{
  to{transform:translate(-50%,-50%) rotate(-360deg)}
}
@keyframes heroLogoGlow{
  to{transform:translate(-50%,-50%) scale(1.12);opacity:.72}
}
@keyframes heroLogoPulse{
  0%,100%{transform:scale(.78);opacity:.38}
  50%{transform:scale(1);opacity:1}
}

/* Keep the full logo as the only logo-derived hero graphic. */
.v8-home .aique-symbol-v8{display:none!important}

/* Homepage project CTA: lock arrow badge to a true circle at every width. */
.v8-home .project-row-action{
  min-width:0;
}
.v8-home .project-row-action i{
  flex:0 0 54px;
  width:54px;
  height:54px;
  min-width:54px;
  min-height:54px;
  aspect-ratio:1/1;
  border-radius:999px;
  line-height:1;
}

/* Work showcase navigation: upper-left, below the fixed site header. */
.work-nav-controls{
  left:var(--gutter);
  top:calc(var(--header-h) + 18px);
  bottom:auto;
  transform:translateY(-10px);
}
body[data-work-locked="1"] .work-nav-controls{
  transform:none;
}

@media(max-width:1100px){
  .v8-home .hero-v8-brand-panel.hero-logo-accent-v10{min-height:350px}
  .hero-logo-orbit-a{width:264px;height:264px}
  .hero-logo-orbit-b{width:210px;height:210px}
}
@media(max-width:900px){
  .work-nav-controls{
    left:20px;
    top:calc(var(--header-h) + 14px);
    bottom:auto;
  }
}
@media(max-width:640px){
  .v8-home .project-row-action i{
    flex-basis:40px;
    width:40px;
    height:40px;
    min-width:40px;
    min-height:40px;
  }
  .work-nav-controls{
    left:16px;
    right:16px;
    top:calc(var(--header-h) + 10px);
    bottom:auto;
    width:auto;
    justify-content:flex-start;
    transform:translateY(-10px);
  }
  body[data-work-locked="1"] .work-nav-controls{transform:none}
  .work-nav-button{flex:0 1 148px;max-width:148px;height:46px}
}
@media(prefers-reduced-motion:reduce){
  .hero-logo-accent-v10 .hero-logo-whole img,
  .hero-logo-orbit-a,.hero-logo-orbit-b,.hero-logo-glow,.hero-logo-pulse i{animation:none!important}
}
.v8-home .project-row-action:after{display:none}

/* =========================================================
   V11 — About: people-led editorial story + smoother Work
   ========================================================= */

/* Keep the Work curtain feeling immediate while preserving the full-frame overlap. */
.work-index-page .work-stack{
  overscroll-behavior:contain;
  -webkit-font-smoothing:antialiased;
}
.work-index-page .work-panel-wrap,
.work-index-page .work-logo-stage,
.work-index-page .panel-content,
.work-index-page .panel-meta{
  transform-style:preserve-3d;
}
.work-index-page .work-panel-wrap{will-change:transform;}
.work-index-page .work-panel .panel-bg{will-change:transform,opacity;}

/* High-resolution NarwhalPay art stays crisp and visually balanced. */
.work-index-page .narwhal-stage img{max-width:min(80%,560px);max-height:43%;object-fit:contain;}
.project-narwhal .project-logo-chip-v8 img{max-width:260px;max-height:76px;object-fit:contain;}

.about-page-v11{background:#fff;color:#080808;}
.about-page-v11 .grid-lines:before{background:repeating-linear-gradient(90deg,transparent 0,transparent calc((100% - 11px)/12 - 1px),rgba(0,0,0,.045) calc((100% - 11px)/12 - 1px),rgba(0,0,0,.045) calc((100% - 11px)/12));}

.about-hero-v11{
  position:relative;
  min-height:100svh;
  padding:calc(var(--header-h) + 34px) var(--gutter) clamp(70px,8vw,118px);
  background:
    radial-gradient(circle at 83% 15%,rgba(29,225,223,.13),transparent 25%),
    radial-gradient(circle at 67% 44%,rgba(41,147,239,.10),transparent 31%),
    linear-gradient(180deg,#fff 0%,#fbfbf8 100%);
  color:#080808;
  overflow:hidden;
}
.about-hero-v11:after{
  content:"";position:absolute;right:-15vw;top:10vh;width:42vw;height:42vw;border-radius:50%;
  border:1px solid rgba(41,147,239,.10);box-shadow:0 0 0 70px rgba(41,147,239,.025),0 0 0 150px rgba(29,225,223,.02);pointer-events:none;
}
.about-hero-aura{
  position:absolute;right:3vw;top:16%;width:32vw;aspect-ratio:1;border-radius:50%;filter:blur(70px);opacity:.42;
  background:conic-gradient(from 120deg,rgba(41,147,239,.32),rgba(29,225,223,.28),rgba(44,60,80,.06),rgba(41,147,239,.32));
  animation:aboutAura 13s ease-in-out infinite alternate;pointer-events:none;
}
@keyframes aboutAura{to{transform:translate3d(-4%,6%,0) scale(1.08) rotate(18deg)}}
.about-hero-grid-v11{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.9fr) minmax(440px,1.1fr);gap:clamp(40px,6vw,108px);align-items:center;max-width:1540px;margin:clamp(40px,6vh,84px) auto 0;}
.about-hero-copy-v11{max-width:760px;}
.about-hero-copy-v11 .eyebrow{color:#5f625f;margin-bottom:clamp(22px,3vw,42px);}
.about-hero-copy-v11 .display{font-size:clamp(60px,7vw,118px);line-height:.86;letter-spacing:-.065em;font-weight:580;margin:0;}
.about-hero-copy-v11 .accent{background:linear-gradient(95deg,#1d80e6 0%,#16aad3 52%,#08d6b4 100%);-webkit-background-clip:text;background-clip:text;color:transparent;}
.about-hero-copy-v11>p{max-width:630px;font-size:clamp(16px,1.3vw,20px);line-height:1.66;color:#5d5e5a;margin:36px 0 0;}
.about-hero-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px;}
.about-hero-tags span{padding:10px 14px;border:1px solid rgba(0,0,0,.11);border-radius:999px;background:rgba(255,255,255,.72);font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.14em;color:#5d5d58;backdrop-filter:blur(8px);}

.about-hero-media-v11{position:relative;min-height:min(66vw,730px);display:grid;align-items:center;}
.about-photo-main{position:absolute;inset:6% 0 4% 5%;margin:0;border-radius:clamp(28px,3vw,52px);overflow:hidden;box-shadow:0 40px 90px rgba(11,45,74,.13);background:#e9edf0;}
.about-photo-main:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(4,18,30,.18));pointer-events:none;}
.about-photo-main img{width:100%;height:100%;object-fit:cover;transform:scale(1.015);transition:transform 1.2s var(--ease);}
.about-hero-media-v11:hover .about-photo-main img{transform:scale(1.045);}
.about-photo-float{position:absolute;margin:0;left:-9%;bottom:1%;width:34%;aspect-ratio:1.18;border-radius:24px;overflow:hidden;background:#fff;padding:7px;box-shadow:0 22px 56px rgba(5,26,42,.16);transform:rotate(-3deg);transition:transform .7s var(--ease);}
.about-photo-float img{width:100%;height:calc(100% - 28px);object-fit:cover;border-radius:18px;}
.about-photo-float figcaption{height:28px;display:flex;align-items:flex-end;padding:0 8px 2px;font-size:8px;letter-spacing:.15em;text-transform:uppercase;color:#5e625e;}
.about-hero-media-v11:hover .about-photo-float{transform:translate3d(-8px,-8px,0) rotate(-5deg);}
.about-photo-badge{position:absolute;right:-2%;top:3%;width:148px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;text-align:center;color:#fff;background:linear-gradient(145deg,#2c3c50 0%,#1f79d4 52%,#11d1ce 100%);box-shadow:0 18px 50px rgba(28,132,195,.23);animation:aboutBadgeFloat 6s ease-in-out infinite;}
.about-photo-badge span{position:absolute;top:30px;font-size:8px;letter-spacing:.22em;opacity:.62;}
.about-photo-badge strong{font-size:11px;line-height:1.15;letter-spacing:.08em;text-transform:uppercase;font-weight:650;}
@keyframes aboutBadgeFloat{50%{transform:translate3d(0,-12px,0) rotate(3deg)}}
.about-hero-foot{position:absolute;z-index:3;bottom:24px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;color:#888985;font-size:8px;letter-spacing:.16em;text-transform:uppercase;}

.about-manifesto-v11{padding:clamp(110px,13vw,210px) var(--gutter);background:#fff;color:#080808;border-top:1px solid rgba(0,0,0,.07);}
.about-manifesto-v11 .eyebrow{grid-column:1/span 3;color:#73736f;}
.about-manifesto-copy{grid-column:4/span 8;}
.about-manifesto-copy h2{font-size:clamp(42px,5.6vw,86px);line-height:.98;letter-spacing:-.052em;font-weight:560;margin:0;max-width:1120px;}
.about-manifesto-copy p{max-width:650px;margin:44px 0 0 auto;color:#656661;line-height:1.72;font-size:clamp(15px,1.2vw,18px);}

.about-photo-rhythm-v11{padding:0 var(--gutter) clamp(120px,13vw,200px);background:#fff;display:grid;grid-template-columns:1.08fr .92fr .66fr;gap:clamp(12px,1.5vw,26px);align-items:end;}
.about-rhythm-card{position:relative;margin:0;overflow:hidden;border-radius:clamp(18px,2.2vw,32px);background:#edf0f1;min-height:320px;box-shadow:0 26px 70px rgba(16,42,58,.08);}
.about-rhythm-card.tall{height:min(58vw,780px)}
.about-rhythm-card.wide{height:min(45vw,610px)}
.about-rhythm-card.small{height:min(34vw,470px)}
.about-rhythm-card img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease),filter .8s ease;}
.about-rhythm-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(5,12,18,.62));pointer-events:none;}
.about-rhythm-card figcaption{position:absolute;z-index:2;left:22px;right:22px;bottom:20px;color:#fff;font-size:11px;letter-spacing:.04em;display:flex;gap:14px;align-items:center;}
.about-rhythm-card figcaption span{font-size:8px;letter-spacing:.18em;opacity:.64;}
.about-rhythm-card:hover img{transform:scale(1.045);filter:saturate(1.06);}

.about-story-v11{padding-top:clamp(110px,13vw,190px);padding-bottom:clamp(110px,13vw,190px);background:#f6f7f5!important;border-top:1px solid rgba(0,0,0,.07);}
.about-story-v11 .story h2{font-weight:560;max-width:1050px;}

.about-culture-v11{padding:clamp(110px,13vw,190px) var(--gutter);background:#fff;color:#080808;overflow:hidden;}
.about-culture-head{margin-bottom:clamp(70px,8vw,120px);}
.about-culture-head .eyebrow{grid-column:1/span 3;color:#73736f;}
.about-culture-title{grid-column:4/span 8;}
.about-culture-title h2{margin:0;font-weight:560;}
.about-culture-title p{max-width:620px;margin:34px 0 0;color:#656661;line-height:1.7;}
.about-culture-grid{display:grid;grid-template-columns:1.05fr .75fr .85fr;grid-template-rows:minmax(240px,34vw) minmax(220px,27vw);gap:clamp(12px,1.3vw,22px);}
.culture-photo{margin:0;position:relative;overflow:hidden;border-radius:clamp(18px,2vw,30px);background:#eef0ef;}
.culture-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease);}
.culture-photo:hover img{transform:scale(1.045);}
.culture-photo-a{grid-column:1;grid-row:1/span 2;}
.culture-photo-b{grid-column:2;grid-row:1;}
.culture-photo-c{grid-column:3;grid-row:1;}
.culture-photo-d{grid-column:2;grid-row:2;}
.culture-note{grid-column:3;grid-row:2;border-radius:clamp(18px,2vw,30px);padding:clamp(28px,3vw,54px);display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(145deg,#eef8ff,#eafdfb);border:1px solid rgba(41,147,239,.10);position:relative;overflow:hidden;}
.culture-note:after{content:"";position:absolute;right:-20%;top:-30%;width:75%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(41,147,239,.12);box-shadow:0 0 0 42px rgba(29,225,223,.035),0 0 0 88px rgba(41,147,239,.025);}
.culture-note span{position:relative;z-index:1;font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:#6b7477;margin-bottom:auto;}
.culture-note strong{position:relative;z-index:1;font-size:clamp(30px,3.3vw,58px);line-height:.92;letter-spacing:-.05em;font-weight:580;}
.culture-note p{position:relative;z-index:1;margin:22px 0 0;color:#626967;line-height:1.55;max-width:430px;}

.values-v11{background:#f7f7f4!important;color:#080808!important;border-top:1px solid rgba(0,0,0,.07);}
.values-v11 .value-list,.values-v11 .value-row{border-color:rgba(0,0,0,.11)!important;}
.values-v11 .value-row p{color:#62635f!important;}
.values-v11 .value-row{position:relative;overflow:hidden;}
.values-v11 .value-row:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(41,147,239,.07),rgba(29,225,223,.045),transparent 65%);transform:translateX(-104%);transition:transform .7s var(--ease);pointer-events:none;}
.values-v11 .value-row:hover:before{transform:none;}
.stats-grid-v11{background:#fff!important;}
.services-preview-v11{background:#f7f7f4!important;}

@media(max-width:1100px){
  .about-hero-grid-v11{grid-template-columns:1fr .9fr;gap:42px;}
  .about-photo-float{left:-5%;width:40%;}
  .about-photo-rhythm-v11{grid-template-columns:1fr 1fr;}
  .about-rhythm-card.small{grid-column:1/-1;height:min(50vw,520px);}
  .about-culture-grid{grid-template-columns:1fr 1fr;grid-template-rows:460px 330px 330px;}
  .culture-photo-a{grid-column:1;grid-row:1/span 2}.culture-photo-b{grid-column:2;grid-row:1}.culture-photo-c{grid-column:2;grid-row:2}.culture-photo-d{grid-column:1;grid-row:3}.culture-note{grid-column:2;grid-row:3}
}
@media(max-width:900px){
  .about-hero-v11{min-height:auto;padding-bottom:90px;}
  .about-hero-grid-v11{grid-template-columns:1fr;margin-top:40px;}
  .about-hero-copy-v11{max-width:100%;}
  .about-hero-media-v11{min-height:68vw;margin-top:10px;}
  .about-photo-main{inset:0 0 0 10%;}
  .about-photo-badge{width:116px;right:1%;}
  .about-photo-float{width:34%;left:0;}
  .about-hero-foot{position:relative;left:auto;right:auto;bottom:auto;margin-top:48px;}
  .about-manifesto-v11 .eyebrow,.about-manifesto-copy,.about-culture-head .eyebrow,.about-culture-title{grid-column:1/-1;}
  .about-manifesto-v11 .eyebrow,.about-culture-head .eyebrow{margin-bottom:30px;}
}
@media(max-width:680px){
  .about-hero-v11{padding-top:calc(var(--header-h) + 22px);}
  .about-hero-copy-v11 .display{font-size:clamp(50px,16vw,76px);}
  .about-hero-media-v11{min-height:94vw;}
  .about-photo-main{inset:0 0 7% 0;border-radius:24px;}
  .about-photo-float{width:42%;left:-2%;bottom:0;border-radius:17px;padding:5px}.about-photo-float img{border-radius:13px}
  .about-photo-badge{width:92px;top:-28px;right:2%;}.about-photo-badge span{top:20px}.about-photo-badge strong{font-size:8px;}
  .about-hero-foot{gap:20px;align-items:flex-start;flex-direction:column;}
  .about-photo-rhythm-v11{grid-template-columns:1fr;gap:14px;}
  .about-rhythm-card.tall,.about-rhythm-card.wide,.about-rhythm-card.small{height:70vw;min-height:300px;grid-column:auto;}
  .about-culture-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:66vw 52vw 52vw auto;}
  .culture-photo-a{grid-column:1/-1;grid-row:1}.culture-photo-b{grid-column:1;grid-row:2}.culture-photo-c{grid-column:2;grid-row:2}.culture-photo-d{grid-column:1/-1;grid-row:3}.culture-note{grid-column:1/-1;grid-row:4;min-height:330px;}
}
@media(prefers-reduced-motion:reduce){
  .about-hero-aura,.about-photo-badge{animation:none!important;}
  .about-hero-media-v11,.about-rhythm-card{translate:none!important;}
}

/* =========================================================
   V12 — About editorial motion, infinite photo rail, location,
   global contact footer, Careers application modal
   ========================================================= */

/* ---------- global footer ---------- */
.site-footer-v12{padding-top:clamp(58px,7vw,96px)}
.footer-top-v12{align-items:start}
.footer-contact-v12{grid-column:7/span 3;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-top:4px}
.footer-contact-kicker{font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.18em;color:#747474;margin-bottom:12px}
.footer-mail-v12{font-size:clamp(18px,1.5vw,24px);letter-spacing:-.025em;color:#fff;transition:opacity .3s ease,transform .35s var(--ease)}
.footer-mail-v12:hover{opacity:.72;transform:translateX(3px)}
.footer-phone-v12{font-size:13px;color:#a3a3a3;letter-spacing:.02em}
.footer-temp-v12{font-size:8px;color:#555;text-transform:uppercase;letter-spacing:.14em;margin-top:5px}
.footer-social-v12{grid-column:11/span 2;display:flex;justify-content:flex-end;gap:10px}
.footer-social-v12 a{width:46px;height:46px;border-radius:50%;border:1px solid rgba(255,255,255,.16);display:grid;place-items:center;transition:transform .4s var(--ease),background .3s ease,border-color .3s ease}
.footer-social-v12 a:hover{transform:translateY(-4px);background:#fff;border-color:#fff}
.footer-social-v12 svg{width:17px;height:17px;fill:#fff;transition:fill .3s ease}
.footer-social-v12 a:hover svg{fill:#080808}
.footer-bottom-v12{margin-top:clamp(64px,8vw,110px)}

/* ---------- About V12 ---------- */
.about-page-v12{background:#fff;color:#070707}
.about-page-v12 main{overflow:clip}
.about-hero-v12{position:relative;min-height:100svh;padding:calc(var(--header-h) + 30px) var(--gutter) clamp(64px,7vw,108px);background:#fff;color:#080808;overflow:hidden}
.about-hero-gradient-v12{position:absolute;inset:-20% -15% auto 30%;height:85%;background:radial-gradient(circle at 45% 40%,rgba(29,225,223,.22),transparent 32%),radial-gradient(circle at 70% 45%,rgba(41,147,239,.20),transparent 36%),radial-gradient(circle at 48% 60%,rgba(44,60,80,.08),transparent 38%);filter:blur(42px);animation:aboutV12Drift 16s ease-in-out infinite alternate;pointer-events:none}
@keyframes aboutV12Drift{to{transform:translate3d(-6%,5%,0) scale(1.08) rotate(5deg)}}
.about-hero-layout-v12{position:relative;z-index:2;max-width:1540px;margin:clamp(42px,6vh,86px) auto 0;display:grid;grid-template-columns:minmax(0,.82fr) minmax(480px,1.18fr);gap:clamp(44px,7vw,120px);align-items:center}
.about-hero-copy-v12{max-width:760px}
.about-hero-copy-v12 .eyebrow{color:#666962;margin-bottom:clamp(22px,3vw,42px)}
.about-v12-title{font-size:clamp(64px,7.6vw,132px);line-height:.82;letter-spacing:-.07em;font-weight:590;margin:0}
.about-v12-title em{font-style:normal;font-weight:590;background:linear-gradient(95deg,#2993ef 0%,#16aad3 48%,#08d6b4 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.about-hero-copy-v12>p{max-width:650px;margin:38px 0 0;font-size:clamp(16px,1.3vw,20px);line-height:1.7;color:#5e605b}
.about-v12-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:32px}.about-v12-meta span{padding:10px 13px;border:1px solid rgba(0,0,0,.11);border-radius:999px;font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#676963;background:rgba(255,255,255,.7);backdrop-filter:blur(8px)}
.about-hero-collage-v12{position:relative;min-height:min(66vw,760px);transform-style:preserve-3d}
.about-v12-main-photo{position:absolute;inset:4% 0 2% 6%;margin:0;border-radius:clamp(28px,3vw,50px);overflow:hidden;background:#edf1f3;box-shadow:0 48px 110px rgba(15,55,85,.14);cursor:zoom-in}
.about-v12-main-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(5,16,25,.14));pointer-events:none}
.about-v12-main-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease),filter .8s ease}.about-v12-main-photo:hover img{transform:scale(1.035);filter:saturate(1.05)}
.about-v12-float-photo{position:absolute;left:-6%;bottom:1%;width:31%;aspect-ratio:.88;margin:0;background:#fff;padding:7px;border-radius:22px;box-shadow:0 26px 64px rgba(14,41,60,.18);transform:rotate(-3deg) translateZ(30px);cursor:zoom-in;transition:transform .7s var(--ease)}
.about-v12-float-photo:hover{transform:rotate(-5deg) translate3d(-7px,-10px,30px)}
.about-v12-float-photo img{width:100%;height:calc(100% - 34px);object-fit:cover;border-radius:17px}.about-v12-float-photo figcaption{height:34px;display:flex;align-items:end;padding:0 8px 3px;font-size:8px;letter-spacing:.13em;text-transform:uppercase;color:#62645f}
.about-v12-stamp{position:absolute;right:-1%;top:1%;width:160px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;text-align:center;color:#fff;font-size:26px;font-weight:700;line-height:.9;letter-spacing:-.04em;background:linear-gradient(145deg,#2c3c50,#238fef 52%,#1de1df);box-shadow:0 20px 55px rgba(41,147,239,.22);animation:aboutStampFloat 7s ease-in-out infinite}.about-v12-stamp span{display:block;font-size:8px;line-height:1.2;text-transform:uppercase;letter-spacing:.12em;font-weight:600;margin-top:5px}
@keyframes aboutStampFloat{50%{transform:translateY(-12px) rotate(3deg)}}
.about-v12-orbit{position:absolute;right:-7%;bottom:7%;width:38%;aspect-ratio:1;border:1px solid rgba(41,147,239,.15);border-radius:50%;animation:aboutOrbitSpin 26s linear infinite;pointer-events:none}.about-v12-orbit:before,.about-v12-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(29,225,223,.15);inset:15%}.about-v12-orbit:after{inset:32%;border-color:rgba(44,60,80,.12)}.about-v12-orbit i{position:absolute;width:9px;height:9px;border-radius:50%;background:#1de1df;left:13%;top:16%;box-shadow:0 0 0 8px rgba(29,225,223,.09)}.about-v12-orbit i:nth-child(2){left:auto;right:8%;top:48%;background:#2993ef}.about-v12-orbit i:nth-child(3){left:36%;top:auto;bottom:2%;background:#2c3c50}
@keyframes aboutOrbitSpin{to{transform:rotate(360deg)}}
.about-v12-scrollnote{position:absolute;z-index:3;left:var(--gutter);bottom:24px;font-size:8px;text-transform:uppercase;letter-spacing:.16em;color:#8a8b86}.about-v12-scrollnote span{display:inline-block;margin-left:10px;animation:aboutArrow 1.6s ease-in-out infinite}@keyframes aboutArrow{50%{transform:translateY(6px)}}

.about-manifesto-v12{padding:clamp(110px,13vw,220px) var(--gutter);background:#f7f8f6;color:#080808;border-top:1px solid rgba(0,0,0,.06)}
.about-manifesto-v12 .eyebrow{grid-column:1/span 3;color:#777974}.about-manifesto-copy-v12{grid-column:4/span 8}.about-manifesto-copy-v12 h2{font-size:clamp(43px,5.7vw,88px);line-height:.98;letter-spacing:-.054em;font-weight:560;margin:0}.about-manifesto-copy-v12 p{max-width:640px;margin:42px 0 0 auto;color:#62645f;line-height:1.72;font-size:clamp(15px,1.2vw,18px)}

.about-marquee-section-v12{position:relative;padding:clamp(100px,12vw,180px) 0;background:#fff;color:#080808;overflow:hidden}
.about-marquee-head-v12{padding:0 var(--gutter);display:grid;grid-template-columns:1fr .55fr;gap:60px;align-items:end;margin-bottom:clamp(54px,7vw,92px)}
.about-marquee-head-v12 .display-sm{margin:15px 0 0;font-weight:560}.about-marquee-head-v12 .accent{background:linear-gradient(95deg,#2993ef,#16aad3,#08d6b4);-webkit-background-clip:text;background-clip:text;color:transparent}.about-marquee-head-v12>p{max-width:520px;color:#656762;line-height:1.7;margin:0 0 5px}
.about-marquee-shell-v12{overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 4%,#000 96%,transparent 100%)}
.about-marquee-track-v12{display:flex;width:max-content;gap:14px;animation:aboutMarquee 72s linear infinite;padding:8px 0 26px;will-change:transform}.about-marquee-shell-v12:hover .about-marquee-track-v12{animation-play-state:paused}
@keyframes aboutMarquee{to{transform:translateX(-50%)}}
.about-marquee-card{position:relative;flex:0 0 auto;width:clamp(250px,25vw,430px);height:clamp(310px,31vw,520px);border-radius:clamp(20px,2vw,30px);overflow:hidden;margin:0;background:#eef1f1;cursor:zoom-in;box-shadow:0 20px 60px rgba(13,37,54,.08);transition:transform .7s var(--ease),box-shadow .7s var(--ease)}
.about-marquee-card:nth-child(3n+2){width:clamp(310px,31vw,530px);height:clamp(250px,25vw,410px);margin-top:54px}.about-marquee-card:nth-child(5n){width:clamp(240px,23vw,390px);height:clamp(350px,34vw,570px);margin-top:18px}
.about-marquee-card:hover{transform:translateY(-12px) scale(1.012);box-shadow:0 34px 90px rgba(13,37,54,.14)}
.about-marquee-card img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease),filter .8s ease}.about-marquee-card:hover img{transform:scale(1.04);filter:saturate(1.08)}
.about-marquee-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(5,13,20,.62));pointer-events:none}.about-marquee-card figcaption{position:absolute;z-index:2;left:18px;right:18px;bottom:15px;color:#fff;font-size:10px;display:flex;gap:12px;align-items:center}.about-marquee-card figcaption span{font-size:8px;opacity:.62;letter-spacing:.15em}
.about-marquee-hint-v12{padding:0 var(--gutter);margin-top:16px;color:#92938e;font-size:8px;text-transform:uppercase;letter-spacing:.16em}

.about-story-v12{padding:clamp(115px,13vw,200px) var(--gutter);background:#f7f8f6;color:#080808}
.about-story-grid-v12{max-width:1540px;margin:auto;display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(48px,8vw,130px);align-items:center}.about-story-copy-v12 h2{font-size:clamp(44px,5vw,82px);line-height:.96;letter-spacing:-.052em;font-weight:560;margin:26px 0 0}.about-story-copy-v12 p{font-size:clamp(15px,1.18vw,18px);color:#61635e;line-height:1.72;margin:34px 0 0;max-width:610px}.about-inline-link-v12{display:inline-flex;align-items:center;gap:16px;margin-top:34px;padding-bottom:6px;border-bottom:1px solid rgba(0,0,0,.26);font-size:13px;transition:gap .35s var(--ease),border-color .3s ease}.about-inline-link-v12:hover{gap:24px;border-color:#2993ef}
.about-story-gallery-v12{position:relative;min-height:min(60vw,760px)}.story-photo{position:absolute;margin:0;overflow:hidden;border-radius:clamp(18px,2vw,30px);box-shadow:0 22px 68px rgba(14,42,61,.11);cursor:zoom-in}.story-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.story-photo:hover img{transform:scale(1.04)}.story-photo-large{inset:0 17% 19% 0}.story-photo-small{right:0;top:7%;width:32%;height:37%;transform:rotate(3deg)}.story-photo-wide{right:1%;bottom:0;width:48%;height:31%;transform:rotate(-2deg);border:6px solid #fff}

.about-culture-v12{padding:clamp(110px,13vw,190px) var(--gutter);background:#fff;color:#080808}.about-culture-intro-v12{margin-bottom:clamp(64px,8vw,110px)}.about-culture-intro-v12 .eyebrow{grid-column:1/span 3;color:#777974}.about-culture-copy-v12{grid-column:4/span 8}.about-culture-copy-v12 h2{margin:0;font-weight:560}.about-culture-copy-v12 .accent{background:linear-gradient(95deg,#2993ef,#16aad3,#08d6b4);-webkit-background-clip:text;background-clip:text;color:transparent}.about-culture-copy-v12 p{max-width:620px;margin:30px 0 0;color:#646660;line-height:1.7}
.about-values-v12{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.about-value-v12{position:relative;min-height:390px;padding:26px;border:1px solid rgba(0,0,0,.10);border-radius:26px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:#fff;transition:transform .55s var(--ease),box-shadow .55s var(--ease),border-color .4s ease}.about-value-v12:before{content:"";position:absolute;inset:auto -20% -35% 20%;height:60%;background:radial-gradient(circle,rgba(29,225,223,.18),rgba(41,147,239,.09),transparent 70%);transform:translateY(30%);transition:transform .7s var(--ease)}.about-value-v12:hover{transform:translateY(-8px);box-shadow:0 25px 70px rgba(10,40,58,.09);border-color:rgba(41,147,239,.22)}.about-value-v12:hover:before{transform:none}.about-value-v12 span{position:absolute;top:25px;left:26px;font-size:9px;letter-spacing:.16em;color:#9a9b97}.about-value-v12 h3{position:relative;margin:0 0 14px;font-size:clamp(28px,2.5vw,42px);line-height:.98;letter-spacing:-.04em}.about-value-v12 p{position:relative;margin:0;color:#676964;line-height:1.58}

.about-feature-photos-v12{padding:0 var(--gutter) clamp(110px,13vw,190px);background:#fff;display:grid;grid-template-columns:1.06fr .74fr .92fr;gap:14px;align-items:end}.feature-photo-v12{position:relative;margin:0;border-radius:26px;overflow:hidden;background:#eef0ef;cursor:zoom-in}.feature-photo-v12 img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.feature-photo-v12:hover img{transform:scale(1.045)}.feature-photo-v12:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(3,12,18,.6))}.feature-photo-v12 figcaption{position:absolute;z-index:2;left:20px;bottom:17px;color:#fff;font-size:10px;letter-spacing:.04em}.feature-a{height:min(47vw,650px)}.feature-b{height:min(36vw,500px)}.feature-c{height:min(42vw,580px)}

.about-location-v12{padding:clamp(110px,13vw,190px) var(--gutter);background:#f7f8f6;color:#080808;border-top:1px solid rgba(0,0,0,.06)}.about-location-grid-v12{max-width:1540px;margin:auto;display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(48px,8vw,130px);align-items:center}.about-location-copy-v12 h2{font-size:clamp(52px,6vw,96px);line-height:.9;letter-spacing:-.06em;font-weight:570;margin:28px 0 0}.about-location-copy-v12 p{font-size:clamp(17px,1.4vw,21px);line-height:1.65;color:#5f615c;margin:36px 0 0}.location-cta-v12{display:inline-flex;align-items:center;gap:16px;margin-top:30px;padding:14px 18px;border:1px solid rgba(0,0,0,.15);border-radius:999px;background:#fff;transition:background .35s ease,color .35s ease,gap .35s var(--ease),transform .35s var(--ease)}.location-cta-v12:hover{background:#080808;color:#fff;gap:23px;transform:translateY(-3px)}
.about-map-art-v12{position:relative;min-height:540px;border-radius:32px;overflow:hidden;background:linear-gradient(145deg,#eaf7ff,#eefdfb);border:1px solid rgba(41,147,239,.12);box-shadow:0 32px 90px rgba(25,76,105,.08);transition:transform .65s var(--ease),box-shadow .65s var(--ease)}.about-map-art-v12:hover{transform:translateY(-7px);box-shadow:0 42px 110px rgba(25,76,105,.13)}.map-grid-v12{position:absolute;inset:0;background-image:linear-gradient(rgba(41,147,239,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(41,147,239,.08) 1px,transparent 1px);background-size:58px 58px;transform:rotate(-9deg) scale(1.2)}.map-road{position:absolute;height:18px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.05),0 10px 30px rgba(26,87,120,.07)}.road-a{width:120%;left:-10%;top:28%;transform:rotate(13deg)}.road-b{width:105%;left:7%;top:57%;transform:rotate(-24deg)}.road-c{width:80%;left:36%;top:72%;transform:rotate(56deg)}.map-pin-v12{position:absolute;left:52%;top:45%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:14px;background:#080808;color:#fff;padding:12px 17px 12px 12px;border-radius:999px;box-shadow:0 20px 50px rgba(0,0,0,.17);transition:transform .5s var(--ease)}.about-map-art-v12:hover .map-pin-v12{transform:translate(-50%,-58%)}.map-pin-v12 i{width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#2993ef,#1de1df);box-shadow:0 0 0 8px rgba(29,225,223,.12)}.map-pin-v12 span{font-size:12px;font-weight:650;line-height:1.1}.map-pin-v12 small{font-size:8px;color:#9c9c9c;font-weight:500;letter-spacing:.06em}.map-coordinates-v12{position:absolute;left:24px;bottom:22px;font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#60645f}
.about-services-v12{background:#fff!important}

/* About photo lightbox */
.about-lightbox-v12{position:fixed;inset:0;z-index:1200;background:rgba(3,7,10,.92);display:grid;grid-template-columns:90px 1fr 90px;align-items:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .4s ease,visibility .4s ease;backdrop-filter:blur(14px)}.about-lightbox-v12.open{opacity:1;visibility:visible;pointer-events:auto}.about-lightbox-v12 figure{margin:0;max-width:min(82vw,1320px);max-height:84vh;justify-self:center;display:grid;gap:12px}.about-lightbox-v12 figure img{display:block;max-width:100%;max-height:78vh;border-radius:20px;box-shadow:0 30px 100px rgba(0,0,0,.35);object-fit:contain}.about-lightbox-v12 figcaption{color:#a7abad;font-size:10px;text-align:center;letter-spacing:.1em;text-transform:uppercase}.about-lightbox-close-v12,.about-lightbox-nav-v12{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .3s ease,transform .35s var(--ease)}.about-lightbox-close-v12{position:absolute;right:24px;top:24px;width:48px;height:48px;border-radius:50%;font-size:26px}.about-lightbox-nav-v12{width:52px;height:52px;border-radius:50%;justify-self:center;font-size:18px}.about-lightbox-close-v12:hover,.about-lightbox-nav-v12:hover{background:#fff;color:#080808;transform:scale(1.06)}

/* ---------- Careers V12 application flow ---------- */
.careers-page-v12 .role-row button.role-apply-btn{grid-column:12/span 1;justify-self:end;width:44px;height:44px;border:1px solid rgba(0,0,0,.2);border-radius:50%;display:grid;place-items:center;background:transparent;color:#080808;font:inherit;cursor:pointer;transition:.35s var(--ease)}
.careers-page-v12 .role-row:hover button.role-apply-btn{background:#080808;color:#fff;transform:rotate(10deg)}
.careers-page-v12 .talent-pool-btn{background:transparent;color:#080808;cursor:pointer;font:inherit}
.application-modal-v12{position:fixed;inset:0;z-index:1300;display:grid;place-items:center;padding:22px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s ease}.application-modal-v12.open{opacity:1;visibility:visible;pointer-events:auto}.application-modal-backdrop-v12{position:absolute;inset:0;background:rgba(5,8,11,.7);backdrop-filter:blur(10px)}.application-modal-card-v12{position:relative;width:min(920px,100%);max-height:min(92vh,980px);overflow:auto;background:#fff;color:#080808;border-radius:30px;padding:clamp(26px,4vw,58px);box-shadow:0 38px 120px rgba(0,0,0,.28);transform:translateY(24px) scale(.985);transition:transform .5s var(--ease)}.application-modal-v12.open .application-modal-card-v12{transform:none}.application-modal-close-v12{position:absolute;right:22px;top:22px;width:44px;height:44px;border:1px solid rgba(0,0,0,.13);border-radius:50%;background:#fff;font-size:24px;cursor:pointer;transition:background .3s ease,color .3s ease,transform .35s var(--ease)}.application-modal-close-v12:hover{background:#080808;color:#fff;transform:rotate(6deg)}.application-modal-head-v12{padding-right:64px}.application-modal-head-v12 .eyebrow{color:#747670}.application-modal-head-v12 h2{font-size:clamp(42px,5vw,72px);line-height:.95;letter-spacing:-.055em;margin:18px 0 0;font-weight:570}.application-modal-head-v12 p{max-width:620px;color:#656762;line-height:1.62;margin:22px 0 0}.application-form-v12{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:42px}.application-field-v12{display:flex;flex-direction:column;gap:8px}.application-field-v12.full,.application-consent-v12.full,.application-actions-v12.full{grid-column:1/-1}.application-field-v12 label{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#6b6d68}.application-field-v12 input,.application-field-v12 select,.application-field-v12 textarea{width:100%;border:1px solid rgba(0,0,0,.13);border-radius:14px;background:#f8f9f7;color:#080808;padding:15px 16px;font:inherit;font-size:14px;outline:none;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}.application-field-v12 textarea{resize:vertical;min-height:120px}.application-field-v12 input:focus,.application-field-v12 select:focus,.application-field-v12 textarea:focus{border-color:rgba(41,147,239,.65);box-shadow:0 0 0 4px rgba(41,147,239,.08);background:#fff}.application-upload-v12{position:relative}.application-upload-v12 input{padding:20px}.application-upload-v12 span{font-size:9px;color:#8a8c87}.application-consent-v12{display:flex;gap:10px;align-items:flex-start;font-size:11px;color:#686a65;line-height:1.5;margin-top:4px}.application-consent-v12 input{margin-top:2px}.application-actions-v12{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.application-cancel-v12,.application-submit-v12,.application-success-v12 button{border-radius:999px;padding:13px 18px;font:inherit;font-size:12px;cursor:pointer}.application-cancel-v12{border:1px solid rgba(0,0,0,.14);background:#fff}.application-submit-v12{border:1px solid #080808;background:#080808;color:#fff;display:inline-flex;gap:14px;align-items:center}.application-submit-v12 span{transition:transform .3s var(--ease)}.application-submit-v12:hover span{transform:translate(3px,-3px)}.application-success-v12{text-align:center;padding:64px 20px 26px}.application-success-icon-v12{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;margin:0 auto 22px;background:linear-gradient(145deg,#2993ef,#1de1df);color:#fff;font-size:26px}.application-success-v12 h3{font-size:clamp(34px,4vw,58px);letter-spacing:-.045em;margin:0}.application-success-v12 p{max-width:520px;margin:18px auto 26px;color:#666862;line-height:1.6}.application-success-v12 button{border:1px solid #080808;background:#080808;color:#fff;min-width:110px}
body.application-modal-open{overflow:hidden}

@media(max-width:1100px){
  .about-hero-layout-v12{grid-template-columns:1fr .92fr;gap:44px}.about-v12-float-photo{width:38%;left:-3%}.about-v12-stamp{width:128px}
  .about-values-v12{grid-template-columns:1fr 1fr}.about-story-grid-v12,.about-location-grid-v12{gap:54px}.about-marquee-head-v12{grid-template-columns:1fr .7fr}
  .footer-contact-v12{grid-column:7/span 4}.footer-social-v12{grid-column:11/span 2}
}
@media(max-width:900px){
  .about-hero-v12{min-height:auto;padding-bottom:90px}.about-hero-layout-v12{grid-template-columns:1fr}.about-hero-collage-v12{min-height:70vw;margin-top:10px}.about-v12-main-photo{inset:0 0 0 8%}.about-v12-scrollnote{position:relative;left:auto;bottom:auto;margin-top:46px}
  .about-manifesto-v12 .eyebrow,.about-manifesto-copy-v12,.about-culture-intro-v12 .eyebrow,.about-culture-copy-v12{grid-column:1/-1}.about-manifesto-v12 .eyebrow,.about-culture-intro-v12 .eyebrow{margin-bottom:30px}
  .about-marquee-head-v12{grid-template-columns:1fr;gap:28px}.about-story-grid-v12,.about-location-grid-v12{grid-template-columns:1fr}.about-story-gallery-v12{min-height:78vw}.about-map-art-v12{min-height:440px}.about-feature-photos-v12{grid-template-columns:1fr 1fr}.feature-c{grid-column:1/-1;height:54vw}
  .footer-top-v12{display:grid;grid-template-columns:1fr 1fr}.footer-logo{grid-column:1/-1;max-width:390px}.footer-contact-v12{grid-column:1}.footer-social-v12{grid-column:2;align-self:end}
}
@media(max-width:680px){
  .about-v12-title{font-size:clamp(54px,17vw,82px)}.about-hero-collage-v12{min-height:96vw}.about-v12-main-photo{inset:0 0 8% 0;border-radius:24px}.about-v12-float-photo{width:42%;left:-2%;bottom:0}.about-v12-stamp{width:92px;font-size:18px;top:-20px}.about-v12-stamp span{font-size:6px}.about-v12-orbit{width:46%;right:-10%}
  .about-marquee-card{width:72vw;height:86vw}.about-marquee-card:nth-child(3n+2){width:82vw;height:68vw;margin-top:34px}.about-marquee-card:nth-child(5n){width:68vw;height:92vw}.about-marquee-track-v12{animation-duration:62s}
  .about-story-gallery-v12{min-height:105vw}.story-photo-large{inset:0 12% 23% 0}.story-photo-small{width:38%;height:34%}.story-photo-wide{width:56%;height:30%}
  .about-values-v12{grid-template-columns:1fr}.about-value-v12{min-height:300px}.about-feature-photos-v12{grid-template-columns:1fr}.feature-a,.feature-b,.feature-c{height:74vw;grid-column:auto}.about-map-art-v12{min-height:370px;border-radius:24px}.map-pin-v12{left:50%;top:48%}
  .about-lightbox-v12{grid-template-columns:58px 1fr 58px;padding:8px}.about-lightbox-v12 figure{max-width:100%}.about-lightbox-nav-v12{width:42px;height:42px}.about-lightbox-close-v12{right:14px;top:14px}
  .application-modal-v12{padding:10px}.application-modal-card-v12{border-radius:22px;padding:24px 18px}.application-modal-head-v12{padding-right:42px}.application-form-v12{grid-template-columns:1fr}.application-field-v12.full,.application-consent-v12.full,.application-actions-v12.full{grid-column:1}.application-actions-v12{justify-content:stretch}.application-actions-v12 button{flex:1}.careers-page-v12 .role-row button.role-apply-btn{grid-column:6;grid-row:1}
  .footer-top-v12{grid-template-columns:1fr}.footer-contact-v12,.footer-social-v12{grid-column:1}.footer-social-v12{justify-content:flex-start;margin-top:28px}
}
@media(prefers-reduced-motion:reduce){
  .about-hero-gradient-v12,.about-v12-stamp,.about-v12-orbit,.about-v12-scrollnote span,.about-marquee-track-v12{animation:none!important}.about-marquee-shell-v12{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.about-marquee-track-v12{transform:none!important}.about-page-v12 [data-parallax]{transform:none!important}
}
/* V12 marquee group correction: identical halves make the loop truly seamless. */
.about-marquee-track-v12{gap:0}
.about-marquee-group-v12{display:flex;gap:14px;padding-right:14px;align-items:flex-start}
.about-marquee-card:nth-child(5n){width:clamp(250px,25vw,430px);height:clamp(310px,31vw,520px);margin-top:0}
.about-marquee-group-v12 .about-marquee-card:nth-child(5n){width:clamp(240px,23vw,390px);height:clamp(350px,34vw,570px);margin-top:18px}


/* =========================================================
   V13 — form fit, cleaner heading rhythm, creative footer,
   and a restrained AIQUE energy language across all pages.
   ========================================================= */

/* Descenders such as g / y / p must never be clipped by masked display text. */
.mask{padding-bottom:.18em!important;margin-bottom:-.02em}
.display,
.display-sm,
.hero-v6 .display,
.hero-v7 .display,
.hero-v8-title,
.project-title h1,
.project-title-v8 h1,
.panel-content h2,
.cta-band h2,
.next-card h3,
.about-hero-copy-v11 .display,
.about-v12-title,
.about-location-copy-v12 h2,
.menu-list a{
  line-height:.96!important;
  padding-bottom:.025em;
}
.teaser-bottom h3,.project-row-name strong,.outcome strong,.stat-cell strong{line-height:1!important}

/* Minimal AIQUE energy language — three quiet arcs from the logo palette. */
.aique-energy-global-v13{
  position:fixed;right:-15vw;top:18vh;width:min(48vw,760px);height:64vh;
  z-index:4;pointer-events:none;opacity:.11;filter:saturate(1.08);
}
.aique-energy-global-v13 i{position:absolute;inset:0;border-radius:50%;border:1.5px solid transparent;transform:rotate(-13deg);animation:aiqueEnergyDrift 18s ease-in-out infinite alternate;will-change:transform}
.aique-energy-global-v13 i:nth-child(1){border-top-color:#2993ef;border-left-color:rgba(41,147,239,.45)}
.aique-energy-global-v13 i:nth-child(2){inset:9% -4% 10% 8%;border-top-color:#1de1df;border-right-color:rgba(29,225,223,.38);animation-duration:22s;animation-direction:alternate-reverse}
.aique-energy-global-v13 i:nth-child(3){inset:19% 8% 17% -6%;border-bottom-color:#2c3c50;border-right-color:rgba(44,60,80,.32);animation-duration:26s}
@keyframes aiqueEnergyDrift{from{transform:rotate(-13deg) translate3d(0,-8px,0) scale(.98)}to{transform:rotate(-9deg) translate3d(-18px,18px,0) scale(1.025)}}

/* Use the palette as detail, not as large blocks. */
.nav-link:after{background:linear-gradient(90deg,#2993ef,#1de1df)}
header.site-header.scrolled:after{content:"";position:absolute;left:var(--gutter);right:var(--gutter);bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#2993ef 35%,#1de1df 65%,transparent);opacity:.22;pointer-events:none}
.display-sm:after{content:"";display:block;width:58px;height:3px;border-radius:999px;margin-top:.28em;background:linear-gradient(90deg,#2c3c50,#2993ef,#1de1df);opacity:.78}
.pill-cta,.text-link:after,.role-apply-btn{position:relative;overflow:hidden}
.pill-cta:before{content:"";position:absolute;inset:auto 16% -8px 16%;height:2px;border-radius:999px;background:linear-gradient(90deg,#2c3c50,#2993ef,#1de1df);opacity:.65;transition:transform .35s var(--ease);transform:scaleX(.55)}
.pill-cta:hover:before{transform:scaleX(1)}
.culture-card,.role-row,.process-step,.service-row{transition:border-color .35s ease,transform .45s var(--ease),background .35s ease}
.culture-card:hover,.role-row:hover,.process-step:hover,.service-row:hover{border-color:rgba(41,147,239,.28)}

/* ---------- application form: robust fit at every viewport ---------- */
.application-modal-v12{padding:clamp(10px,2vw,24px);overflow:hidden}
.application-modal-card-v12{
  width:min(960px,calc(100vw - 28px));
  max-width:960px;
  max-height:calc(100svh - 28px);
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  padding:clamp(26px,4vw,54px);
  padding-bottom:clamp(34px,5vw,64px);
}
.application-modal-card-v12::-webkit-scrollbar{width:8px}.application-modal-card-v12::-webkit-scrollbar-track{background:transparent}.application-modal-card-v12::-webkit-scrollbar-thumb{background:linear-gradient(#2993ef,#1de1df);border-radius:999px}
.application-form-v12{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 16px}
.application-field-v12,.application-consent-v12,.application-actions-v12{min-width:0;max-width:100%}
.application-field-v12 input,.application-field-v12 select,.application-field-v12 textarea{display:block;min-width:0;max-width:100%;box-sizing:border-box}
.application-upload-v12 input[type="file"]{padding:10px 12px;min-height:52px;line-height:1.35;overflow:hidden}
.application-upload-v12 input[type="file"]::file-selector-button{max-width:48%;margin-right:12px;border:0;border-radius:9px;padding:9px 12px;background:#e9eef2;color:#141719;white-space:nowrap;cursor:pointer}
.application-consent-v12 input{flex:0 0 auto;inline-size:16px;block-size:16px}
.application-consent-v12 span{min-width:0}
.application-actions-v12{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;padding-bottom:2px}
.application-cancel-v12,.application-submit-v12{max-width:100%;min-height:46px;white-space:normal;text-align:center;justify-content:center}
.application-submit-v12{background:linear-gradient(115deg,#111 0%,#111 66%,#173c4a 100%)}
.application-modal-close-v12{z-index:2}

/* ---------- V13 footer ---------- */
.site-footer-v13{position:relative;isolation:isolate;overflow:hidden;background:#050607;color:#fff;padding:clamp(76px,9vw,132px) var(--gutter) 30px;border-top:1px solid rgba(255,255,255,.08)}
.site-footer-v13:before{content:"";position:absolute;left:-12%;bottom:-60%;width:58vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(41,147,239,.13),rgba(29,225,223,.045) 38%,transparent 68%);filter:blur(10px);z-index:-1}
.footer-energy-v13{position:absolute;right:-8vw;top:-13vw;width:min(58vw,880px);aspect-ratio:1;opacity:.38;z-index:-1;pointer-events:none;transform:rotate(-11deg)}
.footer-energy-v13 i{position:absolute;border-radius:50%;border:1px solid transparent;inset:8%}
.footer-energy-v13 i:nth-child(1){border-top:2px solid #2993ef;border-left:2px solid rgba(41,147,239,.22);animation:footerEnergy 20s linear infinite}
.footer-energy-v13 i:nth-child(2){inset:18%;border-top:2px solid #1de1df;border-right:2px solid rgba(29,225,223,.20);animation:footerEnergyRev 24s linear infinite}
.footer-energy-v13 i:nth-child(3){inset:30%;border-bottom:2px solid #2c3c50;border-left:2px solid rgba(44,60,80,.38);animation:footerEnergy 28s linear infinite}
@keyframes footerEnergy{to{transform:rotate(360deg)}}@keyframes footerEnergyRev{to{transform:rotate(-360deg)}}
.footer-grid-v13{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;position:relative;z-index:1}
.footer-brand-v13{grid-column:1/span 5;max-width:520px}.footer-brand-v13 img{width:min(430px,100%)}.footer-brand-v13 p{max-width:430px;color:#858a8a;font-size:14px;line-height:1.65;margin:28px 0 0}
.footer-nav-v13{grid-column:7/span 2;display:flex;flex-direction:column;align-items:flex-start;gap:0}.footer-label-v13{font-size:9px;text-transform:uppercase;letter-spacing:.19em;color:#666d6d;margin-bottom:18px}.footer-nav-v13 a{width:100%;display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.09);font-size:15px;color:#d9dddd;transition:color .3s ease,transform .35s var(--ease),border-color .3s ease}.footer-nav-v13 a span{font-size:8px;color:#5f6868;letter-spacing:.11em}.footer-nav-v13 a:hover{color:#fff;transform:translateX(5px);border-color:rgba(29,225,223,.38)}
.footer-contact-v13{grid-column:10/span 3;display:flex;flex-direction:column;align-items:flex-start}.footer-mail-v13{font-size:clamp(19px,1.6vw,26px);letter-spacing:-.03em;transition:color .3s ease}.footer-mail-v13:hover{color:#1de1df}.footer-phone-v13{font-size:13px;color:#b5bbbb;margin-top:8px}.footer-address-v13{font-size:11px;line-height:1.65;color:#737b7b;margin-top:22px}.footer-social-v13{display:flex;gap:9px;margin-top:24px}.footer-social-v13 a{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.15);display:grid;place-items:center;background:rgba(255,255,255,.02);transition:transform .4s var(--ease),border-color .3s ease,background .3s ease}.footer-social-v13 a:hover{transform:translateY(-4px);border-color:rgba(29,225,223,.55);background:linear-gradient(145deg,rgba(41,147,239,.22),rgba(29,225,223,.14))}.footer-social-v13 svg{width:16px;height:16px;fill:#fff}.footer-temp-v13{margin-top:14px;font-size:7px;text-transform:uppercase;letter-spacing:.15em;color:#4d5555}
.footer-bottom-v13{position:relative;z-index:1;margin-top:clamp(70px,9vw,126px);padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:1fr 1fr auto;gap:24px;align-items:center;color:#5f6666;font-size:9px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase}.footer-bottom-v13 span:nth-child(2){text-align:center}.footer-toplink-v13{justify-self:end;color:#9aa1a1;display:inline-flex;gap:10px;align-items:center;transition:color .3s ease}.footer-toplink-v13 b{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;color:#fff}.footer-toplink-v13:hover{color:#1de1df}

@media(max-width:980px){
  .aique-energy-global-v13{right:-27vw;width:68vw;opacity:.085}
  .footer-brand-v13{grid-column:1/span 6}.footer-nav-v13{grid-column:7/span 2}.footer-contact-v13{grid-column:9/span 4}
}
@media(max-width:720px){
  .mask{padding-bottom:.2em!important}
  .display,.display-sm,.hero-v8-title,.project-title-v8 h1,.about-v12-title,.cta-band h2{line-height:1!important}
  .aique-energy-global-v13{right:-44vw;top:22vh;width:92vw;opacity:.065}
  .application-modal-v12{padding:8px}.application-modal-card-v12{width:calc(100vw - 16px);max-height:calc(100svh - 16px);border-radius:20px;padding:24px 16px 30px}.application-modal-head-v12{padding-right:46px}.application-form-v12{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:30px}.application-field-v12.full,.application-consent-v12.full,.application-actions-v12.full{grid-column:1}.application-upload-v12 input[type="file"]::file-selector-button{max-width:44%;padding:8px 10px}.application-actions-v12{justify-content:stretch;display:grid;grid-template-columns:1fr 1fr}.application-actions-v12 button{width:100%;min-width:0;padding-inline:12px}
  .site-footer-v13{padding-top:76px}.footer-energy-v13{width:100vw;right:-45vw;top:-12vw;opacity:.25}.footer-grid-v13{grid-template-columns:1fr;gap:54px}.footer-brand-v13,.footer-nav-v13,.footer-contact-v13{grid-column:1}.footer-brand-v13 img{max-width:320px}.footer-nav-v13{max-width:360px}.footer-contact-v13{max-width:430px}.footer-bottom-v13{grid-template-columns:1fr;gap:12px;margin-top:70px}.footer-bottom-v13 span:nth-child(2){text-align:left}.footer-toplink-v13{justify-self:start;margin-top:8px}
}
@media(max-width:420px){
  .application-upload-v12 input[type="file"]{font-size:12px}.application-upload-v12 input[type="file"]::file-selector-button{max-width:100%;margin-right:7px}.application-actions-v12{grid-template-columns:1fr}.application-submit-v12,.application-cancel-v12{width:100%}
}
@media(prefers-reduced-motion:reduce){.aique-energy-global-v13 i,.footer-energy-v13 i{animation:none!important}}

/* =========================================================
   V14 — tighter heading rhythm, Careers drawer experience,
   and a three-project exploration grid on case studies.
   ========================================================= */

/* Tighter line rhythm without clipping descenders. The mask keeps a small
   descender safety area, then visually gives most of that space back. */
.mask{
  overflow:hidden;
  padding:.015em 0 .13em!important;
  margin:0 0 -.085em!important;
}
.mask>span{padding-bottom:.025em}
.display{line-height:.90!important}
.display-sm{line-height:.92!important}
.hero-v6 .display,.hero-v7 .display,.hero-v8-title{line-height:.90!important}
.project-title h1,.project-title-v8 h1{line-height:.88!important}
.about-hero-copy-v11 .display,.about-v12-title{line-height:.90!important}
.about-location-copy-v12 h2,.cta-band h2{line-height:.91!important}
.menu-list a{line-height:.90!important}
.panel-content h2,.next-card h3{line-height:.91!important}

/* ---------------- Careers / Hero ---------------- */
.careers-page-v14 .career-hero{
  min-height:88svh;
  background:
    radial-gradient(circle at 82% 23%,rgba(29,225,223,.14),transparent 28%),
    radial-gradient(circle at 70% 52%,rgba(41,147,239,.11),transparent 31%),
    linear-gradient(180deg,#fff 0%,#fafaf7 100%);
  isolation:isolate;
}
.careers-page-v14 .career-hero:before{
  right:8vw;top:12vh;width:32vw;height:32vw;opacity:.48;filter:blur(18px);
}
.careers-page-v14 .career-hero .copy{grid-column:1/span 8;z-index:4}
.careers-page-v14 .career-hero .display{font-size:clamp(58px,8.6vw,136px);max-width:960px}
.careers-page-v14 .career-hero p{max-width:650px;font-size:clamp(18px,1.65vw,25px);line-height:1.52}
.careers-page-v14 .career-orb{display:none}

.career-hero-canvas-v14{
  position:absolute;right:var(--gutter);top:50%;transform:translateY(-43%);
  width:min(36vw,560px);aspect-ratio:1;z-index:2;pointer-events:none;
}
.career-signal-v14{position:absolute;border-radius:50%;border:1px solid rgba(41,147,239,.17);inset:2%;animation:careerOrbitV14 18s linear infinite}
.career-signal-v14.signal-b{inset:16%;border-color:rgba(29,225,223,.2);animation-duration:24s;animation-direction:reverse}
.career-signal-v14.signal-c{inset:30%;border-color:rgba(44,60,80,.12);animation-duration:30s}
.career-signal-v14:after{content:"";position:absolute;width:9px;height:9px;border-radius:50%;left:17%;top:6%;background:linear-gradient(135deg,#2993ef,#1de1df);box-shadow:0 0 22px rgba(29,225,223,.42)}
@keyframes careerOrbitV14{to{transform:rotate(360deg)}}
.career-brand-card-v14{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-4deg);
  width:72%;padding:36px 34px 28px;border-radius:34px;background:rgba(255,255,255,.82);
  border:1px solid rgba(0,0,0,.08);box-shadow:0 35px 90px rgba(26,54,68,.10);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  animation:careerFloatV14 6s ease-in-out infinite alternate;
}
.career-brand-card-v14:before{content:"";position:absolute;left:24px;right:24px;bottom:17px;height:2px;border-radius:99px;background:linear-gradient(90deg,#2c3c50,#2993ef,#1de1df);opacity:.78}
.career-brand-card-v14 img{display:block;width:100%;height:auto}
.career-brand-card-v14 span{display:block;margin-top:18px;font-size:8px;text-transform:uppercase;letter-spacing:.18em;color:#737975}
@keyframes careerFloatV14{from{transform:translate(-50%,-50%) rotate(-4deg) translateY(-4px)}to{transform:translate(-50%,-50%) rotate(-2.5deg) translateY(9px)}}
.career-tag-v14{position:absolute;padding:9px 13px;border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.09);font-size:8px;text-transform:uppercase;letter-spacing:.16em;color:#4d5250;box-shadow:0 12px 34px rgba(0,0,0,.06)}
.career-tag-v14.tag-design{left:-2%;top:22%;animation:careerTagV14 5.5s ease-in-out infinite alternate}
.career-tag-v14.tag-build{right:-1%;top:61%;animation:careerTagV14 6.4s ease-in-out infinite alternate-reverse}
.career-tag-v14.tag-learn{left:5%;bottom:8%;animation:careerTagV14 7s ease-in-out infinite alternate}
@keyframes careerTagV14{to{transform:translateY(-10px)}}

/* Roles now immediately follow the hero and feel like the next chapter. */
.careers-page-v14 .roles-section-v14{
  background:#fff;color:#080808;padding-top:clamp(80px,9vw,135px);
  border-top:1px solid rgba(0,0,0,.07);
}
.careers-page-v14 .roles-section-v14:before{content:"";position:absolute;left:var(--gutter);top:0;width:22vw;max-width:300px;height:3px;background:linear-gradient(90deg,#2c3c50,#2993ef,#1de1df)}
.careers-page-v14 .roles-section-v14 .eyebrow{color:#656965}
.careers-page-v14 .roles-section-v14 h2{color:#090909}
.careers-page-v14 .role-list{margin-top:62px;border-top:1px solid rgba(0,0,0,.1)}
.careers-page-v14 .role-row-v14{
  position:relative;grid-template-columns:52px repeat(11,minmax(0,1fr));gap:18px;
  padding:31px 12px 31px 0;border-color:rgba(0,0,0,.1);overflow:hidden;
  transition:padding .5s var(--ease),background .4s ease,border-color .35s ease,transform .5s var(--ease);
}
.careers-page-v14 .role-row-v14:before{content:"";position:absolute;inset:0;opacity:0;background:linear-gradient(90deg,rgba(41,147,239,.055),rgba(29,225,223,.035),transparent 72%);transition:opacity .4s ease;pointer-events:none}
.careers-page-v14 .role-row-v14:after{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:99px;background:linear-gradient(#2993ef,#1de1df);transform:scaleY(.15);transition:transform .55s var(--ease)}
.careers-page-v14 .role-row-v14:hover{padding-left:14px;padding-right:14px;transform:translateY(-2px);border-color:rgba(41,147,239,.25)}
.careers-page-v14 .role-row-v14:hover:before{opacity:1}.careers-page-v14 .role-row-v14:hover:after{transform:scaleY(1)}
.role-index-v14{grid-column:1;align-self:start;padding-top:9px;font-size:9px;letter-spacing:.15em;color:#9a9d98;position:relative;z-index:1}
.careers-page-v14 .role-title{grid-column:2/span 5;display:flex;flex-direction:column;gap:7px;position:relative;z-index:1}
.careers-page-v14 .role-title strong{font-size:clamp(30px,3.2vw,50px);font-weight:560;letter-spacing:-.045em;line-height:.96}
.role-kind-v14{font-size:7px!important;text-transform:uppercase;letter-spacing:.16em;color:#999!important}
.careers-page-v14 .role-team{grid-column:8/span 2;position:relative;z-index:1}
.careers-page-v14 .role-loc{grid-column:10/span 2;position:relative;z-index:1}
.careers-page-v14 .role-row button.role-apply-btn{grid-column:12;position:relative;z-index:2;width:48px;height:48px;border-color:rgba(0,0,0,.17);background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.04)}
.careers-page-v14 .role-row:hover button.role-apply-btn{background:linear-gradient(135deg,#2993ef,#1de1df);color:#fff;border-color:transparent;transform:rotate(8deg) translate(2px,-2px)}
.careers-page-v14 .career-culture{background:linear-gradient(180deg,#f7f8f5,#fff)}
.careers-page-v14 .culture-card{position:relative;overflow:hidden}
.careers-page-v14 .culture-card:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-45px;top:-45px;border:1px solid rgba(41,147,239,.12);box-shadow:inset 0 0 0 22px rgba(29,225,223,.025);transition:transform .65s var(--ease)}
.careers-page-v14 .culture-card:hover:after{transform:scale(1.55)}

/* ---------------- Careers / right-side application drawer ---------------- */
.application-drawer-v14{display:block!important;padding:0!important;overflow:hidden!important}
.application-drawer-v14 .application-modal-backdrop-v12{
  background:rgba(5,9,12,.48);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);
  opacity:0;transition:opacity .38s ease;
}
.application-drawer-v14.open .application-modal-backdrop-v12{opacity:1}
.application-drawer-card-v14{
  position:absolute!important;right:0;top:0;height:100svh!important;max-height:100svh!important;
  width:min(590px,100vw)!important;max-width:none!important;border-radius:34px 0 0 34px!important;
  padding:0!important;overflow:hidden!important;background:#fff!important;
  box-shadow:-30px 0 100px rgba(0,0,0,.22)!important;
  transform:translate3d(102%,0,0)!important;transition:transform .58s var(--ease)!important;
}
.application-drawer-v14.open .application-drawer-card-v14{transform:translate3d(0,0,0)!important}
.application-drawer-scroll-v14{
  height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;
  padding:clamp(34px,5vw,68px) clamp(24px,4vw,52px) 48px;
  scrollbar-width:none;-ms-overflow-style:none;
}
.application-drawer-scroll-v14::-webkit-scrollbar{width:0;height:0;display:none}
.application-drawer-v14 .application-modal-close-v12{right:20px;top:20px;position:absolute;z-index:8;background:rgba(255,255,255,.9);backdrop-filter:blur(8px)}
.application-drawer-kicker-v14{display:inline-flex;align-items:center;gap:9px;font-size:8px;text-transform:uppercase;letter-spacing:.17em;color:#68706b;margin-bottom:18px}
.application-drawer-kicker-v14:before{content:"";width:30px;height:2px;border-radius:99px;background:linear-gradient(90deg,#2993ef,#1de1df)}
.application-drawer-v14 .application-modal-head-v12{padding:0 52px 28px 0;border-bottom:1px solid rgba(0,0,0,.09)}
.application-drawer-v14 .application-modal-head-v12 .eyebrow{display:none}
.application-drawer-v14 .application-modal-head-v12 h2{font-size:clamp(40px,4.5vw,64px);line-height:.93!important;max-width:460px;margin:0}
.application-drawer-v14 .application-modal-head-v12 p{font-size:14px;max-width:470px}
.application-drawer-v14 .application-form-v12{grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:30px;gap:15px}
.application-drawer-v14 .application-field-v12 label{font-size:8px;color:#686f6a}
.application-drawer-v14 .application-field-v12 input,.application-drawer-v14 .application-field-v12 select,.application-drawer-v14 .application-field-v12 textarea{border-radius:12px;background:#f7f8f6;border-color:rgba(0,0,0,.11);padding:14px 14px}
.application-drawer-v14 .application-field-v12 input:focus,.application-drawer-v14 .application-field-v12 select:focus,.application-drawer-v14 .application-field-v12 textarea:focus{box-shadow:0 0 0 4px rgba(29,225,223,.09);border-color:#2993ef}
.application-drawer-v14 .application-upload-v12{padding:15px;border:1px dashed rgba(41,147,239,.25);border-radius:14px;background:linear-gradient(135deg,rgba(41,147,239,.035),rgba(29,225,223,.035))}
.application-drawer-v14 .application-upload-v12 input{background:transparent;border:0;padding:6px 0 2px}
.application-drawer-v14 .application-actions-v12{position:sticky;bottom:-48px;margin:10px -4px -48px;padding:18px 4px 48px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 25%);z-index:3}
.application-drawer-v14 .application-submit-v12{flex:1;background:linear-gradient(115deg,#111 0%,#173442 52%,#116d79 100%);border:0;min-height:50px}
.application-drawer-v14 .application-cancel-v12{min-height:50px;background:#fff}
.application-drawer-v14 .application-success-v12{padding:110px 20px 50px}
body.application-modal-open{overflow:hidden}

/* ---------------- Project detail / more work grid ---------------- */
.project-more-v14{background:#fff;color:#090909;padding:clamp(105px,12vw,180px) var(--gutter);border-top:1px solid rgba(0,0,0,.08)}
.project-more-inner-v14{max-width:1680px;margin:0 auto}
.project-more-head-v14{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:56px}
.project-more-head-v14 .eyebrow{color:#71756f;margin-bottom:17px}
.project-more-head-v14 h2{font-size:clamp(44px,6vw,86px);line-height:.93;letter-spacing:-.055em;margin:0;font-weight:560}
.project-more-all-v14{display:inline-flex;align-items:center;gap:12px;font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#5f645f;white-space:nowrap}
.project-more-all-v14 span{width:36px;height:36px;border:1px solid rgba(0,0,0,.14);border-radius:50%;display:grid;place-items:center;transition:.4s var(--ease)}
.project-more-all-v14:hover span{background:#090909;color:#fff;transform:rotate(8deg)}
.project-more-grid-v14{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.project-more-card-v14{
  position:relative;min-height:410px;border-radius:26px;padding:26px;overflow:hidden;
  display:flex;flex-direction:column;color:#fff;border:1px solid rgba(0,0,0,.08);
  background:linear-gradient(150deg,color-mix(in srgb,var(--card-a) 96%,#080808),color-mix(in srgb,var(--card-b) 68%,#080808));
  box-shadow:0 20px 60px color-mix(in srgb,var(--card-a) 10%,rgba(0,0,0,.05));
  transition:transform .65s var(--ease),box-shadow .65s var(--ease);
  isolation:isolate;
}
.project-more-card-v14:before{content:"";position:absolute;z-index:-1;width:330px;height:330px;border-radius:50%;right:-135px;top:-135px;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 66%);transition:transform .8s var(--ease)}
.project-more-card-v14:after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(420px circle at 82% 10%,rgba(255,255,255,.13),transparent 58%);opacity:.55}
.project-more-card-v14:hover{transform:translateY(-9px);box-shadow:0 35px 90px color-mix(in srgb,var(--card-a) 20%,rgba(0,0,0,.12))}
.project-more-card-v14:hover:before{transform:scale(1.17) translate(-10px,10px)}
.project-more-card-v14.brand-supernova{background:linear-gradient(150deg,#f8f8f6,#e7fbfd);color:#080808;border-color:rgba(1,194,216,.22)}
.project-more-card-v14.brand-supernova:before{background:radial-gradient(circle,rgba(1,194,216,.27),transparent 68%)}
.project-more-logo-v14{height:68px;display:flex;align-items:center;margin-bottom:auto;position:relative;z-index:2}
.project-more-logo-v14 img{display:block;max-height:54px;max-width:190px;width:auto;height:auto;object-fit:contain;object-position:left center;transition:transform .55s var(--ease)}
.project-more-card-v14:hover .project-more-logo-v14 img{transform:translateX(5px) scale(1.03)}
.project-more-meta-v14{display:flex;align-items:center;gap:10px;margin-bottom:15px;position:relative;z-index:2}.project-more-meta-v14:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.45}.project-more-meta-v14 span{font-size:8px;text-transform:uppercase;letter-spacing:.16em;opacity:.7}
.project-more-card-v14 h3{font-size:clamp(32px,3.5vw,52px);line-height:.95;letter-spacing:-.048em;margin:0 0 13px;font-weight:570;position:relative;z-index:2}
.project-more-card-v14 p{font-size:13px;line-height:1.55;margin:0;max-width:360px;opacity:.72;position:relative;z-index:2}
.project-more-card-v14>i{position:absolute;right:22px;bottom:22px;width:48px;height:48px;border-radius:50%;border:1px solid currentColor;display:grid;place-items:center;font-style:normal;opacity:.58;transition:.45s var(--ease)}
.project-more-card-v14:hover>i{opacity:1;transform:rotate(9deg) translate(2px,-2px);background:rgba(255,255,255,.12)}
.project-more-card-v14.brand-supernova:hover>i{background:#080808;color:#fff;border-color:#080808}

@media(max-width:980px){
  .career-hero-canvas-v14{width:min(41vw,480px);right:2vw;opacity:.82}
  .careers-page-v14 .career-hero .copy{grid-column:1/span 9}
  .project-more-grid-v14{grid-template-columns:1fr 1fr}.project-more-card-v14:last-child{grid-column:1/-1;min-height:330px}
}
@media(max-width:720px){
  .mask{padding-bottom:.12em!important;margin-bottom:-.075em!important}
  .display,.display-sm,.hero-v8-title,.project-title-v8 h1,.about-v12-title,.cta-band h2{line-height:.93!important}
  .careers-page-v14 .career-hero{min-height:82svh;padding-top:132px}.careers-page-v14 .career-hero .copy{grid-column:1/-1}.careers-page-v14 .career-hero .display{font-size:clamp(52px,15vw,84px)}
  .career-hero-canvas-v14{right:-30vw;top:36%;width:80vw;opacity:.24}.career-brand-card-v14,.career-tag-v14{display:none}
  .careers-page-v14 .role-row-v14{grid-template-columns:36px repeat(5,minmax(0,1fr));gap:10px;padding:25px 0}.role-index-v14{grid-column:1}.careers-page-v14 .role-title{grid-column:2/span 4}.careers-page-v14 .role-team{grid-column:2/span 2;margin-top:10px}.careers-page-v14 .role-loc{grid-column:4/span 2;margin-top:10px}.careers-page-v14 .role-row button.role-apply-btn{grid-column:6;grid-row:1;width:44px;height:44px}
  .application-drawer-card-v14{width:100vw!important;border-radius:0!important}.application-drawer-scroll-v14{padding:34px 18px 38px}.application-drawer-v14 .application-modal-head-v12{padding-right:44px}.application-drawer-v14 .application-form-v12{grid-template-columns:1fr}.application-drawer-v14 .application-field-v12.full,.application-drawer-v14 .application-consent-v12.full,.application-drawer-v14 .application-actions-v12.full{grid-column:1}.application-drawer-v14 .application-actions-v12{bottom:-38px;margin-bottom:-38px;padding-bottom:38px;display:grid;grid-template-columns:1fr 1fr}
  .project-more-v14{padding-top:90px;padding-bottom:100px}.project-more-head-v14{align-items:flex-start;flex-direction:column;margin-bottom:36px}.project-more-grid-v14{grid-template-columns:1fr}.project-more-card-v14,.project-more-card-v14:last-child{grid-column:auto;min-height:350px}.project-more-logo-v14 img{max-height:48px;max-width:175px}
}
@media(max-width:430px){
  .application-drawer-v14 .application-actions-v12{grid-template-columns:1fr}.application-drawer-v14 .application-cancel-v12,.application-drawer-v14 .application-submit-v12{width:100%}
}
@media(prefers-reduced-motion:reduce){.career-signal-v14,.career-brand-card-v14,.career-tag-v14{animation:none!important}}
.application-drawer-card-v14{scrollbar-gutter:auto!important}

/* =========================================================
   V15 — About redesign, application drawer refinement, copy/asset polish
   ========================================================= */

/* Careers application drawer: square, cleaner spacing, floating actions */
.careers-page-v15 .application-drawer-card-v14{
  border-radius:0!important;
  width:min(620px,100vw)!important;
  background:#fff;
  box-shadow:-28px 0 80px rgba(7,18,25,.16);
}
.careers-page-v15 .application-drawer-scroll-v14{
  padding:46px 42px 118px!important;
  scrollbar-width:none!important;
  overscroll-behavior:contain;
}
.careers-page-v15 .application-drawer-scroll-v14::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
.careers-page-v15 .application-drawer-v14 .application-modal-head-v12{padding:0 48px 30px 0!important}
.careers-page-v15 .application-drawer-v14 .application-modal-head-v12 h2{font-size:clamp(38px,4.2vw,60px)!important;line-height:.96!important;letter-spacing:-.05em}
.careers-page-v15 .application-drawer-v14 .application-modal-head-v12 p{margin-top:18px!important;line-height:1.6!important}
.careers-page-v15 .application-drawer-v14 .application-form-v12{
  margin-top:34px!important;
  gap:26px 18px!important;
  padding-bottom:12px;
}
.careers-page-v15 .application-field-v12{gap:10px!important}
.careers-page-v15 .application-field-v12 label{font-size:9px!important;letter-spacing:.13em!important;color:#515854!important}
.careers-page-v15 .application-drawer-v14 .application-field-v12 input,
.careers-page-v15 .application-drawer-v14 .application-field-v12 select,
.careers-page-v15 .application-drawer-v14 .application-field-v12 textarea{
  border-radius:0!important;
  min-height:52px;
  padding:15px 15px!important;
  background:#fbfbfa!important;
  border:1px solid rgba(3,22,32,.14)!important;
}
.careers-page-v15 .application-drawer-v14 .application-field-v12 textarea{min-height:132px!important;line-height:1.55}
.careers-page-v15 .application-drawer-v14 .application-field-v12 input:focus,
.careers-page-v15 .application-drawer-v14 .application-field-v12 select:focus,
.careers-page-v15 .application-drawer-v14 .application-field-v12 textarea:focus{
  border-color:#2993ef!important;
  box-shadow:inset 3px 0 0 #1de1df!important;
  background:#fff!important;
}
.careers-page-v15 .application-drawer-v14 .application-upload-v12{
  border-radius:0!important;
  padding:18px!important;
  border:1px dashed rgba(41,147,239,.38)!important;
  background:linear-gradient(120deg,rgba(41,147,239,.045),rgba(29,225,223,.045))!important;
}
.careers-page-v15 .application-consent-v12{padding:4px 0 10px;line-height:1.55!important}
.careers-page-v15 .application-drawer-v14 .application-actions-v12{
  position:sticky!important;
  bottom:-118px!important;
  margin:8px -42px -118px!important;
  padding:16px 42px 24px!important;
  min-height:90px;
  display:grid!important;
  grid-template-columns:1fr 1.55fr!important;
  gap:10px!important;
  background:rgba(255,255,255,.94)!important;
  border-top:1px solid rgba(0,0,0,.09);
  box-shadow:0 -18px 42px rgba(8,20,28,.08);
  backdrop-filter:blur(16px);
  z-index:10!important;
}
.careers-page-v15 .application-cancel-v12,
.careers-page-v15 .application-submit-v12{
  border-radius:0!important;
  min-height:54px!important;
  justify-content:center;
  font-weight:650;
  letter-spacing:.01em;
}
.careers-page-v15 .application-cancel-v12{background:#fff!important;border:1px solid rgba(0,0,0,.2)!important}
.careers-page-v15 .application-submit-v12{background:linear-gradient(120deg,#17344d,#167db5 50%,#13bfc7)!important}
.careers-page-v15 .application-modal-close-v12{border-radius:0!important;width:42px!important;height:42px!important}

/* ABOUT V15 HERO */
.about-page-v15{background:#f7f8f5;color:#080909}
.about-hero-v15{
  position:relative;
  min-height:100svh;
  padding:calc(var(--header-h) + 64px) var(--gutter) 72px;
  overflow:hidden;
  display:flex;
  align-items:center;
  background:
    radial-gradient(circle at 78% 20%,rgba(29,225,223,.11),transparent 25%),
    radial-gradient(circle at 18% 72%,rgba(41,147,239,.085),transparent 30%),
    linear-gradient(180deg,#fff,#f5f7f4 88%);
}
.about-hero-v15:after{
  content:"";position:absolute;left:var(--gutter);right:var(--gutter);bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(41,147,239,.65),rgba(29,225,223,.6),transparent)
}
.about-v15-grid{width:100%;display:grid;grid-template-columns:repeat(12,1fr);gap:18px;align-items:center;position:relative;z-index:3}
.about-v15-copy{grid-column:1/span 6;max-width:780px;position:relative;z-index:3}
.about-v15-copy h1{font-size:clamp(64px,8.4vw,132px);font-weight:610;letter-spacing:-.065em;line-height:.87;margin:24px 0 30px}
.about-v15-copy h1 .mask{display:block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em}
.about-v15-copy h1 em{font-style:normal;background:linear-gradient(105deg,#162e4c 0%,#2993ef 48%,#1de1df 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.about-v15-copy>p{font-size:clamp(17px,1.45vw,22px);line-height:1.65;color:#555c58;max-width:670px;margin:0}
.about-v15-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.about-v15-meta span{font-size:9px;text-transform:uppercase;letter-spacing:.14em;padding:10px 13px;border:1px solid rgba(9,24,32,.12);background:rgba(255,255,255,.68);backdrop-filter:blur(12px)}
.about-v15-visual{grid-column:8/span 5;height:min(68vh,760px);min-height:540px;position:relative;z-index:2}
.about-v15-photo-main{position:absolute;inset:2% 0 6% 0;margin:0;overflow:hidden;box-shadow:0 34px 90px rgba(13,30,42,.13)}
.about-v15-photo-main:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 62%,rgba(6,18,25,.26));pointer-events:none}
.about-v15-photo-main img,.about-v15-photo-small img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s var(--ease)}
.about-v15-photo-main:hover img{transform:scale(1.025)}
.about-v15-photo-small{position:absolute;width:42%;height:35%;left:-17%;bottom:-1%;z-index:3;margin:0;border:8px solid #f6f7f4;overflow:hidden;box-shadow:0 20px 50px rgba(13,30,42,.14)}
.about-v15-photo-small:hover img{transform:scale(1.045)}
.about-v15-photo-label{position:absolute;left:24px;right:24px;bottom:8%;z-index:4;color:#fff;display:flex;align-items:flex-end;justify-content:space-between;font-size:9px;text-transform:uppercase;letter-spacing:.13em}
.about-v15-photo-label b{font-size:40px;line-height:1;font-weight:500;letter-spacing:-.05em}
.about-v15-watermark{position:absolute;left:-2vw;top:18%;width:min(64vw,1020px);opacity:.027;z-index:0;transform:rotate(-7deg);pointer-events:none}
.about-v15-watermark img{width:100%;height:auto;filter:grayscale(1) contrast(1.3)}
.about-v15-energy{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.about-v15-energy i{position:absolute;left:-12%;width:68%;height:2px;transform:rotate(-16deg);transform-origin:left center;background:linear-gradient(90deg,transparent,#263d5d,#2993ef,#1de1df,transparent);filter:blur(.2px);opacity:.25;animation:aboutEnergyV15 11s ease-in-out infinite}
.about-v15-energy i:nth-child(1){top:28%}.about-v15-energy i:nth-child(2){top:48%;left:26%;width:88%;animation-delay:-3.7s;opacity:.17}.about-v15-energy i:nth-child(3){top:74%;width:55%;animation-delay:-7.2s;opacity:.15}
@keyframes aboutEnergyV15{0%,100%{transform:translate3d(-2%,0,0) rotate(-16deg) scaleX(.94)}50%{transform:translate3d(9%,8px,0) rotate(-13deg) scaleX(1.08)}}
.about-v15-scroll{position:absolute;left:var(--gutter);bottom:24px;font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:#777;z-index:4;display:flex;gap:12px;align-items:center}.about-v15-scroll span{color:#2993ef;animation:scrollHintV15 1.8s ease-in-out infinite}@keyframes scrollHintV15{50%{transform:translateY(5px)}}

/* ABOUT TECH */
.about-tech-v15{padding:clamp(110px,13vw,190px) var(--gutter);background:#0a0c0f;color:#fff;position:relative;overflow:hidden}
.about-tech-v15:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 28%,rgba(29,225,223,.11),transparent 28%),radial-gradient(circle at 20% 78%,rgba(41,147,239,.1),transparent 30%);pointer-events:none}
.about-tech-head-v15{position:relative;z-index:2}.about-tech-head-v15>.eyebrow{grid-column:1/span 3;color:#7ea7bc}.about-tech-title-v15{grid-column:4/span 8}.about-tech-title-v15 h2{margin:0;color:#fff}.about-tech-title-v15 .accent{background:linear-gradient(90deg,#2993ef,#1de1df);-webkit-background-clip:text;background-clip:text;color:transparent}.about-tech-title-v15 p{max-width:720px;margin:28px 0 0;color:#9ca5a7;font-size:17px;line-height:1.7}
.tech-orbit-v15{height:min(62vw,760px);min-height:600px;max-width:1180px;margin:90px auto 30px;position:relative;z-index:2}
.tech-core-v15{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:260px;height:260px;border:1px solid rgba(255,255,255,.14);display:grid;place-items:center;align-content:center;gap:16px;background:rgba(11,17,22,.68);backdrop-filter:blur(14px);box-shadow:0 0 80px rgba(41,147,239,.09)}
.tech-core-v15 img{width:175px;height:auto}.tech-core-v15 span{font-size:8px;text-transform:uppercase;letter-spacing:.17em;color:#8f999c}
.tech-ring-v15{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.1);border-radius:50%;transform:translate(-50%,-50%)}.tech-ring-v15.ring-one{width:52%;height:72%}.tech-ring-v15.ring-two{width:84%;height:94%;border-color:rgba(41,147,239,.13)}
.tech-chip-v15{position:absolute;min-width:158px;padding:16px 17px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.035);backdrop-filter:blur(12px);transition:transform .4s var(--ease),border-color .3s ease,background .3s ease;cursor:default}
.tech-chip-v15:hover{transform:translateY(-6px) scale(1.025);border-color:rgba(29,225,223,.5);background:rgba(29,225,223,.06)}
.tech-chip-v15 b{display:block;font-size:17px;font-weight:570}.tech-chip-v15 span{font-size:8px;text-transform:uppercase;letter-spacing:.15em;color:#758187;display:block;margin-top:5px}.tech-chip-v15.t1{left:7%;top:14%}.tech-chip-v15.t2{left:32%;top:5%}.tech-chip-v15.t3{right:23%;top:8%}.tech-chip-v15.t4{right:4%;top:27%}.tech-chip-v15.t5{right:7%;bottom:18%}.tech-chip-v15.t6{right:35%;bottom:5%}.tech-chip-v15.t7{left:22%;bottom:8%}.tech-chip-v15.t8{left:4%;bottom:30%}
.tech-rail-v15{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.11);border-bottom:1px solid rgba(255,255,255,.11);display:flex;overflow:hidden;white-space:nowrap;padding:18px 0;gap:0}.tech-rail-v15 span{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#768086;display:flex;align-items:center}.tech-rail-v15 span:after{content:"";width:38px;height:1px;margin:0 25px;background:linear-gradient(90deg,#2993ef,#1de1df)}

/* Project still image slot */
.project-photo-visual-v15{height:100%;min-height:580px;margin:0;position:relative;overflow:hidden;background:#0b0c0d}
.project-photo-visual-v15 img{width:100%;height:100%;min-height:580px;object-fit:cover;display:block;transition:transform 1.1s var(--ease);filter:saturate(.92) contrast(1.02)}
.project-photo-visual-v15:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.36))}
.project-photo-visual-v15:hover img{transform:scale(1.035)}
.project-photo-visual-v15 figcaption{position:absolute;z-index:2;left:20px;bottom:18px;color:#fff;font-size:8px;text-transform:uppercase;letter-spacing:.15em}

/* tighter and descender-safe headings */
.about-page-v15 h1,.about-page-v15 h2,.careers-page-v15 h1,.careers-page-v15 h2,.project-page h1,.project-page h2{padding-bottom:.03em}
.about-page-v15 .mask,.careers-page-v15 .mask,.project-page .mask{padding-bottom:.1em;margin-bottom:-.1em}

@media (max-width:980px){
 .about-hero-v15{padding-top:calc(var(--header-h) + 84px);align-items:flex-start}.about-v15-grid{display:block}.about-v15-copy{max-width:none}.about-v15-copy h1{font-size:clamp(58px,13vw,102px)}.about-v15-visual{height:76vw;min-height:480px;margin:60px 0 26px 12vw}.about-v15-photo-small{left:-11%;width:38%;height:36%}.about-v15-scroll{display:none}
 .about-tech-head-v15>.eyebrow,.about-tech-title-v15{grid-column:1/-1}.about-tech-title-v15{margin-top:22px}.tech-orbit-v15{height:760px;min-height:0}.tech-core-v15{width:220px;height:220px}.tech-ring-v15.ring-one{width:62%;height:65%}.tech-ring-v15.ring-two{width:94%;height:88%}
 .careers-page-v15 .application-drawer-scroll-v14{padding:34px 24px 110px!important}.careers-page-v15 .application-drawer-v14 .application-actions-v12{bottom:-110px!important;margin:8px -24px -110px!important;padding:15px 24px 20px!important}
}
@media (max-width:680px){
 .about-hero-v15{min-height:auto;padding-bottom:90px}.about-v15-copy h1{font-size:clamp(52px,15vw,78px);line-height:.9}.about-v15-copy>p{font-size:16px}.about-v15-visual{height:92vw;min-height:380px;margin-left:7vw}.about-v15-photo-small{width:43%;height:34%;left:-7%;border-width:5px}.about-v15-photo-label b{font-size:30px}
 .about-tech-v15{padding-inline:18px}.tech-orbit-v15{height:auto;margin-top:60px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.tech-core-v15,.tech-ring-v15{display:none}.tech-chip-v15{position:relative!important;inset:auto!important;min-width:0;padding:14px}.tech-rail-v15{margin-top:48px;overflow-x:auto}.tech-rail-v15 span{flex:none}
 .careers-page-v15 .application-drawer-card-v14{width:100vw!important}.careers-page-v15 .application-drawer-scroll-v14{padding:28px 18px 116px!important}.careers-page-v15 .application-drawer-v14 .application-form-v12{grid-template-columns:1fr!important;gap:20px!important}.careers-page-v15 .application-drawer-v14 .application-actions-v12{bottom:-116px!important;margin:8px -18px -116px!important;padding:14px 18px 22px!important;grid-template-columns:1fr!important}.careers-page-v15 .application-cancel-v12,.careers-page-v15 .application-submit-v12{width:100%}
 .project-photo-visual-v15,.project-photo-visual-v15 img{min-height:430px}
}
@media (prefers-reduced-motion:reduce){.about-v15-energy i,.about-v15-scroll span{animation:none!important}.about-v15-visual,.tech-orbit-v15{transform:none!important}}
/* V15 action bar correction: truly floats at the bottom of the application drawer */
.careers-page-v15 .application-drawer-v14 .application-actions-v12{
  position:absolute!important;
  left:0!important;right:0!important;bottom:0!important;
  margin:0!important;
  padding:16px 42px 20px!important;
  background:rgba(255,255,255,.96)!important;
  z-index:20!important;
}
.careers-page-v15 .application-drawer-v14 .application-form-v12{padding-bottom:88px!important}
.careers-page-v15 .application-form-v12[hidden] .application-actions-v12{display:none!important}
@media(max-width:980px){.careers-page-v15 .application-drawer-v14 .application-actions-v12{padding:15px 24px 18px!important}}
@media(max-width:680px){.careers-page-v15 .application-drawer-v14 .application-actions-v12{padding:12px 18px 16px!important}.careers-page-v15 .application-drawer-v14 .application-form-v12{padding-bottom:132px!important}}
/* V15 application actions live outside the scroll container so they remain visible at all times. */
.careers-page-v15 .application-drawer-card-v14>.application-actions-v12{
  position:absolute!important;left:0;right:0;bottom:0;margin:0!important;
  padding:16px 42px 20px!important;display:grid;grid-template-columns:1fr 1.55fr;gap:10px;
  background:rgba(255,255,255,.96);border-top:1px solid rgba(0,0,0,.09);
  box-shadow:0 -16px 42px rgba(8,20,28,.08);backdrop-filter:blur(16px);z-index:18;
}
.careers-page-v15 .application-drawer-card-v14>.application-actions-v12[hidden]{display:none!important}
.careers-page-v15 .application-drawer-scroll-v14{padding-bottom:126px!important}
@media(max-width:980px){.careers-page-v15 .application-drawer-card-v14>.application-actions-v12{padding:15px 24px 18px!important}}
@media(max-width:680px){.careers-page-v15 .application-drawer-card-v14>.application-actions-v12{padding:12px 18px 16px!important;grid-template-columns:1fr}.careers-page-v15 .application-drawer-scroll-v14{padding-bottom:166px!important}}

/* =========================================================
   V16 — About tech diagram, balanced values, portrait photo rail,
   refined career select, simplified project stories, animated work gradients
   ========================================================= */

/* ---------- About: symmetrical technology diagram ---------- */
.about-page-v16 .about-tech-v15{background:#070a0d;isolation:isolate}
.about-page-v16 .about-tech-v15:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at 50% 56%,#000 0,transparent 72%);opacity:.75}
.about-page-v16 .tech-orbit-v16{width:min(980px,86vw);height:min(74vw,720px);min-height:640px;margin:82px auto 42px;position:relative}
.about-page-v16 .tech-orbit-v16:before{content:"";position:absolute;left:50%;top:50%;width:92%;aspect-ratio:1;max-width:700px;border-radius:50%;border:1px solid rgba(41,147,239,.09);transform:translate(-50%,-50%);box-shadow:0 0 0 34px rgba(29,225,223,.012),0 0 110px rgba(41,147,239,.06)}
.about-page-v16 .tech-core-v16{width:244px;height:244px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:radial-gradient(circle at 36% 28%,rgba(41,147,239,.13),transparent 44%),rgba(7,12,16,.82);box-shadow:0 0 0 12px rgba(255,255,255,.018),0 34px 100px rgba(0,0,0,.35),0 0 90px rgba(29,225,223,.08);animation:techCoreFloatV16 7s ease-in-out infinite}
.about-page-v16 .tech-core-v16:before{content:"";position:absolute;inset:13px;border-radius:50%;border:1px solid rgba(29,225,223,.12)}
.about-page-v16 .tech-core-v16 img{width:172px;max-width:70%;position:relative;z-index:2}
.about-page-v16 .tech-core-v16 span{position:relative;z-index:2;color:#9eabb0;transition:color .25s ease,transform .35s var(--ease)}
.about-page-v16 .tech-orbit-v16.is-tech-active .tech-core-v16 span{color:#d9fbff;transform:translateY(-2px)}
@keyframes techCoreFloatV16{50%{transform:translate(-50%,-50%) translateY(-7px)}}
.about-page-v16 .tech-ring-v15{aspect-ratio:1;height:auto;border-style:dashed;transform-origin:center}
.about-page-v16 .tech-ring-v15.ring-one{width:48%;height:auto;border-color:rgba(29,225,223,.16);animation:techRingCWV16 32s linear infinite}
.about-page-v16 .tech-ring-v15.ring-two{width:76%;height:auto;border-color:rgba(41,147,239,.14);animation:techRingCCWV16 44s linear infinite}
@keyframes techRingCWV16{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes techRingCCWV16{to{transform:translate(-50%,-50%) rotate(-360deg)}}
.about-page-v16 .tech-spokes-v16{position:absolute;left:50%;top:50%;width:76%;aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none;opacity:.52}
.about-page-v16 .tech-spokes-v16 i{position:absolute;left:50%;top:50%;width:100%;height:1px;transform-origin:center;background:linear-gradient(90deg,transparent,rgba(41,147,239,.18) 16%,rgba(29,225,223,.12) 50%,rgba(41,147,239,.18) 84%,transparent)}
.about-page-v16 .tech-spokes-v16 i:nth-child(2){transform:rotate(45deg)}
.about-page-v16 .tech-spokes-v16 i:nth-child(3){transform:rotate(90deg)}
.about-page-v16 .tech-spokes-v16 i:nth-child(4){transform:rotate(135deg)}
.about-page-v16 .tech-orbit-dot-v16{position:absolute;left:50%;top:50%;width:76%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);animation:techDotOrbitV16 16s linear infinite;pointer-events:none}
.about-page-v16 .tech-orbit-dot-v16:before{content:"";position:absolute;left:50%;top:-4px;width:9px;height:9px;border-radius:50%;background:#1de1df;box-shadow:0 0 0 7px rgba(29,225,223,.08),0 0 26px rgba(29,225,223,.62)}
@keyframes techDotOrbitV16{to{transform:translate(-50%,-50%) rotate(360deg)}}
.about-page-v16 .tech-chip-v16{min-width:150px;padding:15px 17px;border-radius:12px;border-color:rgba(255,255,255,.12);background:rgba(7,13,18,.78);box-shadow:0 14px 34px rgba(0,0,0,.16);transform:translate(-50%,-50%);transition:transform .42s var(--ease),border-color .3s ease,background .3s ease,box-shadow .35s ease;outline:none}
.about-page-v16 .tech-chip-v16:hover,.about-page-v16 .tech-chip-v16:focus-visible{transform:translate(-50%,-50%) scale(1.07);border-color:rgba(29,225,223,.55);background:linear-gradient(135deg,rgba(41,147,239,.11),rgba(29,225,223,.075));box-shadow:0 20px 55px rgba(0,0,0,.26),0 0 0 5px rgba(29,225,223,.035)}
.about-page-v16 .tech-chip-v16 b{font-size:15px}.about-page-v16 .tech-chip-v16 span{color:#879398}
.about-page-v16 .tech-chip-v15.t1{left:50%;top:5%}
.about-page-v16 .tech-chip-v15.t2{left:79%;top:20%}
.about-page-v16 .tech-chip-v15.t3{left:93%;top:50%}
.about-page-v16 .tech-chip-v15.t4{left:79%;top:80%}
.about-page-v16 .tech-chip-v15.t5{left:50%;top:95%}
.about-page-v16 .tech-chip-v15.t6{left:21%;top:80%}
.about-page-v16 .tech-chip-v15.t7{left:7%;top:50%}
.about-page-v16 .tech-chip-v15.t8{left:21%;top:20%}
.about-page-v16 .tech-rail-v15{max-width:1180px;margin-inline:auto;background:rgba(255,255,255,.015)}

/* ---------- About: more balanced culture/value cards ---------- */
.about-page-v16 .about-values-v12{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1180px;margin-inline:auto}
.about-page-v16 .about-value-v12{min-height:280px;padding:28px 30px;border-radius:20px;justify-content:space-between;background:linear-gradient(145deg,#fff,#fbfcfb)}
.about-page-v16 .about-value-v12:after{content:"";position:absolute;left:30px;top:64px;width:44px;height:2px;border-radius:99px;background:linear-gradient(90deg,#2993ef,#1de1df);transform-origin:left;transform:scaleX(.35);opacity:.45;transition:transform .55s var(--ease),opacity .3s ease}
.about-page-v16 .about-value-v12:hover:after{transform:scaleX(1);opacity:1}
.about-page-v16 .about-value-v12 span{position:relative;top:auto;left:auto;font-size:9px;align-self:flex-start}
.about-page-v16 .about-value-v12>h3,.about-page-v16 .about-value-v12>p{max-width:510px}
.about-page-v16 .about-value-v12 h3{margin-top:auto;font-size:clamp(30px,2.8vw,44px)}
.about-page-v16 .about-value-v12 p{font-size:14px;max-width:470px}

/* ---------- About: portrait-only visual rhythm for the infinite carousel ---------- */
.about-page-v16 .about-marquee-section-v12{padding-top:clamp(96px,11vw,160px);padding-bottom:clamp(105px,12vw,170px)}
.about-page-v16 .about-marquee-shell-v12{padding:26px 0 30px;overflow:hidden}
.about-page-v16 .about-marquee-track-v12{padding:10px 0 18px;gap:16px}
.about-page-v16 .about-marquee-card,
.about-page-v16 .about-marquee-card:nth-child(3n+2),
.about-page-v16 .about-marquee-card:nth-child(5n),
.about-page-v16 .about-marquee-group-v12 .about-marquee-card:nth-child(5n){width:clamp(270px,22vw,360px);height:clamp(390px,31vw,500px);margin-top:0;border-radius:20px;transform-origin:center;transition:transform .65s var(--ease),box-shadow .65s var(--ease)}
.about-page-v16 .about-marquee-card:hover{transform:scale(1.035);box-shadow:0 34px 90px rgba(13,37,54,.16)}
.about-page-v16 .about-marquee-card img{transform:none!important;object-position:center 42%;filter:saturate(.98);transition:filter .55s ease}
.about-page-v16 .about-marquee-card:hover img{filter:saturate(1.08) contrast(1.02)}
.about-page-v16 .about-marquee-hint-v12{margin-top:8px}

/* ---------- About services: ensure all six cards read as a complete system ---------- */
.about-page-v16 .about-services-v12 .service-grid{gap:14px}
.about-page-v16 .about-services-v12 .service-card{min-height:290px;border-radius:18px;background:rgba(255,255,255,.34)}
.about-page-v16 .about-services-v12 .service-card:hover{background:#fff;transform:translateY(-6px)}

/* ---------- Careers: role dropdown arrow ---------- */
.careers-page-v16 .role-select-v16{-webkit-appearance:none;appearance:none;padding-right:48px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23515b58' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 18px center!important;background-size:14px 14px!important}

/* ---------- Work: gentle animated client color fields ---------- */
.work-page-v16 .work-panel-v16 .panel-bg{background-size:145% 145%!important;animation:workGradientDriftV16 13s ease-in-out infinite alternate;will-change:background-position,filter}
.work-page-v16 .work-panel-v16:nth-of-type(even) .panel-bg{animation-duration:15s;animation-direction:alternate-reverse}
@keyframes workGradientDriftV16{0%{background-position:20% 22%;filter:saturate(.95)}50%{background-position:62% 48%;filter:saturate(1.04)}100%{background-position:80% 68%;filter:saturate(.98)}}

/* ---------- Project pages: simplified, more interactive story ---------- */
.project-page-v16 .project-story-v16{position:relative;background:#f8f9f7;color:#0a0b0c;padding:clamp(110px,12vw,180px) var(--gutter) clamp(120px,13vw,190px);overflow:hidden;border-top:4px solid transparent;border-image:linear-gradient(90deg,var(--brand-a),var(--brand-b),transparent 72%) 1}
.project-page-v16 .project-story-v16:before{content:"";position:absolute;right:-17vw;top:-12vw;width:48vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--brand-a) 12%,transparent),transparent 68%);pointer-events:none}
.project-page-v16 .project-story-head-v16{position:relative;z-index:2;align-items:start}
.project-page-v16 .project-story-head-v16>.eyebrow{grid-column:1/span 3;color:#6d716e}
.project-page-v16 .project-story-lead-v16{grid-column:4/span 8}
.project-page-v16 .project-story-lead-v16 h2{font-size:clamp(48px,5.6vw,86px);line-height:.95;letter-spacing:-.055em;font-weight:560;margin:0;max-width:1050px}
.project-page-v16 .project-story-lead-v16 p{font-size:clamp(17px,1.4vw,21px);line-height:1.62;color:#626762;max-width:760px;margin:30px 0 0}
.project-page-v16 .project-story-chips-v16{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.project-page-v16 .project-story-chips-v16 span{font-size:8px;text-transform:uppercase;letter-spacing:.14em;padding:9px 12px;border:1px solid color-mix(in srgb,var(--brand-a) 24%,rgba(0,0,0,.09));background:#fff;color:#555b57}
.project-page-v16 .project-feature-grid-v16{position:relative;z-index:2;margin-top:clamp(70px,8vw,110px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.project-page-v16 .project-feature-v16{min-height:360px;border:1px solid rgba(0,0,0,.10);background:#fff;padding:26px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;transition:transform .6s var(--ease),border-color .4s ease,box-shadow .6s var(--ease)}
.project-page-v16 .project-feature-v16:before{content:"";position:absolute;inset:auto -24% -34% 18%;height:64%;background:radial-gradient(circle,color-mix(in srgb,var(--brand-a) 17%,transparent),color-mix(in srgb,var(--brand-b) 7%,transparent),transparent 68%);transform:translateY(32%);transition:transform .65s var(--ease)}
.project-page-v16 .project-feature-v16:hover{transform:translateY(-8px);border-color:color-mix(in srgb,var(--brand-a) 36%,rgba(0,0,0,.1));box-shadow:0 28px 80px rgba(16,39,50,.09)}
.project-page-v16 .project-feature-v16:hover:before{transform:translateY(10%)}
.project-page-v16 .project-feature-index-v16{font-size:9px;letter-spacing:.15em;color:#9a9e9b;position:relative;z-index:2}
.project-page-v16 .project-feature-v16 div{position:relative;z-index:2;margin-top:auto}
.project-page-v16 .project-feature-v16 h3{font-size:clamp(29px,2.6vw,43px);line-height:.98;letter-spacing:-.045em;font-weight:570;margin:0 0 16px}
.project-page-v16 .project-feature-v16 p{font-size:14px;line-height:1.62;color:#676b67;margin:0;max-width:390px}
.project-page-v16 .project-feature-v16>i{position:absolute;right:23px;top:21px;font-style:normal;width:36px;height:36px;border:1px solid rgba(0,0,0,.12);border-radius:50%;display:grid;place-items:center;transition:.45s var(--ease)}
.project-page-v16 .project-feature-v16:hover>i{background:linear-gradient(135deg,var(--brand-a),var(--brand-b));border-color:transparent;color:#fff;transform:rotate(10deg)}
.project-page-v16 .project-showcase-v16{position:relative;z-index:2;margin-top:clamp(80px,9vw,130px);display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.5fr);min-height:650px;background:#090b0d;color:#fff;overflow:hidden}
.project-page-v16 .project-showcase-v16:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 26%,color-mix(in srgb,var(--brand-a) 18%,transparent),transparent 36%);pointer-events:none}
.project-page-v16 .project-showcase-copy-v16{padding:clamp(36px,4.8vw,72px);display:flex;flex-direction:column;justify-content:flex-end;position:relative;z-index:3}
.project-page-v16 .project-showcase-copy-v16 .kicker{font-size:8px;text-transform:uppercase;letter-spacing:.16em;color:color-mix(in srgb,var(--brand-b) 70%,#fff);margin-bottom:auto}
.project-page-v16 .project-showcase-copy-v16 h3{font-size:clamp(38px,4.2vw,68px);line-height:.95;letter-spacing:-.05em;margin:0 0 20px;font-weight:560}
.project-page-v16 .project-showcase-copy-v16 p{color:rgba(255,255,255,.67);line-height:1.62;margin:0;max-width:470px}
.project-page-v16 .project-showcase-copy-v16 a{display:inline-flex;align-items:center;gap:10px;margin-top:32px;font-size:8px;text-transform:uppercase;letter-spacing:.15em;color:#fff}
.project-page-v16 .project-showcase-copy-v16 a span{width:34px;height:34px;border:1px solid rgba(255,255,255,.24);border-radius:50%;display:grid;place-items:center}
.project-page-v16 .project-showcase-media-v16{position:relative;margin:0;overflow:hidden;min-height:650px;background:linear-gradient(145deg,color-mix(in srgb,var(--brand-a) 18%,#101214),#060708)}
.project-page-v16 figure.project-showcase-media-v16 img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.94) contrast(1.03);transition:transform 1.1s var(--ease)}
.project-page-v16 figure.project-showcase-media-v16:hover img{transform:scale(1.035)}
.project-page-v16 .project-showcase-media-v16:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,11,13,.38),transparent 35%),linear-gradient(180deg,transparent 62%,rgba(0,0,0,.28));pointer-events:none}
.project-page-v16 .project-showcase-media-v16 figcaption{position:absolute;z-index:4;left:22px;bottom:18px;color:rgba(255,255,255,.76);font-size:8px;text-transform:uppercase;letter-spacing:.14em}
.project-page-v16 .project-showcase-art-v16{display:grid;place-items:center;isolation:isolate}
.project-page-v16 .project-showcase-art-v16>img{position:relative;z-index:3;max-width:54%;max-height:120px;object-fit:contain;filter:none!important}
.project-page-v16 .project-showcase-orbit-v16{position:absolute;width:min(66%,560px);aspect-ratio:1;border-radius:50%;border:1px solid color-mix(in srgb,var(--brand-b) 22%,rgba(255,255,255,.08));animation:projectOrbitV16 24s linear infinite}
.project-page-v16 .project-showcase-orbit-v16:before,.project-page-v16 .project-showcase-orbit-v16:after{content:"";position:absolute;border-radius:50%;border:1px solid color-mix(in srgb,var(--brand-a) 20%,rgba(255,255,255,.06));inset:15%}.project-page-v16 .project-showcase-orbit-v16:after{inset:34%}
.project-page-v16 .project-showcase-orbit-v16 i{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--brand-b);left:49%;top:-4px;box-shadow:0 0 20px color-mix(in srgb,var(--brand-b) 60%,transparent)}
.project-page-v16 .project-showcase-orbit-v16 i:nth-child(2){left:auto;right:10%;top:72%;background:var(--brand-a)}
.project-page-v16 .project-showcase-orbit-v16 i:nth-child(3){left:12%;top:72%;background:#fff}
@keyframes projectOrbitV16{to{transform:rotate(360deg)}}

@media(max-width:980px){
 .about-page-v16 .tech-orbit-v16{height:720px;width:min(96vw,820px)}
 .about-page-v16 .tech-chip-v16{min-width:132px;padding:13px}
 .about-page-v16 .about-values-v12{grid-template-columns:1fr 1fr}
 .project-page-v16 .project-story-head-v16>.eyebrow,.project-page-v16 .project-story-lead-v16{grid-column:1/-1}.project-page-v16 .project-story-lead-v16{margin-top:24px}
 .project-page-v16 .project-feature-grid-v16{grid-template-columns:1fr 1fr}.project-page-v16 .project-feature-v16:last-child{grid-column:1/-1;min-height:290px}
 .project-page-v16 .project-showcase-v16{grid-template-columns:1fr;min-height:0}.project-page-v16 .project-showcase-copy-v16{min-height:420px}.project-page-v16 .project-showcase-media-v16{min-height:560px}
}
@media(max-width:680px){
 .about-page-v16 .tech-orbit-v16{height:auto!important;min-height:0!important;width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
 .about-page-v16 .tech-core-v16,.about-page-v16 .tech-ring-v15,.about-page-v16 .tech-spokes-v16,.about-page-v16 .tech-orbit-dot-v16,.about-page-v16 .tech-orbit-v16:before{display:none!important}
 .about-page-v16 .tech-chip-v16{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;min-width:0!important;border-radius:10px}.about-page-v16 .tech-chip-v16:hover,.about-page-v16 .tech-chip-v16:focus-visible{transform:translateY(-3px)!important}
 .about-page-v16 .about-values-v12{grid-template-columns:1fr}.about-page-v16 .about-value-v12{min-height:255px}
 .about-page-v16 .about-marquee-card,.about-page-v16 .about-marquee-card:nth-child(3n+2),.about-page-v16 .about-marquee-card:nth-child(5n),.about-page-v16 .about-marquee-group-v12 .about-marquee-card:nth-child(5n){width:72vw;height:96vw}
 .project-page-v16 .project-feature-grid-v16{grid-template-columns:1fr}.project-page-v16 .project-feature-v16,.project-page-v16 .project-feature-v16:last-child{grid-column:auto;min-height:300px}.project-page-v16 .project-showcase-copy-v16{min-height:390px}.project-page-v16 .project-showcase-media-v16{min-height:440px}
}
@media(prefers-reduced-motion:reduce){
 .about-page-v16 .tech-core-v16,.about-page-v16 .tech-ring-v15,.about-page-v16 .tech-orbit-dot-v16,.work-page-v16 .work-panel-v16 .panel-bg,.project-page-v16 .project-showcase-orbit-v16{animation:none!important}
}
.about-page-v16 .tech-core-v16{translate:var(--tech-x,0px) var(--tech-y,0px)}
.project-page-v16 .project-showcase-orbit-v16{translate:var(--show-x,0px) var(--show-y,0px)}
.project-page-v16 .project-showcase-art-v16>img{translate:calc(var(--show-x,0px) * -.35) calc(var(--show-y,0px) * -.35)}
.about-page-v16 .tech-chip-v16.is-active{transform:translate(-50%,-50%) scale(1.07);border-color:rgba(29,225,223,.55);background:linear-gradient(135deg,rgba(41,147,239,.11),rgba(29,225,223,.075));box-shadow:0 20px 55px rgba(0,0,0,.26),0 0 0 5px rgba(29,225,223,.035)}
.project-page-v16 .project-showcase-art-v16>img{translate:var(--show-img-x,0px) var(--show-img-y,0px)}
@media(max-width:680px){.about-page-v16 .tech-chip-v16.is-active{transform:translateY(-3px)!important}}
.about-page-v16 .tech-chip-v16{right:auto!important;bottom:auto!important}
.work-page-v16 .work-panel-v16 .panel-bg{background-repeat:no-repeat!important}

/* =========================================================
   V17 — clearer business copy, simplified top navigation,
   stronger career CTA and robust application drawer scrolling
   ========================================================= */

:root{--header-h:92px}

/* Top navigation: no hamburger, logo left, links right */
.site-v17 header.site-header{padding:20px var(--gutter);min-height:92px;display:flex;align-items:center}
.site-v17 header.site-header .nav{width:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}
.site-v17 header.site-header .brand{flex:0 0 auto;display:flex;align-items:center}
.site-v17 header.site-header .brand-logo-stack{width:220px;aspect-ratio:895/214}
.site-v17 header.site-header .brand img{width:220px!important}
.site-v17 header.site-header .nav-links{margin-left:auto;display:flex;justify-content:flex-end;align-items:center;gap:34px;color:#c7c7c3;font-size:13px}
.site-v17 header.site-header .nav-link{padding:10px 0}
.site-v17 header.site-header .menu-toggle,.site-v17 .menu-overlay{display:none!important}
.site-v17 .breadcrumb{top:112px}

/* Careers: clearer and more distinctive talent CTA */
.careers-page-v16 #apply{
  background:
    radial-gradient(circle at 86% 44%,rgba(33,150,243,.17),transparent 28%),
    radial-gradient(circle at 74% 70%,rgba(29,225,223,.12),transparent 32%),
    linear-gradient(135deg,#f8fbff 0%,#ffffff 54%,#f5ffff 100%)!important;
  color:#07131d!important;
  min-height:68vh;
  border-top:1px solid rgba(8,35,52,.08);
  border-bottom:1px solid rgba(8,35,52,.08);
  isolation:isolate;
}
.careers-page-v16 #apply:before{
  content:"";
  position:absolute;
  right:-10vw;
  top:50%;
  width:min(54vw,760px);
  aspect-ratio:1;
  border-radius:50%;
  border:1px solid rgba(33,150,243,.16);
  box-shadow:0 0 0 34px rgba(33,150,243,.035),0 0 0 68px rgba(29,225,223,.025);
  transform:translateY(-50%);
  pointer-events:none;
  animation:careerTalentOrbitV17 9s ease-in-out infinite alternate;
  z-index:-1;
}
.careers-page-v16 #apply:after{
  content:"AIQUE / OPEN TALENT";
  position:absolute;
  right:var(--gutter);
  bottom:34px;
  font-size:9px;
  letter-spacing:.22em;
  color:rgba(7,19,29,.38);
  pointer-events:none;
}
@keyframes careerTalentOrbitV17{to{transform:translateY(-50%) translateX(-16px) scale(1.035)}}
.careers-page-v16 #apply .eyebrow{color:#63727c!important}
.careers-page-v16 #apply .cta-copy{position:relative;z-index:2}
.careers-page-v16 #apply .cta-copy h2{
  color:#07131d!important;
  line-height:.96!important;
  padding-bottom:.09em;
  margin-bottom:-.03em;
  overflow:visible!important;
  max-width:900px;
}
.careers-page-v16 #apply .cta-copy p{color:#5d6870!important;max-width:650px}
.careers-page-v16 #apply .pill-cta{border-color:rgba(7,19,29,.18);background:#fff;color:#07131d;box-shadow:0 18px 48px rgba(18,78,112,.08)}
.careers-page-v16 #apply .pill-cta:hover{background:#2196F3;color:#fff;border-color:#2196F3;transform:translateY(-4px)}
.careers-page-v16 #apply .cta-watermark{color:rgba(33,150,243,.055)}

/* Application drawer: content always scrolls above a fixed action bar */
.careers-page-v16 .application-drawer-card-v14{
  height:100svh!important;
  max-height:100svh!important;
  overflow:hidden!important;
  display:grid!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  padding:0!important;
}
.careers-page-v16 .application-drawer-scroll-v14{
  min-height:0!important;
  height:auto!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior:contain;
  padding:48px 42px 56px!important;
  scrollbar-width:thin!important;
  scrollbar-color:rgba(33,150,243,.42) transparent!important;
}
.careers-page-v16 .application-drawer-scroll-v14::-webkit-scrollbar{display:block!important;width:6px!important;height:6px!important}
.careers-page-v16 .application-drawer-scroll-v14::-webkit-scrollbar-track{background:transparent}
.careers-page-v16 .application-drawer-scroll-v14::-webkit-scrollbar-thumb{background:rgba(33,150,243,.34);border-radius:999px}
.careers-page-v16 .application-drawer-card-v14>.application-actions-v12{
  position:relative!important;
  inset:auto!important;
  margin:0!important;
  padding:16px 42px 20px!important;
  min-height:88px;
  display:grid!important;
  grid-template-columns:1fr 1.55fr!important;
  gap:10px!important;
  background:rgba(255,255,255,.97)!important;
  border-top:1px solid rgba(0,0,0,.09)!important;
  box-shadow:0 -16px 36px rgba(8,20,28,.08)!important;
  backdrop-filter:blur(16px);
  z-index:12!important;
}
.careers-page-v16 .application-form-v12{padding-bottom:12px!important}
.careers-page-v16 .application-submit-v12{background:#2196F3!important;border-color:#2196F3!important;color:#fff!important}
.careers-page-v16 .application-submit-v12:hover{background:#1687df!important;border-color:#1687df!important}
.careers-page-v16 .role-select-v16{padding-right:58px!important;background-position:right 28px center!important}

/* Footer cleanup after removing prototype label */
.site-v17 .footer-contact-v13{align-content:start}

@media(max-width:980px){
  :root{--header-h:84px}
  .site-v17 header.site-header{min-height:84px;padding:17px var(--gutter)}
  .site-v17 header.site-header .brand-logo-stack{width:190px}
  .site-v17 header.site-header .brand img{width:190px!important}
  .site-v17 header.site-header .nav-links{gap:22px;font-size:12px}
  .site-v17 .breadcrumb{top:100px}
  .careers-page-v16 .application-drawer-scroll-v14{padding:40px 28px 44px!important}
  .careers-page-v16 .application-drawer-card-v14>.application-actions-v12{padding:15px 28px 18px!important}
}

@media(max-width:680px){
  :root{--header-h:78px}
  .site-v17 header.site-header{min-height:78px;padding:14px 16px}
  .site-v17 header.site-header .nav{gap:14px}
  .site-v17 header.site-header .brand-logo-stack{width:150px}
  .site-v17 header.site-header .brand img{width:150px!important}
  .site-v17 header.site-header .nav-links{gap:14px;font-size:11px}
  .site-v17 header.site-header .nav-link{padding:8px 0}
  .site-v17 .breadcrumb{top:92px}
  .careers-page-v16 #apply{min-height:72vh}
  .careers-page-v16 #apply:before{width:86vw;right:-38vw}
  .careers-page-v16 #apply:after{display:none}
  .careers-page-v16 #apply .cta-copy h2{line-height:1!important;padding-bottom:.12em}
  .careers-page-v16 .application-drawer-scroll-v14{padding:34px 18px 38px!important}
  .careers-page-v16 .application-drawer-card-v14>.application-actions-v12{padding:12px 18px 16px!important;grid-template-columns:1fr!important}
  .careers-page-v16 .role-select-v16{padding-right:54px!important;background-position:right 24px center!important}
}

/* =========================================================
   V18 — clearer navigation, partnership CTA + contact pages
   ========================================================= */
.site-v18 header.site-header{
  min-height:96px;
  padding:20px var(--gutter);
}
.site-v18 header.site-header .nav{
  width:100%;
  display:flex;
  align-items:center;
  gap:28px;
}
.site-v18 header.site-header .brand{flex:0 0 auto}
.site-v18 header.site-header .brand-logo-stack{width:228px}
.site-v18 header.site-header .brand img{width:228px!important}
.site-v18 header.site-header .nav-links{
  margin-left:auto;
  display:flex!important;
  align-items:center;
  justify-content:flex-end;
  gap:34px;
  font-size:15px;
  line-height:1;
  font-weight:540;
  letter-spacing:-.01em;
  color:#fff;
  transition:color .25s ease;
}
.site-v18 header.site-header .nav-link{padding:12px 0}
.site-v18 header.site-header.theme-light .nav-links{color:#111!important}
.site-v18 header.site-header.theme-dark .nav-links{color:#fff!important}
.site-v18 header.site-header.theme-light .nav-link,
.site-v18 header.site-header.theme-light .nav-link:visited{color:#111!important}
.site-v18 header.site-header.theme-dark .nav-link,
.site-v18 header.site-header.theme-dark .nav-link:visited{color:#fff!important}
.site-v18 .nav-cta-v18{
  flex:0 0 auto;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 20px;
  border-radius:999px;
  background:#2196F3;
  color:#fff!important;
  font-size:13px;
  font-weight:650;
  letter-spacing:.01em;
  box-shadow:0 10px 28px rgba(33,150,243,.18);
  transition:transform .35s var(--ease),box-shadow .35s ease,background .35s ease;
  white-space:nowrap;
}
.site-v18 .nav-cta-v18:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(33,150,243,.26);background:#1689e4}
.site-v18 header.site-header.scrolled .nav-cta-v18{box-shadow:0 8px 24px rgba(33,150,243,.18)}

/* Reusable end-of-page partnership CTA */
.site-end-cta-v18{
  position:relative;
  overflow:hidden;
  background:#f7f8fa;
  color:#080808;
  padding:clamp(88px,10vw,150px) var(--gutter);
  border-top:1px solid rgba(0,0,0,.08);
  isolation:isolate;
}
.site-end-cta-v18:before{
  content:"";
  position:absolute;
  width:min(62vw,900px);height:min(62vw,900px);
  right:-22vw;top:-42%;border-radius:50%;
  background:radial-gradient(circle,rgba(29,225,223,.16),rgba(33,150,243,.07) 42%,transparent 69%);
  z-index:-2;pointer-events:none;
}
.site-end-cta-grid-v18{
  display:grid;grid-template-columns:repeat(12,1fr);gap:18px;align-items:end;
  position:relative;z-index:2;
}
.site-end-cta-grid-v18>.eyebrow{grid-column:1/span 2;align-self:start;color:#565a5e}
.site-end-cta-copy-v18{grid-column:3/span 7}
.site-end-cta-copy-v18 h2{margin:0;font-size:clamp(46px,6.2vw,94px);line-height:.96;letter-spacing:-.055em;font-weight:560;max-width:1050px}
.site-end-cta-copy-v18 p{font-size:clamp(17px,1.5vw,22px);line-height:1.55;color:#65686c;max-width:670px;margin:26px 0 0}
.site-end-cta-button-v18{grid-column:11/span 2;justify-self:end;display:inline-flex;align-items:center;gap:18px;font-size:13px;font-weight:650;white-space:nowrap}
.site-end-cta-button-v18 b{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;font-size:16px;font-weight:400;transition:.35s var(--ease);box-shadow:0 14px 30px rgba(0,0,0,.12)}
.site-end-cta-button-v18:hover b{background:#2196F3;transform:rotate(10deg) scale(1.04)}
.site-end-cta-energy-v18{position:absolute;left:18%;right:-10%;bottom:8%;height:150px;z-index:-1;opacity:.7;pointer-events:none;filter:blur(.2px)}
.site-end-cta-energy-v18 i{position:absolute;left:0;right:0;height:2px;border-radius:50%;background:linear-gradient(90deg,transparent,#0047fe 16%,#2196F3 40%,#00d9f5 68%,transparent);transform-origin:center;animation:endEnergyWaveV18 8s ease-in-out infinite}
.site-end-cta-energy-v18 i:nth-child(1){top:28%;transform:rotate(-2deg) scaleX(.92)}
.site-end-cta-energy-v18 i:nth-child(2){top:52%;animation-delay:-2.6s;opacity:.56;transform:rotate(1.5deg)}
.site-end-cta-energy-v18 i:nth-child(3){top:72%;animation-delay:-5.1s;opacity:.32;transform:rotate(-.8deg) scaleX(.8)}
@keyframes endEnergyWaveV18{0%,100%{translate:0 0;scale:1 .6}50%{translate:2.5% -12px;scale:1.03 1}}

/* Let’s Talk gateway */
.connect-page-v18,.partnership-page-v18{background:#f7f7f4;color:#080808}
.connect-hero-v18{position:relative;min-height:100svh;padding:calc(var(--header-h) + 74px) var(--gutter) clamp(80px,8vw,120px);display:flex;align-items:center;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#fafbfc 0%,#f5f7f9 100%)}
.connect-hero-v18:before{content:"";position:absolute;width:54vw;height:54vw;min-width:600px;min-height:600px;right:-20vw;top:-18vw;border-radius:50%;background:radial-gradient(circle,rgba(29,225,223,.17),rgba(33,150,243,.08) 38%,transparent 68%);z-index:-2}
.connect-hero-v18:after{content:"AIQUE";position:absolute;right:-1vw;bottom:-8vw;font-size:clamp(160px,25vw,420px);font-weight:700;letter-spacing:-.09em;color:rgba(0,0,0,.025);z-index:-3;white-space:nowrap}
.connect-hero-grid-v18{width:100%;display:grid;grid-template-columns:repeat(12,1fr);gap:18px;align-items:center}
.connect-copy-v18{grid-column:1/span 5}
.connect-copy-v18 h1{font-size:clamp(66px,8.2vw,132px);line-height:.9;letter-spacing:-.07em;font-weight:580;margin:22px 0 30px}
.connect-copy-v18 h1 em{font-style:normal;background:linear-gradient(90deg,#0047fe,#2196F3 48%,#00d9f5);-webkit-background-clip:text;background-clip:text;color:transparent}
.connect-copy-v18 p{font-size:clamp(18px,1.55vw,23px);line-height:1.55;color:#62666a;max-width:600px}
.connect-options-v18{grid-column:7/span 6;display:grid;gap:14px}
.connect-option-v18{position:relative;display:grid;grid-template-columns:52px 1fr 64px;gap:22px;align-items:start;padding:34px;border:1px solid rgba(0,0,0,.09);background:rgba(255,255,255,.78);min-height:250px;overflow:hidden;transition:transform .45s var(--ease),border-color .35s ease,box-shadow .45s ease,background .35s ease;backdrop-filter:blur(10px)}
.connect-option-v18:before{content:"";position:absolute;inset:auto -18% -70% 30%;height:160%;border-radius:50%;background:radial-gradient(circle,rgba(33,150,243,.16),transparent 65%);transform:translateY(12%);transition:transform .55s var(--ease),opacity .35s;opacity:.5;pointer-events:none}
.connect-option-v18.careers:before{background:radial-gradient(circle,rgba(29,225,223,.19),transparent 66%)}
.connect-option-v18:hover{transform:translateY(-6px);border-color:rgba(33,150,243,.32);box-shadow:0 28px 70px rgba(26,38,50,.1);background:#fff}
.connect-option-v18:hover:before{transform:translateY(0) scale(1.06);opacity:.9}
.connect-num-v18{font-size:11px;letter-spacing:.15em;color:#8b8e92;padding-top:8px}
.connect-kicker-v18{text-transform:uppercase;font-size:10px;letter-spacing:.14em;color:#6b6f73;margin-bottom:14px}
.connect-option-v18 h2{font-size:clamp(31px,3vw,50px);line-height:1;letter-spacing:-.045em;margin:0 0 18px;font-weight:560}
.connect-option-v18 p{font-size:16px;line-height:1.55;color:#686c70;max-width:510px;margin:0}
.connect-option-v18>b{align-self:end;justify-self:end;width:56px;height:56px;border-radius:50%;background:#111;color:#fff;display:grid;place-items:center;font-weight:400;transition:.4s var(--ease)}
.connect-option-v18:hover>b{background:#2196F3;transform:rotate(10deg)}
.connect-energy-v18{position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.62}
.connect-energy-v18 i{position:absolute;width:62vw;height:62vw;border:1px solid rgba(33,150,243,.11);border-radius:46% 54% 52% 48%;right:-20vw;top:-22vw;animation:connectOrbitV18 24s linear infinite}
.connect-energy-v18 i:nth-child(2){width:52vw;height:52vw;right:-12vw;top:-12vw;border-color:rgba(29,225,223,.12);animation-duration:31s;animation-direction:reverse}
.connect-energy-v18 i:nth-child(3){width:35vw;height:35vw;right:2vw;top:4vw;animation-duration:20s}
.connect-energy-v18 i:nth-child(4){width:18vw;height:18vw;right:10vw;top:12vw;border-color:rgba(0,71,254,.1);animation-duration:15s;animation-direction:reverse}
@keyframes connectOrbitV18{to{transform:rotate(360deg)}}

/* Business partnership form page */
.partnership-v18{position:relative;min-height:100svh;padding:calc(var(--header-h) + 74px) var(--gutter) clamp(90px,9vw,140px);overflow:hidden;background:#f7f7f4;color:#080808;isolation:isolate}
.partnership-v18:before{content:"";position:absolute;left:-14vw;bottom:-30vw;width:60vw;height:60vw;border-radius:50%;background:radial-gradient(circle,rgba(0,71,254,.09),rgba(29,225,223,.08) 34%,transparent 67%);z-index:-1}
.partnership-grid-v18{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;align-items:start;margin-top:54px}
.partnership-copy-v18{grid-column:1/span 5;position:sticky;top:calc(var(--header-h) + 46px);padding-right:5vw}
.partnership-copy-v18 h1{font-size:clamp(62px,7.4vw,116px);line-height:.92;letter-spacing:-.065em;font-weight:570;margin:20px 0 30px}
.partnership-copy-v18 h1 em{font-style:normal;background:linear-gradient(90deg,#0047fe,#2196F3,#00d9f5);-webkit-background-clip:text;background-clip:text;color:transparent}
.partnership-copy-v18>p{font-size:clamp(18px,1.55vw,23px);line-height:1.58;color:#62666a;max-width:620px}
.partnership-points-v18{display:flex;flex-wrap:wrap;gap:9px;margin:34px 0}
.partnership-points-v18 span{border:1px solid rgba(0,0,0,.1);padding:9px 12px;border-radius:999px;font-size:11px;color:#575b5e;background:rgba(255,255,255,.55)}
.partnership-note-v18{margin-top:48px;border-top:1px solid rgba(0,0,0,.12);padding-top:22px;max-width:560px}.partnership-note-v18 strong{font-size:14px}.partnership-note-v18 p{color:#73777b;font-size:14px;line-height:1.6;margin:9px 0 0}
.partnership-form-shell-v18{grid-column:7/span 6;position:relative;background:#0a0d12;color:#fff;padding:40px;overflow:hidden;box-shadow:0 38px 100px rgba(12,24,40,.14)}
.partnership-form-head-v18{display:flex;justify-content:space-between;gap:20px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.12);position:relative;z-index:2}
.partnership-form-head-v18 span,.partnership-form-head-v18 b{font-size:10px;text-transform:uppercase;letter-spacing:.14em}.partnership-form-head-v18 span{color:#d6d9dc}.partnership-form-head-v18 b{color:#687079;font-weight:500}
.partnership-form-v18{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:24px 18px;margin-top:34px}
.partnership-form-v18 label{display:grid;gap:10px}.partnership-form-v18 label.full{grid-column:1/-1}.partnership-form-v18 label>span{font-size:11px;color:#aeb5bc;letter-spacing:.02em}
.partnership-form-v18 input,.partnership-form-v18 select,.partnership-form-v18 textarea{width:100%;box-sizing:border-box;border:0;border-bottom:1px solid rgba(255,255,255,.2);border-radius:0!important;background:transparent;color:#fff;padding:12px 2px 14px;font:inherit;font-size:15px;outline:none;transition:border-color .25s ease,background .25s ease}
.partnership-form-v18 input::placeholder,.partnership-form-v18 textarea::placeholder{color:#59616a}.partnership-form-v18 select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#89929c 50%),linear-gradient(135deg,#89929c 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:35px}.partnership-form-v18 select option{color:#111}.partnership-form-v18 input:focus,.partnership-form-v18 select:focus,.partnership-form-v18 textarea:focus{border-color:#2196F3}.partnership-form-v18 textarea{resize:vertical;min-height:128px;line-height:1.55}
.partnership-form-v18 button{grid-column:1/-1;margin-top:10px;border:0;border-radius:0;background:#2196F3;color:#fff;min-height:58px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:650;cursor:pointer;transition:.35s var(--ease)}.partnership-form-v18 button:hover{background:#1689e4;transform:translateY(-2px)}.partnership-form-v18 button b{font-size:16px;font-weight:400}.partnership-form-status-v18{grid-column:1/-1;margin:0;padding:16px;border:1px solid rgba(29,225,223,.25);background:rgba(29,225,223,.06);font-size:13px;line-height:1.5;color:#cfeff0}
.partnership-energy-v18{position:absolute;inset:0;pointer-events:none;opacity:.75}.partnership-energy-v18:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-280px;top:-220px;background:radial-gradient(circle,rgba(33,150,243,.3),transparent 65%)}.partnership-energy-v18 i{position:absolute;right:-20%;left:42%;height:1px;background:linear-gradient(90deg,transparent,#0047fe,#00d9f5,transparent);transform:rotate(-13deg);animation:partnerLineV18 8s ease-in-out infinite}.partnership-energy-v18 i:nth-child(1){top:18%}.partnership-energy-v18 i:nth-child(2){top:24%;opacity:.5;animation-delay:-2.7s}.partnership-energy-v18 i:nth-child(3){top:30%;opacity:.28;animation-delay:-5s}@keyframes partnerLineV18{50%{translate:-8% 18px;scale:1.08 1}}

/* Footer nav with an extra item stays balanced */
.site-v18 .footer-nav-v13 a{font-size:clamp(15px,1.2vw,18px)}

@media(max-width:1000px){
  .site-v18 header.site-header .brand-logo-stack{width:195px}.site-v18 header.site-header .brand img{width:195px!important}.site-v18 header.site-header .nav-links{font-size:13px;gap:22px}.site-v18 .nav-cta-v18{padding:0 17px;font-size:12px}
  .site-end-cta-grid-v18>.eyebrow{grid-column:1/span 3}.site-end-cta-copy-v18{grid-column:4/span 7}.site-end-cta-button-v18{grid-column:11/span 2}
  .connect-copy-v18{grid-column:1/span 6}.connect-options-v18{grid-column:7/span 6}.connect-option-v18{grid-template-columns:38px 1fr 54px;padding:28px;gap:14px}
  .partnership-copy-v18{grid-column:1/span 5;padding-right:2vw}.partnership-form-shell-v18{grid-column:6/span 7}
}
@media(max-width:760px){
  :root{--header-h:82px}
  .site-v18 header.site-header{min-height:82px;padding:14px 18px}.site-v18 header.site-header .nav{gap:12px}.site-v18 header.site-header .brand-logo-stack{width:145px}.site-v18 header.site-header .brand img{width:145px!important}.site-v18 header.site-header .nav-links{gap:12px;font-size:11px}.site-v18 .nav-cta-v18{min-height:38px;padding:0 13px;font-size:11px}
  .site-end-cta-v18{padding:84px 20px}.site-end-cta-grid-v18{display:block}.site-end-cta-copy-v18{margin-top:25px}.site-end-cta-copy-v18 h2{font-size:clamp(43px,12vw,68px)}.site-end-cta-button-v18{margin-top:36px}.site-end-cta-energy-v18{left:-12%;right:-40%;bottom:4%}
  .connect-hero-v18{padding:calc(var(--header-h) + 72px) 20px 80px}.connect-hero-grid-v18{display:block}.connect-copy-v18 h1{font-size:clamp(58px,15vw,88px)}.connect-options-v18{margin-top:58px}.connect-option-v18{min-height:0;grid-template-columns:34px 1fr 48px;padding:24px 20px}.connect-option-v18>b{width:48px;height:48px}
  .partnership-v18{padding:calc(var(--header-h) + 70px) 20px 80px}.partnership-grid-v18{display:block}.partnership-copy-v18{position:static;padding-right:0}.partnership-copy-v18 h1{font-size:clamp(56px,14vw,88px)}.partnership-form-shell-v18{margin-top:58px;padding:28px 20px}.partnership-form-v18{grid-template-columns:1fr}.partnership-form-v18 label.full{grid-column:auto}.partnership-form-v18 button,.partnership-form-status-v18{grid-column:auto}
}
@media(max-width:560px){
  .site-v18 header.site-header .brand-logo-stack{width:128px}.site-v18 header.site-header .brand img{width:128px!important}.site-v18 header.site-header .nav-links{gap:9px;font-size:10.5px}.site-v18 .nav-cta-v18{padding:0 10px;font-size:10.5px}.site-v18 header.site-header .nav{gap:9px}
}
@media(max-width:470px){
  .site-v18 header.site-header .nav-links .nav-link:nth-child(2){display:none}
}
@media(prefers-reduced-motion:reduce){.site-end-cta-energy-v18 i,.connect-energy-v18 i,.partnership-energy-v18 i{animation:none!important}}


/* =========================================================
   V19 — cleaner Let's Talk gateway + generic end CTA
   ========================================================= */
.connect-page-v18{background:#f6f8fb;color:#080808}
.connect-hero-v19{
  position:relative;min-height:100svh;padding:calc(var(--header-h) + 56px) var(--gutter) 46px;
  overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:center;
  background:
    radial-gradient(circle at 80% 18%,rgba(0,217,245,.12),transparent 26%),
    radial-gradient(circle at 58% 76%,rgba(0,71,254,.09),transparent 27%),
    linear-gradient(180deg,#fbfcfe 0%,#f4f7fa 100%);
}
.connect-hero-v19:before{
  content:"";position:absolute;inset:0;z-index:-3;pointer-events:none;opacity:.42;
  background-image:linear-gradient(rgba(0,0,0,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.035) 1px,transparent 1px);
  background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 76%,transparent 100%);
}
.connect-hero-v19 .breadcrumb{position:absolute;left:var(--gutter);top:calc(var(--header-h) + 28px)}
.connect-grid-v19{width:100%;display:grid;grid-template-columns:repeat(12,1fr);gap:18px;align-items:center;margin-top:32px}
.connect-intro-v19{grid-column:1/span 5;position:relative;z-index:2;padding-right:3vw;overflow:visible}
.connect-brand-v19{display:flex;align-items:center;gap:20px;margin-bottom:52px;padding:15px 17px;border:1px solid rgba(0,0,0,.08);background:rgba(255,255,255,.68);backdrop-filter:blur(12px);width:max-content;max-width:100%}
.connect-brand-v19 img{display:block;width:138px;height:auto}
.connect-brand-v19 span{font-size:10px;line-height:1.4;text-transform:uppercase;letter-spacing:.13em;color:#72777c;border-left:1px solid rgba(0,0,0,.1);padding-left:18px}
.connect-intro-v19 h1{font-size:clamp(64px,7.8vw,126px);line-height:.96;letter-spacing:-.068em;font-weight:585;margin:20px 0 24px;padding:0 0 .11em;overflow:visible}
.connect-intro-v19 h1 em{font-style:normal;display:inline-block;padding-bottom:.08em;background:linear-gradient(90deg,#0047fe 4%,#2196F3 50%,#00d9f5 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.connect-intro-v19>p{font-size:clamp(18px,1.45vw,22px);line-height:1.58;color:#60666c;max-width:580px;margin:0}
.connect-note-v19{display:flex;align-items:center;gap:13px;margin-top:34px;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#73787e}
.connect-note-v19 i{display:block;width:42px;height:1px;background:linear-gradient(90deg,#0047fe,#00d9f5)}
.connect-routes-v19{grid-column:7/span 6;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:stretch}
.connect-route-v19{position:relative;min-height:500px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid rgba(0,0,0,.09);transition:transform .5s var(--ease),box-shadow .5s ease,border-color .35s ease;background:#fff}
.connect-route-v19:before{content:"";position:absolute;inset:auto -28% -35% 18%;height:72%;border-radius:50%;filter:blur(8px);opacity:.75;transition:transform .7s var(--ease),opacity .35s ease;pointer-events:none}
.connect-route-v19.route-business:before{background:radial-gradient(circle,rgba(33,150,243,.25),rgba(0,71,254,.06) 52%,transparent 72%)}
.connect-route-v19.route-careers:before{background:radial-gradient(circle,rgba(29,225,223,.24),rgba(0,111,169,.055) 52%,transparent 72%)}
.connect-route-v19:hover{transform:translateY(-8px);box-shadow:0 32px 80px rgba(17,33,52,.11);border-color:rgba(33,150,243,.26)}
.connect-route-v19:hover:before{transform:translate(-4%,-8%) scale(1.08);opacity:1}
.connect-route-top-v19{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.connect-route-top-v19>span{font-size:10px;color:#8a9096;letter-spacing:.15em}.connect-route-top-v19 b{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#0b0d10;color:#fff;font-size:15px;font-weight:400;transition:.4s var(--ease)}.connect-route-v19:hover .connect-route-top-v19 b{background:#2196F3;transform:rotate(10deg)}
.connect-route-copy-v19{position:relative;z-index:2;margin-top:auto;margin-bottom:auto;padding:70px 0 54px}.connect-route-copy-v19 small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#7c8288;margin-bottom:15px}.connect-route-copy-v19 h2{font-size:clamp(33px,3.1vw,51px);line-height:1.02;letter-spacing:-.045em;margin:0 0 18px;font-weight:570;padding-bottom:.03em}.connect-route-copy-v19 p{font-size:15px;line-height:1.6;color:#666c72;margin:0;max-width:390px}
.connect-route-foot-v19{position:relative;z-index:2;display:flex;align-items:center;gap:12px;font-size:11px;font-weight:650}.connect-route-foot-v19 i{width:34px;height:1px;background:linear-gradient(90deg,#0047fe,#00d9f5);transition:width .4s var(--ease)}.connect-route-v19:hover .connect-route-foot-v19 i{width:60px}
.connect-aura-v19{position:absolute;inset:0;z-index:-2;pointer-events:none;overflow:hidden}.connect-aura-v19 i{position:absolute;border-radius:50%;filter:blur(10px);animation:connectAuraV19 15s ease-in-out infinite alternate}.connect-aura-v19 i:first-child{width:34vw;height:34vw;min-width:360px;min-height:360px;right:-8vw;top:6%;background:radial-gradient(circle,rgba(0,217,245,.14),transparent 67%)}.connect-aura-v19 i:last-child{width:28vw;height:28vw;min-width:320px;min-height:320px;left:34%;bottom:-12%;background:radial-gradient(circle,rgba(0,71,254,.095),transparent 70%);animation-delay:-6s}.connect-bottom-v19{position:absolute;left:var(--gutter);right:var(--gutter);bottom:24px;display:flex;justify-content:space-between;gap:20px;font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#899097}
@keyframes connectAuraV19{to{transform:translate3d(3%,-3%,0) scale(1.08)}}

/* Generic end CTA: no decorative floating lines */
.site-end-cta-v19{position:relative;padding:clamp(86px,9vw,138px) var(--gutter);background:#f5f7fa;color:#080808;border-top:1px solid rgba(0,0,0,.07);overflow:hidden}
.site-end-cta-card-v19{position:relative;display:grid;grid-template-columns:repeat(12,1fr);gap:18px;align-items:end;min-height:430px;padding:clamp(34px,4.5vw,68px);border:1px solid rgba(0,0,0,.085);background:rgba(255,255,255,.9);overflow:hidden;box-shadow:0 28px 70px rgba(16,34,52,.055)}
.site-end-cta-card-v19:before{content:"";position:absolute;right:-10%;top:-45%;width:52%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(0,217,245,.2) 0,rgba(33,150,243,.11) 38%,rgba(0,71,254,.035) 58%,transparent 72%);pointer-events:none;animation:ctaAuraV19 10s ease-in-out infinite alternate}
.site-end-cta-card-v19:after{content:"AIQUE";position:absolute;right:-.04em;bottom:-.19em;font-size:clamp(100px,17vw,250px);font-weight:700;letter-spacing:-.085em;color:rgba(0,0,0,.028);line-height:1;pointer-events:none}
.site-end-cta-kicker-v19{grid-column:1/span 2;align-self:start;font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:#646a70;display:flex;align-items:center;gap:10px}.site-end-cta-kicker-v19:before{content:"";width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#0047fe,#00d9f5);box-shadow:0 0 20px rgba(0,217,245,.25)}
.site-end-cta-copy-v19{grid-column:3/span 7;position:relative;z-index:2}.site-end-cta-copy-v19 h2{margin:0;font-size:clamp(48px,6.1vw,92px);line-height:.98;letter-spacing:-.055em;font-weight:565;padding-bottom:.05em}.site-end-cta-copy-v19 p{font-size:clamp(17px,1.45vw,21px);line-height:1.6;color:#646a70;max-width:690px;margin:23px 0 0}
.site-end-cta-paths-v19{grid-column:3/span 7;align-self:end;display:flex;align-items:center;gap:12px;margin-top:42px;font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:#73797f;position:relative;z-index:2}.site-end-cta-paths-v19 i{width:48px;height:1px;background:linear-gradient(90deg,#0047fe,#00d9f5)}
.site-end-cta-button-v19{grid-column:11/span 2;grid-row:1/span 2;justify-self:end;align-self:center;position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-end;gap:16px;font-size:12px;font-weight:680}.site-end-cta-button-v19 b{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#0b0d10;color:#fff;font-size:18px;font-weight:400;transition:.4s var(--ease);box-shadow:0 16px 34px rgba(0,0,0,.13)}.site-end-cta-button-v19:hover b{background:#2196F3;transform:rotate(10deg) scale(1.04)}
@keyframes ctaAuraV19{to{transform:translate3d(-5%,7%,0) scale(1.08)}}

@media(max-width:1024px){
 .connect-intro-v19{grid-column:1/span 6}.connect-routes-v19{grid-column:7/span 6;grid-template-columns:1fr}.connect-route-v19{min-height:300px}.connect-route-copy-v19{padding:38px 0 28px}
 .site-end-cta-copy-v19{grid-column:3/span 8}.site-end-cta-button-v19{grid-column:11/span 2}
}
@media(max-width:760px){
 .connect-hero-v19{padding:calc(var(--header-h) + 66px) 20px 54px;justify-content:flex-start}.connect-hero-v19 .breadcrumb{left:20px;top:calc(var(--header-h) + 24px)}.connect-grid-v19{display:block;margin-top:82px}.connect-intro-v19{padding-right:0}.connect-brand-v19{margin-bottom:34px}.connect-brand-v19 img{width:116px}.connect-brand-v19 span{font-size:8px}.connect-intro-v19 h1{font-size:clamp(54px,14vw,82px);line-height:.98;margin-top:16px;padding-bottom:.13em}.connect-routes-v19{display:grid;grid-template-columns:1fr;margin-top:50px}.connect-route-v19{min-height:300px;padding:22px}.connect-route-copy-v19{padding:42px 0 28px}.connect-bottom-v19{display:none}
 .site-end-cta-v19{padding:72px 20px}.site-end-cta-card-v19{display:block;min-height:0;padding:34px 24px}.site-end-cta-copy-v19{margin-top:28px}.site-end-cta-copy-v19 h2{font-size:clamp(44px,12vw,66px);line-height:1;padding-bottom:.06em}.site-end-cta-paths-v19{margin-top:30px;flex-wrap:wrap}.site-end-cta-button-v19{margin-top:42px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.site-end-cta-button-v19 b{width:58px;height:58px}
}
@media(prefers-reduced-motion:reduce){.connect-aura-v19 i,.site-end-cta-card-v19:before{animation:none!important}}

/* =========================================================
   V21 — Our Work nav, desktop hero tuning, richer motion depth
   ========================================================= */

/* Slightly smaller homepage hero type on standard desktop screens.
   Large desktop / wide-screen presentation keeps the V20 scale. */
@media (min-width:901px) and (max-width:1599px){
  .site-v21.home-page .hero-v8-title{
    font-size:clamp(62px,7vw,108px)!important;
    max-width:940px!important;
    line-height:.91!important;
  }
  .site-v21.home-page .hero-v8-copy{grid-column:1/span 8}
  .site-v21.home-page .hero-v8-brand-panel{grid-column:9/span 4}
}
@media (min-width:1600px){
  .site-v21.home-page .hero-v8-title{
    font-size:clamp(78px,8.9vw,142px)!important;
    max-width:1100px!important;
  }
}

/* Homepage hero reacts gently to pointer movement without disturbing copy. */
.site-v21 .hero-depth-v21{
  translate:var(--hero-depth-x,0px) var(--hero-depth-y,0px);
  transition:translate .65s cubic-bezier(.16,1,.3,1);
  will-change:translate;
}
.site-v21 .hero-v8-brand-panel{
  translate:var(--panel-depth-x,0px) var(--panel-depth-y,0px);
  transition:translate .7s cubic-bezier(.16,1,.3,1),box-shadow .55s ease;
}
.site-v21 .hero-v8-brand-panel:hover{box-shadow:0 38px 100px rgba(41,147,239,.14)}

/* Reusable interactive sections: restrained cursor light + parallax orbit. */
.site-v21 .interactive-section-v21{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  --gx:72%;
  --gy:28%;
}
.site-v21 .interactive-section-v21>.interactive-glow-v21{
  position:absolute;
  inset:-1px;
  z-index:0;
  pointer-events:none;
  background:radial-gradient(520px circle at var(--gx) var(--gy),rgba(33,150,243,.075),rgba(29,225,223,.035) 30%,transparent 68%);
  opacity:.85;
  transition:opacity .4s ease;
}
.site-v21 .interactive-section-v21:hover>.interactive-glow-v21{opacity:1}
.site-v21 .interactive-section-v21>.section-orbit-v21{
  position:absolute;
  z-index:0;
  width:clamp(260px,31vw,520px);
  aspect-ratio:1;
  right:clamp(-230px,-10vw,-100px);
  top:12%;
  border-radius:50%;
  border:1px solid rgba(33,150,243,.11);
  pointer-events:none;
  opacity:.7;
  animation:sectionOrbitSpinV21 26s linear infinite;
  will-change:translate,transform;
}
.site-v21 .interactive-section-v21:nth-of-type(even)>.section-orbit-v21{
  right:auto;
  left:clamp(-230px,-10vw,-100px);
  top:auto;
  bottom:10%;
  border-color:rgba(29,225,223,.13);
  animation-direction:reverse;
  animation-duration:32s;
}
.site-v21 .section-orbit-v21:before,
.site-v21 .section-orbit-v21:after{
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(29,225,223,.11);
  inset:16%;
}
.site-v21 .section-orbit-v21:after{inset:34%;border-color:rgba(44,60,80,.10)}
.site-v21 .section-orbit-v21 i{position:absolute;width:8px;height:8px;border-radius:50%;background:#2196F3;box-shadow:0 0 0 7px rgba(33,150,243,.07),0 0 22px rgba(33,150,243,.24)}
.site-v21 .section-orbit-v21 i:nth-child(1){left:49%;top:-4px}
.site-v21 .section-orbit-v21 i:nth-child(2){right:7%;top:52%;background:#1de1df;box-shadow:0 0 0 7px rgba(29,225,223,.06),0 0 22px rgba(29,225,223,.22)}
.site-v21 .section-orbit-v21 i:nth-child(3){left:12%;bottom:16%;background:#2c3c50;box-shadow:none}
.site-v21 .interactive-section-v21> :not(.interactive-glow-v21):not(.section-orbit-v21){position:relative;z-index:1}
@keyframes sectionOrbitSpinV21{to{transform:rotate(360deg)}}

/* Give key rows/cards a little more responsive lift and depth. */
.site-v21 .service-card,
.site-v21 .culture-card,
.site-v21 .about-value-v12,
.site-v21 .project-feature-v16,
.site-v21 .project-more-card-v14,
.site-v21 .role-row-v14,
.site-v21 .connect-route-v19{
  --v21x:50%;
  --v21y:50%;
}
.site-v21 .service-card:after,
.site-v21 .about-value-v12:before,
.site-v21 .project-feature-v16:before,
.site-v21 .project-more-card-v14:after{
  transition:transform .75s var(--ease),opacity .45s ease,background-position .45s ease;
}
.site-v21 .project-feature-v16:hover,
.site-v21 .about-value-v12:hover,
.site-v21 .project-more-card-v14:hover{
  box-shadow:0 32px 85px rgba(18,49,68,.11);
}

/* Stronger but still restrained scroll depth. */
.site-v21 [data-speed],.site-v21 [data-parallax]{will-change:transform,translate}

@media(max-width:900px){
  .site-v21 .interactive-section-v21>.section-orbit-v21{opacity:.34;width:360px}
  .site-v21 .interactive-section-v21>.interactive-glow-v21{opacity:.5}
}
@media(max-width:680px){
  .site-v21 .interactive-section-v21>.section-orbit-v21{display:none}
  .site-v21 .interactive-section-v21>.interactive-glow-v21{background:radial-gradient(300px circle at 80% 18%,rgba(33,150,243,.055),transparent 70%)}
}
@media(prefers-reduced-motion:reduce){
  .site-v21 .section-orbit-v21{animation:none!important}
  .site-v21 .hero-depth-v21,.site-v21 .hero-v8-brand-panel{translate:none!important}
}

/* =========================================================
   V22 — cleaner ornamentation + elegant "dancing fire" work gradients
   ========================================================= */

/* Explicitly remove the floating circular ornaments introduced in earlier passes. */
.site-v22 .aique-energy-global-v13,
.site-v22 .section-orbit-v21{display:none!important}
.site-v22 .interactive-section-v21> :not(.interactive-glow-v21){position:relative;z-index:1}

/* Keep the top navigation wording readable after the longer "About Us" label. */
.site-v22 header.site-header .nav-links{gap:32px}
.site-v22 header.site-header .nav-link{white-space:nowrap}

/* OUR WORK — refined animated color field.
   Instead of outlined circles, soft vertical color forms rise and sway like fire. */
.work-index-page.site-v22 .work-panel .mesh{display:none!important}
.work-index-page.site-v22 .work-panel .panel-bg{
  background-size:170% 170%!important;
  animation:workFireBaseV22 18s cubic-bezier(.45,.05,.55,.95) infinite alternate!important;
  filter:saturate(1.02) contrast(1.01);
}
.work-index-page.site-v22 .work-panel:nth-child(even) .panel-bg{animation-duration:21s!important;animation-direction:alternate-reverse!important}

.work-index-page.site-v22 .fire-field-v22{
  position:absolute;
  inset:-12% -8% -18%;
  z-index:-2;
  overflow:hidden;
  pointer-events:none;
  opacity:.92;
  filter:saturate(1.08);
  transform:translateZ(0);
}
.work-index-page.site-v22 .fire-field-v22:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(0,0,0,.04) 0%,transparent 32%,rgba(0,0,0,.09) 68%,rgba(0,0,0,.42) 100%),
    linear-gradient(90deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,.08) 42%,transparent 72%);
  z-index:4;
}
.work-index-page.site-v22 .fire-field-v22 i{
  position:absolute;
  bottom:-30%;
  width:34%;
  height:92%;
  border-radius:48% 52% 38% 62% / 72% 66% 34% 28%;
  filter:blur(54px);
  opacity:.28;
  will-change:transform,opacity;
  transform-origin:50% 100%;
  mix-blend-mode:screen;
}
.work-index-page.site-v22 .fire-field-v22 i:nth-child(1){
  left:30%;
  background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--p1) 82%,transparent) 0%,color-mix(in srgb,var(--p1) 38%,transparent) 38%,transparent 72%);
  animation:fireDanceA22 11s ease-in-out infinite alternate;
}
.work-index-page.site-v22 .fire-field-v22 i:nth-child(2){
  left:51%;
  width:29%;height:105%;
  background:radial-gradient(ellipse at 48% 72%,color-mix(in srgb,var(--p2) 72%,transparent) 0%,color-mix(in srgb,var(--p2) 30%,transparent) 42%,transparent 74%);
  animation:fireDanceB22 14s ease-in-out infinite alternate-reverse;
}
.work-index-page.site-v22 .fire-field-v22 i:nth-child(3){
  left:67%;
  width:25%;height:82%;
  background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--p1) 58%,var(--p2)) 0%,color-mix(in srgb,var(--p2) 23%,transparent) 44%,transparent 76%);
  animation:fireDanceC22 12.5s ease-in-out infinite alternate;
}
.work-index-page.site-v22 .fire-field-v22 i:nth-child(4){
  left:18%;
  width:23%;height:70%;
  opacity:.18;
  background:radial-gradient(ellipse at 50% 72%,color-mix(in srgb,var(--p2) 55%,transparent) 0%,transparent 72%);
  animation:fireDanceD22 16s ease-in-out infinite alternate-reverse;
}

/* Per-client tuning keeps the effect elegant and true to each brand. */
.work-index-page.site-v22 .work-panel.qube{--p1:#08D68C;--p2:#16AAD3}
.work-index-page.site-v22 .work-panel.supernova{--p1:#01C2D8;--p2:#8CF5FF}
.work-index-page.site-v22 .work-panel.wtp{--p1:#006FA9;--p2:#4EB7E9}
.work-index-page.site-v22 .work-panel.narwhal{--p1:#0000FE;--p2:#00FEFE}

@keyframes workFireBaseV22{
  0%{background-position:18% 22%;transform:scale(1.025)}
  35%{background-position:45% 38%;transform:scale(1.04)}
  68%{background-position:72% 58%;transform:scale(1.025)}
  100%{background-position:84% 74%;transform:scale(1.045)}
}
@keyframes fireDanceA22{
  0%{transform:translate3d(-4%,10%,0) rotate(-5deg) scale(.92,1.02);opacity:.20}
  48%{transform:translate3d(8%,-5%,0) rotate(5deg) scale(1.08,.96);opacity:.34}
  100%{transform:translate3d(-2%,-13%,0) rotate(-2deg) scale(.98,1.10);opacity:.25}
}
@keyframes fireDanceB22{
  0%{transform:translate3d(7%,14%,0) rotate(6deg) scale(.94,1.00);opacity:.18}
  52%{transform:translate3d(-6%,-7%,0) rotate(-6deg) scale(1.06,1.09);opacity:.31}
  100%{transform:translate3d(4%,-16%,0) rotate(2deg) scale(.97,1.14);opacity:.22}
}
@keyframes fireDanceC22{
  0%{transform:translate3d(-2%,15%,0) rotate(-4deg) scale(.90,1);opacity:.16}
  55%{transform:translate3d(10%,-2%,0) rotate(7deg) scale(1.10,1.05);opacity:.28}
  100%{transform:translate3d(-5%,-11%,0) rotate(-1deg) scale(.96,1.12);opacity:.20}
}
@keyframes fireDanceD22{
  0%{transform:translate3d(0,18%,0) rotate(5deg) scale(.9,1);opacity:.10}
  50%{transform:translate3d(10%,-2%,0) rotate(-5deg) scale(1.06,1.08);opacity:.21}
  100%{transform:translate3d(-5%,-10%,0) rotate(1deg) scale(.94,1.1);opacity:.14}
}

@media(max-width:760px){
  .site-v22 header.site-header .nav-links{gap:12px}
  .work-index-page.site-v22 .fire-field-v22 i{filter:blur(38px)}
  .work-index-page.site-v22 .fire-field-v22 i:nth-child(1){left:18%;width:48%}
  .work-index-page.site-v22 .fire-field-v22 i:nth-child(2){left:45%;width:43%}
  .work-index-page.site-v22 .fire-field-v22 i:nth-child(3){left:67%;width:37%}
}
@media(prefers-reduced-motion:reduce){
  .work-index-page.site-v22 .work-panel .panel-bg,
  .work-index-page.site-v22 .fire-field-v22 i{animation:none!important}
}