/* Original transparent logo, optically cropped; shapes and red G are preserved. */
.original-brand,.c2 .original-brand,.c3 .original-brand,.c5 .original-brand,.footer .original-brand{background:transparent;padding:0;box-shadow:none;border:0;gap:0}
.brand-mark{position:relative;display:block;flex:none;width:110px;aspect-ratio:110/48;overflow:hidden;isolation:isolate}
.brand-mark img,.studio-logo .brand-mark img,.top .brand-mark img{position:absolute;display:block;left:-6.363636%;top:-12.5%;width:106.363636%;height:125%;max-width:none;object-fit:fill;margin:0;padding:0;filter:none}
.brand-mark .brand-light,.studio-logo .brand-mark .brand-light,.top .brand-mark .brand-light{display:none;filter:brightness(0) invert(1);clip-path:inset(0 0 0 52.136752%)}
.c2 .site-header .brand-light,.c3 .site-header .brand-light,.c5 .site-header .brand-light,.footer .brand-light,.brand-on-dark .brand-light{display:block}
.studio-logo{gap:20px}.studio-logo i{margin-left:0}.studio-logo .brand-mark{width:101px}.footer .brand-mark{width:110px}.photo-stamp{font-size:0;top:27px;left:27px}.photo-stamp .brand-mark{width:94px;filter:drop-shadow(0 1px 4px #1118)}.photo-stamp>.photo-stamp-caption{font-size:8px;letter-spacing:1.1px;margin-top:12px}
/* One coherent photographed scene, with interface graphics kept in separate layers. */
.solution-detail{gap:5vw}.solution-visual.campaign-stage{height:auto;min-height:0;aspect-ratio:4/3;margin:0;overflow:hidden;position:relative;border:0;background:#e6e4df}
.campaign-stage .campaign-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none;filter:none;transition:opacity .2s}
.campaign-stage:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0b141b80);pointer-events:none}
.campaign-stage .campaign-label{position:absolute;left:24px;top:24px;bottom:auto;padding:8px 10px;font:500 9px/1.3 var(--body);letter-spacing:1.2px;background:#f8f7f1eb;color:#28362c;max-width:80%;z-index:2}
.campaign-caption{position:absolute;bottom:22px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:15px;z-index:2;color:#fff}
.campaign-caption>span:first-child{font:500 21px/1.2 var(--heading);letter-spacing:-.5px}.campaign-index{font:400 9px/1 var(--body);letter-spacing:1px;white-space:nowrap}
.c1 .campaign-stage{outline:1px solid #d7dcd0;outline-offset:7px}.c1 .campaign-label{border-left:2px solid var(--accent)}
.c2 .campaign-stage{box-shadow:0 18px 45px #0003}.c2 .campaign-label{color:#e4c180;background:#18231ccd;border-left:1px solid #ba9a60}.c2 .campaign-caption>span:first-child{font-family:Georgia,serif;font-style:italic;font-size:24px}.c2 .campaign-stage:after{background:linear-gradient(transparent,#101913b3)}
.c3 .solution-detail{grid-template-columns:1.2fr 1fr}.c3 .campaign-stage{border-top:5px solid var(--accent)}.c3 .campaign-label{background:#123a9b;color:#fff;font-family:monospace}.c3 .campaign-caption>span:first-child{font-size:27px;letter-spacing:0;text-transform:uppercase}.c3 .campaign-index{border-top:2px solid #f96e39;padding-top:8px}
.c4 .campaign-stage{outline:1px solid #c5ccbb;outline-offset:10px}.c4 .campaign-label{background:#f5f2e6ed;color:#355440;letter-spacing:1.4px}.c4 .campaign-caption>span:first-child{font:italic 25px/1.2 Georgia,serif}.c4 .campaign-caption{bottom:23px}.c4 .solution-detail{padding:12px 0}
.c5 .campaign-stage{border-left:4px solid #d82d28}.c5 .campaign-label{background:#d82d28;color:white;transform:skew(-5deg);font-size:10px}.c5 .campaign-caption>span:first-child{font-size:29px;font-style:italic;text-transform:uppercase}.c5 .campaign-index{color:#ffb1a9}
/* Photorealistic generated port scene with a conceptual routing overlay. */
.global-graphic{min-height:420px;align-self:stretch;overflow:hidden;background:#172d25;border:1px solid #ffffff20}
.global-graphic:before{inset:0;width:100%;height:100%;background:linear-gradient(180deg,#14271e40,transparent 35%,#0b211dcc);z-index:1}.global-graphic:after{display:none}
.network-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% center;opacity:.95}
.network-overlay{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#ffffff;stroke-width:1;opacity:.32;z-index:2}.network-overlay circle{fill:#fff;stroke:none}
.global-graphic .global-number{position:absolute;bottom:32px;right:30px;z-index:3;font-size:102px;color:#fff;letter-spacing:-7px;text-shadow:0 2px 20px #13271966}.global-graphic .global-number span{font-size:9px;margin-top:14px;color:#fff;letter-spacing:2px}
.global-graphic .map-caption{z-index:3;left:20px;top:20px;bottom:auto;color:#fff;font-size:9px;letter-spacing:1px;text-shadow:0 1px 8px #000}
.c2 .global-graphic,.c3 .global-graphic,.c4 .global-graphic,.c5 .global-graphic{border-color:#34453633}.c2 .global-graphic:before,.c3 .global-graphic:before,.c4 .global-graphic:before,.c5 .global-graphic:before{background:linear-gradient(180deg,#14271e50,transparent 35%,#0b211dd9)}
.c3 .global-graphic .global-number,.c5 .global-graphic .global-number{font-size:128px;letter-spacing:-3px}.c4 .global-graphic .global-number{font-family:Georgia,serif;font-size:104px}
.c1 .hero-image img{object-position:62% center}.c1 .hero-image:after{background:linear-gradient(90deg,#e9ece6 0%,#e9ece67d 13%,transparent 38%)}.c2 .hero-image:after{background:linear-gradient(90deg,#111716e0,#11171665 43%,transparent 73%)}.c3 .hero-image img{object-position:70% center}.c5 .hero-image:after{background:linear-gradient(90deg,#101e1be3 0%,#14241d8a 35%,transparent 85%),linear-gradient(0deg,#101e1bb3,transparent 70%)}
@media(max-width:1050px){.campaign-caption>span:first-child{font-size:18px}.campaign-stage .campaign-label{left:18px;top:18px;font-size:8px}.campaign-caption{left:18px;right:18px;bottom:18px}.global-graphic{min-height:380px}.global-graphic .global-number{font-size:90px;right:24px}.c3 .campaign-caption>span:first-child,.c5 .campaign-caption>span:first-child{font-size:23px}.c4 .campaign-caption>span:first-child{font-size:22px}}
@media(max-width:760px){.brand-mark,.footer .brand-mark{width:100px}.studio-logo .brand-mark{width:94px}.photo-stamp .brand-mark{width:82px}.solution-detail,.c3 .solution-detail{grid-template-columns:1fr;gap:30px}.solution-visual.campaign-stage{height:auto;min-height:0;aspect-ratio:4/3;width:100%}.campaign-stage .campaign-label{left:15px;top:15px;font-size:8px;letter-spacing:.8px;padding:7px 8px}.campaign-caption{left:15px;right:15px;bottom:17px}.campaign-caption>span:first-child{font-size:18px}.campaign-index{font-size:8px}.c2 .campaign-caption>span:first-child,.c4 .campaign-caption>span:first-child{font-size:21px}.c3 .campaign-caption>span:first-child,.c5 .campaign-caption>span:first-child{font-size:22px}.c1 .campaign-stage{outline-offset:4px}.c4 .campaign-stage{outline-offset:5px}.c4 .solution-detail{padding:7px 0}.global-graphic{min-height:360px;width:100%;max-width:none}.global-graphic .global-number{font-size:90px;bottom:27px;right:25px}.global-graphic .map-caption{font-size:8px}.global-graphic .global-number span{font-size:8px}.c1 .hero-image:after{background:linear-gradient(0deg,transparent 70%,#e9ece6)}.c1 .hero-image img{object-position:62% center}.c4 .hero-image img{object-position:65% center}.c5 .hero-image img{object-position:65% center}}

/* Keep the performance caption clear of the product cap. */
.c5 .campaign-stage .campaign-label{left:auto;right:24px}
@media(max-width:1050px){.c5 .campaign-stage .campaign-label{right:18px}}
@media(max-width:760px){.c5 .campaign-stage .campaign-label{right:15px}}
@media(min-width:761px) and (max-width:1050px){.c3 h1{font-size:clamp(64px,8.8vw,92px)}}
@media(min-width:761px) and (max-width:1050px){.c2 .campaign-stage .campaign-label,.c4 .campaign-stage .campaign-label{top:6px;left:12px;padding:5px 8px}}
@media(max-width:760px){.c2 .hero-actions{flex-direction:column;align-items:flex-start}}