header{position:sticky;top:0;z-index:20;transition:padding .35s,box-shadow .35s;background:#f7f5eff5;backdrop-filter:blur(16px);gap:25px}header.is-scrolled{padding-top:12px;padding-bottom:12px;box-shadow:0 4px 25px #1736500a}.wordmark img{transition:width .35s}header.is-scrolled .wordmark img{width:135px}.header-clock{display:flex;align-items:center;gap:10px;margin-left:auto;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.header-clock>span:last-child{font-size:8px;letter-spacing:1.4px;color:var(--muted)}.clock-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#93b9b7;box-shadow:0 0 0 4px #93b9b715;flex-shrink:0}.hero{min-height:760px;padding-top:75px}.hero-copy,.brand-hero,.hero-bottom{z-index:1}.hero-copy{position:relative}.brand-hero{flex-direction:column;gap:30px;position:relative}.city-clock{align-self:center;text-align:center}.city-clock .eyebrow{margin-bottom:8px;font-size:8px}.city-clock .clock-dot{margin-right:8px}.city-clock time{display:block;font:400 31px Georgia,serif;font-variant-numeric:tabular-nums;letter-spacing:1px}.city-clock>span{display:block;font-size:11px;color:#cbdde6;margin-top:9px}.logo-stage{position:relative;width:183.2px;height:440px}.logo-stage>img{width:100%;height:100%;max-width:100%;object-fit:contain;animation:logo-entrance 1.9s cubic-bezier(.2,.7,.2,1) both}.logo-light{position:absolute;inset:0;mask:url(assets/logo-original.png) center/contain no-repeat;-webkit-mask:url(assets/logo-original.png) center/contain no-repeat;background:linear-gradient(135deg,transparent 35%,#bedfef 48%,white 50%,transparent 62%);background-size:300% 300%;mix-blend-mode:screen;animation:logo-shimmer 9s ease-in-out infinite;opacity:.5;pointer-events:none}.hero-pattern{position:absolute;inset:0;pointer-events:none;overflow:hidden;opacity:.08}.hero-pattern i{position:absolute;width:400px;height:780px;right:-100px;top:10px;background:#b8d6df;mask:url(assets/mark-original.png) center/contain no-repeat;-webkit-mask:url(assets/mark-original.png) center/contain no-repeat;animation:pattern-drift 14s ease-in-out infinite alternate}.hero-pattern i:nth-child(2){right:20px;top:80px;animation-delay:-4s;opacity:.6}.hero-pattern i:nth-child(3){right:140px;top:150px;animation-delay:-8s;opacity:.3}#motion-toggle{border:0;background:none;color:#d5e0e9;font-size:10px;letter-spacing:1px;cursor:pointer;padding:0}#motion-toggle span{margin-left:9px}.approach-grid article{position:relative}.brand-motif{position:relative;height:112px;margin-bottom:24px}.brand-motif i{position:absolute;top:0;left:0;width:60px;height:112px;mask:url(assets/mark-original.png) center/contain no-repeat;-webkit-mask:url(assets/mark-original.png) center/contain no-repeat;background:#a3c7d2}.brand-motif i:nth-child(2){left:28px;opacity:.4;animation-delay:-2s}.brand-motif i:nth-child(3){left:56px;opacity:.2;animation-delay:-4s}.motif-1 i{animation:motif-breathe 7s ease-in-out infinite}.motif-2 i{background:linear-gradient(to top,#a3c7d2 45%,#fff 50%,#a3c7d2 55%);background-size:100% 300%;animation:motif-scan 6s ease-in-out infinite}.motif-3 i{animation:motif-reveal 8s ease-in-out infinite}.about-art{height:480px;position:relative;overflow:hidden;justify-content:flex-end}.about-logo-motion{position:absolute;left:15%;right:15%;top:25px;height:380px}.about-logo-motion i{position:absolute;inset:0;mask:url(assets/mark-original.png) center/contain no-repeat;-webkit-mask:url(assets/mark-original.png) center/contain no-repeat;background:var(--blue);opacity:.7;animation:about-echo 9s ease-in-out infinite}.about-logo-motion i:nth-child(2){opacity:.2;animation-delay:-3s}.about-logo-motion i:nth-child(3){opacity:.12;animation-delay:-6s}.about-art>span{position:relative;z-index:1}.motion-ready .reveal{transition:opacity .85s ease,translate .85s cubic-bezier(.2,.7,.2,1)}.motion-ready .reveal:not(.is-visible){opacity:0;translate:0 24px}.motion-ready .reveal.is-visible{opacity:1;translate:0 0}.row-arrow{transition:translate .25s}.focus-row:hover .row-arrow{translate:3px -3px}.button span{transition:translate .25s}.button:hover span{translate:0 3px}body.motion-paused *,body.motion-paused *::before,body.motion-paused *::after{animation-play-state:paused!important}body.motion-paused .reveal{opacity:1!important;translate:none!important;transition:none!important}
@keyframes logo-entrance{from{opacity:0;clip-path:inset(100% 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes logo-shimmer{0%,20%{background-position:100% 100%}65%,100%{background-position:0 0}}@keyframes pattern-drift{from{translate:0 0}to{translate:0 -35px}}@keyframes motif-breathe{0%,100%{opacity:.2}50%{opacity:.9}}@keyframes motif-scan{0%,100%{background-position:0 0}50%{background-position:0 100%}}@keyframes motif-reveal{0%,100%{clip-path:inset(0)}40%{clip-path:inset(100% 0 0)}75%{clip-path:inset(0)}}@keyframes about-echo{0%,100%{translate:0 0}50%{translate:26px 0}}
@media(max-width:1100px){.header-clock>span:last-child{display:none}nav{gap:18px;font-size:12px}.header-clock{gap:8px;font-size:10px}.nav-contact{padding-left:16px}}@media(max-width:900px){.header-clock{display:none}.hero{min-height:780px}.hero-pattern i{right:-180px}.logo-stage{width:150px;height:360px}.city-clock time{font-size:25px}.about-art{height:400px}.about-logo-motion{height:310px}.brand-motif{height:90px}.brand-motif i{height:90px;width:48px}}@media(max-width:680px){header{gap:12px}.header-clock{display:flex;font-size:9px;margin-left:auto}.header-clock .clock-dot{display:none}header.is-scrolled .wordmark img{width:115px}.hero{min-height:0;padding-top:38px}.hero-copy{padding-top:66px}.brand-hero{display:block;position:absolute;top:28px;left:6%;right:6%}.city-clock{text-align:left}.city-clock .eyebrow{display:none}.city-clock time{font:400 21px Georgia,serif}.city-clock>span{font-size:9px;margin-top:5px}.logo-stage{display:none}.hero-pattern{opacity:.065}.hero-pattern i{width:240px;height:470px;right:-65px;top:45px}.hero-pattern i:nth-child(2){right:-5px;top:90px}.hero-pattern i:nth-child(3){right:55px;top:135px}.hero-bottom{font-size:8px}#motion-toggle{font-size:8px}.about-art{height:340px;max-height:none}.about-logo-motion{height:260px;top:20px}.brand-motif{height:100px}.brand-motif i{height:100px;width:55px}.approach-grid{gap:38px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.logo-stage>img{opacity:1;clip-path:none}.motion-ready .reveal{opacity:1!important;translate:none!important}.hero-pattern i,.about-logo-motion i{translate:none}.logo-light{display:none}}