/* Selected presentation styles retain their own light/dark editorial contrast. */
body[data-brand-theme] .selected-briefing :is(h1,h2,h3),body[data-brand-theme] .department-home .campaign-home :is(h1,h2){font-family:Manrope,Arial,sans-serif}
.selected-briefing .briefing-home h1,.selected-briefing .briefing-home h2,.department-home .campaign-home h1,.department-home .campaign-home h2{white-space:pre-line}
.selected-briefing .briefing-cover h1{font-size:clamp(52px,6vw,94px)}.selected-briefing .briefing-product-names{font-size:clamp(45px,5.7vw,88px)}
.selected-briefing .briefing-cover .sample-action{color:#222;border-color:#a3a59c}.selected-briefing .company-departments{padding-block:80px}
.department-home .campaign-home .campaign-origin h1{font-size:clamp(62px,8.5vw,134px)}.department-home .campaign-product-line{font-size:clamp(40px,7vw,105px)}
.department-home .campaign-home .campaign-origin .sample-action{color:#fff;border-color:#a2a2a2}.department-home .campaign-home .sample-media{overflow:hidden}
.department-home .campaign-home :is(.campaign-origin,.campaign-market,.campaign-details) p{color:#edf0ec}
.contact-experience{background:#0a1117;color:#edf3f3;font-family:Manrope,'Segoe UI',sans-serif;--line:#ffffff28}
body[data-brand-theme] .contact-experience :is(h1,h2){font-family:Fraunces,Georgia,serif;font-weight:400;color:#edf3f3;letter-spacing:-.055em;line-height:1.06}
.contact-orbit{position:relative;isolation:isolate;--map-opacity:0;--globe-opacity:1;--map-scale:.72}
.contact-stage{position:sticky;top:80px;height:calc(100svh - 80px);min-height:520px;margin-bottom:calc(-100svh + 80px);overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 78% 50%,#1a3341,transparent 64%),#0a1117}
.contact-visual{position:absolute;inset:0 -3% 0 44%}.contact-globe{position:absolute;inset:0;opacity:var(--globe-opacity)}.contact-globe canvas{width:100%;height:100%;display:block}.contact-globe-failed canvas{display:none}
.contact-earth-fallback{position:absolute;inset:14% 8%;border-radius:50%;background:linear-gradient(110deg,transparent,#06111ca0),url('/media/studio/trade/earth.jpg') center/cover}
.contact-local-map{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:var(--map-opacity);pointer-events:auto;transform:scale(var(--map-scale));transform-origin:center}
.contact-local-map[inert]{pointer-events:none}



.contact-map-credit{font-size:11px;margin-top:28px;color:#c4d4db;text-decoration:underline;text-underline-offset:3px}.contact-map-error{max-width:320px;text-align:center;font-size:12px;line-height:1.6;margin:14px 0 0;color:#d4e0e6}
.contact-narrative{position:relative;padding:0 6%;pointer-events:none}.contact-chapter{min-height:86svh;display:flex;align-items:center;width:43%;max-width:640px;padding-block:70px;pointer-events:auto}.contact-chapter:first-child{min-height:calc(100svh - 80px)}.contact-chapter.contact-destination{min-height:115svh;padding-bottom:130px}.contact-chapter .atlas-copy{width:100%}
.contact-chapter h1{font-size:clamp(48px,4.6vw,74px);white-space:pre-line}.contact-chapter h2{font-size:clamp(44px,4.5vw,70px)}.contact-chapter p:not(.eyebrow){font-size:16px;line-height:1.9;color:#b9ccd5;max-width:430px;margin-block:28px}.contact-chapter .eyebrow{font-size:10px;color:#a2bdcb;letter-spacing:.18em;margin-bottom:28px}
.contact-channel{display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:clamp(18px,1.7vw,26px);padding:24px 0;border-block:1px solid #afc6d440;color:#f0f5f5;overflow-wrap:anywhere;margin-top:25px}.contact-text-link{display:flex;align-items:center;gap:24px;background:none;border:0;padding:15px 0;color:#d5e7ed;font:inherit;font-size:13px;margin-top:18px;text-align:left;cursor:pointer}.contact-text-link:hover,.contact-channel:hover{color:#fff;text-decoration:underline;text-underline-offset:6px}.contact-chapter .contact-small{font-size:12px;line-height:1.7}.contact-earth-credit{position:relative;padding:15px 6% 25px;color:#8ca7b7;font-size:10px;margin:0}
.contact-next{padding-block:85px;display:grid;grid-template-columns:1.4fr 1fr;gap:12%;border-top:1px solid #58728160}.contact-next h2{font-size:clamp(40px,4.5vw,68px)}.contact-next p:not(.eyebrow){color:#b9ccd5;max-width:460px;font-size:15px;line-height:1.8;margin-top:25px}.contact-next .eyebrow{color:#91afbf}.contact-next-actions{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:18px}.contact-next-actions>a:not(.button){font-size:14px;color:#bdced5}
body[data-brand-theme] .contact-next .button{background:#dfe9e9;color:#132a33;border-color:#dfe9e9;justify-content:space-between;padding:20px 25px}body[data-brand-theme] .contact-next .button.secondary{background:transparent;color:#e3eeef;border-color:#7a96a4}body[data-brand-theme] .contact-next .button:hover{filter:brightness(1.1)}
.contact-preparation{padding-block:50px 90px;border-top:1px solid #58728160}.contact-preparation>h2{font-size:38px}.contact-preparation>div{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:35px}.contact-preparation h3{font-size:20px;color:#e3eeef}.contact-preparation p{font-size:14px;color:#b9ccd5;line-height:1.85;margin-top:15px}.contact-preparation>a{display:inline-flex;gap:25px;margin-top:35px;font-size:13px}
.contact-still .contact-local-map{opacity:1;transform:none}.contact-still .contact-globe{opacity:0}.contact-still .contact-globe:only-child{opacity:1}
@media(max-width:1000px){.contact-chapter{width:48%}.contact-chapter h1{font-size:53px}.contact-chapter h2{font-size:48px}.contact-visual{left:48%;right:-12%}.contact-chapter p:not(.eyebrow){font-size:14px}.contact-next{gap:7%}.contact-next .button{font-size:12px}.department-home .campaign-product-line{gap:12px;font-size:7vw}}
@media(max-width:760px){.selected-briefing .briefing-cover h1{font-size:clamp(46px,11.8vw,72px)}.selected-briefing .briefing-product-names{font-size:clamp(34px,8.6vw,64px)}.department-home .campaign-home .campaign-origin h1{font-size:clamp(60px,13vw,95px)}.department-home .campaign-product-line{font-size:clamp(28px,7.2vw,52px);gap:8px}.contact-stage{top:76px;height:calc(100svh - 76px);margin-bottom:calc(-100svh + 76px);min-height:540px}.contact-visual{inset:-3% 0 42%}.contact-local-map{justify-content:center}.contact-map-credit{margin-top:20px;font-size:10px}.contact-narrative{padding-inline:7%}.contact-chapter,.contact-chapter:first-child{width:100%;max-width:none;min-height:calc(100svh - 76px);align-items:flex-end;padding:40svh 0 45px}.contact-chapter.contact-destination{min-height:110svh;padding-bottom:50px}.contact-chapter .atlas-copy:before{content:'';position:absolute;inset:-45px -7vw -50px;z-index:-1;background:linear-gradient(transparent,#0a1117f5 16%,#0a1117 90%);pointer-events:none}.contact-chapter h1{font-size:clamp(40px,10.4vw,58px)}.contact-chapter h2{font-size:clamp(40px,10vw,57px)}.contact-chapter p:not(.eyebrow){margin-block:20px;font-size:14px;line-height:1.8}.contact-chapter .eyebrow{font-size:9px;margin-bottom:20px}.contact-channel{font-size:19px;margin-top:20px;padding-block:17px}.contact-text-link{margin-top:12px}.contact-next{grid-template-columns:1fr;gap:35px;padding-block:50px}.contact-next h2{font-size:43px}.contact-next-actions{gap:18px}.contact-preparation{padding-block:35px 60px}.contact-preparation>div{grid-template-columns:1fr;gap:20px}.contact-preparation h3{margin:0}.contact-preparation p{margin-top:12px}.contact-preparation>h2{font-size:34px}.contact-map-error{font-size:10px;max-width:270px;margin-top:10px}.contact-earth-credit{font-size:9px}}
@media(max-height:600px) and (min-width:761px){.contact-stage{top:0;height:100svh;min-height:350px;margin-bottom:-100svh}.contact-chapter{min-height:650px}}


@media(max-width:360px){.contact-visual{inset:-8% 0 47%}.contact-destination h2{font-size:32px}.contact-channel{font-size:17px;gap:12px}.contact-chapter.contact-destination{padding-bottom:20px}.contact-earth-credit{padding:10px 7%;line-height:1.4}}
/* Empty scroll space must not intercept the map marker on narrow screens. */
.contact-chapter{pointer-events:none}.contact-chapter .atlas-copy{pointer-events:auto}
/* Keep the close approach inside a soft orbital lens, without square canvas edges. */
.contact-globe{mask-image:radial-gradient(circle closest-side,#000 86%,transparent 100%)}
/* The owner's complete screenshot stays visible, including Google attribution. */
.contact-map-frame{width:min(88%,740px);padding:10px;background:#f4f4f4;border-radius:14px;box-shadow:0 0 0 1px #8baebc50,0 0 90px #8abfd425}
.contact-map-shot{position:relative;display:block;aspect-ratio:1563/852;background:#dce4e6;color:#fff;text-decoration:none}
.contact-map-shot img{display:block;width:100%;height:auto;max-width:none}.contact-map-image-failed{visibility:hidden}
.contact-map-label{position:absolute;left:51.5%;top:53%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;padding:12px 19px;background:#102a34;border:1px solid #a8c4cd;border-radius:40px;box-shadow:0 5px 25px #0004;color:#fff;font-size:13px;font-weight:600;letter-spacing:.06em}
.contact-map-shot:hover .contact-map-label{background:#244b58}.contact-map-shot:focus-visible{outline:3px solid #fff;outline-offset:16px}
@media(max-width:760px){.contact-map-frame{width:90%;padding:5px;border-radius:8px}.contact-map-label{font-size:10px;gap:10px;padding:7px 11px}.contact-map-label svg{width:15px;height:15px}}

/* One reading viewport per chapter; text always grows the document. */
.contact-experience{overflow-x:clip}
@media(min-width:761px) and (min-height:601px){
 .contact-chapter,.contact-chapter:first-child,.contact-chapter.contact-destination{min-height:calc(100svh - 80px);padding-block:64px}
}
.contact-chapter .atlas-copy{position:relative;overflow-wrap:anywhere}
.contact-chapter :is(h1,h2,p){overflow-wrap:anywhere}

/* Native-scroll Contact: each chapter owns its full content height. No snap,
   fixed-height copy, or negative overlap between neighbouring chapters. */
.contact-chapter{flex-shrink:0;position:relative;min-width:0}
.contact-chapter .atlas-copy{display:flow-root;flex-shrink:0;min-width:0}
.contact-chapter .atlas-copy>*{transform-origin:left center}
.contact-mobile-map{display:none}
.contact-experience :focus-visible{outline:2px solid var(--brand-ink,#edf3f3);outline-offset:5px}
@media(max-width:760px){
 .contact-stage{min-height:0}
 .contact-visual{inset:0 0 48%}
 .contact-globe{mask-image:radial-gradient(ellipse 50% var(--contact-lens-y,50%) at center,#000 86%,transparent 100%)}
 .contact-desktop-map{display:none}
 .contact-narrative{display:flow-root}
 .contact-chapter,.contact-chapter:first-child{display:block;min-height:calc(100svh - 76px);padding-top:40svh;padding-bottom:60px}
 .contact-chapter .atlas-copy:before{inset:-30px -7vw -30px}
 .contact-chapter+.contact-chapter{margin-top:15px}
 .contact-chapter.contact-destination{min-height:0;padding-top:15px;padding-bottom:65px}
 .contact-mobile-map{position:relative;inset:auto;display:flex;width:100%;margin:0 0 45px;transform:none;pointer-events:auto}
 .contact-mobile-map .contact-map-frame{width:100%}
 .contact-destination .atlas-copy:before{content:none}
 .contact-next{row-gap:50px}
 .contact-preparation>div{gap:35px}
 .contact-next-actions{gap:33px}
}
/* With motion off the location is ordinary content on every screen. */
.contact-still .contact-stage{display:none}
.contact-still .contact-mobile-map{position:relative;inset:auto;display:flex;opacity:1;transform:none;margin-bottom:45px}
.contact-still .contact-chapter,.contact-still .contact-chapter:first-child{min-height:0;padding-block:64px}
.contact-still .contact-chapter{width:100%;max-width:720px}
.contact-still .contact-destination{display:block}
.contact-still .contact-map-frame{width:100%}
@media(prefers-reduced-motion:reduce){.contact-chapter *{transform:none!important;transition:none!important}}
