/* Brand geometry, editorial imagery and motion across the shared template. */
/* Brand color tokens are defined in brand-system.css. */
.site-header{position:sticky;top:0;background:rgba(250,249,246,.96);transition:box-shadow .25s;border-bottom-color:rgba(0,0,64,.1)}
.site-header.is-scrolled{box-shadow:0 6px 28px #0000400c}
.reading-progress{height:3px;background:linear-gradient(90deg,var(--electric),var(--violet) 65%,var(--yellow));position:fixed;left:0;right:0;top:0;z-index:50;transform:scaleX(var(--reading-progress,0));transform-origin:left;pointer-events:none}
.main-navigation>a[aria-current]::after{background:var(--electric)}
.mega-nav>summary{list-style:none;min-height:44px;display:flex;align-items:center;gap:7px;cursor:pointer;position:relative}.mega-nav>summary::-webkit-details-marker{display:none}.mega-nav>summary::after{content:'';position:absolute;left:0;bottom:4px;width:0;height:3px;background:var(--electric);transition:width .25s}.mega-nav[data-current=true]>summary::after,.mega-nav[open]>summary::after{width:16px}.mega-chevron{font-size:14px;transition:transform .25s}.mega-nav[open] .mega-chevron{transform:rotate(180deg)}
.mega-menu{position:absolute;left:50%;top:95px;translate:-50% 0;width:min(1160px,calc(100vw - 64px));background:var(--navy);color:white;border-top:4px solid var(--yellow);border-radius:0 0 14px 14px;padding:26px 30px 20px;box-shadow:0 28px 75px #00004038;overflow:hidden;z-index:45}.mega-menu::after{content:'X';position:absolute;right:-45px;bottom:-150px;font-size:520px;font-weight:700;line-height:1;color:#ffffff04;pointer-events:none}.mega-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 4px 22px;border-bottom:1px solid #ffffff20;position:relative;z-index:1}.mega-top>div{display:flex;align-items:center;gap:25px}.mega-kicker{font-size:9px;letter-spacing:.16em;color:#aaa9cd;text-transform:uppercase;margin-right:25px}.mega-top strong{font-size:19px;font-weight:450}.mega-top>a{display:flex;align-items:center;gap:22px;min-height:40px;color:var(--yellow);font-size:12px}.mega-top>a span{font-size:19px}.mega-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;z-index:1}.mega-column{padding:25px 25px 17px}.mega-column:first-child{padding-left:4px}.mega-column+.mega-column{border-left:1px solid #ffffff20}.mega-column header{display:flex;align-items:flex-start;gap:14px;margin-bottom:17px}.mega-number{font-size:9px;color:#a7a6c5;padding-top:7px}.mega-column header strong{display:block;font-size:29px;line-height:1;letter-spacing:-.045em;font-weight:500}.mega-column header strong i{font-style:normal;color:var(--electric)}.mega-column--xecute header strong i{color:#8d6cff}.mega-column--xpand header strong i{color:var(--yellow)}.mega-column header small{display:block;color:#aaa9c5;font-size:10px;font-weight:400;margin-top:7px}.mega-column ul{list-style:none;padding:0;margin:0}.mega-column li+li{border-top:1px solid #ffffff15}.mega-column li>a{display:grid;grid-template-columns:34px 1fr 16px;gap:10px;align-items:center;padding:10px 7px;border-radius:7px;transition:background .2s,translate .2s}.mega-column li>a:hover,.mega-column li>a:focus-visible{background:#ffffff0d;translate:5px 0}.mega-column li>a>span:nth-child(2){min-width:0}.mega-column li b{display:block;font-size:12px;font-weight:500;line-height:1.35}.mega-column li small{display:block;color:#9998b8;font-size:8px;line-height:1.35;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mega-column li em{font-style:normal;color:var(--yellow);opacity:0;transition:opacity .2s}.mega-column li>a:hover em,.mega-column li>a:focus-visible em{opacity:1}.mega-icon{width:31px;height:31px;display:grid;place-items:center;background:#ffffff0b;border:1px solid #ffffff16;border-radius:7px;color:#88a3ff}.mega-icon .service-icon{width:16px;height:16px}.mega-column--xecute .mega-icon{color:#a98fff}.mega-column--xpand .mega-icon{color:var(--yellow)}.mega-stage-link{display:flex;justify-content:space-between;align-items:center;color:#bbbadd;font-size:9px;letter-spacing:.09em;text-transform:uppercase;margin:13px 7px 0;padding-top:11px;border-top:1px solid #ffffff24}.mega-stage-link:hover{color:var(--yellow)}.mega-foot{display:flex;align-items:center;gap:18px;padding-top:14px;border-top:1px solid #ffffff20;font-size:7px;letter-spacing:.14em;color:#8d8cac;position:relative;z-index:1}.mega-foot i{height:1px;background:#ffffff28;flex:1}.mega-nav:not([open]) .mega-menu{display:none}
.hero{grid-template-columns:1.2fr 1fr;gap:48px;padding-block:65px;min-height:710px}
.hero h1{font-size:clamp(43px,4.7vw,69px)}
.hero h1>span:first-child em{color:var(--electric)}
.hero h1>span:nth-child(2) em{color:var(--violet)}
.hero-studio{height:505px;min-height:0;width:100%;border-radius:120px 12px 12px 12px;background:radial-gradient(ellipse at 80% 10%,#3430a8 0,transparent 58%),#000040;color:white;isolation:isolate;box-shadow:22px 24px 0 #e9e7ff;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(var(--parallax,0px));transition:transform .35s ease-out}
.studio-grid{position:absolute;inset:0;border-radius:inherit;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent);z-index:-1}
.studio-label{position:absolute;right:28px;top:25px;color:#cfceff;font-size:8px;letter-spacing:.18em}
.studio-cube{position:absolute;width:78%;height:78%;left:11%;top:9%;overflow:visible;filter:drop-shadow(0 22px 25px #00002655)}
.cube-core,.cube-frame{transform-origin:200px 200px}
.studio-cube>.cube-core{position:absolute;inset:0;transform-origin:center}
.studio-cube .cube-core>img{position:absolute;left:7.5%;top:15%;width:85%;height:70%;object-fit:contain}
.studio-orbit{position:absolute;border:1px solid #ffffff16;border-radius:50%;width:75%;aspect-ratio:1;left:12%;top:13%;transform:rotateX(52deg) rotate(-20deg)}
.orbit-two{transform:rotateY(60deg) rotate(30deg)}
.studio-chip{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid #ffffff50;background:#fff;color:var(--navy);box-shadow:0 10px 30px #0000401f;border-radius:8px;z-index:3}
.studio-chip>span{font-size:13px;line-height:1.3;font-weight:500}.studio-chip small{display:block;margin-top:5px;letter-spacing:.08em;font-size:7px;color:#35354c;font-weight:600}
.service-icon{width:26px;height:26px;flex:none}.studio-chip .service-icon{color:var(--violet);width:25px;height:25px}
.chip-strategy{left:-24px;top:83px;transform:rotate(-5deg)}.chip-web{right:-17px;top:240px;transform:rotate(5deg)}.chip-growth{left:24px;bottom:78px;background:var(--yellow);border-color:var(--yellow);transform:rotate(-3deg)}.chip-growth .service-icon{color:var(--navy)}
.studio-footer{position:absolute;left:26px;right:26px;bottom:23px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#d9d9f0}.studio-footer>span:last-child{font-size:23px;color:var(--yellow)}.studio-footer i{display:inline-block;width:5px;height:5px;background:var(--yellow);border-radius:50%;margin-right:6px}
.brand-ribbon{overflow:hidden;background:var(--yellow);color:var(--navy);padding-block:19px;position:relative;margin-top:22px}.ribbon-track{display:flex;width:max-content;will-change:transform}.ribbon-track>span{white-space:nowrap;flex:none;font-size:22px;font-weight:500;letter-spacing:-.025em;padding-right:35px}.ribbon-track b{font-size:24px;margin-inline:34px;color:var(--violet);font-weight:400}
.x-portal{height:min(760px,86vh);min-height:610px;position:relative;overflow:hidden;background:var(--yellow);color:var(--navy);display:grid;place-items:center;isolation:isolate;--portal-progress:0}
.x-portal::before,.x-portal::after{content:'';position:absolute;inset:-20%;background:var(--navy);z-index:-2;clip-path:polygon(0 0,18% 0,50% 38%,82% 0,100% 0,100% 18%,62% 50%,100% 82%,100% 100%,82% 100%,50% 62%,18% 100%,0 100%,0 82%,38% 50%,0 18%);transform:scale(calc(.12 + var(--portal-progress) * .95));opacity:calc(.05 + var(--portal-progress) * .95)}
.x-portal::after{background:var(--violet);z-index:-3;transform:rotate(45deg) scale(calc(.15 + var(--portal-progress) * 1.1));opacity:.28}
.x-portal-grid{position:absolute;inset:0;background-image:linear-gradient(#00004012 1px,transparent 1px),linear-gradient(90deg,#00004012 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(circle,#000 0,transparent 68%);opacity:calc(1 - var(--portal-progress))}
.x-portal-copy{text-align:center;position:relative;z-index:3;transform:translateY(calc((.5 - var(--portal-progress)) * 50px));max-width:720px;padding:30px}.x-portal-copy .eyebrow{color:inherit}.x-portal-copy h2{font-size:clamp(48px,7vw,104px);line-height:.9;letter-spacing:-.065em}.x-portal-copy h2 span{color:var(--violet)}.x-portal-copy>p:last-child{color:inherit;margin:25px auto 0;font-size:18px}.x-portal-word{position:absolute;font-size:clamp(110px,21vw,330px);font-weight:650;line-height:.75;letter-spacing:-.09em;color:transparent;-webkit-text-stroke:1px #00004038;top:50%;translate:0 -50%;z-index:-1}.x-portal-word--left{left:calc(-18vw + var(--portal-progress) * -10vw)}.x-portal-word--right{right:calc(-18vw + var(--portal-progress) * -10vw)}
.x-portal-core{position:absolute;width:230px;height:230px;left:50%;top:50%;translate:-50% -50%;display:grid;place-items:center;z-index:2;color:white;opacity:var(--portal-progress);transform:scale(calc(.45 + var(--portal-progress) * .8)) rotate(calc(var(--portal-progress) * 45deg))}.x-portal-core span{position:absolute;width:100%;height:31%;background:var(--yellow);border-radius:8px}.x-portal-core span:first-child{rotate:45deg}.x-portal-core span:nth-child(2){rotate:-45deg}.x-portal-core b{font-size:58px;color:var(--navy);z-index:1;rotate:calc(var(--portal-progress) * -45deg)}
.x-portal-steps{position:absolute;left:45px;right:45px;bottom:32px;display:flex;justify-content:space-between;color:inherit;font-size:9px;letter-spacing:.13em;z-index:3}.x-portal[data-phase=dark]{color:white}.x-portal[data-phase=dark] .x-portal-copy h2 span{color:var(--yellow)}.x-portal[data-phase=dark] .x-portal-word{-webkit-text-stroke-color:#ffffff2b}
.cursor-aura{position:fixed;left:0;top:0;width:52px;height:52px;border:1px solid #4f22ef88;border-radius:50%;z-index:80;pointer-events:none;translate:-50% -50%;opacity:0;transform:translate3d(var(--cursor-x,-100px),var(--cursor-y,-100px),0) scale(var(--cursor-scale,1));transition:opacity .2s,transform .22s cubic-bezier(.2,.8,.2,1),border-radius .2s,background .2s;mix-blend-mode:multiply}.cursor-aura span{position:absolute;width:6px;height:6px;background:var(--yellow);border:1px solid var(--navy);left:50%;top:50%;translate:-50% -50%;transform:rotate(45deg)}.cursor-active .cursor-aura{opacity:1}.cursor-active .cursor-aura.is-link{--cursor-scale:1.5;border-radius:8px;background:#fecc0b38}
.pillar-grid{position:relative}.pillar-grid::before{content:'X / 01 — 02 — 03';position:absolute;right:0;top:-42px;font-size:9px;letter-spacing:.18em;color:var(--violet)}
.proof-section{border-top:0;padding-block:42px}.client-logos img{filter:none;opacity:.9}
.pillar-grid{gap:25px}.pillar,.pillar+.pillar{padding:0;border:0}.pillar-visual{position:relative;overflow:hidden;border-radius:9px;background:#e8ecff;color:var(--electric);margin-bottom:28px;border:1px solid #0000400b}.pillar-visual svg{width:100%;height:auto;overflow:visible}.visual-caption{display:block;font-size:8px;letter-spacing:.13em;text-align:center;padding:0 12px 18px;color:var(--navy)}.visual-xecute{background:#eee9ff;color:var(--violet)}.visual-xpand{background:#fff3bb;color:var(--navy)}
.pillar-top{margin-bottom:18px}.pillar h3{font-size:45px}.pillar h3 .accent{color:var(--electric)}.pillar p{min-height:130px}.pillar h4{font-size:18px}.pillar .text-link{color:var(--electric)}.pillar-tags{min-height:25px}.visual-rotate{transform-origin:180px 99px}.visual-layer,.visual-float{transform-origin:center}.visual-chart{stroke-dasharray:300;stroke-dashoffset:0}.visual-pulse{transform-origin:289px 47px}
.work-section{background:var(--navy);color:white;position:relative;overflow:hidden}.work-section::before{content:'X';position:absolute;right:-30px;top:-160px;font-size:750px;line-height:1;color:#ffffff03;pointer-events:none;font-weight:600}.work-section .eyebrow{color:#b6b2ff}.work-section .section-heading p:not(.eyebrow){color:#c3c2db}.work-section .accent{color:var(--yellow)}.work-section .text-link{color:var(--yellow)}.work-section .project p{color:#c3c2db}.work-section .project-meta,.work-section .project-scope{color:#b6b2cc}.work-section .wrap{position:relative}.project-image{border-radius:10px;box-shadow:0 18px 40px #00002016}.project-image img{transform:translateY(var(--image-shift,0px)) scale(1.075);transition:transform .45s ease-out}.project-image:hover img{transform:translateY(var(--image-shift,0px)) scale(1.12)}.project-open{background:var(--yellow);transition:transform .3s,background .3s}.project-image:hover .project-open{transform:rotate(45deg);background:white}.project-meta{font-size:10px}.project h3{font-size:28px}.project-grid .project:nth-child(2){transition-delay:.1s}.project-grid .project:nth-child(3){transition-delay:.2s}
.about-collage{position:relative;width:100%;aspect-ratio:1;isolation:isolate;transform:translateY(var(--parallax,0px));transition:transform .4s ease-out}.about-collage::before{content:'';position:absolute;inset:0 5%;background:var(--yellow);border-radius:50%;z-index:-1}.collage-main{position:absolute;left:0;top:3%;width:67%;height:84%;object-fit:cover;object-position:top;border:6px solid white;border-radius:10px;transform:rotate(-9deg);box-shadow:0 18px 50px #00004025}.collage-secondary{position:absolute;right:0;bottom:0;width:62%;height:68%;object-fit:cover;object-position:top;border:6px solid white;border-radius:10px;transform:rotate(10deg);box-shadow:0 18px 50px #00004025}.collage-stamp{position:absolute;right:0;top:0;width:116px;height:116px;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--violet);color:white;font-size:14px;line-height:1.35;letter-spacing:.08em;transform:rotate(12deg)}
.cta-section{position:relative;overflow:hidden;background:linear-gradient(110deg,#fecc0b,#ffe36c)}.cta-section::before{content:'';position:absolute;width:280px;aspect-ratio:1;right:13%;top:-70px;border:1px solid #00004018;transform:rotate(30deg);border-radius:30px}.cta-section::after{content:'✳';font-size:240px;line-height:1;position:absolute;right:5%;bottom:-115px;color:#0000400c;pointer-events:none}.cta-inner{position:relative;z-index:1}.cta-inner .eyebrow{display:flex;align-items:center;gap:10px}.cta-inner .eyebrow::before{content:'↗';display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--navy);color:var(--yellow);font-size:18px}
.page-intro{position:relative}.page-intro::after{content:'';position:absolute;right:0;top:70px;width:80px;height:80px;border:1px solid var(--electric);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:linear-gradient(135deg,#2456ff15,#4f22ef25);z-index:-1;transform:rotate(15deg)}.page-intro h1{max-width:1050px}
.service-group summary{position:sticky;top:95px;background:var(--paper);z-index:4}.service-group{scroll-margin-top:100px}.group-visual-intro .pillar-visual{margin-bottom:22px}.service-icon-tile{display:grid;place-items:center;width:44px;height:44px;background:#edeaff;color:var(--violet);border-radius:9px;margin-bottom:16px}.service-row:nth-child(even) .service-icon-tile{background:#fff0aa;color:var(--navy)}.brief-card .pillar-visual{margin:-18px -18px 28px}.brief-card{background:#f0effa}.contact-copy .accent{color:var(--electric)}.form-panel{border-top:4px solid var(--electric);box-shadow:0 15px 50px #00004005}
.motion-toggle{position:fixed;bottom:16px;left:16px;z-index:30;display:flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #00004024;background:#faf9f6f2;color:var(--navy);border-radius:30px;font-size:10px;min-height:34px;box-shadow:0 3px 12px #0000400b}.motion-toggle span{font-size:10px}
.motion-ready:not([data-motion=paused]) .ribbon-track{animation:brand-travel 26s linear infinite}.motion-ready:not([data-motion=paused]) .cube-core{animation:cube-breathe 5s ease-in-out infinite}.motion-ready:not([data-motion=paused]) .cube-frame{animation:frame-breathe 7s ease-in-out infinite}.motion-ready:not([data-motion=paused]) .studio-chip{animation:chip-drift 6s ease-in-out infinite}.motion-ready:not([data-motion=paused]) .chip-web{animation-delay:-2s}.motion-ready:not([data-motion=paused]) .chip-growth{animation-delay:-4s}.motion-ready:not([data-motion=paused]) .is-visible .visual-rotate{animation:visual-turn 22s linear infinite}.motion-ready:not([data-motion=paused]) .is-visible .visual-float,.motion-ready:not([data-motion=paused]) .is-visible .visual-layer{animation:layer-drift 4s ease-in-out infinite}.motion-ready:not([data-motion=paused]) .is-visible .visual-chart{animation:chart-draw 3.5s ease-in-out infinite}.motion-ready:not([data-motion=paused]) .is-visible .visual-pulse{animation:point-pulse 3.5s ease-in-out infinite}.motion-ready:not([data-motion=paused]) .motion-reveal.is-entering{animation:visible-arrival .8s cubic-bezier(.16,1,.3,1) both}
@keyframes brand-travel{to{transform:translateX(-50%)}}@keyframes cube-breathe{0%,100%{transform:translateY(-7px) rotate(-4deg)}50%{transform:translateY(7px) rotate(4deg)}}@keyframes frame-breathe{0%,100%{transform:scale(.98);opacity:.65}50%{transform:scale(1.025);opacity:1}}@keyframes chip-drift{50%{translate:0 -9px}}@keyframes visual-turn{to{transform:rotate(360deg)}}@keyframes layer-drift{50%{translate:0 -6px}}@keyframes chart-draw{0%{stroke-dashoffset:300}55%,100%{stroke-dashoffset:0}}@keyframes point-pulse{0%,40%{transform:scale(.75)}60%,100%{transform:scale(1)}}@keyframes visible-arrival{from{opacity:.2;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}
[data-motion=paused] *,[data-motion=paused] *::before,[data-motion=paused] *::after{animation-play-state:paused!important}[data-motion=paused] [data-parallax]{transform:none!important}[data-motion=paused] .project-image img{transform:none!important}
@media(max-width:1100px){.hero{gap:35px;min-height:650px}.hero-studio{height:435px;border-top-left-radius:90px}.hero h1{font-size:4.5vw}.studio-chip{padding:10px}.studio-chip>span{font-size:11px}.studio-chip small{font-size:6px}.chip-web{top:215px;right:-10px}.chip-strategy{left:-15px}.studio-label{font-size:7px}.studio-footer{font-size:8px;left:18px;right:18px}.pillar-grid{gap:22px}.pillar p{min-height:155px}.collage-stamp{width:90px;height:90px;font-size:11px}}
@media(max-width:1100px) and (min-width:761px){.mega-menu{width:calc(100vw - 40px);padding-inline:22px}.mega-column{padding-inline:16px}.mega-column li small{display:none}.mega-top strong{font-size:17px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-top:39px;gap:40px;min-height:0}.hero h1{font-size:clamp(33px,7.9vw,59px)}.hero-studio{height:370px;width:calc(100% - 20px);max-width:400px;margin:0 auto 15px;border-radius:80px 10px 10px 10px;box-shadow:10px 13px 0 #e9e7ff;padding:0}.studio-cube{height:80%;width:80%;left:10%;top:5%}.studio-label{font-size:6px;right:20px;top:19px}.studio-chip{padding:9px 10px;gap:7px}.studio-chip>span{font-size:11px}.studio-chip .service-icon{width:21px;height:21px}.chip-strategy{top:58px;left:-13px}.chip-web{top:190px;right:-13px}.chip-growth{bottom:59px;left:13px}.studio-footer{font-size:7px;bottom:16px;left:17px;right:17px}.brand-ribbon{margin-top:0;padding-block:15px}.ribbon-track>span{font-size:18px;padding-right:22px}.ribbon-track b{margin-inline:20px;font-size:21px}.proof-section{padding-block:28px}.pillar-grid{gap:38px}.pillar,.pillar+.pillar{padding:0}.pillar p{min-height:0}.pillar-visual{max-width:460px;margin-bottom:20px}.pillar-tags{min-height:0}.work-section .project p{font-size:14px}.project-image{aspect-ratio:1/1}.about-collage{width:90%;max-width:380px;margin:auto;aspect-ratio:1}.collage-stamp{width:86px;height:86px;font-size:10px}.about-section{gap:45px}.service-group summary{top:77px}.service-group{scroll-margin-top:80px}.group-visual-intro .pillar-visual{max-width:350px}.page-intro::after{width:58px;height:58px;top:36px}.motion-toggle{bottom:10px;left:10px;font-size:9px;padding:6px 9px;min-height:30px}.site-footer{padding-bottom:52px}}
@media(max-width:760px){.x-portal{height:530px;min-height:530px}.x-portal-copy{padding:24px}.x-portal-copy h2{font-size:50px}.x-portal-copy>p:last-child{font-size:15px;max-width:280px}.x-portal-word{font-size:120px}.x-portal-word--left{left:-70px}.x-portal-word--right{right:-70px}.x-portal-core{width:150px;height:150px}.x-portal-steps{left:18px;right:18px;bottom:18px;gap:10px}.x-portal-steps span{max-width:85px;font-size:6px}.pillar-grid::before{top:-25px}.cursor-aura{display:none}}
@media(max-width:760px){.main-navigation .mega-nav{width:100%;border-bottom:1px solid var(--line)}.mega-nav>summary{padding-block:12px}.mega-nav>summary::after{left:auto;right:5px;bottom:20px;width:6px;height:6px;border-radius:50%}.mega-nav[data-current=true]>summary::after,.mega-nav[open]>summary::after{width:6px}.mega-chevron{margin-left:auto;margin-right:5px}.mega-menu{position:relative;left:auto;top:auto;translate:none;width:100%;border-radius:8px;border-top-width:3px;padding:17px 14px 14px;margin:3px 0 12px;box-shadow:none}.mega-top{align-items:flex-start;padding-bottom:15px}.mega-kicker{display:block;margin:0 0 5px;font-size:7px}.mega-top strong{font-size:15px}.mega-top>a{font-size:9px;gap:8px;min-height:32px;flex-shrink:0}.mega-columns{grid-template-columns:1fr}.mega-column,.mega-column:first-child{padding:18px 0}.mega-column+.mega-column{border-left:0;border-top:1px solid #ffffff22}.mega-column header{margin:0 7px 10px}.mega-column header strong{font-size:26px}.mega-column li>a{padding-block:9px}.mega-column li small{white-space:normal;font-size:8px}.mega-stage-link{margin-top:10px}.mega-foot{display:none}.mega-menu::after{font-size:320px;bottom:-110px}.nav-enhanced .main-navigation .mega-nav+a{border-top:0}}
@media(hover:none){.cursor-aura{display:none}}
@media(prefers-reduced-motion:reduce){.motion-ready *,.motion-ready *::before,.motion-ready *::after{animation:none!important;transition:none!important}.hero-studio,[data-parallax],.project-image img,.project-image:hover img{transform:none!important}.motion-toggle{display:none}.ribbon-track{transform:none!important}}

/* Logo-derived hexagon language replaces generic stars and oversized X marks. */
.work-section :focus-visible{outline-color:var(--yellow)}
.hex-symbol{display:inline-block;width:32px;height:29px;vertical-align:middle;background:url('../img/brand-icon-delivery.webp') center/contain no-repeat;flex:none}
.brand-mark,.pillar:nth-child(2) .brand-mark,.pillar:nth-child(3) .brand-mark{object-fit:contain;background:transparent;border-radius:0;padding:0;color:inherit}
.hex-symbol--footnote{width:40px;height:36px}
.ribbon-track b.hex-symbol{width:31px;height:28px;margin-inline:28px;font-size:0}
.pillar-grid::before{content:'';width:92px;height:34px;right:0;top:-46px;background:url('../img/brand-icon-delivery.webp') right center/contain no-repeat;opacity:.72}
.work-section::before{content:'';width:min(570px,48vw);aspect-ratio:77/72;height:auto;right:-90px;top:-125px;background:url('../img/brand-icon-delivery.webp') center/contain no-repeat;opacity:.07;filter:none}
.cta-section::before{width:280px;aspect-ratio:77/72;right:15%;top:-90px;border:0;border-radius:0;transform:rotate(-8deg);background:url('../img/brand-icon-delivery.webp') center/contain no-repeat;opacity:.19}
.cta-section::after{content:'';width:190px;aspect-ratio:77/72;height:auto;right:2%;bottom:-72px;background:url('../img/brand-icon-delivery.webp') center/contain no-repeat;opacity:.1}
.page-intro::after{width:92px;height:82px;border:0;clip-path:none;background:url('../img/brand-icon-delivery.webp') center/contain no-repeat;transform:rotate(7deg);opacity:.75}
.x-portal::before{display:none}
.x-portal::after{inset:auto;width:min(920px,88vw);aspect-ratio:77/72;left:50%;top:50%;background:url('../img/brand-icon-delivery.webp') center/contain no-repeat;clip-path:none;transform:translate(-50%,-50%) rotate(calc(-12deg + var(--portal-progress) * 28deg)) scale(calc(.48 + var(--portal-progress) * .72));opacity:calc(.1 + var(--portal-progress) * .22);filter:saturate(.8) brightness(1.35)}
.x-portal-core{display:none}
.x-portal-core span.portal-hex{position:absolute;inset:0;width:auto;height:auto;background:url('../img/brand-icon-delivery.webp') center/contain no-repeat;border-radius:0;rotate:0}
@media(max-width:760px){.hex-symbol--footnote{width:34px;height:31px}.ribbon-track b.hex-symbol{width:26px;height:23px;margin-inline:18px}.x-portal-core{width:168px;height:150px}.work-section::before{width:330px;right:-115px;top:-70px}.pillar-grid::before{width:74px;height:30px}}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.page-contact .contact-section{grid-template-rows:auto 1fr;column-gap:70px;row-gap:12px}
.page-contact .form-panel{grid-column:2;grid-row:1 / span 2}
.contact-details{grid-column:1;grid-row:2}
.contact-details address{font-style:normal;font-size:14px;color:var(--muted)}
.contact-next{margin-top:0;padding-top:22px;border-top:1px solid var(--line);max-width:380px}
.contact-next h2{font-size:23px;margin-bottom:12px}
.contact-next p{font-size:15px}
.form-panel .form-intro{font-size:15px;margin:-12px 0 24px}
.enquiry-privacy{font-size:13px;margin-bottom:22px}
.enquiry-privacy summary{cursor:pointer;min-height:44px;align-content:center;color:var(--navy)}
.enquiry-privacy p{font-size:13px;padding:10px 0;line-height:1.6}
.enquiry-privacy a{text-decoration:underline}
.form-status[data-state]{padding:16px;border:1px solid currentColor;border-radius:4px}
.contact-copy .contact-methods{gap:14px}
.contact-copy .contact-methods .text-link{margin-top:0;min-height:44px;font-size:15px}
@media(max-width:760px){.page-contact .contact-section{gap:24px}.page-contact .form-panel,.contact-details{grid-column:auto;grid-row:auto}.contact-copy h1{font-size:48px}.contact-copy .contact-methods{margin-block:16px}.contact-copy address,.contact-copy .contact-hours{font-size:13px}}
/* Compact Home keeps the illustrations while bringing selected work forward. */
.page-home .hero{min-height:580px;padding-block:42px 48px}
.page-home #services{padding-block:64px}
.page-home .pillar-visual svg{height:150px;display:block}
.page-home .pillar-visual{margin-bottom:18px}
.page-home .pillar-top{margin-bottom:12px}
.page-home .pillar h3{margin-bottom:12px}
.page-home .pillar p{min-height:0}
.page-home .pillar-tags{
    --pillar-tag-accent:var(--electric);
    --pillar-tag-soft:#edf4ff;
    --pillar-tag-border:#c8d9ff;
    display:inline-flex;
    align-items:center;
    gap:9px;
    width:fit-content;
    max-width:100%;
    min-height:36px;
    margin-top:16px;
    padding:8px 14px 8px 11px;
    border:1px solid var(--pillar-tag-border);
    border-radius:999px;
    background:var(--pillar-tag-soft);
    color:var(--navy);
    font-size:11px;
    font-weight:600;
    line-height:1.35;
    letter-spacing:.01em;
    box-shadow:0 7px 18px rgba(0,0,64,.055);
}
.page-home .pillar-tags::before{
    content:'';
    width:8px;
    height:8px;
    flex:0 0 8px;
    border:2px solid #fff;
    border-radius:50%;
    background:var(--pillar-tag-accent);
    box-shadow:0 0 0 2px var(--pillar-tag-border);
}
.page-home .pillar:nth-child(2) .pillar-tags{
    --pillar-tag-accent:var(--violet);
    --pillar-tag-soft:#f3efff;
    --pillar-tag-border:#d8cbff;
}
.page-home .pillar:nth-child(3) .pillar-tags{
    --pillar-tag-accent:#b67a00;
    --pillar-tag-soft:#fff7d5;
    --pillar-tag-border:#edd783;
}
.page-home .about-section{padding-block:64px;gap:64px}
.page-home .about-collage{max-width:360px}
.scope-note{margin-top:20px}
.project-evidence{margin:0;min-width:0}
.project-evidence>img{width:100%;height:auto;border-radius:5px;background:var(--paper)}
.project-evidence figcaption{padding:22px 0;border-bottom:1px solid var(--line)}
.project-evidence figcaption .eyebrow{display:block;margin-bottom:8px}
.project-evidence figcaption .text-link{margin-top:12px}
@media(max-width:760px){
 .page-home .hero{min-height:0;padding-block:34px 28px}
 .page-home #services,.page-home .about-section{padding-block:44px}
 .page-home .pillar-visual{float:right;width:112px;margin:0 0 12px 16px}
 .page-home .pillar-visual svg{height:90px}
 .page-home .pillar-visual .visual-caption{display:none}
 .page-home .pillar-top{justify-content:flex-start;gap:12px}
 .page-home .pillar-top .brand-mark{display:none}
 .page-home .pillar h3{font-size:34px}
 .page-home .pillar h4{font-size:18px}
 .page-home .pillar p{clear:both}
 .page-home .pillar{display:flow-root}
 .page-home .about-section{gap:30px}
 .page-home .about-collage{max-width:270px}
}
/* Stable reading surface through every scroll phase. */
.x-portal{height:440px;min-height:440px;background:var(--yellow)}
.x-portal,.x-portal[data-phase=dark]{color:var(--navy)}
.x-portal[data-phase=dark] .x-portal-copy h2 span{color:var(--violet)}
.x-portal::after{left:85%;width:440px;opacity:.1;filter:none}
.x-portal-copy{transform:none;max-width:850px}
.x-portal-copy h2{font-size:clamp(44px,5vw,72px);line-height:1.05}
.x-portal-word{display:none}
.x-portal-steps{font-size:11px;letter-spacing:.06em}
.visual-caption,.pillar-tags,.project-meta,.project-scope,.footer-bottom{font-size:12px}
.studio-chip small{font-size:10px;letter-spacing:.03em}
@media(max-width:760px){
 .x-portal{height:360px;min-height:360px}
 .x-portal::after{left:100%;width:300px}
 .x-portal-copy h2{font-size:42px}
 .x-portal-steps{display:none}
 .studio-chip small,.studio-label{display:none}
 .hero-studio .studio-cube{filter:none}
 .hero-studio .studio-grid{mask-image:none;opacity:.65}
 .hero-studio,.motion-ready .hero-studio .cube-core,.motion-ready .hero-studio .cube-frame,.motion-ready .hero-studio .studio-chip{animation:none!important;transform:none!important;translate:none!important}
 .studio-chip>span{font-size:13px}
}