/* Connected identity and editorial motion. All content remains usable without JS. */
@media(max-width:380px){.hero-showcase .showcase-controls{gap:8px}.hero-showcase .slide-selectors{gap:3px}.hero-showcase .slide-selectors button{min-width:36px;padding:8px 6px}.hero-showcase .motion-toggle{font-size:11px}}
.brand-mark{width:40px;height:40px;flex:none;transition:transform .3s}.wordmark{gap:11px;letter-spacing:-1.2px}.wordmark:hover .brand-mark{transform:rotate(-7deg)}.logo-ops{font-weight:500}.reading-progress{position:fixed;top:0;left:0;height:3px;width:0;background:#83caff;z-index:100;pointer-events:none}header{position:sticky;top:0;z-index:30;background:rgba(248,249,251,.97);backdrop-filter:blur(16px);transition:box-shadow .25s;height:88px;margin:0;padding:0 5%;border-bottom:1px solid var(--line)}header.is-scrolled{box-shadow:0 4px 24px #101d3110}nav a[aria-current="location"]{color:var(--blue)}nav a[aria-current="location"]:after{width:100%}.hero{background:#0c1525;color:white;padding-top:46px;overflow:hidden}.hero .eyebrow{color:#a5c3e5}.hero .rule{background:#77baff}.hero-stage{grid-template-columns:1fr 1fr;gap:5%;margin:32px 0 35px}.hero-stage h1{font-size:clamp(48px,6.1vw,96px);font-weight:650;letter-spacing:-.065em}.hero-stage h1 .serif{font-family:'Manrope',Arial,sans-serif;font-style:normal;font-weight:500;color:#87c5ff;white-space:normal}.hero-bottom p,.hero-bottom strong{color:#c4d2e4}.hero-bottom .button{background:#204ef5}.hero-bottom .button:hover{background:#376aff}.hero-strip{border-color:#334155}.hero-strip>span:last-child{color:#acc1da}.hero-showcase{min-width:0;position:relative}.hero-slides{position:relative;aspect-ratio:1.08;overflow:hidden;background:#16243c}.hero-slide{position:absolute;inset:0;margin:0;isolation:isolate}.hero-slide[hidden]{display:none}.hero-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 18%,#07101b55 42%,#07101bf2 100%);z-index:1;pointer-events:none}.hero-slide img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-slide figcaption{position:absolute;z-index:2;bottom:27px;left:30px;right:24px;display:flex;align-items:flex-start;flex-direction:column;gap:14px}.hero-slide strong{font-family:'Manrope',sans-serif;font-size:clamp(25px,2.65vw,42px);font-weight:500;line-height:1.13;letter-spacing:-1.2px}.hero-slide figcaption a{font-size:13px;border-bottom:1px solid #ffffff70;padding:5px 0}.hero-slide figcaption a span{margin-left:15px}.showcase-controls{display:flex;justify-content:space-between;align-items:center;padding:14px 0 0;gap:15px}.showcase-controls[hidden]{display:none}.slide-selectors{display:flex;gap:7px}.slide-selectors button,.motion-toggle{min-height:44px;background:none;color:#bacbe0;border:0;cursor:pointer;font-size:12px}.slide-selectors button{min-width:46px;border-top:2px solid #40506a;padding:8px 12px}.slide-selectors button[aria-pressed=true]{border-top-color:#8ac8ff;color:white}.motion-toggle{padding:8px 0}.motion-toggle span{display:inline-block;width:25px;text-align:right}.hero-slide.is-current{animation:none;opacity:1;transform:none}.hero-slide.is-current img{animation:gentleZoom 9s ease-out both}.hero-showcase.is-paused img{animation-play-state:paused}.menu-toggle{display:none}.service{transition:background .25s,color .25s,padding .25s}.service:hover,.service.active{padding-left:20px}.service b{transition:transform .25s}.service:hover b{transform:translate(3px,-3px)}.service-detail{border-top:3px solid var(--blue)}.projects details{transition:background .3s,padding .3s}.projects details:hover{background:#e3e9f2}.projects details[open]{background:#fff;padding-left:22px;padding-right:22px;border-left:3px solid var(--blue)}.projects summary{transition:padding .25s}.projects summary:hover{padding-left:12px}.process article{transition:transform .3s,border-color .3s}.process article:hover{transform:translateX(8px);border-color:#8dbdff}.process article>span{border:1px solid #577090;width:34px;height:34px;display:grid;place-items:center;flex:none;padding:0;border-radius:50%}.collaboration-photo,.knowledge-art{overflow:hidden}.collaboration-photo img,.knowledge-art img{transition:transform .8s}.collaboration-photo:hover img,.knowledge-art:hover img{transform:scale(1.025)}.button span{transition:transform .25s}.button:hover span{transform:translate(3px,-3px)}.reveal-arrived{animation:revealSection .75s cubic-bezier(.2,.7,.2,1) both}.contact h2{transition:color .3s}.contact:hover h2{color:#204ef5}.contact:hover h2 .serif{color:#111e32}.hero :focus-visible{outline-color:#9bd2ff}.menu-toggle span{transition:transform .25s}.menu-toggle[aria-expanded=true] span{transform:rotate(45deg)}
@keyframes slideEnter{from{opacity:0;transform:translateX(18px)}to{opacity:1;transform:translateX(0)}}@keyframes gentleZoom{from{transform:scale(1)}to{transform:scale(1.06)}}@keyframes revealSection{from{opacity:.25;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.hero-stage{gap:4%}.hero-stage h1{font-size:clamp(42px,6vw,60px)}.hero-slides{aspect-ratio:.9}.hero-slide figcaption{left:20px;bottom:22px}.hero-slide strong{font-size:27px}.hero-slide figcaption a{font-size:12px}header{height:80px}.brand-mark{width:34px;height:34px}.wordmark{font-size:25px}}
@media(max-width:560px){header{height:76px;padding:0 6%;flex-wrap:wrap;align-content:center;gap:10px}.wordmark{font-size:24px}.brand-mark{width:34px;height:34px}.hero-stage{grid-template-columns:1fr;gap:27px;margin:25px 0 30px}.hero-stage h1{font-size:clamp(46px,10.6vw,60px)}.hero-slides{aspect-ratio:1.17}.hero-slide strong{font-size:30px}.hero-slide figcaption{left:23px;bottom:24px}.hero-slide figcaption a{font-size:13px}.hero-bottom{padding-bottom:30px}.menu-toggle:not([hidden]){display:flex;align-items:center;gap:20px;margin-left:auto;min-height:44px;padding:0 5px;background:transparent;border:0;font-size:14px;color:var(--ink)}header.menu-ready nav{display:none;position:absolute;top:76px;left:0;right:0;padding:24px 6%;background:#f8f9fb;box-shadow:0 15px 20px #111e3220;gap:0}header.menu-open nav{display:flex;flex-direction:column}header.menu-open nav a{display:block;padding:14px 0;border-bottom:1px solid #d8dde4;font-size:19px}header.menu-open nav a:after{display:none}.projects details[open]{padding-left:12px;padding-right:12px}.projects summary:hover{padding-left:0}.motion-toggle{font-size:12px}.service:hover,.service.active{padding-left:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-slide img{transform:none!important}}
/* Shared mobile flyout, matching the Digital Trends menu. */
@media(max-width:560px){
 body>header.menu-ready{z-index:30}
 body>header.menu-ready #main-nav{top:100%;background:#f8f9fb;color:#17263c;z-index:31;max-height:calc(100dvh - 120px);overflow-y:auto;overscroll-behavior:contain;padding:12px 6% 18px}
 body>header.menu-ready #main-nav a,body>header.menu-ready #main-nav a:visited{color:#17263c;opacity:1;min-height:48px;line-height:1.4;padding:14px 12px;border-bottom:1px solid #d8dde4}
 body>header.menu-ready #main-nav a[aria-current]{background:#e3edf7;color:#173e65;border-left:3px solid #285c9b}
 body>header.menu-ready #main-nav a:hover,body>header.menu-ready #main-nav a:focus-visible{background:#dce8f5;color:#112238}
}