:root{--ux-fast:180ms;--ux-enter:560ms;--ux-ease:cubic-bezier(.22,1,.36,1);--ux-gold:#d4b77c}
.ux-upgrade-only{display:none!important}html[data-experience=upgrade] .ux-upgrade-only{display:flex!important}
html[data-experience=upgrade] :is(a,button,summary):focus-visible{outline:2px solid var(--ux-gold);outline-offset:5px}
html[data-experience=upgrade] :is(a,button,summary){transition:background-color var(--ux-fast),border-color var(--ux-fast),box-shadow var(--ux-fast),color var(--ux-fast)}
html[data-experience=upgrade] a .ui-arrow{transition:transform 220ms var(--ux-ease)}
html[data-experience=upgrade] a:hover .ui-arrow{transform:translate(3px,-3px)}
html[data-experience=upgrade] button:active{filter:brightness(.9)}
html[data-experience=upgrade] button:disabled{opacity:.45;cursor:not-allowed}
html[data-experience=upgrade] :is(.ux-brand-links a,.ux-brand-controls button,.ux-chapters button,.ml-tabs button):hover{background-color:#b8c1cc18;border-color:var(--ux-gold)}
html[data-theme=light][data-experience=upgrade] :is(a,button,summary):focus-visible{outline-color:#243b5a}
html[data-theme=light][data-experience=upgrade] .site-dock{background-color:#f5f4f0d9}
html[data-theme=light][data-experience=upgrade] .ux-reading{background:#243b5a}
html[data-experience=upgrade] :is(.site-dock,.ex-disclosure summary,.ml-play){backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background-color:#101b2dba;box-shadow:inset 0 1px 0 #ffffff20,0 8px 30px #0002}
html[data-experience=upgrade] .ml-tabs button[aria-pressed=true]{box-shadow:inset 0 -3px var(--ux-gold);border-color:var(--ux-gold)}
html[data-experience=upgrade] .ux-reveal{animation:ux-reveal var(--ux-enter) var(--ux-ease) both}
@keyframes ux-reveal{from{opacity:.3;transform:translateY(14px)}to{opacity:1;transform:none}}
html[data-experience=upgrade] .ex-hero{--ux-curtain:1.5s;--ux-photo-drift:7s}
html[data-experience=upgrade] .ex-hero .ex-photo{transition:none;scale:1}
html[data-experience=upgrade] .ex-hero .ex-photo:is(.is-active,.ux-outgoing){opacity:1;animation:ux-hero-drift var(--ux-photo-drift) linear both,ux-hero-curtain var(--ux-curtain) cubic-bezier(.25,.6,.3,1) both}
html[data-experience=upgrade] .ex-hero .ex-photo.ux-outgoing{z-index:0;pointer-events:none;clip-path:inset(0)!important}
html[data-experience=upgrade] .ex-hero .ex-photo.is-active{z-index:1}
@keyframes ux-hero-drift{from{transform:scale(1.02)}to{transform:scale(1.055)}}
@keyframes ux-hero-curtain{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0)}}
html[data-experience=upgrade] .ex-hero[data-autoplay=off] .ex-photo:is(.is-active,.ux-outgoing){animation-play-state:paused,running}
html[data-experience=upgrade] .network .arc.ux-connected{stroke:var(--ux-gold);opacity:.85;stroke-width:1.5}
html[data-experience=upgrade] .network .map-city.selected .halo{fill:var(--ux-gold);opacity:.23}
html[data-experience=upgrade] .network .arc{transition:opacity 300ms,stroke 300ms}
.ux-brand-links{flex-wrap:wrap;gap:12px;align-items:center;padding:20px 0;border-top:1px solid #b8c1cc55;margin-top:20px}
.ux-brand-heading{flex-basis:100%;font-size:.8rem;letter-spacing:.06em;opacity:.8}
html[data-experience=upgrade] .ex-hero .ie-hero-copy{animation:none}
html[data-experience=upgrade] .ex-hero .ie-hero-copy>*{animation:ux-hero-copy 1s cubic-bezier(.25,.6,.3,1) both;animation-delay:.3s}
html[data-experience=upgrade] .ex-hero .ie-hero-copy>:nth-child(2){animation-delay:.6s;animation-duration:1.1s}
html[data-experience=upgrade] .ex-hero .ie-hero-copy>:nth-child(3){animation-delay:1.1s}
html[data-experience=upgrade] .ex-hero .ie-hero-copy>:nth-child(4){animation-delay:1.5s;animation-duration:.8s}
html[data-experience=upgrade] .ex-hero .ie-hero-copy>.ed-hero-sub{animation:none}
html[data-experience=upgrade] .ex-hero .ed-hero-sub>p{animation:ux-hero-copy 1s 1.1s cubic-bezier(.25,.6,.3,1) both}
html[data-experience=upgrade] .ex-hero .ed-hero-sub>a{animation:ux-hero-copy .8s 1.5s cubic-bezier(.25,.6,.3,1) both}
html[data-experience=upgrade] .ex-hero .ed-hero-sub>a:focus-visible{animation:none}
html[data-experience=upgrade] .ex-hero .ie-hero-copy>:focus-within{animation:none}
@keyframes ux-hero-copy{from{opacity:0;transform:translateY(10px);clip-path:inset(0 0 12% 0)}to{opacity:1;transform:none;clip-path:inset(0)}}
@keyframes ux-hero-fade{from{opacity:0}to{opacity:1}}
@media(max-width:767px){html[data-experience=upgrade] .ex-hero .ex-photo:is(.is-active,.ux-outgoing){animation:ux-hero-fade .9s ease both;transform:none}html[data-experience=upgrade] .ex-hero .ie-hero-copy>*{animation-name:ux-hero-fade}}
@media(max-width:767px){html[data-experience=upgrade] .ex-hero[data-autoplay=off] .ex-photo:is(.is-active,.ux-outgoing){animation-play-state:running}}
@media(max-width:767px){html[data-experience=upgrade] .ex-hero .ed-hero-sub>:is(p,a){animation-name:ux-hero-fade}}
body[data-motion=off] .ex-hero .ed-hero-sub>:is(p,a){animation:none!important}
html[data-experience=upgrade] .ed-story-card figure{overflow:hidden}
html[data-experience=upgrade] .ml-panel:not([hidden]){animation:ux-reveal 350ms var(--ux-ease)}
.ux-brand-links a,.ux-brand-controls button,.ux-chapters button{color:inherit;border:1px solid #b8c1cc80;border-radius:7px;padding:10px 15px;background:transparent;text-decoration:none;font:inherit}
.ux-brand-controls{gap:10px;align-items:center;justify-content:flex-end;margin:12px 0}
.ux-brand-controls button{min-width:44px;min-height:44px;cursor:pointer}.ux-brand-controls svg{width:20px;height:20px;vertical-align:middle}
.ux-chapters{gap:10px;flex-wrap:wrap;margin-bottom:24px}.ux-chapters button{cursor:pointer}.ux-chapters button[aria-pressed=true]{border-color:var(--ux-gold);box-shadow:inset 0 -2px var(--ux-gold)}
html[data-experience=upgrade] .ed-case-detail dl>div.ux-step{border-left:2px solid var(--ux-gold);padding-left:16px}
.ux-reading{position:fixed;left:0;top:0;height:3px;width:100%;transform-origin:left;background:var(--ux-gold);z-index:10001;pointer-events:none}
html[data-experience=upgrade] .ed-story-card img{transition:scale 650ms var(--ux-ease)}html[data-experience=upgrade] .ed-story-card:hover img{scale:1.025}
html[data-experience=upgrade] .ml-tabs{scroll-snap-type:none;scrollbar-width:thin}html[data-experience=upgrade] .ml-tabs button{scroll-snap-align:center}
@media(max-width:767px){html[data-experience=upgrade] .ex-photo.is-active{animation:none}.ux-brand-controls{justify-content:space-between}.ux-brand-links{gap:8px}.ux-brand-links a{max-width:100%;overflow-wrap:anywhere}}
body[data-motion=off] .ux-reveal,body[data-motion=off] .ex-photo,body[data-motion=off] .ie-hero-copy>*,body[data-motion=off] .ml-panel{animation:none!important}
@media(prefers-reduced-motion:reduce){html[data-experience=upgrade] *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.ux-brand-links{flex-direction:column;align-items:stretch;gap:24px;padding-top:28px}
.ux-brand-links .ux-brand-heading{font-size:14px;margin:0;flex-basis:auto;font-weight:500}
.ux-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.ux-brand-links a.ux-story-card{display:grid;grid-template-columns:38% minmax(0,1fr);padding:0;border:1px solid #b8c1cc45;overflow:hidden;border-radius:10px;color:inherit;align-items:stretch;background:transparent}
.ux-story-card img{width:100%;height:100%;min-height:210px;object-fit:cover;transition:transform .5s var(--ux-ease)}
.ux-story-body{padding:22px;min-width:0}.ux-story-body time{font-size:11px;letter-spacing:.1em;opacity:.75}
.ux-story-body h4{font-size:19px;line-height:1.4;margin:10px 0}.ux-story-body p{font-size:13px;line-height:1.6;margin:0 0 16px;opacity:.85}
.ux-brand-links svg,.ux-brand-contact svg{width:22px;height:22px;flex-shrink:0}
.ux-film-source{display:flex;gap:16px;align-items:baseline;flex-wrap:wrap;font-size:13px}
.ux-film-source>span{opacity:.7}.ux-brand-links .ux-film-source a{border:0;border-radius:0;padding:4px 0;display:inline-flex;gap:14px;align-items:center;border-bottom:1px solid #b8c1cc80}
.ux-brand-contact{margin-top:32px;border-top:1px solid var(--ux-gold);padding:24px 0 4px;gap:24px;align-items:center;justify-content:space-between}
.ux-brand-contact p{font-size:clamp(18px,2vw,24px);margin:0}
.ux-brand-contact>a{display:inline-flex;align-items:center;gap:28px;min-height:48px;padding:12px 22px;border:1px solid #b8c1cc;border-radius:10px;background:#243b5a;color:#f5f4f0;text-decoration:none;white-space:nowrap}
.ux-brand-contact>a:hover{background:#101b2d;border-color:var(--ux-gold)}
@media(max-width:1000px){.ux-brand-links a.ux-story-card{grid-template-columns:1fr}.ux-story-card img{height:190px;min-height:0}}
@media(max-width:600px){.ux-story-grid{grid-template-columns:1fr;gap:18px}.ux-brand-contact{align-items:flex-start;flex-direction:column;gap:16px}.ux-brand-contact>a{white-space:normal}.ux-story-body{padding:18px}.ux-brand-links .ux-story-card{max-width:100%}}