:root{
  --navy:#071c2c;
  --navy-2:#0a2633;
  --teal:#2bb7a8;
  --blue:#2ea8df;
  --cyan:#68d7e6;
  --paper:#f5f7f7;
  --white:#ffffff;
  --ink:#071923;
  --muted-dark:#9eb0b8;
  --muted-light:#61727a;
  --line-dark:rgba(255,255,255,.13);
  --line-light:rgba(7,28,44,.15);
  --radius:28px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:var(--navy)}
body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--navy);color:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{display:block;max-width:100%}
.noise{position:fixed;inset:0;pointer-events:none;z-index:120;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='.8' numOctaves='4' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.cursor-glow{position:fixed;width:440px;height:440px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(43,183,168,.14),rgba(46,168,223,.05) 40%,transparent 70%);transform:translate(-50%,-50%)}

.site-header{position:fixed;z-index:100;top:0;left:0;right:0;height:84px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(20px,4vw,68px);color:#fff;transition:height .35s ease,background .35s ease,color .35s ease,border-color .35s ease}
.site-header.scrolled{height:70px;background:rgba(7,28,44,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}
.site-header.nav-light:not(.scrolled){color:var(--ink)}
.site-header.nav-brand:not(.scrolled){color:var(--ink)}
.brand{display:flex;align-items:center;gap:12px;min-width:max-content}.brand-name{font-size:13px;font-weight:800;letter-spacing:.16em}.brand-name small{font-size:inherit;font-weight:500;opacity:.62}
.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#fff,#eaf4f5);color:var(--navy);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 30px rgba(0,0,0,.18);position:relative;font-weight:900;letter-spacing:-.22em;padding-right:4px;overflow:hidden}.brand-mark:after{content:"";position:absolute;right:0;bottom:0;width:13px;height:13px;background:linear-gradient(145deg,var(--teal),var(--blue));clip-path:polygon(100% 0,100% 100%,0 100%)}.brand-mark span{transform:translateX(1px)}.brand-mark b{font-weight:900;opacity:.9}
.desktop-nav{display:flex;gap:30px;font-size:13px}.desktop-nav a{opacity:.7;transition:.2s}.desktop-nav a:hover{opacity:1}
.nav-cta{justify-self:end;border:1px solid currentColor;padding:11px 16px;border-radius:999px;font-size:12px;font-weight:800;display:flex;gap:10px;align-items:center;transition:.25s}.nav-cta:hover{background:#fff;color:var(--navy);border-color:#fff}
.menu-toggle{display:none;justify-self:end;width:44px;height:44px;border:0;background:transparent;color:inherit;position:relative}.menu-toggle span{position:absolute;left:9px;width:26px;height:1.5px;background:currentColor;transition:.25s}.menu-toggle span:first-child{top:17px}.menu-toggle span:last-child{top:25px}.menu-toggle.active span:first-child{transform:rotate(45deg);top:21px}.menu-toggle.active span:last-child{transform:rotate(-45deg);top:21px}
.mobile-menu{position:fixed;z-index:95;inset:0;background:linear-gradient(160deg,#071c2c,#0b3940);padding:120px 26px 38px;display:flex;flex-direction:column;gap:8px;transform:translateY(-102%);visibility:hidden;transition:.45s cubic-bezier(.2,.8,.2,1)}.mobile-menu.open{transform:translateY(0);visibility:visible}.mobile-menu>a{font-size:clamp(42px,12vw,72px);font-weight:750;letter-spacing:-.05em;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.13)}.mobile-socials{margin-top:auto;display:flex;gap:18px;flex-wrap:wrap;color:#a9c2c7;font-size:13px}

section{position:relative;z-index:1}.theme-dark{background:var(--navy);color:#fff}.theme-light{background:var(--paper);color:var(--ink)}.theme-brand{background:linear-gradient(135deg,#dff6f3 0%,#dbeff8 50%,#eaf9f7 100%);color:var(--ink)}
.hero{min-height:100svh;padding:150px clamp(22px,6vw,96px) 62px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(380px,.8fr);align-items:center;gap:80px;overflow:hidden}
.hero-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:86px 86px;mask-image:linear-gradient(to bottom,#000,transparent 82%)}
.hero-orb{position:absolute;border-radius:50%;filter:blur(8px)}.orb-a{width:620px;height:620px;right:-180px;top:-70px;background:radial-gradient(circle at 35% 35%,rgba(43,183,168,.5),rgba(46,168,223,.22) 42%,transparent 70%)}.orb-b{width:520px;height:520px;left:-240px;bottom:-250px;background:radial-gradient(circle,rgba(46,168,223,.22),transparent 68%)}
.hero-copy{position:relative;z-index:2;max-width:980px}.eyebrow{font-size:12px;letter-spacing:.24em;font-weight:800;color:#70dfd3;margin-bottom:24px}.eyebrow.dark{color:#2d6b72}
.hero h1{font-size:clamp(64px,7.7vw,130px);line-height:.89;letter-spacing:-.065em;font-weight:820}.hero h1 span,.section-head h2 span,.contact h2 span{background:linear-gradient(90deg,#45d4c1,#59bfe9);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic;font-weight:550}
.hero-text{max-width:690px;font-size:clamp(16px,1.35vw,21px);line-height:1.67;color:#a9bcc3;margin-top:30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:14px 19px;border-radius:999px;border:1px solid transparent;font-weight:800;font-size:13px;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border-color .25s ease}.btn-primary{background:linear-gradient(110deg,var(--teal),var(--blue));color:#04151f;box-shadow:0 14px 40px rgba(46,168,223,.15)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 48px rgba(43,183,168,.24)}.btn-ghost{border-color:rgba(255,255,255,.23);color:#fff;background:rgba(255,255,255,.02)}.btn-ghost:hover{border-color:#fff;background:rgba(255,255,255,.06)}
.hero-showcase{position:relative;z-index:2;width:min(100%,640px);height:650px;justify-self:end;overflow:visible;min-width:0}.showcase-card{position:absolute;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 32px 70px rgba(0,0,0,.32);background:#fff}.showcase-card img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:top center}.card-main{width:72%;height:72%;left:4%;top:14%;border-radius:28px;transform:rotate(-3deg)}.card-top{width:48%;height:42%;right:1%;top:4%;border-radius:24px;transform:rotate(7deg)}.card-bottom{width:48%;height:43%;right:0;bottom:3%;border-radius:24px;transform:rotate(4deg)}.showcase-badge{position:absolute;left:1%;bottom:2%;z-index:3;width:230px;padding:20px;border-radius:20px;background:rgba(7,28,44,.93);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(12px);display:flex;flex-direction:column}.showcase-badge span{font-size:10px;letter-spacing:.25em;color:#65d7ce}.showcase-badge b{font-size:19px;margin-top:7px}.showcase-badge small{color:#94aeb5;margin-top:6px}
.scroll-cue{position:absolute;left:clamp(22px,6vw,96px);bottom:28px;font-size:10px;letter-spacing:.2em;color:#78909a;display:flex;gap:10px}.scroll-cue span{color:#64d7cf}

.about,.work,.process,.experience,.contact,.services{padding:clamp(92px,10.5vw,165px) clamp(22px,6vw,96px)}.section-kicker{font-size:12px;letter-spacing:.23em;font-weight:800;color:#5d7077;margin-bottom:60px}.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end}.about h2,.section-head h2,.contact h2{font-size:clamp(50px,6.3vw,102px);line-height:.94;letter-spacing:-.058em}.about h2 em,.work h2 em,.process h2 em,.experience h2 em{font-weight:500}.about-copy{max-width:620px}.about-copy>p,.section-head.split>p,.contact-intro>p{font-size:clamp(16px,1.35vw,21px);line-height:1.7;color:#5e7178}.location-line{margin-top:18px!important;font-size:14px!important;color:#667b82!important}.location-line strong{color:var(--ink)}.text-link{display:inline-flex;gap:12px;margin-top:28px;font-weight:800;border-bottom:1px solid #9fb0b5;padding-bottom:6px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:92px;border-top:1px solid var(--line-light);padding-top:38px}.stat strong{display:block;font-size:clamp(48px,5vw,78px);letter-spacing:-.055em}.stat>span{display:block;color:#65777e;font-size:13px;margin-top:3px}

.section-head{margin-bottom:70px}.section-head h2 span{font-style:italic}.service-list{border-top:1px solid var(--line-dark)}.service-row{display:grid;grid-template-columns:70px 1.1fr 1fr 38px;gap:24px;align-items:center;padding:28px 0;border-bottom:1px solid var(--line-dark);transition:padding .3s,background .3s}.service-row:hover{padding-left:12px;background:linear-gradient(90deg,rgba(43,183,168,.08),transparent)}.service-no{font-size:11px;color:#64808a}.service-row h3{font-size:clamp(22px,2.2vw,35px);letter-spacing:-.035em}.service-row p{font-size:14px;line-height:1.55;color:#91a5ad;max-width:540px}.arrow{font-size:23px;color:#54cfc8;transition:.2s}.service-row:hover .arrow{transform:translate(3px,-3px)}

.section-head.split{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end}.section-head.split>p{max-width:520px;justify-self:end}.live-project{border-radius:34px;background:linear-gradient(145deg,#081f2c,#0b3540 55%,#0d4050);min-height:620px;color:#fff;display:grid;grid-template-columns:.72fr 1.28fr;overflow:hidden;margin-bottom:34px}.live-copy{padding:clamp(32px,5vw,72px);display:flex;flex-direction:column;justify-content:center}.pill{width:max-content;padding:8px 11px;border-radius:999px;background:rgba(100,215,207,.12);border:1px solid rgba(100,215,207,.3);color:#71dfd6;font-size:10px;letter-spacing:.17em;font-weight:800}.project-number{font-size:10px;letter-spacing:.2em;color:#7f9ba3;margin-top:26px}.live-copy h3{font-size:clamp(50px,5.4vw,86px);letter-spacing:-.055em;line-height:.94;margin-top:16px}.live-copy>p:not(.project-number){font-size:16px;line-height:1.7;color:#9fb3ba;max-width:520px;margin-top:22px}.live-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:32px}.live-actions>span{font-size:12px;color:#81a0a8}.live-visual{display:grid;place-items:center;padding:50px 40px;position:relative}.live-visual:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(43,183,168,.25),rgba(46,168,223,.12),transparent 70%)}.browser-frame{position:relative;width:92%;height:76%;min-height:410px;background:#f6f7f4;border-radius:20px;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.38);transform:perspective(1200px) rotateY(-6deg) rotateX(3deg)}.browser-bar{height:42px;background:#e8eceb;display:flex;align-items:center;gap:6px;padding:0 14px;color:#7c8a8e;font-size:10px}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#abb7b9}.browser-bar span{margin-left:10px}.gem-preview{height:calc(100% - 42px);background:radial-gradient(circle at 35% 20%,#24463d,#101c1b 60%,#091414);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff}.gem-star{font-size:88px;line-height:1;background:linear-gradient(145deg,#65d8ce,#44a8df);-webkit-background-clip:text;background-clip:text;color:transparent}.gem-preview p{font-size:11px;letter-spacing:.28em;color:#9dcac6;margin-top:12px}.gem-preview h4{font-family:Georgia,serif;font-size:clamp(50px,5.4vw,86px);line-height:.88;font-weight:500;margin:22px 0}.gem-preview span{font-size:11px;color:#90a7a7}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.portfolio-card.wide{grid-column:span 2}.portfolio-image{height:clamp(390px,45vw,720px);border-radius:28px;overflow:hidden;background:#dbe3e3;position:relative}.portfolio-card:not(.wide) .portfolio-image{height:clamp(420px,47vw,650px)}.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.portfolio-card:hover img{transform:scale(1.025)}.portfolio-image.contain{background:#efefec}.portfolio-image.contain img{object-fit:contain}.portfolio-meta{display:flex;justify-content:space-between;gap:20px;padding:18px 4px 42px}.portfolio-meta span{font-size:10px;letter-spacing:.18em;color:#6b7c82}.portfolio-meta h3{font-size:24px;letter-spacing:-.03em;margin-top:7px}.portfolio-meta p{font-size:13px;color:#6a7b81;margin-top:5px}.portfolio-meta b{font-size:23px;color:#268aa1}

.experience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.experience-card{min-height:300px;border:1px solid rgba(7,28,44,.16);border-radius:28px;padding:28px;display:flex;flex-direction:column;background:rgba(255,255,255,.28)}.experience-card span{font-size:11px;letter-spacing:.18em;color:#3b8187}.experience-card h3{font-size:clamp(28px,3vw,44px);letter-spacing:-.045em;margin-top:auto}.experience-card p{line-height:1.65;color:#526b72;margin-top:15px;max-width:360px}.experience-note{margin-top:22px;color:#617a81;font-size:12px}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.process-card{min-height:310px;border:1px solid var(--line-light);border-radius:28px;padding:28px;display:flex;flex-direction:column}.process-card span{font-size:11px;letter-spacing:.17em;color:#43828b}.process-card h3{font-size:clamp(28px,3vw,43px);letter-spacing:-.04em;margin-top:auto}.process-card p{margin-top:14px;line-height:1.65;color:#62757c;max-width:360px}

.contact{min-height:92vh;display:grid;grid-template-columns:1.02fr .72fr;gap:80px;align-items:center;overflow:hidden}.contact-intro{position:relative;z-index:2}.contact-intro>p{color:#9bb0b7;max-width:650px;margin-top:28px}.contact-chips{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:32px}.contact-chips a,.contact-chips span{font-size:13px;padding:10px 13px;border:1px solid rgba(255,255,255,.13);border-radius:999px;color:#c0d0d5}.contact-chips a:hover{border-color:#61d5ce;color:#fff}.project-form{position:relative;z-index:2;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);border-radius:28px;padding:30px;backdrop-filter:blur(14px)}.form-head{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.2em;color:#6bd8d1;margin-bottom:28px}.project-form label{display:block;margin-bottom:20px}.project-form label>span{display:block;font-size:11px;color:#8fa5ac;margin-bottom:8px}.project-form input,.project-form select,.project-form textarea{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(0,0,0,.13);color:#fff;padding:14px 15px;outline:none;transition:.2s}.project-form select{appearance:none}.project-form option{color:#071c2c}.project-form textarea{resize:vertical;min-height:115px}.project-form input:focus,.project-form select:focus,.project-form textarea:focus{border-color:#5cd4cd;box-shadow:0 0 0 3px rgba(92,212,205,.09)}.project-form input::placeholder,.project-form textarea::placeholder{color:#67808a}.form-submit{width:100%;margin-top:3px}.project-form small{display:block;color:#6f8992;line-height:1.5;margin-top:13px}.contact-word{position:absolute;left:-3vw;bottom:-7vw;font-size:25vw;font-weight:900;line-height:.7;letter-spacing:-.09em;color:rgba(255,255,255,.025);user-select:none}

footer{background:#04141e;color:#8ca2aa;border-top:1px solid rgba(255,255,255,.08);padding:34px clamp(22px,6vw,96px);display:grid;grid-template-columns:1fr auto;gap:24px;position:relative;z-index:2}.footer-brand{display:flex;align-items:center;gap:14px}.brand-mark.small{width:38px;height:38px;border-radius:12px}.footer-brand div{display:flex;flex-direction:column}.footer-brand strong{font-size:12px;letter-spacing:.15em;color:#fff}.footer-brand small{margin-top:5px;font-size:11px}.footer-info{display:flex;gap:20px;align-items:center;font-size:12px}.footer-info a:hover{color:#fff}.footer-bottom{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.07);padding-top:18px;font-size:11px}

/* Progressive enhancement: content stays visible even if JavaScript is blocked or cached incorrectly. */
.reveal{opacity:1;transform:none}
.js .reveal{opacity:0;transform:translateY(30px);transition:opacity .85s cubic-bezier(.2,.65,.2,1),transform .85s cubic-bezier(.2,.65,.2,1)}
.js .reveal.visible{opacity:1;transform:translateY(0)}
.delay-1{transition-delay:.09s}.delay-2{transition-delay:.18s}
.hero-enter{animation:heroEnter .8s cubic-bezier(.2,.65,.2,1) both}
.hero-enter-delay{animation-delay:.14s}
@keyframes heroEnter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}

@media (max-width:1100px){
  .desktop-nav,.nav-cta{display:none}.menu-toggle{display:block}.site-header{grid-template-columns:1fr auto}
  .hero{grid-template-columns:1fr;gap:45px;padding-top:125px}.hero-showcase{justify-self:start;width:min(100%,720px);height:570px}.scroll-cue{display:none}
  .about-grid,.section-head.split{grid-template-columns:1fr;gap:34px}.section-head.split>p{justify-self:start}
  .service-row{grid-template-columns:48px 1fr 32px}.service-row p{grid-column:2/3}.service-row .arrow{grid-column:3;grid-row:1/3}
  .live-project{grid-template-columns:1fr}.live-visual{min-height:520px;padding-top:0}.browser-frame{width:86%;height:76%}
  .contact{grid-template-columns:1fr;gap:50px}.project-form{max-width:760px}
  .footer-info{flex-wrap:wrap;justify-content:flex-end}
}
@media (max-width:760px){
  .cursor-glow{display:none}.site-header{height:70px;padding:0 18px}.brand-name{font-size:10px;letter-spacing:.13em}.brand-mark{width:36px;height:36px;border-radius:11px}
  .hero{min-height:auto;padding:120px 20px 68px;align-content:center}.hero h1{font-size:clamp(58px,16.2vw,88px)}.hero-text{font-size:15px}.hero-actions .btn{width:100%}.hero-showcase{height:430px;margin-top:12px}.card-main{width:78%;height:67%;left:0;top:16%}.card-top{width:51%;height:38%}.card-bottom{width:51%;height:39%}.showcase-badge{width:200px;padding:15px}.showcase-badge b{font-size:16px}
  .about,.work,.process,.experience,.contact,.services{padding:88px 20px}.section-kicker{margin-bottom:38px}.about h2,.section-head h2,.contact h2{font-size:clamp(46px,12.7vw,72px)}.stats{grid-template-columns:1fr;gap:26px;margin-top:58px}.stat{padding-bottom:22px;border-bottom:1px solid var(--line-light)}
  .section-head{margin-bottom:48px}.service-row{padding:23px 0;gap:12px}.service-row h3{font-size:22px}.service-row p{font-size:13px}.service-no{font-size:10px}
  .live-project{border-radius:22px;min-height:auto}.live-copy{padding:30px 22px}.live-visual{min-height:390px;padding:20px 10px 34px}.browser-frame{width:94%;min-height:330px;transform:none}.gem-preview h4{font-size:52px}.gem-star{font-size:64px}
  .portfolio-grid{grid-template-columns:1fr;gap:8px}.portfolio-card.wide{grid-column:auto}.portfolio-image,.portfolio-card:not(.wide) .portfolio-image{height:74vw;min-height:300px;max-height:520px;border-radius:20px}.portfolio-image.contain{height:66vw}.portfolio-meta{padding-bottom:28px}.portfolio-meta h3{font-size:21px}
  .experience-grid,.process-grid{grid-template-columns:1fr}.experience-card,.process-card{min-height:230px}
  .contact{min-height:auto}.contact-chips a,.contact-chips span{max-width:100%;overflow-wrap:anywhere}.project-form{padding:22px;border-radius:22px}.contact-word{font-size:38vw;bottom:-2vw}
  footer{grid-template-columns:1fr}.footer-info{justify-content:flex-start;gap:14px}.footer-bottom{grid-column:auto}
}
@media (max-width:430px){
  .hero-showcase{height:350px}.showcase-badge{width:165px}.showcase-badge small{display:none}.portfolio-image,.portfolio-card:not(.wide) .portfolio-image{height:88vw}.brand-name small{display:none}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal,.js .reveal{opacity:1;transform:none}}

/* ===== V4: separated work categories + lightweight interactive 3D ===== */
.work-division{display:grid;grid-template-columns:72px 1fr;gap:24px;align-items:start;margin:28px 0 34px;padding-top:30px;border-top:1px solid rgba(7,28,44,.16)}
.work-division>span{font-size:11px;letter-spacing:.2em;color:#2e8190;padding-top:8px}
.work-division p{font-size:11px;letter-spacing:.2em;color:#2e8190;font-weight:800}
.work-division h3{font-size:clamp(30px,4vw,58px);letter-spacing:-.045em;line-height:1.02;max-width:850px;margin-top:9px}
.work-division-secondary{margin-top:82px}
.web-projects{margin-bottom:20px}.graphic-projects{grid-template-columns:1fr}.graphic-projects .portfolio-card.wide{grid-column:auto}.graphic-projects .portfolio-image{height:min(66vw,760px)}

.tilt-card{transform-style:preserve-3d;will-change:transform;transition:transform .22s ease,box-shadow .22s ease}.tilt-card .portfolio-image,.tilt-card .live-visual{transform:translateZ(0)}
@media (hover:hover) and (pointer:fine){.tilt-card:hover{z-index:3}.tilt-card:hover .portfolio-image{box-shadow:0 28px 65px rgba(7,28,44,.12)}}

.hero-showcase{perspective:1250px;transform-style:preserve-3d;transition:transform .18s ease-out}.hero-showcase .card-main{transform:translateZ(22px) rotate(-3deg)}.hero-showcase .card-top{transform:translateZ(70px) rotate(7deg)}.hero-showcase .card-bottom{transform:translateZ(48px) rotate(4deg)}.hero-showcase .showcase-badge{transform:translateZ(95px)}

.dimension{padding:clamp(90px,10vw,160px) clamp(22px,6vw,96px);display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:70px;align-items:center;overflow:hidden;position:relative}
.dimension:before{content:"";position:absolute;inset:auto -15% -45% 40%;height:78%;background:radial-gradient(circle,rgba(46,168,223,.16),rgba(40,183,168,.08) 36%,transparent 70%);pointer-events:none}
.dimension-copy{position:relative;z-index:2}.dimension-copy h2{font-size:clamp(58px,7vw,112px);line-height:.9;letter-spacing:-.065em;margin-top:18px}.dimension-copy h2 span{font-style:italic;font-weight:500;background:linear-gradient(100deg,#65d8ce,#35a9df);-webkit-background-clip:text;background-clip:text;color:transparent}.dimension-copy>p:not(.eyebrow){max-width:610px;color:#9db2b9;line-height:1.75;margin-top:30px;font-size:15px}.dimension-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}.dimension-tags span{border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:9px 12px;color:#b7c9ce;font-size:11px;letter-spacing:.08em}
.dimension-stage{--rx:-10deg;--ry:18deg;position:relative;min-height:620px;display:grid;place-items:center;perspective:1100px;transform-style:preserve-3d;isolation:isolate;touch-action:pan-y}
.velora-cube{width:190px;height:190px;position:relative;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .16s ease-out;animation:cubeFloat 6s ease-in-out infinite;z-index:4}
.cube-face{position:absolute;inset:0;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);background:linear-gradient(145deg,rgba(22,62,72,.91),rgba(4,19,29,.96));backdrop-filter:blur(14px);font-size:74px;font-weight:900;letter-spacing:-.08em;color:#f8fbfb;box-shadow:inset 0 0 50px rgba(89,219,209,.07)}
.cube-front{transform:translateZ(95px)}.cube-back{transform:rotateY(180deg) translateZ(95px)}.cube-right{transform:rotateY(90deg) translateZ(95px);color:#64d8cf}.cube-left{transform:rotateY(-90deg) translateZ(95px);color:#40a8dc}.cube-top{transform:rotateX(90deg) translateZ(95px);font-size:38px}.cube-bottom{transform:rotateX(-90deg) translateZ(95px);font-size:38px}
.dimension-orbit{position:absolute;border:1px solid rgba(101,216,206,.24);border-radius:50%;transform-style:preserve-3d;pointer-events:none}.orbit-one{width:430px;height:430px;transform:rotateX(68deg) rotateZ(18deg);animation:orbitSpin 13s linear infinite}.orbit-two{width:545px;height:300px;border-color:rgba(54,169,223,.17);transform:rotateY(68deg) rotateZ(-8deg);animation:orbitSpinReverse 17s linear infinite}
.dimension-float{position:absolute;z-index:5;padding:11px 15px;border-radius:999px;background:rgba(9,28,39,.78);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(12px);font-size:10px;letter-spacing:.18em;color:#c8d8dd;box-shadow:0 15px 40px rgba(0,0,0,.18);pointer-events:none}.float-a{left:12%;top:24%;transform:translateZ(100px) rotate(-8deg);animation:tagFloatA 5s ease-in-out infinite}.float-b{right:9%;top:34%;transform:translateZ(130px) rotate(7deg);animation:tagFloatB 6s ease-in-out infinite}.float-c{left:25%;bottom:17%;transform:translateZ(75px) rotate(4deg);animation:tagFloatC 5.5s ease-in-out infinite}
.dimension-shadow{position:absolute;width:280px;height:65px;border-radius:50%;background:rgba(0,0,0,.45);filter:blur(24px);transform:translateY(160px) rotateX(78deg);z-index:0}

@media (max-width:1100px){.dimension{grid-template-columns:1fr;gap:25px}.dimension-stage{min-height:540px}.dimension-copy>p:not(.eyebrow){max-width:720px}}
@media (max-width:760px){.work-division{grid-template-columns:40px 1fr;margin-top:8px}.work-division-secondary{margin-top:55px}.graphic-projects .portfolio-image{height:82vw}.dimension{padding:88px 20px}.dimension-stage{min-height:430px;scale:.84;margin-inline:-7%}.velora-cube{width:150px;height:150px}.cube-front{transform:translateZ(75px)}.cube-back{transform:rotateY(180deg) translateZ(75px)}.cube-right{transform:rotateY(90deg) translateZ(75px)}.cube-left{transform:rotateY(-90deg) translateZ(75px)}.cube-top{transform:rotateX(90deg) translateZ(75px)}.cube-bottom{transform:rotateX(-90deg) translateZ(75px)}.cube-face{font-size:58px}.cube-top,.cube-bottom{font-size:30px}.orbit-one{width:350px;height:350px}.orbit-two{width:440px;height:250px}.float-a{left:4%}.float-b{right:1%}.float-c{left:18%}}
@media (prefers-reduced-motion:reduce){.velora-cube,.dimension-orbit,.dimension-float{animation:none!important}.hero-showcase,.tilt-card,.velora-cube{transition:none!important}}

/* ===== V5: separated project stages + full-site 3D universe ===== */
.velora-universe{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.72}
.theme-dark{background:rgba(7,28,44,.91)}
.theme-light{background:rgba(245,247,247,.965)}
.theme-brand{background:linear-gradient(135deg,rgba(223,246,243,.965) 0%,rgba(219,239,248,.965) 50%,rgba(234,249,247,.965) 100%)}
main,footer{position:relative;z-index:2}
.site-header{position:fixed;z-index:100}
.mobile-menu{position:fixed;z-index:95}

.work-hub{padding:clamp(100px,10vw,155px) clamp(22px,6vw,96px) clamp(82px,8vw,120px)}
.work-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line-light);border-left:1px solid var(--line-light);margin-top:40px}
.work-index a{min-height:145px;padding:24px;display:flex;flex-direction:column;gap:8px;border-right:1px solid var(--line-light);border-bottom:1px solid var(--line-light);transition:background .25s ease,transform .25s ease}
.work-index a span{font-size:10px;letter-spacing:.2em;color:#2e8190}.work-index a b{font-size:clamp(18px,2vw,28px);letter-spacing:-.03em}.work-index a small{color:var(--muted-light);font-size:12px}
@media (hover:hover){.work-index a:hover{background:#fff;transform:translateY(-3px)}}

.project-showcase{padding:clamp(95px,10vw,155px) clamp(22px,6vw,96px);overflow:hidden;min-height:780px;display:flex;align-items:center}
.project-shell{width:min(1380px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:clamp(45px,7vw,110px);align-items:center;perspective:1600px}
.project-shell.reverse{grid-template-columns:minmax(0,1.28fr) minmax(300px,.72fr)}
.project-shell.reverse .project-copy{order:2}.project-shell.reverse .project-media{order:1}
.project-copy{max-width:540px;position:relative;z-index:5}.project-count,.project-category{font-size:10px;letter-spacing:.2em;font-weight:800}.project-count{opacity:.55;margin-bottom:16px}.project-category{color:#58cfc4;margin-bottom:20px}.project-light .project-category,.theme-brand .project-category{color:#277b83}
.project-copy h2{font-size:clamp(54px,6.2vw,96px);line-height:.9;letter-spacing:-.06em;margin-bottom:26px}.project-copy h2 em{font-weight:480}.project-copy>p:not(.project-count):not(.project-category){font-size:15px;line-height:1.8;color:#9db2b9;max-width:490px}.project-light .project-copy>p:not(.project-count):not(.project-category),.theme-brand .project-copy>p:not(.project-count):not(.project-category){color:#536a73}.project-copy .btn{margin-top:28px}
.project-media{position:relative;display:grid;place-items:center;min-height:520px;transform-style:preserve-3d;perspective:1400px;isolation:isolate}
.project-image-frame,.medium-browser{width:min(100%,760px);height:auto;max-height:520px;border-radius:24px;overflow:hidden;box-shadow:0 34px 90px rgba(0,0,0,.24);border:1px solid rgba(255,255,255,.14);background:#0b1f29;transform:rotateX(var(--pm-rx,0deg)) rotateY(var(--pm-ry,0deg)) translateZ(26px);transition:transform .18s ease-out;position:relative;z-index:3}
.project-light .project-image-frame,.theme-brand .project-image-frame{box-shadow:0 30px 70px rgba(7,28,44,.16);border-color:rgba(7,28,44,.1);background:#fff}
.project-image-frame img{width:100%;height:auto;max-height:520px;object-fit:contain;background:#fff}
.medium-browser{height:500px}.medium-browser .gem-preview{min-height:455px}
.media-orbit{position:absolute;border:1px solid rgba(89,211,199,.28);border-radius:50%;z-index:1;transform-style:preserve-3d;pointer-events:none}.orbit-mini-a{width:560px;height:260px;transform:rotateX(70deg) rotateZ(20deg);animation:miniOrbit 12s linear infinite}.orbit-mini-b{width:400px;height:400px;border-color:rgba(69,169,223,.24);transform:rotateY(66deg) rotateZ(-15deg);animation:miniOrbitReverse 15s linear infinite}
.media-cube{position:absolute;width:94px;height:94px;right:7%;bottom:11%;transform-style:preserve-3d;z-index:4;animation:floatCube 7s ease-in-out infinite}.media-cube i{position:absolute;inset:0;border:1px solid rgba(87,214,203,.55);background:rgba(12,50,62,.1);backdrop-filter:blur(3px)}.media-cube i:nth-child(1){transform:translateZ(47px)}.media-cube i:nth-child(2){transform:rotateY(90deg) translateZ(47px)}.media-cube i:nth-child(3){transform:rotateX(90deg) translateZ(47px)}.media-cube i:nth-child(4){transform:rotateY(45deg) rotateX(45deg) translateZ(22px)}
.media-diamond{position:absolute;width:92px;height:92px;right:9%;top:11%;z-index:4;border:1px solid rgba(56,171,210,.55);background:linear-gradient(145deg,rgba(55,190,179,.22),rgba(47,152,214,.08));transform:rotate(45deg) translateZ(70px);animation:diamondFloat 6s ease-in-out infinite;box-shadow:inset 0 0 35px rgba(74,208,202,.12)}.media-diamond-two{right:auto;left:8%;top:auto;bottom:12%}
.media-sphere{position:absolute;width:110px;height:110px;border-radius:50%;right:5%;bottom:12%;z-index:4;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.85),rgba(76,210,199,.35) 18%,rgba(38,118,150,.18) 52%,rgba(7,28,44,.04) 68%);box-shadow:inset -18px -18px 35px rgba(4,24,32,.28),0 22px 45px rgba(0,0,0,.18);animation:sphereFloat 5.8s ease-in-out infinite}
.media-ring{position:absolute;width:140px;height:140px;border:18px solid rgba(45,172,197,.28);border-left-color:rgba(45,172,197,.7);border-radius:50%;left:4%;top:12%;z-index:4;transform:rotateX(64deg) rotateY(18deg);animation:ringFloat 7s ease-in-out infinite}
@keyframes miniOrbit{to{transform:rotateX(70deg) rotateZ(380deg)}}@keyframes miniOrbitReverse{to{transform:rotateY(66deg) rotateZ(-375deg)}}@keyframes floatCube{50%{transform:rotateX(28deg) rotateY(42deg) translateY(-18px)}}@keyframes diamondFloat{50%{transform:rotate(135deg) translate(8px,-16px) translateZ(70px)}}@keyframes sphereFloat{50%{transform:translateY(-18px) translateX(-7px) scale(1.04)}}@keyframes ringFloat{50%{transform:rotateX(74deg) rotateY(36deg) translateY(-15px)}}

/* floating 3D glyphs added to major sections */
.section-depth-object{position:absolute;z-index:1;pointer-events:none;transform-style:preserve-3d;opacity:.7}.depth-cube{width:86px;height:86px;right:5%;top:18%;animation:sectionCube 14s linear infinite}.depth-cube::before,.depth-cube::after{content:"";position:absolute;inset:0;border:1px solid rgba(79,203,196,.32);transform:rotateX(60deg) rotateY(35deg)}.depth-cube::after{transform:rotateX(-20deg) rotateY(55deg);border-color:rgba(63,156,215,.3)}.depth-ring{width:120px;height:120px;border:1px solid rgba(66,190,203,.3);border-radius:50%;left:4%;bottom:9%;transform:rotateX(66deg);animation:sectionRing 10s linear infinite}.depth-diamond{width:70px;height:70px;right:7%;bottom:11%;border:1px solid rgba(80,198,194,.32);transform:rotate(45deg);animation:sectionDiamond 7s ease-in-out infinite}
@keyframes sectionCube{to{transform:rotateX(360deg) rotateY(540deg)}}@keyframes sectionRing{to{transform:rotateX(66deg) rotateZ(360deg)}}@keyframes sectionDiamond{50%{transform:rotate(135deg) translateY(-14px)}}

.dimension{min-height:760px}.dimension-stage:after{content:"";position:absolute;width:70%;height:70%;border-radius:50%;background:radial-gradient(circle,rgba(46,168,223,.12),transparent 66%);filter:blur(8px);z-index:-1}

@media (max-width:1100px){.work-index{grid-template-columns:repeat(2,minmax(0,1fr))}.project-showcase{min-height:auto}.project-shell,.project-shell.reverse{grid-template-columns:1fr;gap:36px}.project-shell.reverse .project-copy,.project-shell.reverse .project-media{order:initial}.project-copy{max-width:760px}.project-media{min-height:500px}.project-image-frame,.medium-browser{width:min(100%,760px)}}
@media (max-width:760px){.work-hub{padding:88px 20px 70px}.work-index{grid-template-columns:1fr}.work-index a{min-height:112px}.project-showcase{padding:82px 20px}.project-media{min-height:330px}.project-image-frame,.medium-browser{width:100%;max-height:360px;border-radius:18px}.project-image-frame img{max-height:360px}.medium-browser{height:330px}.medium-browser .gem-preview{min-height:286px}.orbit-mini-a{width:330px;height:150px}.orbit-mini-b{width:260px;height:260px}.media-cube{width:62px;height:62px;right:2%;bottom:6%}.media-cube i:nth-child(1){transform:translateZ(31px)}.media-cube i:nth-child(2){transform:rotateY(90deg) translateZ(31px)}.media-cube i:nth-child(3){transform:rotateX(90deg) translateZ(31px)}.media-diamond{width:62px;height:62px}.media-sphere{width:74px;height:74px}.media-ring{width:90px;height:90px;border-width:12px}.section-depth-object{display:none}.velora-universe{opacity:.52}}
@media (prefers-reduced-motion:reduce){.media-orbit,.media-cube,.media-diamond,.media-sphere,.media-ring,.section-depth-object{animation:none!important}.project-image-frame,.medium-browser{transform:none!important}}

/* ===== V6: founder-led 3D hero + glass information system ===== */
.founder-hero{grid-template-columns:minmax(0,.92fr) minmax(540px,1.08fr);gap:clamp(35px,5vw,80px);padding-top:132px;background:
  radial-gradient(circle at 74% 38%,rgba(43,183,168,.09),transparent 26%),
  radial-gradient(circle at 88% 16%,rgba(46,168,223,.12),transparent 30%),rgba(7,28,44,.91)}
.founder-hero .hero-copy{max-width:860px}
.founder-hero h1{font-size:clamp(62px,6.65vw,112px)}
.founder-kicker{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:-6px 0 24px;font-size:11px;letter-spacing:.13em;text-transform:uppercase}
.founder-kicker span{font-weight:900;color:#fff}.founder-kicker b{font-weight:600;color:#6bd7d0;padding:8px 12px;border:1px solid rgba(104,215,230,.2);border-radius:999px;background:rgba(104,215,230,.055);backdrop-filter:blur(10px)}
.btn-whatsapp{border-color:rgba(70,216,157,.35);color:#8fe9be;background:rgba(37,180,116,.075)}.btn-whatsapp:hover{background:rgba(37,180,116,.14);border-color:rgba(91,235,170,.72);transform:translateY(-2px)}
.hero-trustline{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:28px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#6f929d}.hero-trustline i{width:4px;height:4px;border-radius:50%;background:#48c8c0;box-shadow:0 0 12px #48c8c0}

.founder-stage{--fx:0;--fy:0;position:relative;z-index:3;justify-self:end;width:min(100%,760px);height:700px;min-width:0;perspective:1500px;transform-style:preserve-3d;isolation:isolate;transition:transform .16s ease-out}
.founder-stage:before{content:"";position:absolute;inset:9% 8% 7% 9%;border-radius:38px;background:linear-gradient(145deg,rgba(87,215,214,.07),rgba(46,168,223,.025));border:1px solid rgba(104,215,230,.12);transform:translateZ(-80px) rotateY(-5deg);box-shadow:inset 0 0 80px rgba(87,209,219,.04)}
.founder-aurora{position:absolute;width:480px;height:480px;right:6%;top:10%;border-radius:50%;background:radial-gradient(circle at 38% 40%,rgba(100,237,225,.3),rgba(42,151,210,.12) 35%,rgba(9,52,68,.03) 64%,transparent 70%);filter:blur(12px);transform:translateZ(-120px)}
.founder-depth-grid{position:absolute;inset:7% 0 4% 7%;opacity:.17;transform:rotateX(68deg) translateZ(-180px) translateY(150px);transform-origin:center bottom;background-image:linear-gradient(rgba(94,220,215,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(94,220,215,.25) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(ellipse at center,#000 28%,transparent 70%)}
.founder-ring{position:absolute;border-radius:50%;pointer-events:none;transform-style:preserve-3d}
.founder-ring-a{width:560px;height:230px;right:1%;top:42%;border:2px solid rgba(92,223,214,.42);box-shadow:0 0 35px rgba(53,194,205,.08),inset 0 0 25px rgba(62,172,220,.05);transform:rotateX(72deg) rotateZ(-8deg) translateZ(55px);animation:founderOrbitA 13s linear infinite}
.founder-ring-b{width:400px;height:400px;right:11%;top:19%;border:1px solid rgba(68,173,219,.29);transform:rotateY(69deg) rotateX(12deg) translateZ(5px);animation:founderOrbitB 17s linear infinite}
.founder-ring-c{width:255px;height:255px;right:25%;top:30%;border:1px dashed rgba(103,221,214,.18);transform:rotateX(59deg) rotateY(-28deg) translateZ(125px);animation:founderOrbitC 10s linear infinite}
@keyframes founderOrbitA{to{transform:rotateX(72deg) rotateZ(352deg) translateZ(55px)}}
@keyframes founderOrbitB{to{transform:rotateY(429deg) rotateX(12deg) translateZ(5px)}}
@keyframes founderOrbitC{to{transform:rotateX(59deg) rotateY(332deg) translateZ(125px)}}

.portrait-depth{position:absolute;width:58%;height:77%;right:16%;top:9%;border-radius:32px;background:linear-gradient(145deg,rgba(78,226,216,.2),rgba(39,126,197,.05));border:1px solid rgba(93,214,211,.22);transform:translate3d(calc(var(--fx)*-5px),calc(var(--fy)*-4px),-25px) rotateY(-5deg);filter:blur(.1px);box-shadow:0 34px 100px rgba(0,0,0,.26),0 0 70px rgba(42,184,195,.055)}
.founder-portrait{position:absolute;width:55%;height:76%;right:18%;top:8%;overflow:hidden;border-radius:30px;background:#082333;border:1px solid rgba(255,255,255,.16);box-shadow:0 34px 85px rgba(0,0,0,.32);transform-style:preserve-3d;transform:translate3d(calc(var(--fx)*10px),calc(var(--fy)*7px),90px) rotateY(calc(var(--fx)*2.6deg)) rotateX(calc(var(--fy)*-2.1deg));transition:transform .13s ease-out}
.founder-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 28%;filter:saturate(.94) contrast(1.02)}
.portrait-edge{position:absolute;inset:0;z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(88,225,215,.16),inset 0 0 60px rgba(59,184,212,.055);pointer-events:none}
.portrait-gloss{position:absolute;inset:-10%;z-index:2;pointer-events:none;background:linear-gradient(112deg,transparent 20%,rgba(255,255,255,.11) 37%,transparent 49%);transform:translateX(calc(var(--fx)*30px - 35%));mix-blend-mode:screen;opacity:.7}
.founder-portrait figcaption{position:absolute;z-index:4;left:18px;right:18px;bottom:18px;padding:14px 15px;border-radius:15px;background:linear-gradient(120deg,rgba(4,28,39,.77),rgba(8,48,59,.49));border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(18px);display:flex;flex-direction:column;gap:3px}
.founder-portrait figcaption span{font-size:19px;font-weight:850;letter-spacing:-.025em}.founder-portrait figcaption b{font-size:10px;letter-spacing:.1em;color:#76d9d3;text-transform:uppercase}

.founder-glass{position:absolute;z-index:7;padding:17px 18px;border-radius:18px;background:linear-gradient(135deg,rgba(8,42,55,.72),rgba(15,61,73,.32));border:1px solid rgba(141,235,231,.17);backdrop-filter:blur(18px) saturate(125%);box-shadow:0 22px 60px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.055);transform-style:preserve-3d;transition:transform .14s ease-out,border-color .25s ease}
.founder-glass:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.05),transparent 35%,rgba(75,210,216,.025) 68%,transparent)}
.founder-glass small{display:block;font-size:8px;letter-spacing:.22em;color:#70d7d1;margin-bottom:8px}.founder-glass strong{display:block;font-size:15px;line-height:1.25}.founder-glass p,.founder-glass span{display:block;font-size:10px;line-height:1.55;color:#a6bec5;margin-top:6px}
.glass-profile{width:236px;left:1%;top:19%;transform:translate3d(calc(var(--fx)*-16px),calc(var(--fy)*-11px),145px) rotateY(8deg)}
.glass-services{width:250px;right:-1%;bottom:11%;transform:translate3d(calc(var(--fx)*18px),calc(var(--fy)*13px),155px) rotateY(-8deg)}
.glass-location{width:210px;left:4%;bottom:8%;transform:translate3d(calc(var(--fx)*-12px),calc(var(--fy)*15px),110px) rotateY(6deg)}
.glass-meter{display:grid;grid-template-columns:1.4fr .8fr 1.1fr .65fr;gap:5px;margin-top:12px;height:22px;align-items:end}.glass-meter i{display:block;border-radius:3px 3px 1px 1px;background:linear-gradient(#66ddd3,#2e9dd4);box-shadow:0 0 14px rgba(77,205,211,.11)}.glass-meter i:nth-child(1){height:45%}.glass-meter i:nth-child(2){height:78%}.glass-meter i:nth-child(3){height:62%}.glass-meter i:nth-child(4){height:95%}
.founder-brand-cube{position:absolute;right:7%;top:9%;width:86px;height:86px;z-index:9;transform-style:preserve-3d;animation:heroCubeSpin 12s linear infinite;filter:drop-shadow(0 18px 28px rgba(0,0,0,.2))}
.cube-face-hero{position:absolute;inset:0;display:grid;place-items:center;font-weight:950;font-size:25px;letter-spacing:-.08em;color:#dffcff;background:linear-gradient(145deg,rgba(50,182,193,.2),rgba(33,104,167,.12));border:1px solid rgba(110,225,220,.4);backdrop-filter:blur(8px)}
.face-a{transform:translateZ(43px)}.face-b{transform:rotateY(90deg) translateZ(43px)}.face-c{transform:rotateX(90deg) translateZ(43px)}
@keyframes heroCubeSpin{from{transform:rotateX(-18deg) rotateY(0deg)}to{transform:rotateX(342deg) rotateY(540deg)}}

.founder-story{padding:clamp(90px,9vw,145px) clamp(22px,6vw,96px);overflow:hidden;background:linear-gradient(135deg,rgba(6,26,40,.955),rgba(7,36,49,.94))}
.founder-story-grid{width:min(1380px,100%);margin:0 auto;display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(45px,8vw,125px);align-items:center}
.founder-story-heading{position:relative;z-index:3}.founder-story-heading h2{font-size:clamp(54px,6.4vw,100px);line-height:.9;letter-spacing:-.06em}.founder-story-heading h2 span{background:linear-gradient(90deg,#4ed2c5,#54b9e2);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic;font-weight:520}
.founder-bio-panel{position:relative;z-index:3;padding:clamp(28px,4vw,52px);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));border:1px solid rgba(132,225,222,.15);backdrop-filter:blur(20px);box-shadow:0 30px 80px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.055)}
.founder-bio-top{display:flex;align-items:center;gap:15px;margin-bottom:24px}.bio-monogram{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-weight:950;letter-spacing:-.05em;color:#08212d;background:linear-gradient(135deg,#76e1d8,#5fb9e6)}.founder-bio-top strong{display:block;font-size:21px}.founder-bio-top small{display:block;color:#78a1aa;margin-top:4px;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.founder-bio-panel>p{font-size:clamp(16px,1.3vw,20px);line-height:1.78;color:#acc0c7;max-width:900px}.founder-skill-cloud{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px}.founder-skill-cloud span{padding:9px 12px;border-radius:999px;border:1px solid rgba(108,215,210,.17);background:rgba(80,197,196,.055);color:#c2d9dd;font-size:11px}.founder-link{color:#d7edf0;border-color:rgba(129,210,210,.4)}.founder-story-orb{position:absolute;right:-140px;top:5%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(50,188,196,.14),transparent 66%);filter:blur(8px)}

@media (hover:hover) and (pointer:fine){.founder-glass:hover{border-color:rgba(126,231,224,.36)}.founder-portrait:hover{box-shadow:0 38px 95px rgba(0,0,0,.38),0 0 0 1px rgba(97,220,213,.08)}}
@media (max-width:1180px){.founder-hero{grid-template-columns:1fr;gap:36px}.founder-stage{justify-self:center;width:min(100%,760px);height:650px}.founder-hero .hero-copy{max-width:980px}.founder-story-grid{grid-template-columns:1fr;gap:42px}.founder-story-heading{max-width:780px}}
@media (max-width:760px){.founder-hero{padding-top:116px}.founder-hero h1{font-size:clamp(54px,15vw,78px)}.founder-kicker{margin-bottom:18px}.founder-stage{height:535px;margin-top:0}.founder-portrait{width:66%;height:68%;right:17%;top:13%;border-radius:23px}.portrait-depth{width:69%;height:69%;right:14%;top:15%}.founder-portrait figcaption{left:11px;right:11px;bottom:11px;padding:10px}.founder-portrait figcaption span{font-size:16px}.glass-profile{left:0;top:8%;width:178px;padding:13px}.glass-services{right:0;bottom:7%;width:188px;padding:13px}.glass-location{display:none}.founder-glass strong{font-size:12px}.founder-glass p,.founder-glass span{font-size:8px}.founder-ring-a{width:390px;height:160px;right:-5%;top:45%}.founder-ring-b{width:310px;height:310px;right:7%;top:20%}.founder-ring-c{width:200px;height:200px;right:20%;top:32%}.founder-brand-cube{width:58px;height:58px;right:5%;top:7%}.cube-face-hero{font-size:17px}.face-a{transform:translateZ(29px)}.face-b{transform:rotateY(90deg) translateZ(29px)}.face-c{transform:rotateX(90deg) translateZ(29px)}.hero-trustline{font-size:9px}.founder-story{padding:82px 20px}.founder-bio-panel{border-radius:23px}.founder-bio-top{align-items:flex-start}.bio-monogram{width:48px;height:48px;border-radius:14px;flex:0 0 auto}.founder-bio-top strong{font-size:18px}.founder-bio-top small{font-size:9px;line-height:1.5}.founder-bio-panel>p{font-size:15px;line-height:1.7}}
@media (max-width:430px){.founder-stage{height:470px}.glass-profile{width:156px}.glass-services{width:166px}.founder-portrait{width:69%;right:14%;height:66%;top:15%}.founder-brand-cube{right:1%}.founder-ring-b{right:2%}}
@media (prefers-reduced-motion:reduce){.founder-ring,.founder-brand-cube{animation:none!important}.founder-stage,.founder-portrait,.founder-glass,.portrait-depth{transform:none!important}}

/* ===== FINAL V7: scroll-driven opening scene + exact brand artwork ===== */
.brand-logo-shell{width:44px;height:44px;border-radius:13px;background:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.2);flex:0 0 auto;border:1px solid rgba(255,255,255,.35)}
.brand-logo-shell img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.footer-logo{width:42px;height:42px;border-radius:12px}

.scroll-founder{--scroll-p:0;position:relative;height:150vh;background:linear-gradient(180deg,#041523 0%,#06233a 52%,#031522 100%)}
.scroll-founder-sticky{position:sticky;top:0;height:100vh;min-height:720px;overflow:hidden;display:block;perspective:1800px;background:linear-gradient(180deg,rgba(7,28,44,.42),rgba(7,28,44,.82))}

.beam-a{transform:rotate(-22deg) translateY(-120px)}.beam-b{transform:rotate(18deg) translateY(190px);opacity:.22}

 .intro-phase{position:absolute;inset:0;z-index:2;display:block;opacity:1;transform:none;pointer-events:none}


.intro-sub{margin-top:32px;color:#91aeb8;font-size:12px;letter-spacing:.19em;text-transform:uppercase;font-weight:700}

 .intro-particle-scene{position:absolute;inset:0;width:100%;height:100%}





.intro-cube{position:absolute;width:82px;height:82px;transform-style:preserve-3d;opacity:.68}.intro-cube i{position:absolute;inset:0;border:1px solid rgba(103,221,215,.35);background:rgba(35,136,161,.06);backdrop-filter:blur(3px)}.intro-cube i:nth-child(1){transform:translateZ(41px)}.intro-cube i:nth-child(2){transform:rotateY(90deg) translateZ(41px)}.intro-cube i:nth-child(3){transform:rotateX(90deg) translateZ(41px)}.cube-one{right:4%;top:13%;animation:introCube 9s linear infinite}.cube-two{left:5%;bottom:12%;width:55px;height:55px;animation:introCube 12s linear reverse infinite}.cube-two i:nth-child(1){transform:translateZ(27px)}.cube-two i:nth-child(2){transform:rotateY(90deg) translateZ(27px)}.cube-two i:nth-child(3){transform:rotateX(90deg) translateZ(27px)}
.intro-scroll-label{position:absolute;left:clamp(22px,6vw,96px);bottom:30px;display:flex;align-items:center;gap:13px;color:#7696a1;font-size:9px;letter-spacing:.2em;font-weight:800}.intro-scroll-label i{display:block;width:58px;height:1px;background:linear-gradient(90deg,#4bcfc5,transparent)}.intro-scroll-label b{color:#64d7cf;font-size:15px;animation:scrollNudge 1.8s ease-in-out infinite}

 .resolved-founder{position:relative;inset:0;z-index:4;display:grid;grid-template-columns:minmax(0,.92fr) minmax(540px,1.08fr);gap:clamp(35px,5vw,80px);align-items:center;padding:125px clamp(22px,6vw,96px) 62px;opacity:var(--resolved-opacity);transform:translate3d(0,var(--resolved-y),0) scale(var(--resolved-scale));transform-origin:center;will-change:transform,opacity;pointer-events:none}
.resolved-founder.is-active{pointer-events:auto}.resolved-founder .hero-copy{max-width:860px}.resolved-founder :is(h1,h2){font-size:clamp(62px,6.65vw,112px);line-height:.89;letter-spacing:-.065em;font-weight:820}.resolved-founder :is(h1,h2) span{background:linear-gradient(90deg,#45d4c1,#59bfe9);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic;font-weight:550}
.resolved-founder .founder-stage{height:min(700px,72vh)}



.live-browser-shot{height:500px;background:#061f19}.live-browser-shot .browser-bar{height:43px;position:relative;z-index:2}.live-site-shot{display:block;width:100%;height:calc(100% - 43px);object-fit:cover;object-position:top center;background:#08251d}


@media (max-width:1180px){
  .intro-phase{inset:0}.resolved-founder{grid-template-columns:1fr;align-content:center;overflow:auto;padding-top:110px}.resolved-founder .founder-stage{justify-self:center;width:min(100%,720px);height:520px;margin-top:10px}.resolved-founder .hero-copy{max-width:980px}.scroll-founder{height:160vh}
}
@media (max-width:760px){
  .site-header{height:70px;padding:0 18px}.brand-logo-shell{width:36px;height:36px;border-radius:11px}.brand-name{font-size:10px;letter-spacing:.13em}.brand-name small{display:none}
  .scroll-founder{height:145vh}.scroll-founder-sticky{min-height:640px}.intro-phase{inset:0}.intro-particle-scene{inset:0}
  .resolved-founder{display:block;padding:104px 20px 44px;overflow:hidden}.resolved-founder :is(h1,h2){font-size:clamp(52px,14.3vw,76px)}.resolved-founder .hero-text{font-size:15px;margin-top:22px}.resolved-founder .hero-actions{margin-top:24px}.resolved-founder .founder-stage{height:445px;margin-top:10px}.resolved-founder .hero-trustline{display:none}.intro-scroll-label{left:20px;bottom:20px}
  .live-browser-shot{height:330px}.live-site-shot{height:calc(100% - 43px)}
}
@media (max-width:430px){.resolved-founder .founder-stage{height:410px}.scroll-founder{height:138vh}}
@media (prefers-reduced-motion:reduce){.scroll-founder{height:auto}.scroll-founder-sticky{position:relative;height:auto;min-height:auto;overflow:visible}.intro-phase{position:relative;min-height:100svh;opacity:1!important;transform:none!important}.resolved-founder{position:relative;opacity:1!important;transform:none!important;pointer-events:auto;padding-top:100px;min-height:100svh}}

/* ===== FINAL V8: VM particle intro + dual-founder team ===== */
.vm-particle-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;opacity:calc(1 - var(--intro-opacity) * 0 + 0);filter:drop-shadow(0 0 8px rgba(83,216,208,.28))}
.glass-cofounder{right:-2%;top:23%;width:265px;display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;padding:11px 13px 11px 11px;transform:translate3d(calc(var(--fx)*-15px),calc(var(--fy)*8px),105px) rotateY(-7deg)}
.glass-cofounder img{width:72px;height:86px;object-fit:cover;object-position:center 20%;border-radius:13px;border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 24px rgba(0,0,0,.25)}
.glass-cofounder div{min-width:0}.glass-cofounder small{display:block;margin-bottom:4px}.glass-cofounder strong{display:block;font-size:13px;line-height:1.2}.glass-cofounder span{display:block;font-size:8px;line-height:1.45;color:#9dc2cc;margin-top:5px}

.founder-story{position:relative;padding:120px clamp(22px,6vw,96px);overflow:hidden}
.founder-story>.founder-story-heading{max-width:1050px;margin-bottom:58px;position:relative;z-index:2}
.founder-story-heading h2{font-size:clamp(58px,7vw,116px);line-height:.88;letter-spacing:-.065em;margin:8px 0 24px}.founder-story-heading h2 span{font-style:italic;font-weight:500;background:linear-gradient(90deg,#45d4c1,#59bfe9);-webkit-background-clip:text;background-clip:text;color:transparent}.team-intro{max-width:720px;color:#93adb7;font-size:clamp(15px,1.3vw,19px);line-height:1.65}
.founders-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;position:relative;z-index:2;perspective:1600px}
.founder-profile-card{--pm-rx:0deg;--pm-ry:0deg;display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1fr);min-height:580px;border:1px solid rgba(255,255,255,.12);border-radius:34px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));backdrop-filter:blur(14px);box-shadow:0 32px 80px rgba(0,0,0,.23);transform:perspective(1400px) rotateX(var(--pm-rx)) rotateY(var(--pm-ry));transform-style:preserve-3d;transition:transform .18s ease,border-color .25s ease}
.founder-profile-card:hover{border-color:rgba(85,214,207,.3)}
.founder-profile-visual{position:relative;min-height:100%;background:radial-gradient(circle at 55% 22%,rgba(60,193,203,.2),transparent 35%),linear-gradient(180deg,#0b2c3e,#081d2d);overflow:hidden}
.founder-profile-visual img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block;filter:saturate(.95) contrast(1.03)}
.founder-profile-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(5,20,31,.72) 100%)}
.profile-glow{position:absolute;width:220px;height:220px;border-radius:50%;right:-75px;top:10%;background:rgba(66,203,207,.18);filter:blur(38px);z-index:1}.profile-role{position:absolute;left:18px;bottom:18px;z-index:3;padding:9px 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(5,24,36,.46);backdrop-filter:blur(10px);font-size:9px;letter-spacing:.2em;font-weight:800;color:#aeece7}
.founder-profile-copy{padding:38px 34px 34px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}.profile-index{font-size:10px;letter-spacing:.22em;color:#62cfd0;font-weight:800;margin-bottom:20px}.founder-profile-copy h3{font-size:clamp(31px,3vw,50px);line-height:.97;letter-spacing:-.045em;margin:0 0 8px}.founder-profile-copy h4{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#69d5ce;margin:0 0 24px}.founder-profile-copy>p{font-size:14px;line-height:1.75;color:#a5bac2;margin:0 0 26px}.cofounder-card{background:linear-gradient(145deg,rgba(61,170,184,.08),rgba(255,255,255,.025))}
.founder-story-orb{position:absolute;width:620px;height:620px;border-radius:50%;right:-260px;top:10%;background:radial-gradient(circle,rgba(57,191,196,.18),transparent 68%);filter:blur(10px);pointer-events:none}

@media (max-width:1180px){.glass-cofounder{right:1%;top:12%;width:230px}.founders-grid{grid-template-columns:1fr}.founder-profile-card{min-height:520px}.founder-story>.founder-story-heading{margin-bottom:42px}}
@media (max-width:760px){.glass-cofounder{display:none}.founder-story{padding:86px 20px}.founder-profile-card{grid-template-columns:1fr;min-height:0;border-radius:25px}.founder-profile-visual{height:430px}.founder-profile-copy{padding:28px 24px 30px}.founder-profile-copy h3{font-size:38px}.founder-profile-copy>p{font-size:14px}.team-intro{font-size:15px}.vm-particle-canvas{opacity:.78}}
@media (max-width:430px){.founder-profile-visual{height:360px}.founder-profile-copy h3{font-size:33px}}

.hero-founders-note{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#7fb8c7}.hero-founders-note span{color:#53d1d1;font-weight:800}.hero-founders-note a{color:#d9f4fb;text-decoration:none;font-weight:650;letter-spacing:.08em}.hero-founders-note i{width:26px;height:1px;background:rgba(121,196,214,.35)}
@media (max-width:760px){.hero-founders-note{font-size:10px;gap:8px}.hero-founders-note i{width:18px}}


/* V10 co-founder reveal section */
.cofounder-scroll{position:relative;padding:clamp(72px,8vw,120px) var(--pad, clamp(18px,3vw,40px)) clamp(88px,10vw,132px);overflow:hidden;background:radial-gradient(circle at 15% 10%, rgba(61,186,221,.14), transparent 28%),radial-gradient(circle at 86% 22%, rgba(42,179,161,.14), transparent 24%),linear-gradient(180deg,#071b2b 0%,#071a29 55%,#05131f 100%)}
.cofounder-scroll::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(91,162,182,.07) 1px, transparent 1px),linear-gradient(90deg, rgba(91,162,182,.07) 1px, transparent 1px);background-size:58px 58px;mask-image:linear-gradient(180deg, transparent 0%, rgba(0,0,0,.85) 14%, rgba(0,0,0,.92) 100%);pointer-events:none}
.cofounder-banner{position:relative;z-index:1;max-width:880px;margin:0 auto 42px;text-align:center}
.cofounder-banner h2{margin:14px 0 14px;font-size:clamp(2.5rem,5.8vw,5.4rem);line-height:.94;letter-spacing:-.05em;color:#f5fbff}
.cofounder-banner h2 span{color:#5fe1e5;font-style:italic}
.cofounder-banner p{max-width:760px;margin:0 auto;color:#9ec1cc}
.cofounder-stage{position:relative;z-index:1;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,4vw,54px);align-items:center}
.cofounder-visual{position:relative;min-height:680px;display:flex;align-items:center;justify-content:center;perspective:1600px}
.cofounder-panel.back-panel{position:absolute;width:min(70%,460px);aspect-ratio:4/5;border-radius:34px;background:linear-gradient(180deg, rgba(90,212,233,.14), rgba(255,255,255,.03));border:1px solid rgba(120,212,230,.22);transform:translate(-32px,20px) rotateY(14deg);box-shadow:0 24px 80px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.08)}
.cofounder-portrait{position:relative;width:min(78%,520px);margin:0;border-radius:34px;overflow:hidden;transform:translateZ(36px) rotateY(-10deg) rotateX(3deg);border:1px solid rgba(122,217,233,.3);box-shadow:0 32px 90px rgba(0,0,0,.42)}
.cofounder-portrait img{display:block;width:100%;height:auto}
.cofounder-orb{position:absolute;border-radius:999px;filter:blur(12px);opacity:.85}
.cofounder-orb.orb-left{width:240px;height:240px;background:radial-gradient(circle, rgba(84,214,228,.45) 0%, rgba(84,214,228,.08) 55%, transparent 72%);left:2%;top:18%}
.cofounder-orb.orb-right{width:360px;height:360px;background:radial-gradient(circle, rgba(63,131,211,.38) 0%, rgba(63,131,211,.08) 60%, transparent 76%);right:-2%;bottom:4%}
.cofounder-glass{position:absolute;max-width:250px;padding:18px 18px 16px;border-radius:20px;background:linear-gradient(180deg, rgba(13,41,59,.55), rgba(9,27,40,.44));backdrop-filter:blur(18px);border:1px solid rgba(119,202,224,.18);box-shadow:0 20px 50px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.05)}
.cofounder-glass small{display:block;margin-bottom:8px;font-size:11px;letter-spacing:.18em;color:#6adadf}
.cofounder-glass strong{display:block;color:#f5fbff;font-size:1.05rem;line-height:1.3;margin-bottom:8px}
.cofounder-glass p{margin:0;color:#98b9c5;font-size:.92rem;line-height:1.55}
.cofounder-glass.card-a{left:2%;bottom:12%;transform:translateZ(18px)}
.cofounder-glass.card-b{right:0;top:10%;transform:translateZ(44px)}
.cofounder-copy h3{margin:18px 0 16px;font-size:clamp(2rem,4.4vw,4.2rem);line-height:.98;letter-spacing:-.04em;color:#f5fbff}
.cofounder-copy h3 span{color:#5fe1e5;font-style:italic}
.cofounder-copy p{max-width:560px;color:#a9c6d0;font-size:1.02rem;line-height:1.78}
@media (max-width:1024px){.cofounder-stage{grid-template-columns:1fr;gap:24px}.cofounder-visual{min-height:560px;order:2}.cofounder-copy{order:1}.cofounder-copy p{max-width:none}}
@media (max-width:760px){.cofounder-scroll{padding:58px 18px 82px}.cofounder-banner{text-align:left;margin-bottom:26px}.cofounder-banner p{margin:0}.cofounder-stage{gap:16px}.cofounder-visual{min-height:460px}.cofounder-panel.back-panel{width:86%;transform:translate(-10px,12px) rotateY(10deg)}.cofounder-portrait{width:88%;transform:none}.cofounder-glass{position:absolute;max-width:180px;padding:14px 14px 12px}.cofounder-glass.card-a{left:0;bottom:4%}.cofounder-glass.card-b{right:0;top:2%}.cofounder-copy h3{font-size:2.1rem}}


/* V11: intro animation page, then VM banner -> founder -> cofounder, then about founders */
.founder-sequence{position:relative;padding:clamp(28px,4vw,48px) clamp(18px,3vw,40px) clamp(84px,9vw,120px);background:radial-gradient(circle at 10% 0%, rgba(61,186,221,.14), transparent 28%), radial-gradient(circle at 88% 14%, rgba(42,179,161,.11), transparent 22%), linear-gradient(180deg,#061521 0%, #071b2b 50%, #05131f 100%);overflow:hidden}
.founder-sequence::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(91,162,182,.06) 1px, transparent 1px),linear-gradient(90deg, rgba(91,162,182,.06) 1px, transparent 1px);background-size:58px 58px;mask-image:linear-gradient(180deg, rgba(0,0,0,.2), rgba(0,0,0,.9) 18%, rgba(0,0,0,1) 100%);pointer-events:none}
.vm-banner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr);gap:clamp(18px,3vw,34px);align-items:center;max-width:1240px;margin:0 auto 44px;padding:24px;border:1px solid rgba(117,201,223,.16);border-radius:30px;background:linear-gradient(180deg, rgba(11,35,52,.72), rgba(9,26,39,.52));backdrop-filter:blur(14px);box-shadow:0 24px 70px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04)}
.vm-banner-mark{display:flex;align-items:center;justify-content:center;padding:14px;border-radius:24px;background:radial-gradient(circle at 30% 18%, rgba(93,228,230,.14), transparent 35%), linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));min-height:220px}
.vm-banner-mark img{max-width:min(92%,360px);width:100%;height:auto;display:block;filter:drop-shadow(0 16px 34px rgba(76,188,222,.12))}
.vm-banner-copy h2{margin:10px 0 12px;font-size:clamp(2.3rem,5vw,4.6rem);line-height:.94;letter-spacing:-.05em;color:#f5fbff}.vm-banner-copy h2 span{color:#5fe1e5;font-style:italic}.vm-banner-copy p{max-width:720px;color:#a8c5cf;line-height:1.75}
.resolved-founder.inline-showcase{position:relative;inset:auto;z-index:1;opacity:1;transform:none;pointer-events:auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(540px,1.08fr);gap:clamp(35px,5vw,80px);align-items:center;max-width:1240px;margin:0 auto;padding:36px 0 24px;border-top:1px solid rgba(117,201,223,.1)}
.resolved-founder.inline-showcase .hero-copy{max-width:860px}.resolved-founder.inline-showcase .founder-stage{height:min(700px,72vh)}
.cofounder-scroll.inline-showcase{position:relative;z-index:1;padding:44px 0 0;background:transparent}.cofounder-scroll.inline-showcase::before{opacity:.8}.cofounder-scroll.inline-showcase .cofounder-banner{max-width:1240px;margin:0 auto 28px}.cofounder-scroll.inline-showcase .cofounder-banner .eyebrow{color:#5fe1e5}.cofounder-scroll.inline-showcase .cofounder-stage{max-width:1240px;margin:0 auto}
@media (max-width:1024px){.vm-banner{grid-template-columns:1fr;padding:20px}.resolved-founder.inline-showcase{grid-template-columns:1fr;padding-top:30px}.resolved-founder.inline-showcase .founder-stage{justify-self:center;width:min(100%,720px);height:520px;margin-top:10px}}
@media (max-width:760px){.founder-sequence{padding:18px 18px 64px}.vm-banner{padding:16px;border-radius:24px;margin-bottom:28px}.vm-banner-mark{min-height:150px}.vm-banner-copy h2{font-size:2rem}.resolved-founder.inline-showcase{display:block;padding:22px 0 18px}.resolved-founder.inline-showcase .founder-stage{height:445px;margin-top:10px}.cofounder-scroll.inline-showcase{padding-top:24px}}


/* ===== V13: longer VM opening + dedicated 3D co-founder profile ===== */
.scroll-founder{height:320vh}
.vm-particle-canvas{filter:drop-shadow(0 0 12px rgba(83,216,208,.32)) saturate(1.06)}
.cofounder-scroll.inline-showcase{padding-top:56px}
.cofounder-stage-profile{position:relative;z-index:1;max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.94fr) minmax(520px,1.06fr);gap:clamp(30px,5vw,84px);align-items:center}
.cofounder-stage-profile .cofounder-copy{max-width:760px}
.cofounder-stage-profile .cofounder-copy p{max-width:560px;color:#a9c6d0;font-size:1.02rem;line-height:1.78}
.cofounder-stage-profile .cofounder-copy h3{margin:18px 0 16px;font-size:clamp(2rem,4.4vw,4.2rem);line-height:.98;letter-spacing:-.04em;color:#f5fbff}
.cofounder-stage-profile .cofounder-copy h3 span{color:#5fe1e5;font-style:italic}
.founder-stage-secondary{justify-self:end;width:min(100%,760px);height:700px}
.founder-stage-secondary:before{inset:9% 9% 8% 8%;transform:translateZ(-80px) rotateY(5deg)}
.founder-stage-secondary .founder-aurora{left:2%;right:auto;top:14%;background:radial-gradient(circle at 46% 42%,rgba(93,223,232,.26),rgba(35,135,204,.12) 38%,rgba(7,39,54,.03) 66%,transparent 72%)}
.founder-stage-secondary .founder-ring-a{left:-4%;right:auto;top:45%}
.founder-stage-secondary .founder-ring-b{left:6%;right:auto;top:18%}
.founder-stage-secondary .founder-ring-c{left:18%;right:auto;top:29%}
.founder-stage-secondary .portrait-depth{left:18%;right:auto;top:16%}
.founder-stage-secondary .founder-portrait{left:14%;right:auto;top:8%;width:55%;height:76%;transform:translate3d(calc(var(--fx)*-10px),calc(var(--fy)*7px),90px) rotateY(calc(var(--fx)*-2.6deg)) rotateX(calc(var(--fy)*-2.1deg))}
.founder-stage-secondary .founder-portrait img{object-position:50% 34%}
.founder-stage-secondary .glass-profile{left:auto;right:1%;top:10%;width:252px}
.founder-stage-secondary .glass-services{left:0;right:auto;bottom:11%;width:250px}
.founder-stage-secondary .glass-location{left:auto;right:10%;bottom:4%;top:auto;width:238px}
.founder-stage-secondary .founder-brand-cube{left:7%;right:auto;top:8%}
@media (max-width:1024px){.scroll-founder{height:290vh}.cofounder-stage-profile{grid-template-columns:1fr;gap:26px}.founder-stage-secondary{justify-self:center;width:min(100%,720px);height:520px}}
@media (max-width:760px){.scroll-founder{height:250vh}.cofounder-scroll.inline-showcase{padding-top:26px}.cofounder-stage-profile{display:block}.cofounder-stage-profile .cofounder-copy{margin-bottom:10px}.cofounder-stage-profile .cofounder-copy h3{font-size:2.1rem}.founder-stage-secondary{height:445px;margin-top:10px}.founder-stage-secondary .founder-portrait{width:66%;height:68%;left:17%;top:13%;transform:none}.founder-stage-secondary .portrait-depth{width:69%;height:69%;left:14%;top:15%}.founder-stage-secondary .glass-profile{right:0;top:8%;width:178px}.founder-stage-secondary .glass-services{left:0;bottom:7%;width:188px}.founder-stage-secondary .glass-location{display:none}.founder-stage-secondary .founder-brand-cube{left:3%;top:7%}}
@media (max-width:430px){.scroll-founder{height:230vh}.founder-stage-secondary{height:410px}.founder-stage-secondary .glass-profile{width:156px}.founder-stage-secondary .glass-services{width:166px}}


/* ===== V15: no top gap + phone-friendly layout ===== */
.scroll-founder{margin-top:0!important;padding-top:0!important}
.scroll-founder-sticky{top:0!important;height:100svh;min-height:100svh}
.intro-phase,.intro-particle-scene,.vm-particle-canvas{top:0!important;margin-top:0!important;padding-top:0!important}

@media (max-width:760px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .site-header{height:62px;padding:0 14px}
  .site-header.scrolled{height:58px}
  .brand-logo-shell{width:34px;height:34px}
  .brand-name{font-size:9px;letter-spacing:.12em}
  .menu-toggle{width:40px;height:40px}
  .mobile-menu{padding:92px 20px 28px}
  .mobile-menu>a{font-size:clamp(34px,11vw,52px)}

  .scroll-founder-sticky{height:100svh;min-height:100svh}
  .vm-particle-canvas{opacity:1!important;filter:drop-shadow(0 0 8px rgba(83,216,208,.28))}

  .founder-sequence{padding:14px 14px 58px}
  .vm-banner{grid-template-columns:1fr;gap:14px;padding:14px;border-radius:20px;margin-bottom:22px}
  .vm-banner-mark{min-height:120px;padding:8px}
  .vm-banner-mark img{max-width:260px}
  .vm-banner-copy .eyebrow{font-size:9px;letter-spacing:.18em;margin-bottom:12px}
  .vm-banner-copy h2{font-size:clamp(30px,9.5vw,42px);line-height:.98}
  .vm-banner-copy p{font-size:14px;line-height:1.6}

  .resolved-founder.inline-showcase{display:flex;flex-direction:column;gap:14px;padding:18px 0 10px}
  .resolved-founder.inline-showcase .hero-copy{width:100%;max-width:none}
  .resolved-founder.inline-showcase :is(h1,h2){font-size:clamp(40px,12vw,58px);line-height:.92}
  .resolved-founder.inline-showcase .hero-text{font-size:14px;line-height:1.62}
  .resolved-founder.inline-showcase .hero-actions{display:grid;grid-template-columns:1fr;gap:9px}
  .resolved-founder.inline-showcase .hero-actions .btn{width:100%}
  .resolved-founder.inline-showcase .founder-stage{width:100%;height:430px;min-height:430px;overflow:visible}

  .founder-stage{width:100%;max-width:100%;height:430px}
  .founder-portrait{width:64%;height:66%;right:18%;top:15%;border-radius:20px}
  .portrait-depth{width:67%;height:67%;right:15%;top:17%}
  .glass-profile{left:0;top:8%;width:154px;padding:11px}
  .glass-services{right:0;bottom:6%;width:166px;padding:11px}
  .founder-brand-cube{width:52px;height:52px;right:3%;top:6%}
  .cube-face-hero{font-size:15px}
  .face-a{transform:translateZ(26px)}
  .face-b{transform:rotateY(90deg) translateZ(26px)}
  .face-c{transform:rotateX(90deg) translateZ(26px)}

  .cofounder-scroll.inline-showcase{padding-top:24px}
  .cofounder-banner{text-align:left;margin-bottom:18px}
  .cofounder-banner h2{font-size:clamp(34px,10vw,48px)}
  .cofounder-banner p{font-size:14px;line-height:1.6}
  .cofounder-stage-profile{display:flex;flex-direction:column;gap:14px}
  .cofounder-stage-profile .cofounder-copy{width:100%;max-width:none}
  .cofounder-stage-profile .cofounder-copy h3{font-size:clamp(30px,9.5vw,42px)}
  .cofounder-stage-profile .cofounder-copy p{font-size:14px;line-height:1.62;max-width:none}
  .founder-stage-secondary{width:100%;height:430px;min-height:430px}
  .founder-stage-secondary .founder-portrait{width:64%;height:66%;left:18%;top:15%}
  .founder-stage-secondary .portrait-depth{width:67%;height:67%;left:15%;top:17%}
  .founder-stage-secondary .glass-profile{right:0;top:8%;width:154px;padding:11px}
  .founder-stage-secondary .glass-services{left:0;bottom:6%;width:166px;padding:11px}

  .founder-story{padding:72px 14px}
  .founder-story>.founder-story-heading{margin-bottom:28px}
  .founder-story-heading h2{font-size:clamp(42px,12vw,62px)}
  .founders-grid{gap:18px}
  .founder-profile-card{grid-template-columns:1fr;border-radius:22px}
  .founder-profile-visual{height:340px}
  .founder-profile-copy{padding:22px 18px 24px}
  .founder-profile-copy h3{font-size:32px}
  .founder-profile-copy h4{font-size:11px;line-height:1.45}
  .founder-profile-copy>p{font-size:14px;line-height:1.66}

  .about,.work,.process,.experience,.contact,.services{padding:72px 14px}
  .about h2,.section-head h2,.contact h2{font-size:clamp(40px,12vw,60px)}
  .section-kicker{margin-bottom:28px;font-size:10px}
  .about-copy>p,.section-head.split>p,.contact-intro>p{font-size:15px}
  .service-row{grid-template-columns:34px 1fr 24px;gap:10px;padding:20px 0}
  .service-row h3{font-size:20px}
  .service-row p{font-size:13px;grid-column:2/4}
  .service-row .arrow{font-size:18px}

  .work-hub{padding:72px 14px 58px}
  .project-showcase{padding:70px 14px}
  .project-media{min-height:280px}
  .project-image-frame,.medium-browser{width:100%;max-height:none}
  .medium-browser{height:290px}

  .process-grid{gap:14px}
  .process-card{min-height:205px;padding:22px;border-radius:22px}
  .contact{gap:34px}
  .project-form{padding:18px;border-radius:20px}
  .project-form input,.project-form select,.project-form textarea{font-size:16px}
  .contact-chips a,.contact-chips span{font-size:12px}
  footer{padding:28px 14px}
}

@media (max-width:420px){
  .scroll-founder{height:220vh}
  .founder-stage,.resolved-founder.inline-showcase .founder-stage,.founder-stage-secondary{height:390px;min-height:390px}
  .founder-portrait,.founder-stage-secondary .founder-portrait{width:67%;height:64%;top:16%}
  .glass-profile,.founder-stage-secondary .glass-profile{width:142px}
  .glass-services,.founder-stage-secondary .glass-services{width:150px}
  .founder-profile-visual{height:310px}
}


/* ===== V16: remove the remaining top part before the particle intro ===== */
html,body{margin:0!important;padding:0!important}
main{margin:0!important;padding:0!important}
.scroll-founder{margin:0!important;padding:0!important;top:0!important}
.scroll-founder-sticky{top:0!important;margin:0!important;padding:0!important;height:100svh!important;min-height:100svh!important}
.intro-phase,.intro-particle-scene,.vm-particle-canvas{inset:0!important;margin:0!important;padding:0!important;width:100%!important;height:100%!important}
.site-header{transition:height .35s ease,background .35s ease,color .35s ease,border-color .35s ease,opacity .28s ease,transform .28s ease}
.site-header.intro-hidden{opacity:0!important;transform:translateY(-110%)!important;pointer-events:none!important}

@media (max-width:760px){
  .scroll-founder-sticky{height:100svh!important;min-height:100svh!important}
  .intro-phase,.intro-particle-scene,.vm-particle-canvas{height:100svh!important}
}

/* Corrected intro, overlay navigation and accessible fallback. */
.mobile-menu{position:fixed;z-index:95;overflow-y:auto;overscroll-behavior:contain}
.site-header{position:fixed;z-index:100}
html,body{overflow-x:clip}
section[id]{scroll-margin-top:84px}
#home{scroll-margin-top:0}
.site-header.intro-hidden{visibility:hidden}
.vm-particle-canvas{opacity:1}
.intro-fallback{position:absolute;inset:0;display:grid;place-items:center;z-index:1}
.intro-fallback img{width:min(42vw,300px);border-radius:20px}
.particles-ready .intro-fallback{visibility:hidden}
.intro-controls{position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:24px;right:24px;z-index:3;display:flex;justify-content:space-between;gap:20px;color:#a8d9dd;font-size:12px;letter-spacing:.06em}
.intro-controls a{padding:12px;border:1px solid #467580;border-radius:24px}
.intro-controls span{align-self:center}
:focus-visible{outline:2px solid #68d7e6;outline-offset:5px}
.no-animation .scroll-founder{height:100svh}
@media(prefers-reduced-motion:reduce){.scroll-founder{height:100svh}.intro-controls span{display:none}}
@media(min-width:1101px){.mobile-menu{display:none}}

/* Galaxy intro: starfield -> spiral -> VM, driven by native page scroll. */
#home{height:350svh;background:#03090e;--galaxy-labels:1;--galaxy-tagline:0;--galaxy-progress:0}
#home .scroll-founder-sticky{background:#03090e;isolation:isolate;perspective:none}
#home .vm-particle-canvas{filter:none;opacity:1}
.galaxy-masthead{position:absolute;top:32px;left:4vw;right:4vw;display:flex;align-items:center;justify-content:space-between;z-index:4;pointer-events:none;color:#b6ced7}
.galaxy-masthead>span{font-size:22px;font-weight:850;letter-spacing:-.1em}
.galaxy-masthead p{font-size:9px;letter-spacing:.16em;line-height:1.7;text-align:right}
.galaxy-titles{position:absolute;inset:0 4vw;display:flex;align-items:center;justify-content:space-between;padding-bottom:8vh;z-index:3;pointer-events:none;opacity:var(--galaxy-labels)}
.galaxy-titles span{font-size:clamp(24px,3.6vw,54px);font-weight:450;letter-spacing:-.055em;color:#f2f6f8}
.galaxy-statement{position:absolute;left:20px;right:20px;top:79%;z-index:3;text-align:center;opacity:var(--galaxy-tagline);transform:translateY(calc((1 - var(--galaxy-tagline))*12px));pointer-events:none}
.galaxy-statement p{font-size:clamp(22px,2.3vw,36px);font-weight:450;letter-spacing:-.045em;line-height:1.15;color:#f1f6f9}
.mobile-break{display:none}
#home .intro-controls{bottom:max(24px,env(safe-area-inset-bottom));left:4vw;right:4vw;align-items:end;color:#aec0ca;font-size:11px;letter-spacing:0}
#home .intro-controls>div{display:flex;flex-direction:column;gap:12px}
.galaxy-scroll{font-size:8px;letter-spacing:.19em;color:#758e9c}
#home .intro-controls a{font-size:11px;border-color:#354b59;padding:12px 18px;white-space:nowrap;transition:background .2s}
#home .intro-controls a:hover{background:#15303d}
.galaxy-progress{position:absolute;left:0;bottom:0;right:0;height:2px;background:#56c8c4;transform:scaleX(var(--galaxy-progress));transform-origin:left;z-index:4}
@media(max-width:600px){#home{height:320svh}.galaxy-masthead{top:24px;left:22px;right:22px}.galaxy-titles{align-items:flex-start;padding-top:23vh;inset:0 22px}.galaxy-titles span{font-size:28px}.galaxy-statement{top:72%}.galaxy-statement p{font-size:27px}.mobile-break{display:block}#home .intro-controls{left:22px;right:22px;font-size:9px}.galaxy-chapter{max-width:165px;line-height:1.5}#home .intro-controls a{font-size:10px;padding:11px 13px}}
@media(prefers-reduced-motion:reduce){#home{height:100svh}.galaxy-titles{opacity:0}.galaxy-statement{opacity:1;transform:none}.galaxy-scroll,.galaxy-chapter{display:none}}
html:not(.js) #home{height:100svh}
html:not(.js) .galaxy-titles{display:none}
html:not(.js) .galaxy-statement{opacity:1;transform:none}
.galaxy-pause{align-self:flex-start;padding:3px 0;background:none;border:0;border-bottom:1px solid #354b59;color:#9aafbb;font-size:10px;cursor:pointer}@media(prefers-reduced-motion:reduce){.galaxy-pause{display:none}}

/* ===== V20: service work navigation, team PA, logo portfolio ===== */
.service-hint{display:flex;align-items:center;gap:10px;width:max-content;max-width:100%;margin:-38px 0 34px auto;padding:10px 14px;border:1px solid rgba(104,215,230,.2);border-radius:999px;color:#9fd9df;background:rgba(255,255,255,.025);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.service-hint span{color:#65e3d8;font-size:15px}
.service-row{cursor:pointer;color:inherit;grid-template-columns:70px 1.05fr .95fr minmax(122px,auto);text-decoration:none}
.service-row:focus-visible{outline:2px solid #72e3d9;outline-offset:6px}
.service-action{justify-self:end;display:inline-flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid rgba(109,224,214,.25);border-radius:999px;color:#bdeae7;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;white-space:nowrap;transition:background .3s,border-color .3s,color .3s,transform .3s}
.service-action b{font-size:14px;color:#67dcd4;transition:transform .3s}
.service-row:hover .service-action{background:rgba(89,219,209,.09);border-color:rgba(109,224,214,.55);color:#fff;transform:translateX(2px)}
.service-row:hover .service-action b{transform:translate(2px,-2px)}

.team-support{padding:clamp(86px,9vw,138px) clamp(22px,6vw,96px);display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.62fr);gap:clamp(42px,7vw,110px);align-items:center;overflow:hidden;background:radial-gradient(circle at 80% 32%,rgba(45,174,211,.14),transparent 28%),radial-gradient(circle at 58% 75%,rgba(61,205,189,.09),transparent 26%),#071c2c}
.team-support-copy{max-width:760px}
.team-support-copy h2{font-size:clamp(48px,5.7vw,92px);line-height:.94;letter-spacing:-.055em;margin:0 0 28px}
.team-support-copy h2 span{background:linear-gradient(90deg,#45d4c1,#59bfe9);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic;font-weight:550}
.team-support-copy>p:not(.eyebrow){max-width:650px;color:#9fb6bf;font-size:clamp(15px,1.3vw,19px);line-height:1.75}
.team-role-chip{margin-top:28px;width:max-content;max-width:100%;padding:10px 13px;border:1px solid rgba(104,215,230,.22);border-radius:999px;background:rgba(255,255,255,.025);color:#9fe3df;font-size:10px;letter-spacing:.16em;font-weight:800}
.team-support-portrait{position:relative;margin:0;justify-self:end;width:min(100%,480px);aspect-ratio:4/5;border-radius:32px;overflow:hidden;border:1px solid rgba(112,219,226,.22);box-shadow:0 34px 90px rgba(0,0,0,.36),0 0 70px rgba(45,174,211,.08);background:#081d2d}
.team-support-portrait:before{content:"";position:absolute;inset:-1px;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent 54%,rgba(4,17,27,.9) 100%)}
.team-support-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 20%}
.team-support-portrait figcaption{position:absolute;z-index:3;left:22px;right:22px;bottom:20px;display:flex;flex-direction:column;gap:4px}
.team-support-portrait figcaption span{font-size:22px;font-weight:800;letter-spacing:-.03em}
.team-support-portrait figcaption b{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#73ddd7}

.logo-showcase{padding:clamp(92px,9vw,145px) clamp(22px,6vw,96px);overflow:hidden}
.logo-project-card{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);min-height:500px;border:1px solid rgba(7,28,44,.11);border-radius:32px;overflow:hidden;background:#fff;box-shadow:0 26px 70px rgba(7,28,44,.08);transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s,border-color .4s}
.logo-project-card:hover{transform:translateY(-5px);box-shadow:0 34px 90px rgba(7,28,44,.13);border-color:rgba(32,134,172,.24)}
.logo-project-art{display:grid;place-items:center;padding:clamp(34px,5vw,78px);background:radial-gradient(circle at 78% 20%,#d9f5ff 0%,transparent 30%),linear-gradient(145deg,#fbfdff,#eef7fb)}
.logo-project-art img{width:min(100%,610px);height:auto;mix-blend-mode:multiply}
.logo-project-meta{padding:clamp(30px,4vw,56px);display:flex;flex-direction:column;justify-content:space-between;gap:40px;background:#071c2c;color:#fff}
.logo-project-meta span{font-size:10px;letter-spacing:.2em;color:#6edbd3;font-weight:800}
.logo-project-meta h3{font-size:clamp(40px,4.8vw,72px);letter-spacing:-.055em;line-height:.95;margin-top:10px}
.logo-project-meta>b{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#bfe8e6}

@media(max-width:980px){
  .service-row{grid-template-columns:54px 1fr auto}.service-row p{grid-column:2/3}.service-action{grid-column:3;grid-row:1/3}
  .team-support{grid-template-columns:1fr}.team-support-portrait{justify-self:start;width:min(100%,540px)}
  .logo-project-card{grid-template-columns:1fr}.logo-project-meta{min-height:220px}
}
@media(max-width:760px){
  .service-hint{margin:-20px 0 24px 0;font-size:9px}
  .service-row{grid-template-columns:34px 1fr;gap:9px 11px;padding:20px 0}
  .service-row p{grid-column:2/3}
  .service-action{grid-column:2;grid-row:auto;justify-self:start;margin-top:3px;font-size:9px;padding:8px 11px}
  .team-support{padding:78px 20px;gap:32px}.team-support-copy h2{font-size:clamp(44px,12vw,68px)}.team-role-chip{border-radius:16px;line-height:1.5}
  .team-support-portrait{border-radius:24px}
  .logo-showcase{padding:82px 20px}.logo-project-card{border-radius:24px;min-height:0}.logo-project-art{padding:34px 22px}.logo-project-meta{min-height:190px;padding:28px 24px}.logo-project-meta h3{font-size:44px}
}
@media(max-width:430px){
  .team-support{padding-inline:14px}.logo-showcase{padding-inline:14px}
  .team-support-portrait{aspect-ratio:1/1.18}.team-support-portrait figcaption{left:16px;bottom:15px}
}

/* ===== V21: portfolio order, dual-logo section, desktop + mobile polish ===== */
html{overflow-x:hidden}
a,button{touch-action:manipulation}
.logo-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.logo-project-grid .logo-project-card{grid-template-columns:1fr;min-height:0;height:100%}
.logo-project-grid .logo-project-art{min-height:390px;padding:28px;background:radial-gradient(circle at 78% 20%,#d9f5ff 0%,transparent 30%),linear-gradient(145deg,#fbfdff,#eef7fb)}
.logo-project-grid .logo-project-art img{width:100%;height:100%;max-width:760px;max-height:500px;object-fit:contain;mix-blend-mode:multiply}
.logo-project-grid .logo-project-meta{min-height:210px}
.logo-project-grid .logo-project-meta h3{font-size:clamp(38px,3.8vw,64px)}

/* Keep major content comfortably readable on wide desktop displays. */
@media(min-width:1680px){
  .about-grid,.stats,.section-head,.service-list,.work-index,.project-shell,.process-grid,.experience-grid,.logo-project-grid{width:min(100%,1540px);margin-inline:auto}
  .project-showcase{padding-inline:max(6vw,calc((100vw - 1700px)/2 + 80px))}
  .site-header{padding-inline:max(4vw,calc((100vw - 1760px)/2 + 48px))}
}

@media(max-width:1100px){
  .logo-project-grid{grid-template-columns:1fr}
  .logo-project-grid .logo-project-art{min-height:340px}
}

@media(max-width:760px){
  .cursor-glow{display:none}
  .service-row{min-height:104px}
  .service-action{min-height:36px}
  .work-index a{min-height:104px;padding:20px}
  .project-shell,.project-shell.reverse{gap:26px}
  .project-copy h2{font-size:clamp(44px,14vw,64px);margin-bottom:18px}
  .project-copy>p:not(.project-count):not(.project-category){font-size:14px;line-height:1.7}
  .project-copy .btn{width:100%;min-height:48px;margin-top:22px}
  .project-media{min-height:0}
  .project-image-frame{aspect-ratio:16/9;max-height:none}
  .project-image-frame img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:top center}
  .live-browser-shot{aspect-ratio:16/9;height:auto;min-height:250px}
  .logo-showcase{padding:76px 14px}
  .logo-project-grid{gap:18px}
  .logo-project-grid .logo-project-card{border-radius:22px}
  .logo-project-grid .logo-project-art{min-height:0;aspect-ratio:4/3;padding:16px}
  .logo-project-grid .logo-project-meta{min-height:160px;padding:24px 20px;gap:24px}
  .logo-project-grid .logo-project-meta h3{font-size:38px}
  .logo-project-grid .logo-project-meta>b{font-size:10px}
}

@media(max-width:430px){
  .site-header{padding-inline:12px}
  .brand{gap:8px}.brand-name{letter-spacing:.09em}
  .about,.work,.process,.experience,.contact,.services{padding-inline:12px}
  .work-hub,.project-showcase,.logo-showcase{padding-inline:12px}
  .work-index a{padding:18px}
  .project-image-frame,.live-browser-shot{border-radius:16px}
}

@media(hover:none){
  .service-row:hover,.logo-project-card:hover{transform:none}
}

/* ===== V22: expanded identity showcase + client reviews ===== */
.logo-project-grid-expanded{grid-template-columns:repeat(3,minmax(0,1fr))}
.logo-project-grid-expanded .logo-project-art{min-height:320px}
.logo-project-grid-expanded .logo-project-meta{min-height:190px}
.logo-project-grid-expanded .logo-project-meta h3{font-size:clamp(30px,3vw,52px)}
.reviews-section{padding:clamp(92px,9vw,145px) clamp(22px,6vw,96px);position:relative;overflow:hidden}
.reviews-section:before{content:"";position:absolute;inset:auto auto -180px -120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(68,215,205,.16),transparent 68%);pointer-events:none}
.reviews-marquee{margin-top:36px;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09);padding:24px 0;overflow:hidden}
.reviews-track{display:flex;gap:22px;width:max-content;will-change:transform;animation:reviews-scroll 34s linear infinite}
.reviews-marquee:hover .reviews-track{animation-play-state:paused}
.review-card{width:min(360px,82vw);padding:22px 22px 20px;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.025));box-shadow:0 18px 40px rgba(0,0,0,.12)}
.review-stars{font-size:14px;letter-spacing:.16em;color:#68ddd5;margin-bottom:14px}
.review-card p{font-size:15px;line-height:1.7;color:#d9e6ea}
.review-meta{display:flex;flex-direction:column;gap:4px;margin-top:18px}
.review-meta strong{font-size:15px}.review-meta span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#80a8b0}
.review-submit-shell{margin-top:34px;display:grid;grid-template-columns:minmax(0,.85fr) minmax(320px,.95fr);gap:28px;align-items:start}
.review-submit-copy{padding:28px;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(145deg,rgba(255,255,255,.03),rgba(255,255,255,.015))}
.review-submit-copy h3{font-size:clamp(38px,4.2vw,60px);line-height:.95;letter-spacing:-.05em;margin:10px 0 16px}.review-submit-copy h3 span{background:linear-gradient(90deg,#54ddd2,#63b8f3);-webkit-background-clip:text;background-clip:text;color:transparent;font-style:italic}
.review-submit-copy p{color:#92aeb6;line-height:1.75}
.review-form{padding:28px;border-radius:28px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);display:grid;grid-template-columns:1fr 1fr;gap:16px}
.review-form label{display:flex;flex-direction:column;gap:8px}.review-form label span{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#7fded6;font-weight:800}
.review-form input,.review-form textarea,.review-form select{width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.14);background:rgba(4,18,28,.72);padding:14px 16px;color:#fff;font:inherit;outline:none}
.review-form textarea{resize:vertical;min-height:132px}.review-form label:nth-child(4){grid-column:1/-1}.review-form button,.review-form small{grid-column:1/-1}.review-form small{color:#87a2aa;font-size:11px;line-height:1.6}
.review-form input:focus,.review-form textarea:focus,.review-form select:focus{border-color:rgba(95,225,214,.6);box-shadow:0 0 0 3px rgba(86,221,210,.12)}
@keyframes reviews-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(min-width:1680px){.reviews-section{padding-inline:max(6vw,calc((100vw - 1700px)/2 + 80px))}.reviews-section .section-head,.reviews-marquee,.review-submit-shell{width:min(100%,1540px);margin-inline:auto}}
@media(max-width:1100px){.logo-project-grid-expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.review-submit-shell{grid-template-columns:1fr}}
@media(max-width:760px){.logo-project-grid-expanded{grid-template-columns:1fr}.reviews-section{padding:76px 14px}.reviews-marquee{margin-top:28px;padding:18px 0}.review-card{width:min(300px,84vw);padding:18px}.review-card p{font-size:14px}.review-submit-copy,.review-form{padding:22px;border-radius:22px}.review-submit-copy h3{font-size:clamp(34px,12vw,48px)}.review-form{grid-template-columns:1fr}.review-form label:nth-child(4),.review-form button,.review-form small{grid-column:auto}}

/* ===== V25: Photography department + expanded portfolio ===== */
.project-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:24px}
.project-actions .btn{margin-top:0}.project-social-link{font-size:11px;letter-spacing:.08em;text-transform:none}
.photo-department{padding:clamp(96px,9vw,148px) clamp(22px,6vw,96px);position:relative;overflow:hidden}
.photo-department:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;right:-240px;top:-180px;background:radial-gradient(circle,rgba(54,211,202,.16),rgba(48,126,178,.05) 48%,transparent 70%);pointer-events:none}
.photo-dept-head{position:relative;z-index:2}
.photo-team-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:38px}
.photo-team-card{border:1px solid rgba(255,255,255,.1);border-radius:28px;overflow:hidden;background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.02));box-shadow:0 24px 70px rgba(0,0,0,.16);transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .35s}
.photo-team-card:hover{transform:translateY(-5px);border-color:rgba(91,221,212,.4)}
.photo-team-image{aspect-ratio:4/5;overflow:hidden;background:#0a2332;position:relative}
.photo-team-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(4,16,26,.72) 100%);pointer-events:none}
.photo-team-image img{width:100%;height:100%;object-fit:cover;object-position:center 18%;transition:transform .65s cubic-bezier(.16,1,.3,1)}
.photo-team-card:hover .photo-team-image img{transform:scale(1.02)}
.photo-team-lead .photo-team-image img{object-position:center 14%}
.photo-team-copy{padding:24px 24px 27px}.photo-team-rank{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#67ddd4;font-weight:800}
.photo-team-copy h3{font-size:clamp(30px,3.2vw,48px);letter-spacing:-.045em;line-height:1;margin:10px 0 8px}
.photo-team-role{font-size:12px!important;color:#d9f7f4!important;font-weight:800;letter-spacing:.03em;margin-bottom:14px!important}.photo-team-copy>p:not(.photo-team-role){color:#8faab3;font-size:13px;line-height:1.7}
.photo-team-copy a{display:inline-flex;margin-top:18px;color:#78e0d8;font-size:11px;letter-spacing:.06em}
.photo-dept-links{position:relative;z-index:2;display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}
@media(min-width:1680px){.photo-department .section-head,.photo-team-grid,.photo-dept-links{width:min(100%,1540px);margin-left:auto;margin-right:auto}}
@media(max-width:1040px){.photo-team-grid{grid-template-columns:1fr 1fr}.photo-team-lead{grid-column:1/-1}.photo-team-lead{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1fr)}.photo-team-lead .photo-team-image{aspect-ratio:auto;min-height:460px}}
@media(max-width:760px){.photo-department{padding:78px 14px}.photo-team-grid{grid-template-columns:1fr;gap:16px}.photo-team-lead{grid-column:auto;display:block}.photo-team-lead .photo-team-image{min-height:0;aspect-ratio:4/5}.photo-team-card{border-radius:22px}.photo-team-copy{padding:20px}.photo-dept-links{align-items:stretch;flex-direction:column}.photo-dept-links .btn{width:100%;min-height:48px}.project-actions{align-items:stretch;flex-direction:column}.project-actions .btn{width:100%}}