:root{--ink:#102d45;--navy:#092b3a;--cyan:#13b5df;--mist:#edf5f8;--white:#fff;--line:#cad9e0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.6}img{display:block;width:100%}a{color:inherit;text-decoration:none}.nav{position:absolute;z-index:5;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:24px 5vw;color:#fff}.mark{font:800 1.3rem/1 "Manrope",sans-serif;letter-spacing:-.04em}.mark span{color:var(--cyan)}nav{display:flex;align-items:center;gap:30px;font-size:.92rem;font-weight:600}nav a{opacity:.86}nav a:hover{opacity:1}.nav-cta{border:1px solid rgba(255,255,255,.6);border-radius:999px;padding:9px 18px}.hero{min-height:88vh;display:grid;grid-template-columns:43% 57%;background:var(--navy);color:#fff}.hero-copy{padding:150px 5vw 80px;display:flex;flex-direction:column;justify-content:center}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-weight:700;font-size:.78rem;margin:0 0 20px;color:#8ce7ff}.eyebrow.dark{color:#087ca0}.hero h1{font:700 clamp(2.8rem,5vw,5.9rem)/.98 "Manrope",sans-serif;letter-spacing:-.06em;margin:0}.hero-copy>p:not(.eyebrow){font-size:1.12rem;max-width:560px;margin:28px 0 34px;color:rgba(255,255,255,.74)}.hero-visual{position:relative;margin:0;min-height:88vh;overflow:hidden}.hero-visual img{height:100%;object-fit:cover;object-position:center}.hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,43,58,.35),transparent 32%)}.hero-visual figcaption{position:absolute;z-index:2;right:24px;bottom:20px;color:#fff;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase}.button{display:inline-flex;align-items:center;gap:15px;width:max-content;border-radius:999px;padding:13px 21px;font-weight:700;font-size:.92rem}.button.light{background:#fff;color:var(--navy)}.button.light:hover{background:#8ce7ff}.button.outline{border:1px solid rgba(255,255,255,.55);color:#fff}.button.outline:hover{background:#fff;color:var(--navy)}.proof{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.proof div{padding:34px 3vw;border-right:1px solid var(--line)}.proof div:last-child{border-right:0}.proof strong{display:block;font:700 clamp(1.65rem,2.8vw,2.7rem)/1 "Manrope",sans-serif;letter-spacing:-.045em}.proof span{display:block;margin-top:8px;color:#587083;font-size:.85rem}.section{padding:110px 5vw}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start;margin-bottom:90px}.section-head h2,.about h2{font:700 clamp(2.4rem,5vw,5.2rem)/1.02 "Manrope",sans-serif;letter-spacing:-.055em;margin:0}.case-study{padding:78px 0;border-top:1px solid var(--line)}.case-top{display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;margin-bottom:45px}.project-number{font-size:.73rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#087ca0;margin:0 0 8px}.project-date{font-size:.88rem;font-weight:600;color:#627b8a;margin:0 0 24px}.case-study h3,.portfolio-card h3{font:700 clamp(2.5rem,4.6vw,5rem)/1 "Manrope",sans-serif;letter-spacing:-.055em;margin:0}.case-summary>p{font-size:1.12rem;color:#405e70;margin:0}.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px;padding-top:26px;border-top:1px solid var(--line)}.metric-row strong,.card-metrics strong,.industry-numbers strong{display:block;font:700 1.75rem/1 "Manrope",sans-serif;letter-spacing:-.045em}.metric-row span,.card-metrics span,.industry-numbers span{display:block;margin-top:7px;font-size:.76rem;color:#607987}.reel{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px;height:360px}.reel.four{grid-template-columns:repeat(4,1fr)}.reel img{height:100%;object-fit:cover}.gallery-link{display:inline-block;margin-top:22px;font-size:.88rem;font-weight:700;color:#087ca0;border-bottom:1px solid #77bed3}.gallery-links{display:flex;gap:26px;flex-wrap:wrap}.portfolio-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;padding-top:45px}.portfolio-card{padding:60px;min-height:580px}.dark-card{background:var(--navy);color:#fff}.dark-card .project-number{color:#8ce7ff}.dark-card .project-date,.dark-card>p:not(.project-number){color:rgba(255,255,255,.7)}.portfolio-card>p:not(.project-number,.project-date){font-size:1.06rem}.card-metrics{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:48px;padding-top:30px;border-top:1px solid rgba(255,255,255,.2)}.card-metrics strong{color:#8ce7ff;font-size:2.1rem}.card-metrics span{color:rgba(255,255,255,.65)}.industry-card{background:#e7f3f8}.industry-numbers{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:36px 0}.industry-numbers strong{font-size:2.6rem;color:#087ca0}.industry-list{display:flex;flex-wrap:wrap;gap:9px}.industry-list span{padding:9px 13px;border:1px solid #afcbd7;border-radius:999px;font-size:.78rem;font-weight:600}.about{display:grid;grid-template-columns:1fr 1fr;gap:9vw;background:#f5f9fa}.about-copy{font-size:1.12rem;color:#3b5667}.about-copy p:first-child{font-size:1.35rem;font-weight:600;color:var(--ink)}.location{margin-top:35px;font-weight:700;color:#087ca0!important}.contact{padding:120px 8vw;background:linear-gradient(135deg,#082b3b,#0b4660);color:#fff;text-align:center}.contact h2{font:700 clamp(2.6rem,5.5vw,5.7rem)/1.02 "Manrope",sans-serif;letter-spacing:-.06em;max-width:1050px;margin:0 auto 28px}.contact>p:not(.eyebrow){max-width:650px;margin:0 auto;color:rgba(255,255,255,.72);font-size:1.1rem}.contact-actions{display:flex;justify-content:center;gap:13px;margin-top:38px}footer{display:flex;justify-content:space-between;gap:20px;padding:28px 5vw;background:#061f2b;color:#aac3cd;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}
@media(max-width:1000px){.hero{grid-template-columns:1fr}.hero-copy{min-height:68vh;padding:140px 6vw 70px}.hero-visual{min-height:55vh}.proof{grid-template-columns:1fr 1fr}.proof div:nth-child(2){border-right:0}.case-top{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:1fr}.reel{height:300px}.metric-row{grid-template-columns:1fr 1fr}.section-head,.about{grid-template-columns:1fr}}
@media(max-width:620px){.nav{padding:20px 6vw}.nav nav a:not(.nav-cta){display:none}.hero h1{font-size:2.8rem}.hero-copy{min-height:75vh}.hero-visual{min-height:42vh}.proof{grid-template-columns:1fr}.proof div{border-right:0!important;border-bottom:1px solid var(--line)}.section{padding:75px 5vw}.section-head{margin-bottom:50px}.case-study{padding:55px 0}.reel,.reel.four{display:flex;height:280px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.reel img{min-width:82vw;scroll-snap-align:start}.portfolio-card{padding:40px 24px;min-height:auto}.contact{padding:90px 6vw}.contact-actions{flex-direction:column;align-items:center}footer{flex-direction:column;text-align:center}}

/* Gallery layout safeguards */
.case-study{overflow:hidden}.case-study+.case-study{margin-top:18px}.reel{overflow:hidden;isolation:isolate}.reel img{display:block;width:100%;height:360px;min-height:0;object-fit:cover;overflow:hidden}.gallery-link{display:block;width:max-content;max-width:100%;clear:both;margin:26px 0 0;position:relative;z-index:2}.gallery-links{align-items:flex-start;clear:both}.gallery-links .gallery-link{display:block}
@media(max-width:1000px){.reel img{height:300px}}
@media(max-width:620px){.reel,.reel.four{overflow-x:auto;overflow-y:hidden}.reel img{width:auto;height:272px;min-width:82vw}}

.video-frame{position:relative;width:100%;aspect-ratio:16/9;margin:0 0 14px;background:#061f2b;overflow:hidden}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.video-label{margin:0 0 8px;font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#567486}
@media(max-width:760px){.video-pair{grid-template-columns:1fr}.video-pair>div+div{margin-top:12px}}

.card-metrics.compact{grid-template-columns:1fr 1fr}.card-gallery{margin-top:34px}.dark-card .card-gallery{color:#8ce7ff;border-bottom-color:#8ce7ff}

.hero .hero-name{font:700 clamp(3.8rem,5.8vw,6.8rem)/.92 "Manrope",sans-serif;letter-spacing:-.065em;color:#8ce7ff;margin:0 0 38px}.hero-copy>.hero-statement{font:600 clamp(1.25rem,1.75vw,1.7rem)/1.38 "DM Sans",sans-serif;color:#fff;max-width:610px;margin:0 0 38px}.work .section-head{display:block;margin-bottom:52px}.work .section-head h2{font-size:clamp(3rem,6vw,6.5rem)}.prominent-gallery{display:inline-flex;width:auto;padding:11px 16px;border:1px solid #7bb8ca;border-radius:999px;background:#fff;border-bottom-width:1px}.dark-card .prominent-gallery{color:#087ca0;border-color:#7bb8ca}.prominent-gallery:hover{background:#d8eef5}