/* October editorial refinement: intact wide artworks and one coherent RTL grid. */
.hero-frame{height:calc(100svh - var(--header));max-height:none;min-height:0;overflow:hidden}.hero-frame img{object-fit:cover;object-position:center 48%;width:100%;height:100%}.hero-caption{padding-block:32px 52px}.hero-caption h1{font-size:clamp(34px,4vw,58px)}.manifesto{min-height:125svh}.reading-line{max-width:1050px;font-size:clamp(38px,5vw,70px)}.manifesto-sticky{min-height:75svh}.selected-work{border-radius:0;margin:0;padding:0 0 60px}.section-heading{padding-block:70px 42px}.section-heading h2{font-size:clamp(32px,3.7vw,54px)}
.project-slider{width:100%;overflow:hidden}.slider-track{display:flex;direction:rtl;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.slider-track::-webkit-scrollbar{display:none}.project-slide{flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.slide-art{display:block;width:100%;aspect-ratio:3/1;background:#e8ebf0}.slide-art img{width:100%;height:100%;object-fit:contain}.slide-art:hover{filter:brightness(.96)}.slide-caption{padding-block:24px 15px;display:flex;align-items:center;justify-content:space-between;gap:24px}.slide-caption h3{font-size:30px}.slide-caption p{font-size:16px;color:#526073;margin-top:5px}.slider-controls{display:flex;align-items:center;justify-content:flex-start;gap:20px}.slider-controls button{background:none;color:var(--ink);border:1px solid #aab4c1;border-radius:6px;min-height:44px;padding:6px 20px;font-size:16px}.slider-controls button:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.slider-controls button:disabled{opacity:.35;cursor:default}.slide-count{min-width:55px;text-align:center;font-size:16px;font-variant-numeric:tabular-nums}.project-grid{display:grid;grid-template-columns:1fr;gap:58px;max-width:none}.project-tile:first-child{grid-column:auto}.project-image{aspect-ratio:3/1;width:100%;display:block;background:#e8ebf0;overflow:hidden;border-radius:0}.project-image img{width:100%;height:100%;object-fit:contain;max-height:none}.project-tile-caption{padding-block:23px 0}.project-tile-caption h2{font-size:30px}.case-main{max-width:none;width:100%;padding:0}.case-main img{width:100%;height:auto;max-height:none;border-radius:0}.case-story{gap:64px}.case-story p{font-size:19px}.case-story dl>div{padding-block:14px}.case-gallery:empty{display:none}.case-gallery img{object-fit:contain}.case-heading>h2{font-size:clamp(24px,3vw,38px)}
.agency-chapter{background:var(--paper)}.agency-caption{padding-block:78px 50px;gap:80px}.agency-caption h2{font-size:clamp(32px,3.8vw,54px)}.agency-caption p{font-size:19px;margin:0 0 18px}.agency-caption .agency-since{color:#53637b;font-size:17px;margin-top:24px}.agency-photo{padding:0;background:var(--paper);overflow:hidden}.agency-photo img{width:100%;height:clamp(320px,46vw,720px);object-fit:cover;object-position:center 58%;border-radius:0;transform:none}.agency-photo figcaption{padding-block:16px 40px;font-size:14px;color:#526073}.network-chapter{border-radius:0;margin:0;padding:0;background:#e6edf4}.network-chapter:has(.tr-teaser){padding:0}
.brand-section{padding:52px 0 35px}.brand-heading{margin-bottom:26px}.brand-heading h2{font-size:24px}.brand-window{mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);margin-block:10px}.brand-track{animation-duration:38s;animation-direction:normal}.brand-track.reverse{animation-direction:reverse}.brand-set{gap:24px;padding-inline:12px}.brand-slot{width:150px;height:72px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.brand-slot img{width:128px;height:56px;object-fit:contain;filter:brightness(0) invert(.43);mix-blend-mode:multiply}.brand-slot img[src*="mammut"],.brand-slot img[src*="epco"],.brand-slot img[src*="farsh-iran"]{width:144px}.brand-slot img[src*="bank-melli"]{width:78px;height:62px}.brand-more{font-size:15px;margin-top:26px}.brand-more summary{cursor:pointer;width:max-content;padding-block:10px;color:#4e6075}.brand-archive{display:grid;grid-template-columns:repeat(6,1fr);gap:15px;align-items:center;padding:20px 0 35px;mask-image:linear-gradient(#000 65%,#0005)}.brand-archive .brand-slot{width:100%}.capability:before{background:linear-gradient(270deg,#1554ffbd,transparent 80%);transform:translateX(70%);transition:transform .8s var(--ease),opacity .4s}.capability:hover:before,.capability:focus-visible:before{transform:translateX(0)}.capability-icon svg{stroke-width:1.3}.capability:hover .capability-icon svg{transform:translateY(-3px)}.capability h3{font-size:30px}.service-row{position:relative;isolation:isolate;overflow:hidden}.service-row:before{content:'';position:absolute;inset:0;background:linear-gradient(270deg,#1554ff55,transparent 80%);transform:translateX(100%);transition:transform .8s var(--ease);z-index:-1}.service-row:hover:before{transform:translateX(0)}.service-evidence{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding-bottom:90px}.service-evidence img{width:100%;aspect-ratio:16/9;object-fit:contain}.service-evidence figcaption{font-size:15px;color:#bdc8db;margin-top:16px}.service-symbol svg{width:48px;height:48px}.route-details{padding-block:25px 45px}.route-details article{grid-template-columns:1fr 1.7fr;padding-block:24px}.route-details h2{font-size:27px}.route-details p{font-size:16px}.useful-note h2{font-size:30px}.useful-note p{font-size:17px}
.site-footer{overflow:hidden;isolation:isolate;padding-top:82px}.site-footer>.container{position:relative;z-index:1}.footer-invite{padding-bottom:64px;align-items:flex-end}.footer-invite h2{font-size:clamp(42px,5.3vw,76px)}.footer-actions p{font-size:16px;color:#e7edff}.footer-columns{display:grid;grid-template-columns:1.2fr .7fr .9fr 1.4fr;gap:40px;padding:40px 0;border-top:1px solid #ffffff60}.footer-columns h3{font-size:18px;margin-bottom:18px}.footer-columns nav,.footer-contact{display:flex;flex-direction:column;align-items:flex-start}.footer-columns a:not(.brand){font-size:16px;line-height:1.8;min-height:38px}.footer-brand p{font-size:15px;color:#e7edff;margin-top:20px}.footer-contact a[dir=ltr]{font-size:22px}.footer-contact .footer-email{font-family:Arial,sans-serif;font-size:14px!important;overflow-wrap:anywhere}.footer-columns a:hover{text-decoration:underline;text-underline-offset:5px}.footer-bottom{font-size:14px}.footer-signal{position:absolute;inset:0;pointer-events:none;z-index:0}.footer-signal i{position:absolute;left:-25%;top:0;width:120%;height:1px;background:#fff3;transform:rotate(-16deg);animation:footer-scan 12s linear infinite}.footer-signal i:nth-child(2){animation-delay:-4s}.footer-signal i:nth-child(3){animation-delay:-8s}@keyframes footer-scan{from{transform:translateY(-70px) rotate(-16deg)}to{transform:translateY(760px) rotate(-16deg)}}
@media(min-width:1700px){.hero-frame{height:calc(100svh - var(--header));max-height:none}}@media(max-width:1000px){.footer-columns{grid-template-columns:1fr 1fr;gap:36px}.agency-caption{gap:35px}.brand-archive{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){.hero-frame{height:auto;aspect-ratio:1998/1125}.hero-frame img{object-fit:contain}.hero-caption{padding-block:25px 40px}.hero-caption h1{font-size:34px}.manifesto{min-height:105svh}.manifesto-sticky{min-height:75svh}.reading-line{font-size:34px}.manifesto-bottom{margin-top:30px}.section-heading{padding-block:45px 28px}.section-heading h2{font-size:32px}.section-heading>.text-link{margin-top:15px}.selected-work{padding-bottom:35px}.slide-caption{padding-block:19px 8px;gap:14px}.slide-caption h3{font-size:25px}.slide-caption p{font-size:14px}.slide-caption .text-link{font-size:14px;white-space:nowrap}.slider-controls{margin-top:16px}.project-grid{gap:36px}.project-tile-caption h2{font-size:25px}.project-tile-caption p{font-size:14px}.agency-caption{padding-block:45px 30px}.agency-caption h2{font-size:34px}.agency-caption p{font-size:17px}.agency-photo img{height:auto;object-fit:contain}.agency-photo figcaption{font-size:14px;padding-block:12px 30px}.brand-section{padding-block:35px 24px}.brand-heading h2{font-size:20px}.brand-set{gap:14px;padding-inline:7px}.brand-slot{width:125px;height:60px}.brand-slot img{width:108px;height:48px}.brand-slot img[src*="mammut"],.brand-slot img[src*="epco"],.brand-slot img[src*="farsh-iran"]{width:119px}.brand-slot img[src*="bank-melli"]{width:67px;height:52px}.brand-archive{grid-template-columns:repeat(3,1fr);gap:10px}.brand-archive .brand-slot img{max-width:90%}.capability h3{font-size:26px}.capability p{font-size:16px}.service-evidence{grid-template-columns:1fr;padding-bottom:45px}.route-details article{grid-template-columns:1fr;gap:9px}.route-details h2{font-size:25px}.footer-invite{padding-bottom:38px}.footer-columns{grid-template-columns:1fr 1fr;gap:30px 20px;padding-block:30px}.footer-brand,.footer-contact{grid-column:1/-1}.footer-brand{display:flex;gap:25px;align-items:center}.footer-brand p{margin:0;font-size:14px}.footer-columns h3{font-size:17px}.footer-invite h2{font-size:43px}.site-footer{padding-top:50px}.footer-contact .footer-email{font-size:15px!important}.footer-bottom{font-size:14px}.contact-email{font-size:15px}}
@media(prefers-reduced-motion:reduce){.manifesto{min-height:0}.manifesto-sticky{min-height:0}.slider-track{scroll-behavior:auto}.brand-track{display:flex;width:max-content;animation:none}.brand-set{flex-wrap:nowrap}.brand-window{overflow-x:auto;mask-image:none}.brand-archive{mask-image:none}.footer-signal{display:none}.capability:before,.service-row:before{transition:none}}
/* v21: compact dark editorial rhythm; artwork is the first chapter. */
:root{--gutter:clamp(22px,4vw,64px)}body{font-size:16px}h1{font-size:clamp(32px,4vw,58px)}h2{font-size:clamp(26px,3vw,42px)}h3{font-size:24px}.hero-caption{padding-block:24px 30px}.hero-caption h1{font-size:clamp(28px,3vw,42px)}.hero-caption p{font-size:16px;margin-top:6px}.hero-caption .text-link{font-size:14px}.selected-work{position:sticky;top:var(--header);z-index:1;background:var(--ink);color:var(--text);padding:18px 0 38px}.project-slider{overflow:visible}.slider-visual{position:relative;isolation:isolate}.slider-track{border-radius:14px;overflow-y:hidden;scroll-snap-type:x mandatory;background:var(--ink)}.project-slide{background:var(--ink)}.slide-art{overflow:hidden;border-radius:14px;transition:filter .4s;background:var(--ink)}.slide-art img{opacity:.55;transition:opacity .65s ease,transform .8s cubic-bezier(.16,1,.3,1);transform:scale(.985);object-fit:contain}.project-slide.is-active .slide-art img{opacity:1;transform:scale(1)}.slide-caption{padding:14px 0 0;gap:16px;color:#f2f4fa}.slide-caption h3{font-size:18px}.slide-caption .text-link{font-size:14px;min-height:32px}.slider-all{position:absolute;left:50%;top:calc((100% - 48px)/2);transform:translate(-50%,-50%) translateY(8px);z-index:3;display:flex;align-items:center;gap:24px;font-size:18px;border-bottom:1px solid #fff8;padding:12px 0;color:#fff;opacity:0;visibility:hidden;transition:opacity .3s,transform .4s,visibility .3s}.slider-all span{font-size:28px;font-weight:300}.slider-pause{position:absolute;top:14px;left:14px;z-index:4;width:36px;height:36px;display:grid;place-items:center;background:#0b101cbd;color:white;border-radius:50%;opacity:.65}.slider-pause svg{width:20px;height:20px}.slider-pause[aria-pressed=true] svg{transform:rotate(90deg)}.slider-pause:hover{opacity:1}.slider-visual:focus-within .slide-art{filter:brightness(.25)}.slider-visual:focus-within .slider-all{opacity:1;visibility:visible;transform:translate(-50%,-50%)}
@media(hover:hover){.slider-visual:hover .slide-art{filter:brightness(.25)}.slider-visual:hover .slider-all{opacity:1;visibility:visible;transform:translate(-50%,-50%)}}
.agency-chapter,.network-chapter,.brand-section,.capabilities-chapter{position:relative;z-index:3;background:var(--ink);color:var(--text);margin:0;border-radius:0}.agency-chapter{padding:30px 0}.agency-composition{position:relative;min-height:440px;overflow:hidden;border-radius:14px;display:flex;align-items:center;background:#111824;isolation:isolate}.agency-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:35% 55%;z-index:-2}.agency-composition:after{content:'';position:absolute;inset:0;background:linear-gradient(270deg,#10141d 0%,#10141df5 24%,#10141dd9 39%,#10141d00 75%);z-index:-1}.agency-copy{width:46%;padding:38px 36px}.agency-copy h2{font-size:clamp(26px,2.5vw,38px);margin-bottom:18px}.agency-copy p{font-size:16px;line-height:1.9;color:#d0d6e0;margin-bottom:12px}.agency-copy .text-link{font-size:14px;margin-top:6px}.network-chapter{padding:24px 0!important}.media-ribbon-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.media-ribbon-heading h2{font-size:clamp(20px,2vw,28px)}.media-ribbon-heading .text-link{font-size:14px;white-space:nowrap}.route-windows{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.route-window{position:relative;display:block;height:200px;overflow:hidden;border-radius:12px;background:#192534;isolation:isolate}.route-window>img{position:absolute;width:350%;max-width:none;height:auto;left:50%;top:50%;transform:translate(calc(var(--map-x)*-1),calc(var(--map-y)*-1));filter:saturate(.5) brightness(.64);transition:filter .5s}.route-window:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#10141dc9,transparent 60%);z-index:0}.route-window:hover>img{filter:saturate(.7) brightness(.86)}.route-name{position:absolute;bottom:18px;right:20px;font-size:17px;z-index:2}.route-enter{position:absolute;top:12px;left:16px;font-size:28px;font-weight:300;color:#fff;z-index:2}.route-beacon{position:absolute;width:16px;height:16px;top:45%;left:50%;transform:translate(-50%,-50%);background:#1554ff;border:3px solid #c9d9ff;border-radius:50%;z-index:2}.route-beacon:before,.route-beacon:after{content:'';position:absolute;inset:-5px;border:1px solid #8ab2ff;border-radius:50%;animation:region-pulse 2.6s ease-out infinite}.route-beacon:after{animation-delay:1.3s}.route-beacon i{position:absolute;inset:-20px;border-radius:50%;background:#1554ff30;animation:region-glow 2.6s ease-in-out infinite}.route-window:nth-child(2) .route-beacon:before{animation-delay:.4s}.route-window:nth-child(3) .route-beacon:before{animation-delay:.8s}@keyframes region-pulse{0%{transform:scale(1);opacity:.9}100%{transform:scale(5);opacity:0}}@keyframes region-glow{50%{opacity:.2}}.ribbon-credit{display:block;text-align:left;color:#909cb1;font-size:12px;margin-top:8px}.brand-section{padding:30px 0 34px}.brand-heading{margin-bottom:14px}.brand-heading h2{font-size:21px}.marquee-toggle{font-size:12px;color:#a9b6c9}.brand-window{margin-block:6px}.brand-track{animation-duration:64s;animation-direction:normal;animation-play-state:running}.brand-track.reverse{animation-direction:reverse}.brand-track:hover{animation-play-state:running}.brand-section.paused .brand-track,.motion-offscreen .brand-track{animation-play-state:paused}.brand-set{gap:20px;padding-inline:10px}.brand-slot{width:132px;height:62px}.brand-slot img{width:114px;height:48px;filter:brightness(0) invert(.72);mix-blend-mode:normal}.brand-slot img[src*="mammut"],.brand-slot img[src*="epco"],.brand-slot img[src*="farsh-iran"]{width:125px}.brand-slot img[src*="bank-melli"]{width:65px;height:52px}.motion-offscreen .route-beacon *,.motion-offscreen .route-beacon:before,.motion-offscreen .route-beacon:after{animation-play-state:paused}.capabilities-chapter{padding:0 0 45px}.section-heading{padding-block:30px 24px;gap:30px}.section-heading h2{font-size:30px}.section-heading p{font-size:16px}.capability{padding:22px 8px;gap:24px;grid-template-columns:48px 1fr 1fr 30px}.capability h3{font-size:24px}.capability p{font-size:16px}.capability-icon{width:40px}.capability-plus{width:22px}.site-footer{background:var(--ink);border-top:1px solid #ffffff24;padding:40px 0 20px;position:relative;z-index:4}.footer-invite{padding-bottom:30px}.footer-invite h2{font-size:clamp(30px,3.8vw,48px)}.footer-actions p{font-size:14px}.footer-actions .button{background:var(--blue);color:#fff}.footer-columns{padding-block:28px;gap:30px}.footer-columns h3{font-size:16px;margin-bottom:10px}.footer-columns a,.footer-columns p{font-size:14px}.footer-signal i{border-color:#1554ff55}.page-heading{padding:42px 0 30px}.page-heading h1{font-size:clamp(32px,4vw,52px)}.page-heading p{font-size:17px;margin-top:15px}.project-grid{gap:36px;padding-bottom:45px}.project-tile-caption{padding-top:15px}.project-tile-caption h2{font-size:25px}.case-title h1{font-size:42px}.case-heading{padding-top:30px}.case-story{padding-block:35px;gap:36px}.case-story p{font-size:17px}.service-row{padding-block:25px}.service-row h2{font-size:25px}.service-row p{font-size:16px}.service-list{padding-bottom:35px}.service-evidence{padding-bottom:35px;gap:24px}.process-static{padding-block:30px 40px}.route-details h2{font-size:24px}.useful-note h2{font-size:26px}.contact-layout{padding-bottom:45px;gap:45px}
@media(max-width:760px){.selected-work{padding:10px 0 22px;position:relative;top:auto}.project-slider{width:calc(100% - 24px)}.slide-art,.slider-track{border-radius:10px}.slide-caption{padding:10px 3px 0}.slide-caption h3{font-size:16px}.slide-caption .text-link{font-size:14px}.slider-pause{width:30px;height:30px;top:8px;left:8px}.slider-all{font-size:16px;gap:16px}.agency-chapter{padding:20px 0}.agency-composition{min-height:470px;align-items:flex-end}.agency-background{object-position:32% 30%}.agency-composition:after{background:linear-gradient(0deg,#10141d 4%,#10141df5 24%,#10141d9c 55%,transparent 85%)}.agency-copy{width:100%;padding:24px 20px}.agency-copy h2{font-size:26px;margin-bottom:12px}.agency-copy p{font-size:15px}.media-ribbon-heading{align-items:flex-start;gap:14px}.media-ribbon-heading h2{font-size:20px;max-width:220px;line-height:1.6}.media-ribbon-heading .text-link{font-size:13px}.route-windows{gap:8px}.route-window{height:150px;border-radius:8px}.route-window>img{width:640%}.route-name{font-size:12px;bottom:12px;right:8px;white-space:nowrap}.route-enter{left:10px;top:6px;font-size:24px}.route-beacon{width:12px;height:12px;border-width:2px}.ribbon-credit{font-size:12px}.brand-section{padding:20px 0}.brand-heading h2{font-size:18px}.brand-slot{width:114px;height:56px}.brand-slot img{width:100px;height:44px}.brand-set{gap:16px;padding-inline:8px}.capabilities-chapter{padding-bottom:28px}.section-heading{padding-block:22px 18px;gap:12px}.section-heading h2{font-size:26px}.section-heading p{font-size:15px}.capability{grid-template-columns:36px 1fr 24px;gap:8px 15px;padding:19px 0}.capability h3{font-size:21px}.capability p{font-size:14px}.capability-icon{width:32px}.site-footer{padding-top:30px}.footer-invite h2{font-size:32px}.footer-actions{margin-top:20px}.footer-columns{gap:25px 18px;padding-block:24px}.page-heading{padding:32px 0 26px}.page-heading h1{font-size:32px}.page-heading p{font-size:16px}.service-row{gap:12px 18px}.service-row h2{font-size:22px}.hero-caption{padding-block:20px 24px}.hero-caption h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){.selected-work{position:relative;top:auto}.slider-pause,.marquee-toggle{display:none}.slider-track{scroll-behavior:auto}.slide-art img{transform:none;opacity:1}.brand-track{animation:none}.route-beacon:before,.route-beacon:after,.route-beacon i{animation:none}.route-beacon:after{display:none}}
/* Final composition alignment: image subject left, copy right. */
.project-slider.container{width:calc(100% - var(--gutter)*2)}.agency-background{transform:scaleX(-1);object-position:center 55%}.route-window>img{width:400%}
@media(max-width:760px){.project-slider.container{width:calc(100% - 24px)}.agency-background{object-position:90% 30%}.agency-composition{min-height:460px}.agency-copy{padding-top:145px}.route-window>img{width:640%}}

/* v26: text/image rhythm, near-edge compositions and paired project gallery. */
body.home,body.projects,body.services,body.contact{--gutter:24px}
.home .container,.projects .container,.services .container,.contact .container{max-width:none}
.home .selected-work{position:relative;top:auto;padding:12px 0 32px}
.home .project-slider.container{width:calc(100% - var(--gutter)*2)}
.home .slider-track,.home .slide-art{border-radius:0}
.home .slide-art img{transform:none}
.home .agency-chapter{padding:36px 0 44px}
.agency-intro{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.agency-intro h2{font-size:clamp(26px,2.5vw,38px);line-height:1.6;margin:0}
.agency-intro-copy{max-width:680px}
.agency-intro-copy p{font-size:16px;line-height:1.9;color:#d0d6e0;margin:0 0 12px}
.agency-intro-copy .text-link{font-size:14px;margin-top:6px}
.home .capabilities-chapter{padding:12px 0 36px}
.home .network-chapter{padding:20px 0 30px!important}
.home .route-window{height:clamp(180px,18vw,280px)}
.projects .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}
.projects .project-tile,.projects .project-tile:first-child{grid-column:auto;min-width:0}
.projects .project-image{background:transparent;aspect-ratio:3/1;border-radius:0}
.projects .project-tile-caption{gap:16px}
.projects .project-tile-caption h2{font-size:25px}
.slide-art img[src*="bank-melli-final"],.project-image img[src*="bank-melli-final"],.case-main img[src*="bank-melli-final"]{clip-path:inset(0 round 2.2% / 6.6%)}
@media(max-width:760px){
 body.home,body.projects,body.services,body.contact{--gutter:16px}
 .home .agency-chapter{padding:22px 0 28px}
 .agency-intro{grid-template-columns:1fr;gap:16px}
 .agency-intro h2{font-size:26px}.agency-intro-copy p{font-size:15px}
 .home .selected-work{padding-bottom:20px}
 .home .route-window{height:150px}
 .projects .project-grid{gap:28px 16px}
 .projects .project-tile-caption{align-items:flex-start}
 .projects .project-tile-caption h2{font-size:22px}
}
@media(max-width:640px){.projects .project-grid{grid-template-columns:1fr}}

/* v27: hero copy in-image, compact paired services, rounded visual frames. */
.home .billboard-opening{position:relative;margin:0 24px;isolation:isolate;overflow:hidden;border-radius:20px}
.home .hero-frame{border-radius:20px;margin:0;min-height:600px}
.home .billboard-opening:after{content:'';position:absolute;inset:0;background:linear-gradient(270deg,#10141dec 0%,#10141db0 24%,#10141d36 44%,transparent 66%);pointer-events:none;z-index:1}
.home .hero-caption{position:absolute;z-index:2;right:0;bottom:13%;width:43%;margin:0;padding:32px;display:flex;align-items:flex-start;flex-direction:column;gap:22px;color:#fff}
.home .hero-caption h1{font-size:clamp(38px,4.6vw,66px);line-height:1.4;margin:0;text-wrap:balance}
.home .hero-caption p{font-size:17px;line-height:1.8;color:#e1e7f1;margin-top:14px}
.home .hero-caption .button{font-size:16px;min-height:48px}
.home .agency-chapter{padding:28px 0}
.home .agency-intro{position:relative;overflow:hidden;isolation:isolate;border-radius:20px;background:#151e2b;border:1px solid #ffffff12;padding:42px;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.home .agency-intro h2{font-size:clamp(32px,3.8vw,54px);line-height:1.6}.agency-intro h2 span{color:#82aaff}
.home .agency-intro-copy p{font-size:17px;line-height:1.9}
.home .agency-intro:after{content:'';position:absolute;right:-12%;bottom:0;width:12%;height:2px;background:linear-gradient(90deg,transparent,#5286ff,transparent);animation:agency-light-pass 7s linear infinite;pointer-events:none}
@keyframes agency-light-pass{to{right:100%}}
.home .slider-track,.home .slide-art{border-radius:18px;overflow:hidden}
.home .slide-art{position:relative;isolation:isolate;filter:none!important}
.home .slider-visual:hover .slide-art,.home .slider-visual:focus-within .slide-art{filter:none!important}
.home .slide-art img{opacity:1;transform:none}
.slide-entry{position:absolute;left:0;bottom:0;display:flex;align-items:center;gap:22px;padding:24px 24px 17px 20px;background:linear-gradient(15deg,#0a101de8 12%,#0a101d99 48%,transparent 95%);color:#fff;font-size:15px;line-height:1.6;opacity:0;transform:translateY(6px);transition:opacity .2s,transform .2s;min-height:54px;border-radius:0 12px 0 0}
.slide-entry>span{font-size:24px;line-height:1}.slide-art:hover .slide-entry,.slide-art:focus-visible .slide-entry{opacity:1;transform:none}
.home .slider-pause{top:12px;left:12px}
.service-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.service-card{position:relative;overflow:hidden;display:flex;flex-direction:column;background:#151e2b;border:1px solid #ffffff12;border-radius:20px;padding:30px;min-width:0}
.service-card-heading{display:flex;align-items:center;gap:20px;margin-bottom:18px}.service-card h3{font-size:26px;margin:0}.service-card .capability-icon{flex:0 0 40px;color:#82aaff}
.service-card>p{font-size:16px;color:#d0d6e0;line-height:1.9;max-width:62ch;margin:0 0 20px}
.service-card ul{margin:0 0 24px;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}.service-card li{font-size:14px;color:#c3cfe2;border-top:1px solid #ffffff19;padding-top:12px;line-height:1.8}
.service-card .text-link{font-size:15px;align-self:flex-start;margin-top:auto;min-height:36px}
.home .route-window,.projects .project-image,.case-main{border-radius:18px;overflow:hidden}
@media(hover:none){.slide-entry{opacity:1;transform:none}}
@media(max-width:1000px){.home .hero-caption{width:50%;padding:26px}.home .hero-caption h1{font-size:42px}.home .agency-intro{gap:30px;padding:30px}.service-card{padding:24px}.service-card ul{grid-template-columns:1fr}}
@media(max-width:760px){
 .home .billboard-opening{margin-inline:16px;border-radius:16px}.home .hero-frame{height:650px;min-height:0;border-radius:16px}.home .hero-frame img{object-position:61% center}
 .home .billboard-opening:after{background:linear-gradient(0deg,#10141df5 0%,#10141dc9 30%,#10141d35 54%,transparent 76%)}
 .home .hero-caption{width:100%;bottom:0;padding:26px 22px 32px;gap:18px}.home .hero-caption h1{font-size:38px}.home .hero-caption p{font-size:15px;margin-top:10px}.home .hero-caption .button{font-size:15px}
 .home .agency-intro{grid-template-columns:1fr;gap:20px;padding:26px 22px;border-radius:16px}.home .agency-intro h2{font-size:32px}.home .agency-intro-copy p{font-size:15px}
 .service-cards{grid-template-columns:1fr;gap:16px}.service-card{border-radius:16px;padding:24px 22px}.service-card h3{font-size:24px}.service-card-heading{gap:14px}.service-card ul{grid-template-columns:1fr 1fr}.service-card>p{font-size:15px}
 .home .slider-track,.home .slide-art,.projects .project-image{border-radius:14px}.slide-entry{padding:15px 16px 10px;gap:14px;font-size:14px;min-height:44px}
}
@media(prefers-reduced-motion:reduce){.home .agency-intro:after{animation:none;right:44%}.slide-entry{transition:none}}
@media(max-width:760px){.home .hero-frame{height:clamp(470px,130vw,540px);background:#10141d}.home .hero-frame img{object-fit:contain;object-position:center top}.home .billboard-opening:after{background:linear-gradient(0deg,#10141d 0%,#10141dd4 24%,transparent 60%)}}
.home .hero-frame{width:100%;aspect-ratio:auto}

/* v28: supplied brand palette, uncropped responsive hero and clear card spacing. */
.site-header{background:#101b30f5;border-bottom-color:#1e56c94d}
.main-nav [aria-current]:after{background:var(--blue);width:28px}
.main-nav a:hover,.main-nav a:focus-visible,.text-link:hover,.text-link:focus-visible,
.project-tile .text-link:hover,.selected-work .text-link:hover,
.footer-columns a:hover,.footer-bottom a:hover,.marquee-toggle:hover,
.slide-art:hover .slide-entry,.slide-art:focus-visible .slide-entry{color:var(--brand-yellow)}
.button-blue:hover{background:#1848ad}
.button-blue:focus-visible{outline-color:var(--brand-yellow)}
.home .billboard-opening{background:#101b30}
.home .hero-frame{display:block;width:100%;height:auto;min-height:0;aspect-ratio:16/9;border-radius:0;background:transparent}
.home .hero-frame img{width:100%;height:auto;object-fit:contain;object-position:center}
.home .billboard-opening:after{background:linear-gradient(90deg,#0b1729f2 0%,#0b1729cc 22%,#0b17296b 39%,transparent 60%)}
.home .hero-caption{left:0;right:auto;bottom:14%;width:44%;padding:clamp(28px,3vw,48px);gap:24px}
.home .hero-caption h1{font-size:clamp(34px,4.4vw,64px)}
.home .hero-caption p{font-size:17px;line-height:1.9;margin-top:20px}
.home .agency-intro{background:linear-gradient(115deg,#153e89,#112b57);border-color:#1e56c970;padding:44px;gap:64px}
.home .agency-intro h2 span{color:var(--blue-light)}
.home .agency-intro-copy p{margin-bottom:20px;color:#e0eaf9}
.home .agency-intro-copy .text-link{margin-top:8px}
.home .agency-intro:after{background:linear-gradient(90deg,transparent,var(--blue-light),transparent)}
.home .section-heading{gap:40px;padding-block:36px 30px;align-items:flex-start}
.home .section-heading p{line-height:1.9}
.service-cards{gap:28px}
.service-card{background:#132544;border-color:#1e56c959;padding:34px}
.service-card-heading{gap:24px;margin-bottom:24px}
.service-card .capability-icon{color:var(--blue-light)}
.service-card>p{line-height:1.95;margin-bottom:26px;color:#dce6f5}
.service-card ul{column-gap:30px;row-gap:16px;margin-bottom:30px}
.service-card li{padding-top:14px;color:#c9d9ef}
.projects .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}
.projects .project-tile-caption{gap:20px;padding-top:20px;align-items:flex-start;flex-wrap:wrap}
.projects .project-tile-caption h2{font-size:23px;line-height:1.5}
.projects .project-tile-caption p{margin-top:10px;line-height:1.8;font-size:14px}
.projects .project-tile-caption .text-link{font-size:14px;flex-shrink:0}
.page-heading p{line-height:1.9;margin-top:20px}
.service-row{gap:24px 40px;padding-block:32px}
.service-row p{line-height:1.95}
.service-evidence{gap:32px}
.service-evidence figcaption{margin-top:18px;line-height:1.8}
.site-footer{background:#101d35;border-top-color:#1e56c980}
.footer-invite{gap:48px}
.footer-actions p{font-size:16px;line-height:1.9}
.footer-columns{column-gap:40px}
.footer-columns h3{margin-bottom:16px}
.footer-columns nav{gap:4px}
.footer-bottom{padding-bottom:50px}
.whatsapp-float{position:fixed;left:24px;bottom:max(24px,env(safe-area-inset-bottom));z-index:70;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--blue);color:#fff;border:1px solid #ffffff32;box-shadow:0 6px 22px #0004;transition:background .2s,color .2s}
.whatsapp-float svg{width:30px;height:30px;stroke-width:1.6}
.whatsapp-float:hover,.whatsapp-float:focus-visible{color:var(--brand-yellow);background:#1848ad}
@media(max-width:1100px){
 .projects .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .home .hero-caption{width:48%;bottom:10%;padding:28px;gap:20px}
 .home .hero-caption h1{font-size:clamp(32px,4.1vw,44px)}
 .home .hero-caption p{font-size:15px;margin-top:16px}
 .home .agency-intro{padding:34px;gap:40px}
 .service-card{padding:28px}
}
@media(max-width:900px){
 .home .hero-caption{position:relative;left:auto;right:auto;bottom:auto;width:100%;padding:28px;gap:20px}
 .home .hero-caption h1{font-size:38px}
 .home .billboard-opening:after{display:none}
}
@media(max-width:760px){
 .home .hero-caption{padding:28px 24px 32px}
 .home .hero-caption h1{font-size:34px}
 .home .hero-caption p{font-size:15px;margin-top:16px}
 .home .agency-intro{padding:30px 24px;gap:28px}
 .home .agency-intro-copy p{margin-bottom:18px}
 .home .section-heading{flex-direction:column;gap:20px;padding-block:28px 26px}
 .home .section-heading p{max-width:100%}
 .service-cards{gap:20px}
 .service-card{padding:28px 24px}
 .service-card-heading{gap:20px;margin-bottom:22px}
 .service-card ul{column-gap:26px}
 .projects .project-tile-caption{gap:16px;padding-top:18px}
 .footer-invite{gap:24px}
 .footer-columns{column-gap:28px}
 .whatsapp-float{left:16px;bottom:max(16px,env(safe-area-inset-bottom));width:52px;height:52px}
 .whatsapp-float svg{width:28px;height:28px}
}
@media(max-width:640px){.projects .project-grid{grid-template-columns:1fr;row-gap:34px}}
@media(max-width:480px){.service-card ul{grid-template-columns:1fr}}

/* v29: yellow agency signature, edge-to-edge opening and a logo-led ending. */
html{background:#101d35}
body{min-height:100svh;display:flex;flex-direction:column;background:#101d35}
.site-header,.site-footer{flex-shrink:0}
main{flex:1;background:var(--ink)}
.header-inner{direction:ltr}
.main-nav{direction:rtl}
.header-inner>.brand{margin-right:auto}
.home .billboard-opening{width:100%;margin:0;border-radius:0}
.home .hero-frame{border-radius:0}
.home .billboard-opening:after{background:linear-gradient(90deg,#081424f7 0%,#081424df 26%,#08142490 42%,#08142430 58%,transparent 73%)}
.home .hero-caption{left:clamp(24px,3.3vw,52px);right:auto;bottom:clamp(28px,3.3vw,52px);width:min(43%,600px);padding:0;gap:24px;align-items:flex-end;text-align:left}
.home .hero-caption h1{font-size:clamp(38px,4.4vw,64px)}
.home .hero-caption p{margin-top:18px}
.home .agency-intro:after{right:0;width:20%;background:linear-gradient(90deg,transparent,var(--brand-yellow),transparent);transform:translateX(100%);animation:agency-yellow-light 7s linear infinite;animation-play-state:paused}
.home .agency-intro.is-in-view:after{animation-play-state:running}
@keyframes agency-yellow-light{to{transform:translateX(-500%)}}
.service-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.service-card>p{font-size:16px;min-height:3.9em}
.service-card--signal:after{content:'';position:absolute;right:0;bottom:0;width:40%;height:2px;background:linear-gradient(90deg,transparent,var(--brand-yellow),transparent);transform:translateX(100%);opacity:0;animation:service-light-pass 3.2s cubic-bezier(.16,1,.3,1) 1 both;animation-play-state:paused;pointer-events:none}
.service-card--signal.is-in-view:after{animation-play-state:running}
.service-card--signal:hover .capability-icon,.service-card--signal:focus-within .capability-icon{color:var(--brand-yellow)}
.service-card .capability-icon{transition:color .2s}
@keyframes service-light-pass{0%{transform:translateX(100%);opacity:0}15%,80%{opacity:1}100%{transform:translateX(-250%);opacity:0}}
.whatsapp-float{width:auto;height:auto;display:flex;direction:ltr;gap:12px;padding:8px 18px 8px 10px;border-radius:40px;background:#eafaf0;color:#116638;border-color:#b7e7c4;box-shadow:0 6px 22px #0004}
.whatsapp-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;color:#128c4a}
.whatsapp-float .whatsapp-icon svg{width:46px;height:46px;fill:currentColor;stroke:none}
.whatsapp-label{font-size:16px;font-weight:600;direction:rtl;white-space:nowrap}
.whatsapp-float:hover,.whatsapp-float:focus-visible{background:#d5f4e0;color:#0b542c}
.whatsapp-float:focus-visible{outline:2px solid #25d366}
.site-footer{width:100%;margin:0;padding-top:48px;padding-bottom:0;background:#101d35}
.footer-invite{display:block;padding-block:12px 42px}
.footer-invite h2{font-size:clamp(27px,5.5vw,80px);line-height:1.4;white-space:nowrap;margin-bottom:28px}
.footer-actions{flex-direction:row;align-items:center;justify-content:space-between;gap:32px;margin-top:0}
.footer-actions .button{min-width:210px;min-height:52px}
.footer-actions p{font-size:17px;line-height:1.9}
.footer-brand-frame{position:absolute;left:clamp(24px,5vw,80px);top:24px;width:clamp(260px,40vw,600px);pointer-events:none;z-index:0}
.footer-brand-frame svg{width:100%;height:auto;overflow:visible}
.footer-frame-base{fill:none;stroke:var(--blue-light);stroke-width:.18;opacity:.12}
.footer-frame-light{fill:none;stroke:var(--brand-yellow);stroke-width:.38;stroke-dasharray:7 93;stroke-linecap:round;opacity:0;animation:footer-frame-trace 8s linear 1 both;animation-play-state:paused}
.site-footer.is-in-view .footer-frame-light{animation-play-state:running}
@keyframes footer-frame-trace{0%{stroke-dashoffset:0;opacity:0}12%,85%{opacity:.55}100%{stroke-dashoffset:-100;opacity:0}}
.footer-bottom{padding-bottom:94px;align-items:center}
.footer-copyright{font-family:Arial,sans-serif;font-size:13px;line-height:1.8;text-align:left}
.is-page-hidden .site-footer.is-in-view .footer-frame-light,.is-page-hidden .service-card--signal:after,.is-page-hidden .home .agency-intro:after{animation-play-state:paused}
@media(max-width:1100px){
 .home .hero-caption{width:46%;bottom:32px;left:28px;gap:20px}
 .home .hero-caption h1{font-size:clamp(34px,4.1vw,46px)}
}
@media(max-width:900px){
 .home .hero-caption{position:relative;left:auto;right:auto;bottom:auto;width:100%;padding:30px 28px 36px;align-items:flex-start;text-align:right}
 .home .billboard-opening:after{display:none}
}
@media(max-width:760px){
 .home .hero-caption{padding:28px 24px 32px}
 .home .hero-caption h1{font-size:34px}
 .service-cards{grid-template-columns:1fr;gap:20px}
 .service-card>p{font-size:16px;min-height:0}
 .whatsapp-float{padding:7px 16px 7px 8px;gap:10px}
 .whatsapp-icon{width:46px;height:46px;flex-basis:46px}
 .whatsapp-float .whatsapp-icon svg{width:44px;height:44px}
 .whatsapp-label{font-size:15px}
 .site-footer{padding-top:32px}
 .footer-invite{padding-block:8px 30px}
 .footer-invite h2{font-size:clamp(27px,8.2vw,52px);margin-bottom:22px}
 .footer-actions{flex-direction:column;align-items:flex-start;gap:22px}
 .footer-actions p{font-size:16px}
 .footer-brand-frame{left:-36px;top:88px;width:310px}
 .footer-frame-base{opacity:.09}
 .footer-frame-light{stroke-width:.3}
 .footer-bottom{flex-direction:column;align-items:flex-start;gap:20px;padding-bottom:108px}
 .footer-copyright{width:100%;font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 .home .agency-intro:after{animation:none;transform:translateX(-200%)}
 .service-card--signal:after{animation:none;opacity:0}
 .footer-frame-light{animation:none;opacity:0}
}

/* v30: copy stays inside the hero; light moves through repeated brand shapes. */
.home .hero-caption{position:absolute;top:min(50%,calc((100svh - var(--header))/2));bottom:auto;left:clamp(24px,3.3vw,52px);right:auto;width:min(43%,600px);padding:0;transform:translateY(-50%);align-items:flex-end;text-align:left;gap:22px}
.home .hero-caption>div{width:100%}
.hero-copy-compact{display:none}
.home .capabilities-chapter .section-heading{display:block;text-align:right;direction:rtl}
.home .capabilities-chapter .section-heading p{max-width:65ch;margin:16px 0 0;text-align:right}
.brand-section{padding-block:26px}
.brand-section:hover .brand-track,.brand-section:focus-within .brand-track{animation-play-state:paused}
.brand-section:focus-visible{outline:2px solid var(--blue-light);outline-offset:-6px}
.footer-brand-field{position:absolute;inset:0;width:100%;opacity:1;pointer-events:none;z-index:0;overflow:hidden;mask-image:none}
.footer-brand-field:after{content:'';position:absolute;inset:0;background:#101d35bf}
.footer-brand-field svg{display:block;width:100%;height:100%}
.footer-mark-base{fill:var(--blue-light);opacity:.2}
.footer-light-pool{transform-origin:center;transform-box:view-box;animation-play-state:paused}
.footer-light-pool--blue{animation:footer-blue-light 13s ease-in-out infinite alternate;animation-play-state:paused}
.footer-light-pool--gold{animation:footer-gold-light 17s ease-in-out infinite alternate;animation-play-state:paused}
.site-footer.is-in-view .footer-light-pool{animation-play-state:running}
.is-page-hidden .site-footer.is-in-view .footer-light-pool{animation-play-state:paused}
@keyframes footer-blue-light{0%{transform:translate(-23%,16%)}45%{transform:translate(16%,-18%)}100%{transform:translate(23%,17%)}}
@keyframes footer-gold-light{0%{transform:translate(23%,-15%)}55%{transform:translate(-10%,21%)}100%{transform:translate(-25%,-11%)}}
@media(max-width:1100px){
 .home .hero-caption{left:28px;width:44%;gap:18px}
 .home .hero-caption h1{font-size:clamp(30px,4.1vw,46px)}
}
@media(max-width:900px){
 .home .billboard-opening:after{display:block;background:linear-gradient(90deg,#081424f7 0%,#081424e8 30%,#08142480 45%,transparent 69%)}
 .home .hero-caption{left:24px;width:44%;padding:0}
 .home .hero-caption h1{font-size:clamp(28px,4.2vw,38px)}
 .home .hero-caption p{font-size:16px;line-height:1.7;margin-top:12px}
 .home .hero-caption .button{padding:10px 18px;min-height:44px;font-size:15px}
}
@media(max-width:600px){
 .home .hero-caption{left:14px;width:44%;gap:10px}
 .home .hero-caption h1{font-size:clamp(20px,5.9vw,30px);line-height:1.3}
 .home .hero-caption p{font-size:16px;line-height:1.5;margin-top:8px}
 .home .hero-caption .button{font-size:14px;min-height:44px;padding:8px 12px}
 .hero-copy-wide{display:none}
 .hero-copy-compact{display:inline}
 .footer-brand-field{inset:0;width:100%;mask-image:none}
}
@media(prefers-reduced-motion:reduce){.footer-light-pool{animation:none;opacity:.45}}

/* v31: concentric brand ripples, progressive home chapters, factual route cards. */
.header-inner{padding-inline:clamp(18px,3.6vw,64px)}
.site-header .brand img{width:209px}
.site-header .main-nav{padding-inline-start:12px;transform:translateY(-3px);gap:34px}
.footer-brand{display:block}
.footer-brand .brand img{width:240px;max-width:100%}
.footer-brand p{font-size:16px;line-height:1.9;margin-top:18px}
.footer-bottom{direction:rtl;flex-direction:row;align-items:center}
.footer-copyright{width:auto;text-align:left}
.footer-back-top{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:7px 16px;border-radius:8px;background:#1d3153;font-size:14px}
.footer-back-top:hover{background:#29436d;color:var(--brand-yellow)}
.footer-brand-field:after{background:#101d35a6}
.footer-ring-base{fill:none;stroke:#7ba0c8;stroke-width:1;opacity:.28}
.footer-ring-burst{fill:none;stroke:url(#footer-wave-color);stroke-width:1.8;opacity:0}
.is-burst .footer-ring-burst{animation:footer-wave-spread 650ms cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--ring)*32ms);animation-play-state:paused}
.site-footer.is-in-view .is-burst .footer-ring-burst{animation-play-state:running}
.is-page-hidden .site-footer.is-in-view .is-burst .footer-ring-burst{animation-play-state:paused}
.footer-pointer-light{opacity:0;transition:opacity 220ms ease-out}
.is-pointer-active .footer-pointer-light{opacity:1}
@keyframes footer-wave-spread{0%{opacity:0;stroke-width:1.2}18%{opacity:1;stroke-width:3}65%{opacity:.6;stroke-width:1.8}100%{opacity:0;stroke-width:1}}
.reveal-ready .reveal-section{transition:opacity 650ms cubic-bezier(.16,1,.3,1),transform 650ms cubic-bezier(.16,1,.3,1)}
.reveal-ready .reveal-section:not(.is-revealed){opacity:0;transform:translateY(24px);transition:none}
.reveal-ready .reveal-section.selected-work:not(.is-revealed){transform:none}
.reveal-ready .reveal-section:not(.is-revealed) .service-card,.reveal-ready .reveal-section:not(.is-revealed) .route-window{opacity:0;transform:translateY(16px);transition:none}
.reveal-ready .reveal-section .service-card,.reveal-ready .reveal-section .route-window{transition:opacity 500ms ease-out,transform 550ms cubic-bezier(.16,1,.3,1);transition-delay:calc(var(--reveal-order,0)*70ms)}
.home .slider-track{direction:ltr;overflow-x:auto;overflow-y:hidden}
.project-slide{direction:rtl}
.home .network-chapter{padding:52px 0 38px!important}
.media-ribbon--maps .media-ribbon-heading{gap:28px;margin-bottom:30px;align-items:center}
.media-ribbon--maps .media-ribbon-heading h2{font-size:clamp(28px,3.5vw,48px);line-height:1.45;max-width:24ch}
.media-ribbon--maps .media-ribbon-heading .text-link{font-size:16px}
.media-ribbon--maps .route-windows{gap:24px}
.home .route-window--map{height:auto;display:flex;flex-direction:column;background:#12336e;border-radius:14px;isolation:isolate}
.route-window--map:after{display:none}
.route-card-heading{padding:22px 24px 20px;display:block;min-height:111px;background:linear-gradient(120deg,#163b81,#142a50);z-index:1}
.route-card-heading strong{display:block;font-size:22px;line-height:1.45;font-weight:600;color:#fff}
.route-card-heading>span{display:block;font-size:14px;line-height:1.7;color:#c4e1f5;margin-top:9px}
.route-map{position:relative;display:block;flex:0 0 auto;width:100%;aspect-ratio:1920/900;overflow:hidden;background:var(--blue);direction:ltr}
.route-map>img{display:block;position:static;width:100%;height:100%;max-width:100%;transform:none;filter:none;object-fit:contain}
.route-map .route-beacon{background:var(--brand-yellow);border:3px solid #fff;width:14px;height:14px;top:auto;left:auto}
.route-map .route-beacon:before,.route-map .route-beacon:after{border-color:#F4DF60}
.route-map .route-beacon i{background:#F4DF6024}
.route-billboard{position:absolute;right:16px;bottom:16px;width:44px;height:44px;padding:7px;border-radius:8px;background:#102952;color:#F4DF60}
.route-billboard svg{width:100%;height:100%}
.route-card-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 24px;min-height:62px;font-size:15px;color:#d9edf9;background:#122d5c}
.route-card-foot .route-enter{position:static;font-size:inherit;color:var(--brand-yellow)}
.route-card-foot .route-enter svg{width:22px;height:22px}
.route-window--map:hover .route-card-foot,.route-window--map:focus-visible .route-card-foot{background:#1E56C9;color:#fff}
.media-ribbon--maps .ribbon-credit{margin-top:16px;font-size:12px;color:#a7bdd8}
.is-page-hidden .route-beacon *,.is-page-hidden .route-beacon:before,.is-page-hidden .route-beacon:after{animation-play-state:paused}
@media(max-width:1100px){
 .site-header .brand img{width:190px}
 .site-header .main-nav{gap:25px}
 .media-ribbon--maps .route-windows{gap:16px}
 .route-card-heading{padding:20px 18px;min-height:124px}
 .route-card-heading strong{font-size:21px}
 .route-card-foot{padding-inline:18px;font-size:14px}
}
@media(max-width:760px){
 .site-header .brand img{width:168px}
 .site-header .main-nav{padding-inline:24px;transform:none;gap:9px}
 .footer-brand .brand img{width:220px}
 .footer-brand p{margin-top:14px;font-size:16px}
 .footer-bottom{display:grid;grid-template-columns:1fr;gap:14px;padding-bottom:108px}
 .footer-back-top{justify-self:start}
 .footer-copyright{justify-self:end;width:auto}
 .home .network-chapter{padding:32px 0!important}
 .media-ribbon--maps .media-ribbon-heading{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:24px}
 .media-ribbon--maps .media-ribbon-heading h2{font-size:32px;max-width:23ch}
 .media-ribbon--maps .route-windows{grid-template-columns:1fr;gap:22px}
 .route-card-heading{min-height:0;padding:20px 22px}
 .route-card-heading strong{font-size:23px}
 .route-card-heading>span{font-size:15px}
 .route-card-foot{padding:16px 22px;font-size:15px}
}
@media(max-width:360px){.site-header .brand img{width:156px}.media-ribbon--maps .media-ribbon-heading h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){
 .reveal-ready .reveal-section,.reveal-ready .reveal-section:not(.is-revealed),.reveal-ready .reveal-section .service-card,.reveal-ready .reveal-section .route-window{opacity:1;transform:none;transition:none}
 .footer-ring-burst{animation:none!important;opacity:0}
 .footer-pointer-light{opacity:0!important;transition:none}
 .route-beacon:before,.route-beacon:after,.route-beacon i{animation:none!important}
}

/* v32: all footers inherit the approved media-page framing. */
.site-footer{--gutter:clamp(22px,4vw,64px)}
.site-footer>.container{max-width:1440px}
.site-footer .footer-whatsapp:hover,.site-footer .footer-whatsapp:focus-visible{background:#25D366;color:#083c21}
.tr-explorer .tr-toolbar .tr-download{background:var(--blue);border-color:var(--blue);color:#fff!important}
.tr-explorer .tr-toolbar .tr-download:hover,.tr-explorer .tr-toolbar .tr-download:focus-visible{background:#1748ad;border-color:#1748ad;color:#fff!important}

/* v33: map information shares one lower band; service copy and features split. */
.route-window--map .route-card-foot{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:16px;align-items:center;min-height:120px;padding:22px 24px}
.route-card-foot .route-billboard{position:static;width:36px;height:40px;padding:0;background:none;border-radius:0;color:var(--brand-yellow)}
.route-card-label{display:block;min-width:0;text-align:right}
.route-card-label strong{display:block;font-size:21px;line-height:1.5;font-weight:600;color:#fff}
.route-card-label>span{display:block;margin-top:8px;font-size:14px;line-height:1.7;color:#c4e1f5}
.route-card-action{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:14px;line-height:1.6;white-space:nowrap;color:#fff}
.route-card-action .route-enter svg{width:18px;height:18px}
.service-card{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);grid-template-areas:'copy features' 'copy link';grid-template-rows:1fr auto;gap:28px 36px;align-items:start}
.service-card-copy{grid-area:copy;min-width:0;text-align:right}
.service-card .service-card-heading{gap:16px;margin-bottom:20px;align-items:flex-start}
.service-card .service-card-heading h3{font-size:24px;line-height:1.5}
.service-card .capability-icon{color:var(--brand-yellow);flex-basis:36px;width:36px}
.service-card-copy>p{font-size:16px;line-height:1.95;color:#dce6f5;margin:0;max-width:62ch}
.service-card ul{grid-area:features;grid-template-columns:1fr;gap:14px;margin:0;min-width:0}
.service-card li{padding-top:12px;line-height:1.85}
.service-card .text-link{grid-area:link;justify-self:end;align-self:end;margin:0;min-height:44px}
@media(max-width:1200px){
 .service-cards{grid-template-columns:1fr}
 .route-window--map .route-card-foot{grid-template-columns:32px minmax(0,1fr);gap:12px 14px;padding:20px 18px;min-height:160px}
 .route-card-foot .route-billboard{width:32px;height:36px}
 .route-card-action{grid-column:2;justify-self:end}
 .route-card-label strong{font-size:20px}
}
@media(max-width:760px){
 .route-window--map .route-card-foot{grid-template-columns:36px minmax(0,1fr) auto;min-height:120px;padding:22px;gap:14px}
 .route-card-action{grid-column:auto}
 .route-card-label strong{font-size:21px}
 .service-card{gap:24px 28px}
}
@media(max-width:600px){
 .service-card{grid-template-columns:1fr;grid-template-areas:'copy' 'features' 'link';grid-template-rows:auto;gap:24px}
 .service-card .service-card-heading h3{font-size:23px}
 .service-card .text-link{justify-self:end}
 .route-window--map .route-card-foot{grid-template-columns:32px minmax(0,1fr);gap:12px 14px;min-height:132px;padding:20px}
 .route-card-action{grid-column:2;justify-self:end}
}

/* v34: real-mark pointer, readable two-sided service cards and quieter entrances. */
.brand-cursor{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:0;transition:opacity 100ms;--cursor-scale:1}
.brand-cursor.is-visible{opacity:1}
.brand-cursor.is-target{--cursor-scale:2}
.brand-cursor-half,.brand-cursor-fill,.brand-cursor-dot{position:absolute;left:0;top:0;pointer-events:none}
.brand-cursor-half svg,.brand-cursor-fill svg{position:absolute;width:40px;height:26px;max-width:none;overflow:visible;transform:translate(-50%,-50%) scale(var(--cursor-scale));transition:transform 180ms cubic-bezier(.16,1,.3,1)}
.brand-cursor-half path{fill:none;stroke:var(--blue-light);stroke-width:1.8}
.cursor-fill-shape{fill:var(--blue);fill-opacity:0;transition:fill-opacity 160ms}
.is-target .cursor-fill-shape{fill-opacity:.1}
.cursor-light-shape{fill:none;stroke:var(--brand-yellow);stroke-width:2.2;stroke-dasharray:14 86;opacity:0}
.is-spark .cursor-light-shape{animation:cursor-edge-light 350ms ease-out both}
.brand-cursor-dot:after{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:var(--brand-yellow);transform:translate(-50%,-50%)}
.has-brand-cursor,.has-brand-cursor *{cursor:none!important}
@keyframes cursor-edge-light{0%{stroke-dashoffset:0;opacity:0}20%{opacity:1}100%{stroke-dashoffset:-100;opacity:0}}
.service-flip-card{display:block;padding:0;overflow:visible;background:none;border:0;perspective:1400px;isolation:isolate}
.service-flip-stage{display:grid;grid-template-columns:minmax(0,1fr);transform-style:preserve-3d}
.service-face{grid-area:1/1;min-width:0;padding:36px 34px 92px;border:1px solid #1e56c959;border-radius:20px;background:#132544;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform 420ms cubic-bezier(.16,1,.3,1);transform-style:preserve-3d;overflow:hidden}
.service-face-front{transform:rotateY(0deg);display:flex;align-items:center}
.service-face-back{transform:rotateY(-180deg);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-areas:'heading features' '. link';gap:24px 36px;align-content:start;background:#163565}
.is-flipped .service-face-front{transform:rotateY(180deg)}
.is-flipped .service-face-back{transform:rotateY(0deg)}
.service-flip-card .service-card-copy{width:100%}
.service-flip-card .service-card-heading h3{font-size:30px;line-height:1.5}
.service-flip-card .service-card-copy>p{font-size:17px;line-height:1.95;max-width:55ch}
.service-flip-card .service-back-heading{grid-area:heading;align-items:flex-start}
.service-flip-card .service-back-heading h3{font-size:25px}
.service-flip-card .service-face-back ul{grid-area:features}
.service-flip-card .service-face-back .text-link{grid-area:link;justify-self:end}
.service-flip-toggle{position:absolute;right:34px;bottom:24px;z-index:2;display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:8px 14px;border-radius:8px;background:#0f2445;color:var(--brand-yellow);font-size:15px;border:1px solid #f4df6040}
.service-flip-toggle:after{content:'';width:20px;height:13px;border:1.5px solid currentColor;border-radius:3px;transform:rotateY(0deg);transition:transform 250ms}
.is-flipped .service-flip-toggle:after{transform:rotateY(180deg)}
.service-flip-toggle:hover,.service-flip-toggle:focus-visible{background:#1e56c9}
.service-flip-card.service-card--signal:after{bottom:1px;right:16px;border-radius:2px;overflow:hidden}
.reveal-ready .reveal-section{transition-duration:520ms;transition-timing-function:cubic-bezier(.16,1,.3,1)}
.reveal-ready .reveal-section:not(.is-revealed){transform:translateY(16px)}
.reveal-ready .reveal-section.selected-work:not(.is-revealed){transform:none}
.reveal-ready .reveal-section .service-card,.reveal-ready .reveal-section .route-window{transition-duration:460ms;transition-delay:calc(var(--reveal-order,0)*45ms)}
@media(max-width:760px){
 .service-face{padding:28px 24px 90px;border-radius:16px}
 .service-flip-card .service-card-heading h3{font-size:26px}
 .service-flip-toggle{right:24px;bottom:20px}
}
@media(max-width:600px){
 .service-face-back{grid-template-columns:1fr;grid-template-areas:'heading' 'features' 'link';gap:22px}
 .service-flip-card .service-back-heading{margin-bottom:0}
 .service-flip-card .service-card-heading h3{font-size:24px}
 .service-flip-card .service-card-copy>p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){
 .brand-cursor{display:none}
 .service-face{transition:none;transform:none!important}
 .service-face-front{visibility:visible}
 .service-face-back{visibility:hidden}
 .is-flipped .service-face-front{visibility:hidden}
 .is-flipped .service-face-back{visibility:visible}
 .service-flip-toggle:after{transition:none}
 .reveal-ready .reveal-section,.reveal-ready .reveal-section .service-card,.reveal-ready .reveal-section .route-window{transition:none!important;transform:none!important}
}
.service-face{position:relative}
.service-flip-card.service-card--signal:after{display:none}
.service-card--signal .service-face-front:after{content:'';position:absolute;right:0;bottom:0;width:40%;height:2px;background:linear-gradient(90deg,transparent,var(--brand-yellow),transparent);transform:translateX(100%);opacity:0;animation:service-light-pass 3.2s cubic-bezier(.16,1,.3,1) 1 both;animation-play-state:paused;pointer-events:none}
.service-card--signal.is-in-view .service-face-front:after{animation-play-state:running}
.is-page-hidden .service-card--signal.is-in-view .service-face-front:after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.service-card--signal .service-face-front:after{animation:none;opacity:0}}

/* v35: square pointer, one-time frame turn and light service backs. */
.brand-cursor-dot:after{width:5px;height:5px;border-radius:0}
.brand-cursor.is-target .brand-cursor-half{opacity:0}
.cursor-light-shape{stroke-dasharray:none;opacity:0}
.is-target .cursor-light-shape{opacity:1;stroke:var(--brand-yellow)}
.is-spark .cursor-light-shape{animation:cursor-frame-turn 380ms cubic-bezier(.16,1,.3,1) both;transform-box:fill-box;transform-origin:center}
@keyframes cursor-frame-turn{from{transform:rotateY(-180deg)}to{transform:rotateY(0deg)}}
.service-face-back{background:var(--blue-light);color:#12376e;border-color:#8ec5e1}
.service-flip-card .service-face-back h3,.service-flip-card .service-face-back li,.service-flip-card .service-face-back .text-link{color:#12376e}
.service-flip-card .service-face-back li{border-color:#12376e30}
.service-flip-card .service-face-back .text-link:hover{color:#1e56c9}
.service-flip-card .service-face-back .capability-icon{color:#1e56c9}
.service-face-front{padding-bottom:36px}
.service-face-back{padding-bottom:36px;grid-template-rows:1fr auto}
.service-flip-card:focus-visible{outline:2px solid var(--brand-yellow);outline-offset:6px;border-radius:20px}
@media(max-width:760px){.service-face-front,.service-face-back{padding-bottom:28px}}
@media(prefers-reduced-motion:reduce){.is-spark .cursor-light-shape{animation:none}}

/* v36: shared footer contact hierarchy and compact downloads. */
.site-footer{padding-top:72px}
.footer-shell{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:64px;align-items:start;padding-bottom:40px}
.footer-main{min-width:0}
.footer-invite{display:block;padding:0;margin:0}
.footer-invite h2{margin:0;font-size:clamp(30px,3.8vw,58px);white-space:nowrap}
.footer-description{font-size:16px;line-height:1.9;margin:20px 0 28px;color:#dce6f5}
.footer-shell .footer-columns{display:grid;grid-template-columns:minmax(140px,1fr) minmax(210px,1fr);gap:30px;padding:0;border:0;margin:0}
.footer-columns nav{display:flex;flex-direction:column;gap:12px}
.footer-columns nav a{font-size:16px;min-height:28px}
.footer-contact{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.footer-contact a{font-size:22px;line-height:1.5;white-space:nowrap}
.footer-contact .footer-email{font-size:16px}
.footer-shell .footer-actions{display:flex;flex-direction:column;align-items:stretch;gap:22px;min-width:0;padding-top:8px}
.footer-actions p{font-size:16px;line-height:1.9}
.footer-downloads{display:flex;flex-direction:column;gap:12px}
.footer-downloads a{display:flex;align-items:center;gap:14px;padding:10px 0;min-height:44px;font-size:15px}
.footer-downloads svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}
.footer-downloads a:hover,.footer-columns nav a:hover{color:var(--brand-yellow)}
.footer-copyright{display:flex;align-items:center;gap:12px;min-width:0;font-size:14px}
.footer-copyright svg{width:38px;height:25px;fill:none;stroke:#fff;stroke-width:2.5;flex-shrink:0}
@media(max-width:1000px){.footer-shell{grid-template-columns:minmax(0,1fr) 260px;gap:32px}.footer-shell .footer-columns{grid-template-columns:1fr;gap:26px}.footer-invite h2{font-size:clamp(28px,4vw,40px)}}
@media(max-width:600px){.site-footer{padding-top:48px}.footer-shell{grid-template-columns:1fr;gap:34px}.footer-shell .footer-columns{grid-template-columns:1fr;gap:28px}.footer-invite h2{font-size:clamp(25px,7.8vw,38px)}.footer-shell .footer-actions{max-width:340px;width:100%;justify-self:start}.footer-bottom{gap:24px}.footer-copyright{font-size:12px;gap:8px}.footer-copyright svg{width:30px;height:20px}}

/* v37: framed invitation and a deliberate lower information tier. */
.footer-callout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:44px;align-items:center;padding:36px 40px;background:#163565;border:1px solid #b8dff259;border-radius:20px;margin-bottom:36px}
.footer-callout .footer-invite h2{font-size:clamp(28px,3.8vw,56px);line-height:1.5}
.footer-callout-action{display:flex;flex-direction:column;gap:18px;align-items:stretch}
.footer-callout-action p{font-size:16px;line-height:1.9}
.footer-callout-action .footer-whatsapp{min-height:52px}
.footer-shell{grid-template-columns:minmax(0,1fr) 310px;gap:44px;padding:0 40px 36px;align-items:start}
.footer-description{margin:0 0 24px;font-size:18px;line-height:1.85}
.footer-shell .footer-columns{display:block}
.footer-shell .footer-columns nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 24px;max-width:520px}
.footer-columns nav a{display:flex;align-items:center;min-height:44px;border-bottom:1px solid #b8dff22b}
.footer-resources{display:flex;flex-direction:column;gap:24px;min-width:0}
.footer-downloads{gap:4px}
.footer-downloads a{padding:8px 0}
.footer-resources .footer-contact{padding-top:20px;border-top:1px solid #b8dff240;align-items:flex-end;gap:12px;text-align:left}
.footer-contact a{font-size:24px;font-variant-numeric:tabular-nums}
.footer-contact .footer-email{font-size:16px}
@media(max-width:1000px){.footer-callout{grid-template-columns:minmax(0,1fr) 260px;padding:28px;gap:28px}.footer-shell{grid-template-columns:minmax(0,1fr) 260px;padding-inline:28px;gap:28px}.footer-callout .footer-invite h2{font-size:clamp(25px,3.7vw,40px)}.footer-shell .footer-columns nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px}.footer-columns nav a{font-size:15px}}
@media(max-width:760px){.footer-callout{grid-template-columns:1fr;gap:22px;padding:28px 24px}.footer-callout-action{max-width:340px;width:100%;justify-self:end}.footer-callout .footer-invite h2{font-size:clamp(25px,5.2vw,38px)}.footer-shell{grid-template-columns:1fr;gap:30px;padding-inline:12px}.footer-shell .footer-columns nav{max-width:none}.footer-resources{width:min(100%,340px);justify-self:end}.footer-description{font-size:16px}.footer-contact a{font-size:22px}}
@media(max-width:360px){.footer-callout{padding:24px 16px}.footer-callout .footer-invite h2{font-size:24px}.footer-shell{padding-inline:0}.footer-shell .footer-columns nav{gap:8px}.footer-columns nav a{font-size:14px}}

/* v38: confirmed address, left-edge resources and WhatsApp hover mark. */
.footer-resources .footer-downloads{align-items:flex-end}
.footer-resources .footer-downloads a{justify-content:flex-end;width:max-content;max-width:100%}
.footer-address{font-style:normal;font-size:15px;line-height:1.9;direction:rtl;text-align:right;color:#dce6f5;align-self:stretch;margin-top:8px}
.footer-whatsapp{position:relative;gap:0}
.footer-wa-icon{display:inline-flex;width:0;opacity:0;overflow:hidden;transition:width 180ms ease-out,opacity 180ms ease-out,margin 180ms ease-out;color:#fff;margin-inline-start:0}
.footer-wa-icon svg{width:24px;height:24px;flex:0 0 24px;fill:none;stroke:currentColor;stroke-width:1.8}
.footer-whatsapp:hover .footer-wa-icon,.footer-whatsapp:focus-visible .footer-wa-icon{width:24px;opacity:1;margin-inline-start:10px}
@media(prefers-reduced-motion:reduce){.footer-wa-icon{transition:none}}

.footer-main .footer-address{margin-top:28px;display:flex;align-items:baseline;gap:14px;white-space:nowrap;text-align:right;font-size:15px}
.footer-address>span{color:var(--blue-light);flex-shrink:0}
@media(max-width:1000px) and (min-width:761px){.footer-callout{grid-template-columns:minmax(0,1fr) 240px}.footer-shell{grid-template-columns:minmax(0,1fr) 240px;padding-inline:16px;gap:20px}.footer-main .footer-address{font-size:14px;gap:8px}}
@media(max-width:760px){.footer-main .footer-address{font-size:14px;gap:10px}}
@media(max-width:400px){.footer-main .footer-address{display:block;white-space:normal}.footer-address>span{display:block;margin-bottom:6px}}
/* v39 About: documentary images and a chronological editorial spine. */
.about .container{width:calc(100% - clamp(24px,4vw,64px)*2);max-width:1440px}
.about-opening{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:center;padding-block:80px 64px}
.about-opening h1{font-size:clamp(44px,5vw,76px);line-height:1.45;margin-bottom:28px}
.about-lead{font-size:19px;line-height:2;color:#dce6f5;margin-bottom:24px}
.about figure{margin:0;min-width:0}
.about figure img{width:100%;height:auto;border-radius:20px;display:block}
.about figcaption{font-size:14px;color:#b8dff2;margin-top:12px;line-height:1.8}
.about-perspective{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;padding-block:60px 90px;border-top:1px solid #b8dff230}
.about h2{font-size:clamp(30px,3.4vw,50px);line-height:1.55}
.about-perspective p,.milestone-copy p,.about-practice p,.about-credentials p{font-size:17px;line-height:2;color:#dce6f5;max-width:64ch}
.about-perspective p+p{margin-top:20px}
.about-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;margin-bottom:48px}
.about-section-heading>p{font-size:17px;color:#b8dff2;max-width:40ch;line-height:1.9}
.about-journey{padding-bottom:100px;scroll-margin-top:110px}
.about-timeline{margin:0;padding:0;list-style:none;position:relative}
.about-timeline:before{content:'';position:absolute;right:20px;top:26px;bottom:40px;width:1px;background:#b8dff240}
.about-milestone{position:relative;display:grid;grid-template-columns:210px minmax(0,1fr);gap:36px;padding:0 0 54px 0}
.milestone-date{position:sticky;top:120px;align-self:start;padding:14px 48px 0 0;color:var(--brand-yellow);font-size:21px;font-weight:600;line-height:1.6}
.milestone-date:before{content:'';position:absolute;right:14px;top:26px;width:12px;height:12px;border:2px solid var(--brand-yellow);border-radius:3px;background:#10141d}
.about-milestone article{padding:30px 34px;border-radius:20px;background:#132544;border:1px solid #1e56c94d;display:grid;grid-template-columns:1fr;gap:28px;min-width:0}
.milestone-copy h3{font-size:27px;line-height:1.6;margin-bottom:14px}
.about-milestone figure{max-width:900px}
.about-milestone figure img{border-radius:14px}
.about-milestone:nth-child(3) article{grid-template-columns:1fr 1fr;align-items:center}
.about-craft{padding-block:60px 90px;border-top:1px solid #b8dff230}
.about-craft-images{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;align-items:start}
.about-practice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-block:44px 28px}
.about-practice h3{font-size:24px;color:#b8dff2;margin-bottom:18px}
.about-practice>div{border-top:2px solid #f4df6070;padding-top:24px}
.about-archive{padding-bottom:90px}
.about-archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.about-archive-grid figure:nth-child(3){grid-column:1/-1;max-width:1050px;justify-self:center}
.about-archive-grid figure:nth-child(-n+2){max-width:480px;width:100%;justify-self:center}
.about-archive-grid img{background:#132544}
.about-credentials{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-block:50px 90px;border-top:1px solid #b8dff230}
.about-credentials h2{margin-bottom:24px}
.about-credentials .text-link{margin-top:24px}
.about-client-names{padding:32px;background:#163565;border-radius:20px}
.about-client-names h3{font-size:25px;margin-bottom:24px}
.about-client-names ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;margin:0;padding:0;list-style:none}
.about-client-names li{font-size:16px;border-bottom:1px solid #b8dff233;padding-bottom:10px}
@media(max-width:1000px){.about-opening,.about-perspective{gap:32px}.about-milestone{grid-template-columns:170px minmax(0,1fr);gap:20px}.milestone-date{font-size:18px}.about-milestone:nth-child(3) article{grid-template-columns:1fr}.about-practice{gap:24px}.about-credentials{gap:36px}.main-nav{gap:22px}.site-header .main-nav{gap:22px}}
@media(max-width:760px){.about-opening,.about-perspective,.about-credentials{grid-template-columns:1fr;gap:32px}.about-opening{padding-block:44px}.about-opening h1{font-size:44px}.about-lead{font-size:17px}.about-perspective{padding-block:40px 64px}.about-section-heading{display:block;margin-bottom:32px}.about-section-heading>p{margin-top:18px}.about-milestone{grid-template-columns:1fr;gap:16px;padding-right:40px;padding-bottom:36px}.about-timeline:before{right:9px}.milestone-date{position:relative;top:auto;padding:0;font-size:20px}.milestone-date:before{right:-36px;top:10px}.about-milestone article{padding:24px}.milestone-copy h3{font-size:23px}.about-craft-images,.about-practice{grid-template-columns:1fr;gap:28px}.about-practice{margin-top:36px}.about-craft,.about-archive,.about-credentials{padding-bottom:64px}.about-archive-grid{gap:24px}.about-client-names{padding:24px}.about h2{font-size:30px}}
@media(max-width:480px){.about-archive-grid{grid-template-columns:1fr}.about-archive-grid figure:nth-child(3){grid-column:auto}.about-milestone article{padding:20px}.about-client-names ul{gap:12px 16px}.about-opening h1{font-size:38px}.about-client-names h3{font-size:22px}}

.about-milestone article{transition:border-color 240ms ease-out}
.about-milestone.is-current article{border-color:#b8dff28c}
.about-milestone.is-current .milestone-date:before{background:var(--brand-yellow)}
.about-entered{animation:about-arrival 420ms cubic-bezier(.16,1,.3,1) both}
@keyframes about-arrival{from{opacity:.65;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:760px){.site-header .main-nav{gap:9px}}
@media(prefers-reduced-motion:reduce){.about-entered{animation:none}.about-milestone article{transition:none}}
/* v40: About editorial rhythm; all motion preserves the image composition. */
.about-opening{padding-block:72px 80px;gap:48px}
.about-opening>figure,.about-craft-images>figure{transform:translateY(var(--about-shift,0px))}
.about-timeline:after{content:'';position:absolute;right:20px;top:26px;bottom:40px;width:2px;background:var(--brand-yellow);clip-path:inset(0 0 calc(100% - var(--journey-progress,0%)) 0);pointer-events:none}
.about-milestone{padding-bottom:40px;gap:28px}
.about-milestone article{padding:32px;gap:30px}
.about-milestone article:has(figure){grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center}
.about-milestone:nth-child(3) article{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.about-milestone figure{width:100%;padding-block:8px}
.about-milestone figure img{height:auto;max-height:420px;object-fit:contain}
.about-milestone figure figcaption{font-size:14px;line-height:1.8;margin-top:14px}
.about-milestone .milestone-copy h3{font-size:25px}
.about-craft,.about-archive,.about-credentials{padding-block:64px 80px}
.about-craft-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
.about-craft-images figure img{aspect-ratio:4/3;object-fit:contain;background:#132544}
.about-practice{gap:32px;margin-block:44px 24px}
.about-practice>div{padding-top:24px;min-width:0}
.about-practice h3{line-height:1.6}
.about-archive{border-top:1px solid #b8dff230}
.about-archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start}
.about-archive-grid figure:nth-child(3){grid-column:auto;max-width:480px;width:100%;justify-self:center}
.about-archive-grid figure img{aspect-ratio:4/3;object-fit:contain;background:#132544}
.about-credentials{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:start}
.about-client-names{padding:32px}
.about-entered{animation:none}
.about-reveal{opacity:1;transform:none}
.about-motion-ready .about-reveal{transition:opacity 560ms cubic-bezier(.16,1,.3,1),translate 560ms cubic-bezier(.16,1,.3,1);transition-delay:var(--about-delay,0ms)}
.about-motion-ready .about-reveal:not(.is-entered){opacity:0;translate:0 22px}
.about-reveal.is-entered{opacity:1;translate:0 0}
.contact-channels .contact-number{font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1.5}
.contact-address{font-style:normal;font-size:17px;line-height:1.95;color:#dce6f5}
.contact-whatsapp{gap:0;margin-top:18px;max-width:100%}
.contact-form-panel .contact-whatsapp{margin-top:8px}
.contact-cooperation{padding-block:20px;border-block:1px solid #b8dff230}
@media(max-width:1100px){.about-milestone article:has(figure),.about-milestone:nth-child(3) article{grid-template-columns:1fr}.about-milestone figure{max-width:740px}.about-milestone:nth-child(3) figure{max-width:520px}.about-archive-grid{gap:20px}.about-credentials{gap:32px}}
@media(max-width:760px){.about-opening{padding-block:44px 56px;gap:32px}.about-timeline:after{right:9px}.about-milestone article{padding:24px;gap:22px}.about-milestone .milestone-copy h3{font-size:23px}.about-craft,.about-archive,.about-credentials{padding-block:44px 56px}.about-craft-images,.about-practice,.about-credentials{grid-template-columns:1fr;gap:28px}.about-archive-grid{grid-template-columns:1fr;gap:30px}.about-archive-grid figure:nth-child(3){grid-column:auto}.about-opening>figure,.about-craft-images>figure{transform:none}.about-client-names{padding:24px}}
@media(max-width:400px){.about-milestone article{padding:20px}.contact-address{font-size:16px}}
@media(prefers-reduced-motion:reduce){.about-motion-ready .about-reveal{opacity:1!important;translate:none!important;transition:none}.about-opening>figure,.about-craft-images>figure{transform:none!important}}

/* v41 — compact contact composition and full archive frames */
.contact-layout{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px;align-items:start;padding-bottom:72px}
.contact-form-panel,.contact-channels{min-width:0;border:1px solid #b8dff225;border-radius:24px;background:#13213a;padding:32px}
.contact-form-panel h2{margin-bottom:24px;font-size:26px}
.contact-channels{display:grid;gap:28px}
.contact-channels>div{border:0;padding:0;margin:0;min-width:0}
.contact-channels h2{font-size:15px;margin:0 0 8px;color:#b8c8df}
.contact-channels .contact-number{font-size:clamp(24px,2.5vw,34px);line-height:1.45}
.contact-channels .contact-email{font-size:16px;overflow-wrap:anywhere}
.contact-channels .contact-address{font-size:16px;line-height:1.9}
.contact-form-panel .topic-options{gap:8px;margin-bottom:24px}
.contact-form-panel .topic-options span{padding:9px 12px}
.contact-form-panel .field{margin-bottom:20px;font-size:16px;gap:10px}
.contact-form-panel .field input,.contact-form-panel .field textarea{border-radius:12px;background:#0f1b2e;padding:14px 16px}
.contact-form-panel .contact-whatsapp{margin-top:4px}
.contact-form-panel .form-note{max-width:44ch;line-height:1.8;margin-top:14px}
.about-archive-grid figure img{aspect-ratio:4/3;object-fit:cover;object-position:center}
.about-archive-grid figure:nth-child(3) img{object-position:50% 45%}
@media(max-width:900px){.contact-layout{grid-template-columns:1fr;gap:24px}.contact-form-panel,.contact-channels{padding:28px}.contact-channels{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.contact-channels>div:last-child{grid-column:1/-1}}
@media(max-width:560px){.contact-form-panel,.contact-channels{padding:22px;border-radius:20px}.contact-channels{grid-template-columns:1fr;gap:24px}.contact-channels .contact-number{font-size:28px}.contact-form-panel .topic-options{display:grid;grid-template-columns:1fr}.contact-form-panel .topic-options span{text-align:center}.contact-form-panel .contact-whatsapp{width:100%;justify-content:center}}

/* v42 — aligned contact panels, craft heading and customer marks */
.contact-layout{align-items:stretch}
.about-craft .about-section-heading{display:block}
.about-craft .about-section-heading h2{max-width:none;font-size:clamp(24px,3vw,40px);line-height:1.5}
.about-craft .about-section-heading>p{max-width:780px;margin-top:16px}
.about-craft-images figure img{object-fit:cover;object-position:center}
.about-craft-images figure:first-child img{object-position:50% 50%}
.about-client-names ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.about-client-names li{border:0;padding:0;min-width:0;display:flex;align-items:center;justify-content:center;min-height:72px}
.about-client-names li img{width:100%;max-width:135px;height:64px;object-fit:contain;filter:brightness(0) invert(1)}
.about-client-names li img[src*="bank-melli"]{max-width:64px}
@media(max-width:900px){.contact-channels{align-content:start}}
@media(max-width:560px){.about-client-names ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.about-craft .about-section-heading h2{font-size:26px}.about-client-names li img{max-width:120px}}
/* October 6: coherent content, compact service cards and evidence galleries. */
.home .service-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.home .service-flip-stage{min-height:350px;height:100%;aspect-ratio:1/1.08}
.home .service-card{min-width:0;background:none}
.home .service-face{padding:25px 23px;border-radius:20px}
.home .service-face-front{align-items:flex-start;background:linear-gradient(270deg,#112544 0%,#112544f5 35%,#112544a8 70%,#11254422),var(--service-art) left center/cover no-repeat}
.home .service-face-front .service-card-copy{display:block;width:100%}
.home .service-card-heading{display:block;margin-bottom:18px}
.home .service-card-heading h3{font-size:clamp(20px,1.7vw,26px);line-height:1.55;margin-top:17px}
.home .service-card p{font-size:16px;line-height:1.9;max-width:25ch}
.home .service-face-back{grid-template-columns:1fr;grid-template-areas:'heading' 'features' 'link';grid-template-rows:auto 1fr auto;gap:12px}
.home .service-face-back .service-back-heading{margin:0}.home .service-face-back h3{font-size:21px;margin-top:8px}
.home .service-face-back ul{font-size:14px;line-height:1.7;padding:0}.home .service-face-back li{padding:6px 0}
.home .service-face-back .text-link{font-size:15px}.home .service-face-back .capability-icon{color:#ffbf00}
.home .slide-entry{opacity:1;transform:none;background:#12376e;color:white!important;font-size:18px;font-weight:700;padding:13px 22px;min-height:52px;left:18px;bottom:18px;border-radius:12px;box-shadow:0 4px 20px #0004}
.home .slide-art:hover .slide-entry{background:#1e56c9;color:white}.brand-set{gap:9px;padding-inline:5px}.brand-slot{width:152px;height:78px}.brand-slot img{width:138px!important;height:64px!important}.brand-slot img[src*='bank-melli']{width:82px!important}
.brand-section:hover .brand-track,.brand-section:focus-within .brand-track{animation-play-state:running}.brand-section.motion-offscreen .brand-track{animation-play-state:paused}
.brand-cursor,.brand-cursor *{pointer-events:none!important}.brand-cursor.is-target svg{animation:none!important}
.eyebrow{display:block;color:#ffbf00;font-size:14px;letter-spacing:.02em;margin-bottom:20px}
.about-hero{position:relative;isolation:isolate;min-height:78svh;display:flex;align-items:center;overflow:hidden;background:#10141d}
.about-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:translateY(var(--hero-shift,0));opacity:var(--hero-opacity,1);z-index:-2}
.about-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,#10141df5,#10141dad 55%,#10141d99),linear-gradient(0deg,#10141d,transparent 45%)}
.about-hero .container{padding-block:80px}.about-hero h1{font-size:clamp(38px,5.5vw,80px);line-height:1.4;max-width:15ch}.about-hero p{max-width:44ch;margin-block:25px;font-size:18px;line-height:1.9;color:#d7dfec}
.archive-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:30px}
.gallery-image{display:block;background:none;border:0;padding:0;width:100%;color:inherit;border-radius:16px;overflow:hidden;cursor:zoom-in}
.gallery-image img{width:100%;height:auto;display:block;object-fit:contain;background:#0d1420}
.archive-gallery figcaption,.construction-sequence figcaption,.story-carousel figcaption,.service-feature figcaption{font-size:14px;line-height:1.9;color:#c1cede;margin-top:12px}
.archive-gallery figure{min-width:0;margin:0}.archive-gallery .gallery-image{aspect-ratio:16/9}.archive-gallery img{height:100%;object-fit:contain}
.story-carousel{margin-top:30px}.story-track figure{margin:0}.story-track figure[hidden]{display:none!important}.story-track .gallery-image img{aspect-ratio:16/9;object-fit:contain}
.story-controls{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:20px}.story-controls button{border:1px solid #416086;border-radius:10px;padding:10px 16px;color:#fff;background:#12376e;font:inherit}.story-controls [data-pause]{font-size:14px}.gallery-hint{text-align:center;font-size:13px;color:#99aac0;margin-top:14px}
.construction-sequence{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-block:30px}.construction-sequence figure{margin:0;min-width:0}.construction-sequence .gallery-image{aspect-ratio:4/3}.construction-sequence img{height:100%;object-fit:cover}.about-practice>div{padding:28px;border:1px solid #294568;background:#122139;border-radius:18px}
.image-dialog{width:min(1200px,94vw);max-height:94svh;padding:45px 20px 20px;background:#10141d;color:white;border:1px solid #537599;border-radius:18px}.image-dialog::backdrop{background:#000d}.image-dialog figure{margin:0}.image-dialog img{display:block;max-width:100%;max-height:76svh;object-fit:contain;margin:auto}.image-dialog figcaption{padding:14px;text-align:center;line-height:1.8}.dialog-close{position:absolute;top:5px;left:10px;width:36px;height:36px;font-size:30px;background:none;border:0;color:white;cursor:pointer}
.media-examples{padding-bottom:50px}.media-accordion details{border:1px solid #29476d;border-radius:16px;margin-block:10px;background:#132039;overflow:hidden;scroll-margin-top:100px}.media-accordion summary{cursor:pointer;list-style:none;display:flex;gap:18px;align-items:center;padding:20px 24px;font-size:19px}.media-accordion summary::-webkit-details-marker{display:none}.media-accordion summary>span{color:#ffbf00;font-size:13px}.media-accordion summary b{margin-inline-start:auto;color:#ffbf00}.media-accordion details[open] summary b{transform:rotate(45deg)}.media-accordion figure{margin:0}.media-accordion img{width:100%;height:auto;display:block;object-fit:contain}
.service-editorial{padding-block:25px 50px}.service-feature{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:40px;margin-bottom:28px;border:1px solid #29476d;border-radius:22px;background:#121e32;scroll-margin-top:100px;overflow:hidden}.service-feature h2{font-size:clamp(28px,3vw,42px);line-height:1.5;margin-bottom:24px}.service-feature-copy>p{font-size:18px;line-height:2;color:#cbd6e7}.service-feature h3{font-size:16px;margin-top:30px;margin-bottom:14px;color:#b8dff2}.service-feature ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0;margin-bottom:25px}.service-feature li{padding:12px;border:1px solid #345074;border-radius:10px;font-size:14px}.service-feature-visual{position:relative;display:grid;align-content:end;gap:18px;min-width:0}.service-illustration{width:100%;max-height:250px;object-fit:cover;object-position:left 48%;border-radius:15px;mask-image:linear-gradient(270deg,transparent,#000 70%)}.service-feature-visual figure{margin:0}.service-feature-visual .gallery-image img{aspect-ratio:16/9;object-fit:contain}.execution-chapter{padding-bottom:40px}
@media(max-width:1100px){.home .service-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.home .service-flip-stage{aspect-ratio:auto;min-height:320px}.service-feature{gap:25px;padding:28px}.construction-sequence{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.home .service-cards{grid-template-columns:1fr}.home .service-flip-stage{min-height:320px}.home .service-card p{max-width:30ch}.home .slide-entry{font-size:14px;min-height:40px;padding:9px 12px;bottom:9px;left:9px}.about-hero{min-height:68svh}.about-hero .container{padding-block:60px}.about-hero>img{object-position:60% center}.archive-gallery{grid-template-columns:1fr;gap:22px}.construction-sequence{gap:12px}.construction-sequence figcaption{font-size:12px}.service-feature{grid-template-columns:1fr;padding:24px;gap:28px}.service-illustration{max-height:180px}.service-feature-copy>p{font-size:16px}.story-controls{gap:8px}.story-controls button{padding:8px 12px}.brand-slot{width:136px;height:70px}.brand-slot img{width:122px!important;height:58px!important}}
@media(prefers-reduced-motion:reduce){.brand-section:hover .brand-track,.brand-section:focus-within .brand-track{animation:none}.about-hero>img{transform:none!important;opacity:1!important}.brand-cursor{display:none!important}}
.home .service-flip-card .service-card-heading h3{font-size:clamp(20px,1.65vw,25px)}.home .service-flip-card .service-card-copy>p{font-size:16px;max-width:25ch}.home .service-flip-card .service-back-heading h3{font-size:21px}
/* v45 — proportion, hierarchy and controlled detail. */
.home .service-face-front{background:linear-gradient(270deg,#112544 0%,#112544f0 25%,#112544a0 55%,#11254418 100%),var(--service-art) left center/cover no-repeat}
.home .service-card:nth-child(3) .service-face-front{background:linear-gradient(270deg,#112544 0%,#112544dd 30%,#11254455 65%,transparent),var(--service-art) left center/cover no-repeat}
.home .service-card-heading{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;margin-bottom:18px;width:100%}
.home .service-flip-card .capability-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;flex:none;margin:0;position:static}
.home .service-flip-card .capability-icon svg{width:28px;height:28px;display:block}
.home .service-flip-card .service-card-heading h3{margin:0;font-size:22px;line-height:1.55}
.home .service-face-front .service-card-copy>p{max-width:none;margin:0;font-size:16px}
.home .service-face-back{gap:14px;align-content:start;overflow:visible}.home .service-flip-card .service-face-back ul{display:block;visibility:visible;opacity:1;margin:0;padding:0;transform:none;position:static;list-style:none}
.home .service-face-back li{font-size:14px;line-height:1.6;padding:8px 0;border-bottom:1px solid #12376e22}.home .service-face-back .service-back-heading{gap:8px;margin:0}.home .service-face-back .text-link{margin:0;align-self:end}
.home .service-flip-stage{min-height:360px}.home .service-face-back{overflow:hidden}
.projects .project-image{aspect-ratio:3/1;background:#10141d}.projects .project-image img{width:100%;height:100%;object-fit:contain}
.case-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:36px;align-items:center;padding-block:10px 40px}
.case-summary{border:1px solid #29476d;border-radius:20px;padding:28px;background:#132139;min-width:0}.case-summary>p{font-size:18px;line-height:1.95;color:#e0e8f4;margin:0 0 24px}.case-summary dl{margin:0}.case-summary dl>div{padding:13px 0;border-top:1px solid #ffffff18}.case-summary dt{color:#b8dff2;font-size:14px;margin-bottom:6px}.case-summary dd{margin:0;font-size:16px;line-height:1.85}
.case-overview .case-main{width:100%;max-width:900px;min-width:0;padding:0;margin:0;background:#0b1422;border-radius:18px;overflow:hidden}.case-overview .case-main img{display:block;width:100%;height:auto;max-height:480px;object-fit:contain;margin:0}
.projects .case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start;padding-block:0 45px}.projects .case-gallery figure{margin:0;min-width:0;max-width:900px}.projects .case-gallery img{height:auto;width:100%;max-height:450px;object-fit:contain}
.media-examples .section-heading{display:block;padding-block:20px 24px}.media-examples .section-heading h2{margin:0 0 12px}.media-examples .section-heading p{max-width:65ch;margin:0}
.media-accordion{display:flex;gap:8px;direction:rtl;height:clamp(270px,29vw,400px)}
.media-accordion details{position:relative;flex:0 0 56px;min-width:0;height:100%;margin:0;border-radius:15px;overflow:hidden;background:#132544;transition:flex-grow .35s ease}
.media-accordion details[open]{flex:1 1 0}.media-accordion summary{position:absolute;right:0;top:0;bottom:0;width:56px;z-index:2;display:flex;align-items:center;justify-content:center;padding:15px 10px;font-size:16px;background:#12376e;list-style:none;cursor:pointer}
.media-accordion summary span{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;color:#e6efff;font-size:16px}.media-accordion details[open] summary{background:#163d72}.media-accordion summary:hover{background:#1e56c9}.media-accordion summary:focus-visible{outline:2px solid #ffbf00;outline-offset:-4px}
.media-accordion details>figure{position:absolute;inset:0 56px 0 0;margin:0;display:flex;align-items:center;justify-content:center;background:#0d1727}.media-accordion img{width:100%;height:100%;object-fit:contain;display:block}
.service-feature{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:30px;padding:28px;align-items:center;margin-bottom:22px}.service-feature-copy{padding:24px;border-radius:16px;background:linear-gradient(135deg,#17376399,#17376322);border-inline-start:3px solid #ffbf00}.service-feature-copy .eyebrow{margin-bottom:14px}.service-feature h2{font-size:clamp(27px,2.7vw,36px);margin-bottom:18px}.service-feature-copy>p{font-size:17px;line-height:1.95;margin:0}.service-feature h3{margin-block:22px 12px}.service-feature ul{gap:8px;margin-bottom:20px}.service-feature li{padding:10px 12px;background:#12243e}.service-feature-visual{gap:12px;align-content:center}.service-illustration{max-height:190px;object-fit:cover;object-position:left 50%}.service-feature-visual .gallery-image img{max-height:300px}
.about .about-milestone article{min-height:0}.about .story-carousel{position:relative;padding:12px;border:1px solid #29476d;border-radius:20px;background:#0c1727;max-width:850px;margin:28px auto 0}
.about .story-track{display:block!important}.about .story-track figure{margin:0}.about .story-track .gallery-image{aspect-ratio:16/9;border-radius:12px}.about .story-track .gallery-image img{height:100%;width:100%;object-fit:contain}.about .story-track figcaption{margin:0;padding:18px 8px 8px;min-height:50px;font-size:14px;line-height:1.85}
.about .story-controls{position:absolute;top:18px;left:18px;right:auto;margin:0;padding:5px;display:flex;gap:4px;align-items:center;background:#0c1727e8;border:1px solid #8db6e955;backdrop-filter:blur(10px);border-radius:12px;z-index:3;direction:rtl}
.about .story-controls button{width:38px;height:38px;min-height:38px;padding:0;border:0;border-radius:8px;background:transparent;font-size:22px}.about .story-controls button:hover{background:#12376e;color:#ffbf00}.about .story-controls [data-pause]{font-size:12px;width:auto;padding:0 12px;border-inline-start:1px solid #ffffff2a;border-radius:0}.about .story-controls [data-count]{direction:ltr;font-size:13px;min-width:40px;text-align:center}.about .gallery-hint{margin:4px 0;font-size:12px}.about .archive-gallery{gap:0}
.about .about-client-names ul{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:16px 22px;padding:0}.about .about-client-names li{display:flex;align-items:center;justify-content:center;flex:0 0 90px;min-width:0;height:55px;padding:0;border:0;background:transparent}.about .about-client-names img{width:88px;height:48px;max-width:88px;object-fit:contain}.about .client-more{font-size:15px;color:#b8dff2;margin-top:18px}
@media(max-width:1000px){.case-overview{grid-template-columns:1fr 1fr;gap:22px}.case-summary{padding:22px}.service-feature{padding:20px;gap:20px}.service-feature-copy{padding:20px}.media-accordion details,.media-accordion summary{flex-basis:44px}.media-accordion summary{width:44px}.media-accordion details>figure{right:44px}.media-accordion summary span{font-size:14px}}
@media(max-width:700px){.case-overview{grid-template-columns:1fr}.case-overview .case-main{grid-row:1}.projects .case-gallery{grid-template-columns:1fr;gap:18px}.service-feature{grid-template-columns:1fr;padding:16px}.service-feature-copy{padding:20px}.service-feature ul{grid-template-columns:1fr 1fr}.media-accordion{height:300px;gap:4px}.media-accordion details{flex-basis:30px;border-radius:9px}.media-accordion summary{width:30px;padding:7px 3px}.media-accordion summary span{font-size:12px}.media-accordion details>figure{right:30px}.media-accordion details[open]{min-width:0}.about .story-carousel{padding:8px;border-radius:14px}.about .story-controls{top:12px;left:12px;padding:3px}.about .story-controls button{width:30px;height:30px;min-height:30px;font-size:20px}.about .story-controls [data-pause]{padding-inline:8px;font-size:11px}.about .story-track figcaption{font-size:13px;padding-top:12px}.home .service-flip-stage{min-height:360px;aspect-ratio:auto}}
@media(prefers-reduced-motion:reduce){.media-accordion details{transition:none}}
@media(max-width:550px){.media-accordion{display:flex;flex-direction:column;height:auto;gap:6px}.media-accordion details{flex:none;width:100%;height:42px;border-radius:10px}.media-accordion details[open]{flex:none;height:calc((100vw - 70px)/3 + 45px);min-height:145px}.media-accordion summary{position:relative;width:100%;height:42px;padding:8px 15px;justify-content:flex-start}.media-accordion summary span{writing-mode:horizontal-tb;transform:none;font-size:14px}.media-accordion details>figure{inset:42px 0 0}.media-accordion details[open] summary{height:42px}}
.brand-set{gap:4px;padding-inline:2px}.brand-window{margin-block:14px}.brand-section{padding-block:26px 30px}
@media(max-width:700px){.brand-set{gap:4px;padding-inline:2px}.brand-window{margin-block:12px}}
/* v46: artwork-led edges, single project images and centered service symbols. */
.home .service-face-front{align-items:center}.home .service-card-heading{gap:24px;margin:0}.home .service-flip-card .capability-icon{width:60px;height:60px}.home .service-flip-card .capability-icon svg{width:58px;height:58px;stroke-width:1.2}.home .service-flip-card .service-card-heading h3{font-size:24px;line-height:1.55}.home .service-face-back .capability-icon{width:30px;height:30px}.home .service-face-back .capability-icon svg{width:28px;height:28px}.home .service-face-back .service-card-heading{gap:10px}.home .service-face-back .service-card-heading h3{font-size:21px}
.media-accordion{gap:0;border-radius:18px;overflow:hidden;background:#0c1420}.media-accordion details{flex-basis:24px;border:0;border-radius:0;background-image:var(--accordion-image);background-size:auto 100%;background-position:right center;background-repeat:no-repeat}.media-accordion details+details{box-shadow:1px 0 0 #ffffff22}.media-accordion summary{width:24px;padding:10px 2px;background:linear-gradient(90deg,#07111b80,#07111bdd);border:0}.media-accordion details[open] summary,.media-accordion summary:hover{background:linear-gradient(90deg,#07111b80,#07111bdd)}.media-accordion summary span{font-size:13px;color:white;line-height:1.3;text-shadow:0 1px 6px #000}.media-accordion details>figure{inset:0;margin:0;background:transparent}.media-accordion details[open]>figure{padding-right:0}.media-accordion details[open] img{object-fit:contain;background:#0c1420}.media-accordion summary:focus-visible{outline:2px solid #ffbf00;outline-offset:-2px}
.services .service-feature-visual{display:block}.services .service-feature-visual .gallery-image img{max-height:420px;aspect-ratio:auto;object-fit:contain}.services .service-feature-visual figure{width:100%}.projects .case-gallery{display:none}.case-overview .case-main img{max-height:540px}.about .about-credentials{align-items:start}.about .about-credentials h2,.about .about-client-names h3{margin-top:0;min-height:42px;line-height:1.5}.about .about-client-names ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 18px;align-items:center}.about .about-client-names li{width:100%;min-width:0;height:55px;flex:none}.about .about-client-names li.client-more{font-size:13px;line-height:1.8;color:#b8dff2;text-align:center;display:flex;align-items:center;justify-content:center;padding:0;margin:0;white-space:nowrap}
@media(max-width:700px){.home .service-flip-card .capability-icon{width:54px;height:54px}.home .service-flip-card .capability-icon svg{width:52px;height:52px}.home .service-face-back .capability-icon svg{width:28px;height:28px}.home .service-face-back .capability-icon{width:30px;height:30px}.home .service-flip-card .service-card-heading h3{font-size:23px}.about .about-client-names ul{gap:12px 8px}.about .about-client-names li.client-more{font-size:12px}.media-accordion details{flex-basis:24px}.media-accordion summary{width:24px}}
@media(max-width:550px){.media-accordion{gap:0}.media-accordion details{flex-basis:auto;height:30px;background-size:100% auto}.media-accordion details[open]{height:calc((100vw - 60px)/3 + 15px);min-height:130px}.media-accordion summary{width:100%;height:30px;padding:5px 12px;background:#07111bc0}.media-accordion details[open] summary{height:25px;position:absolute;background:linear-gradient(#07111bc0,transparent)}.media-accordion details>figure{inset:0}.media-accordion details[open]>figure{padding:0}.media-accordion summary span{font-size:13px}}
/* v47: balanced case layout and broader image-led accordion edges. */
.projects .case-heading .case-title{display:block;text-align:right;padding-bottom:20px}.projects .case-title h1{margin:0 0 12px}.projects .case-title h2{font-size:clamp(24px,2.6vw,36px);margin:0 0 12px;line-height:1.55}.projects .case-title p{margin:0;color:#b8dff2;text-align:right;font-size:16px}
.case-overview{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:26px;align-items:stretch}.case-summary{min-height:420px;padding:34px;display:flex;flex-direction:column;justify-content:center}.case-summary>p{max-width:56ch}.case-overview .case-main{justify-self:end;align-self:stretch;display:flex;align-items:center;justify-content:center;max-width:760px;width:100%;margin:0}.case-overview .case-main img{width:100%;height:auto;max-height:none;object-fit:contain}
.media-accordion{height:clamp(310px,31vw,440px);gap:0}.media-accordion details{flex-basis:58px;transition:flex-grow 480ms cubic-bezier(.2,.7,.2,1),flex-basis 480ms cubic-bezier(.2,.7,.2,1);background-position:center}.media-accordion summary{width:58px;background:linear-gradient(90deg,#07111b55,#07111bcc);padding:18px 12px}.media-accordion summary span{font-size:16px;letter-spacing:0;color:#fff}.media-accordion details[open] summary,.media-accordion summary:hover{background:linear-gradient(90deg,#07111b40,#07111baa)}.media-accordion details[open] img{animation:media-panel-enter 400ms cubic-bezier(.2,.7,.2,1) both}.media-accordion details>figure{overflow:hidden}.media-accordion details[open]>figure{padding:0 58px 0 0}.media-accordion details[open] img{background:#0c1420}
@keyframes media-panel-enter{from{opacity:.45;transform:translateX(-28px)}to{opacity:1;transform:translateX(0)}}
.services .service-feature-visual{min-width:0;align-self:center;display:flex;justify-content:center;align-items:center}.services .service-feature-visual figure{margin:0;width:100%;display:block}.services .service-feature-visual .gallery-image{border-radius:14px;width:100%;background:transparent;aspect-ratio:auto}.services .service-feature-visual .gallery-image img{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;display:block;background:transparent}.services .construction-sequence figcaption{display:none}
@media(max-width:1000px){.media-accordion details{flex-basis:42px}.media-accordion summary{width:42px;padding:12px 8px}.media-accordion summary span{font-size:14px}.media-accordion details[open]>figure{padding-right:42px}.case-summary{padding:26px;min-height:400px}}
@media(max-width:700px){.case-overview{grid-template-columns:1fr;gap:18px}.case-summary{min-height:0;padding:25px}.case-overview .case-main{max-width:100%;min-height:0}.media-accordion{height:280px}.media-accordion details{flex-basis:34px}.media-accordion summary{width:34px;padding:10px 5px}.media-accordion summary span{font-size:13px}.media-accordion details[open]>figure{padding-right:34px}}
@media(max-width:550px){.media-accordion{height:auto}.media-accordion details{height:42px;flex-basis:auto}.media-accordion summary{width:100%;height:42px;padding:10px 16px}.media-accordion details[open]{height:calc((100vw - 50px)/3 + 42px);min-height:155px}.media-accordion details[open] summary{height:42px;background:#07111ba8}.media-accordion details[open]>figure{padding:42px 0 0}.media-accordion summary span{font-size:14px}}
@media(prefers-reduced-motion:reduce){.media-accordion details{transition:none}.media-accordion details[open] img{animation:none}}
.case-posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;padding:12px;align-items:center}.case-posts .gallery-image{background:transparent;border-radius:10px}.case-overview .case-posts img{width:100%;height:auto;max-height:none;background:transparent;object-fit:contain}.case-posts .gallery-image:hover{outline:1px solid #ffbf0090;outline-offset:2px}
@media(max-width:700px){.case-posts{gap:8px;padding:10px}}

/* v48: project images use the same edge-to-edge rounded frame as services. */
.case-overview{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.case-overview .case-main{display:block;width:100%;max-width:none;align-self:start;justify-self:stretch;padding:0;margin:0;border-radius:14px;overflow:hidden;background:transparent;line-height:0}
.case-overview .case-main>img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;margin:0;border-radius:0;background:transparent}
.case-summary{min-height:0;height:100%;padding:28px;justify-content:center;align-self:stretch}
.case-overview .case-posts{padding:0;gap:8px;align-items:stretch;background:transparent}
.case-overview .case-posts .gallery-image{border-radius:0;line-height:0}
.case-overview .case-posts img{display:block;width:100%;height:auto;margin:0;background:transparent}
@media(max-width:1000px){.case-overview{gap:20px}.case-summary{min-height:0;padding:24px}}
@media(max-width:700px){.case-overview{grid-template-columns:minmax(0,1fr);gap:18px}.case-summary{height:auto;padding:25px}.case-overview .case-main{grid-row:1}}