[hidden]{display:none!important}
.client-carousel.is-ready .client-window{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent)}
.client-carousel.is-ready .client-track{display:flex;width:max-content;animation:client-loop 36s linear infinite;will-change:transform}
.client-carousel.is-ready .client-logos{display:flex;flex:none;border:0;overflow:visible;border-radius:0}
.client-carousel.is-ready .client-logo{width:280px;flex:0 0 280px;padding:0 24px;height:180px}
.client-carousel.is-ready .client-logo img{width:232px;height:232px;max-width:none;flex-shrink:0}
.client-carousel.is-paused .client-track,.client-carousel.is-outside .client-track,.client-carousel.is-background .client-track,.client-window:hover .client-track,.client-window:focus-within .client-track{animation-play-state:paused}
.client-controls{display:flex;justify-content:flex-end;min-height:32px;margin-top:10px}.client-pause{border:0;background:transparent;font-size:11px;color:#63758f;padding:7px 0}.client-pause:hover{color:#1646f5}
@keyframes client-loop{to{transform:translateX(-50%)}}
@media(max-width:600px){.client-carousel.is-ready .client-logo{width:220px;flex-basis:220px;padding:0 20px;height:150px}.client-carousel.is-ready .client-logo img{width:180px;height:180px}}
@media(prefers-reduced-motion:reduce){.client-carousel.is-ready .client-track{animation:none;transform:none;width:auto;display:block;will-change:auto}.client-carousel.is-ready .client-logos{display:grid}.client-carousel.is-ready .client-logo{width:auto;min-width:0}.client-carousel.is-ready .client-logo img{max-width:100%;height:auto}.client-carousel.is-ready .client-clone{display:none}.client-carousel.is-ready .client-window{mask-image:none}.client-controls{display:none}}
.hero-visual:after{background:linear-gradient(180deg,#0812211a,transparent 22%,transparent 78%,#071325b3)}
.hero-visual .video-bottom{bottom:23px}.video-bottom strong{font-size:16px}.video-label{font-size:8px}
.client-section{padding-block:58px}.client-section .section-heading{margin-bottom:30px}.client-section h2{font-size:36px}.client-section .section-heading>p{max-width:540px;font-size:13px}
.client-logos{display:grid;grid-template-columns:repeat(6,1fr)}
.client-logo{padding:0 18px;display:flex;align-items:center;justify-content:center;min-width:0;height:180px;overflow:hidden}
.client-logo img{width:100%;height:180px;object-fit:contain}
.social-links{display:flex;gap:20px;margin-top:20px;font-size:12px;color:#1646f5}
.portfolio-more{border-top:1px solid #dce3ed;margin-top:36px;padding-top:30px;display:flex;align-items:center;justify-content:space-between;gap:25px}.portfolio-more p{font-size:12px;margin:0}
.portfolio-hero{padding-bottom:55px}.portfolio-hero h1{max-width:900px}.portfolio-hero>p{max-width:760px;font-size:18px}
.archive{padding-top:38px}.project-filters{display:flex;flex-wrap:wrap;gap:9px}.project-filters button{padding:13px 16px;border:1px solid #dbe2ec;background:#fff;border-radius:3px;color:#354760;font-size:12px;line-height:1.5}.project-filters button span{font-size:10px;color:#8795a8;margin-left:8px}.project-filters button:hover{border-color:#1646f5;color:#1646f5}.project-filters button[aria-pressed=true]{color:#fff;background:#1646f5;border-color:#1646f5}.project-filters button[aria-pressed=true] span{color:#cbd9ff}
.project-search{margin-top:25px;display:flex;align-items:center;gap:18px}.project-search label{margin:0;font-size:12px;color:#172233}.project-search input{max-width:380px;margin:0}.project-search button{background:none;border:0;border-bottom:1px solid #c4cedd;color:#526d94;font-size:11px;margin-left:auto}
.archive-status{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dce3ed;padding-top:20px;margin:28px 0}.archive-status p{font-size:12px;margin:0}.archive-status>span{color:#7e8ba0;font-size:9px;letter-spacing:.1em}
.archive-grid{row-gap:45px}.archive-card .project-image{height:auto;aspect-ratio:4/3}.archive-card .project-image img{object-fit:cover}.archive-card h2{font-size:25px;line-height:1.2;margin-bottom:15px;letter-spacing:-.035em}.archive-card .eyebrow{min-height:28px;line-height:1.8;margin:22px 0 9px;letter-spacing:.07em}.archive-card p{margin-bottom:16px;font-size:13px}.case-link{font-size:11px;color:#1646f5;font-weight:600;display:flex;gap:15px}
.archive-card>a{height:100%;display:flex;flex-direction:column}.archive-card .case-link{margin-top:auto}.archive-card a:hover h2{color:#1646f5}#no-projects{text-align:center;padding:60px 0}#no-projects h2{font-size:29px}
.social-band{padding:45px 50px;background:#eef3fa;margin-bottom:60px;display:flex;align-items:center;justify-content:space-between;gap:35px}.social-band h2{font-size:35px;margin-bottom:15px}.social-band p{font-size:14px;margin:0}.social-band .eyebrow{margin-bottom:12px}
.about-story{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-story p{font-size:16px}
.case-hero{padding-top:40px}.case-hero .breadcrumb{margin-bottom:28px}.project-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.project-tags a{color:#1646f5;background:#edf2ff;font-size:10px;border-radius:2px;padding:7px 10px}.project-tags a:hover{background:#dce6ff}.case-hero h1{max-width:1000px;font-size:clamp(39px,4.6vw,67px);line-height:1.06}.case-intro{font-size:18px;max-width:730px;margin-bottom:32px}.case-cover{width:100%;height:510px;object-fit:contain;background:#f0f3f6;border-radius:4px}
.case-content{display:grid;grid-template-columns:1.6fr 1fr;gap:90px;padding-block:65px}.case-content>div>h2{font-size:37px}.case-content p{font-size:16px}.case-content aside{padding:30px;background:#f2f5fa;border-top:3px solid #1646f5;height:fit-content}.case-content aside>h2{font-size:24px}.case-content dl{margin:0 0 25px}.case-content dl>div{padding-block:12px;border-bottom:1px solid #dce3ee}.case-content dt{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#7a899f;margin-bottom:7px}.case-content dd{margin:0;font-size:13px;line-height:1.7}.case-content aside .button{font-size:12px;gap:10px;width:100%;padding-inline:17px}.project-sources{margin-top:30px}.case-content .project-sources{font-size:11px;color:#7385a0}.project-sources a{text-decoration:underline;text-underline-offset:4px}
.case-gallery{padding-block:15px 35px}.case-gallery .section-heading h2{font-size:37px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-link{display:block;position:relative;background:#edf1f6;border-radius:3px;overflow:hidden}.gallery-link img{width:100%;height:265px;object-fit:contain;transition:transform .25s}.gallery-link:hover img{transform:scale(1.025)}.gallery-link>span{position:absolute;bottom:12px;right:12px;width:30px;height:30px;display:grid;place-items:center;background:#fff;color:#1646f5;font-size:20px;border-radius:50%}
#photo-viewer{background:#101c2d;color:white;border:0;max-width:95vw;max-height:94vh;width:1160px;padding:55px 22px 8px;border-radius:5px}#photo-viewer::backdrop{background:#030b16dc}.photo-close{position:absolute;right:20px;top:12px;background:transparent;color:#fff;border:1px solid #74829a;border-radius:3px;padding:8px 15px;font-size:12px}#photo-large{height:calc(90vh - 130px);max-height:760px;width:100%;object-fit:contain}.photo-controls{display:flex;align-items:center;gap:20px;justify-content:space-between;padding-top:14px}.photo-controls button{background:#26354b;color:white;border:1px solid #5d708d;border-radius:3px;padding:8px 16px}.photo-controls p{color:#c8d4e6;font-size:12px;margin:0;text-align:center}.photo-open{overflow:hidden}
@media(max-width:1100px){.client-logos{grid-template-columns:repeat(3,1fr)}.case-content{gap:45px}.case-cover{height:460px}.header nav{gap:25px}.hero-visual .video-bottom strong{font-size:14px}.about-story{gap:45px}}
@media(max-width:800px){.hero-visual{height:435px}.hero-visual .video-bottom strong{font-size:15px}.hero-visual .video-label{top:18px;left:20px}.visual-coordinate{top:18px;font-size:8px}.video-bottom{left:20px;right:20px}.client-section{padding-block:40px}.client-section h2{font-size:32px}.portfolio-more{display:block}.portfolio-more p{margin-top:19px;font-size:11px}.portfolio-hero h1{font-size:43px}.portfolio-hero>p{font-size:16px}.archive{padding-top:25px}.project-filters{gap:7px}.project-filters button{padding:10px 11px;font-size:11px}.project-filters button span{font-size:9px;margin-left:5px}.project-search{flex-wrap:wrap;gap:10px}.project-search label{width:100%}.project-search input{max-width:none;flex:1;min-width:190px}.project-search button{margin-left:0}.archive-status>span{display:none}.archive-grid{grid-template-columns:repeat(2,1fr);gap:30px 20px}.archive-card h2{font-size:22px}.archive-card .eyebrow{min-height:0}.archive-card p{font-size:13px}.social-band{padding:30px;display:block}.social-band h2{font-size:31px}.social-band .actions{margin-top:25px}.about-story{grid-template-columns:1fr;gap:5px}.case-cover{height:360px}.case-content{grid-template-columns:1fr;gap:25px;padding-block:40px}.case-hero h1{font-size:43px}.case-intro{font-size:16px}.case-content>div>h2,.case-gallery .section-heading h2{font-size:31px}.case-content p{font-size:15px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px}.gallery-link img{height:220px}#photo-viewer{padding-inline:10px}.photo-controls{gap:10px}.photo-controls p{font-size:10px}.photo-controls button{padding:8px 12px}}
@media(max-width:520px){.archive-grid{grid-template-columns:1fr}.archive-card h2{font-size:27px}.archive-card .eyebrow{margin-top:18px}.archive-card p{font-size:14px}.case-hero h1{font-size:37px}.case-cover{height:280px}.gallery-link img{height:170px}.client-logos{grid-template-columns:repeat(2,1fr)}}
