/* Tours in Korea / Motion edition. Real photography, native scroll, useful controls. */
.motion-opening,.motion-atlas,.motion-contact{--motion-sea:#166963;--motion-mint:#dfeee7;--motion-coral:#eb5a36;--motion-blue:#2459cb;--motion-paper:#fffdf7;--motion-line:#c5c7ba;font-family:Arial,Helvetica,sans-serif}
body:has(.motion-opening) .header-inner{min-height:78px}
body:has(.motion-opening) .site-header{border-bottom-color:#c8c2b6;background:rgba(243,240,232,.97)}
body:has(.motion-opening) #motionToggle{border-color:#b7b5a9;border-radius:50px;padding-inline:16px}
.motion-opening{padding-top:20px;padding-bottom:42px}
.motion-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:28px}
.motion-intro .eyebrow{font-size:10px;letter-spacing:.13em}
.motion-edition{display:inline-flex;align-items:center;justify-content:flex-end;min-height:44px;gap:11px;font-size:10px;font-weight:600;letter-spacing:.06em;line-height:1.4;text-transform:uppercase}
.motion-edition::before{content:'';flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:var(--motion-sea);box-shadow:0 0 0 4px #dce8df}
.motion-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.32fr);align-items:end;gap:36px;position:relative;padding:17px 0 30px}
.motion-title{min-width:0;margin:0;font-family:'impact',Impact,'Arial Narrow',sans-serif;font-weight:400;font-size:clamp(100px,9.1vw,145px);line-height:.86;letter-spacing:-.035em;text-transform:uppercase}
.motion-title em{display:block;width:fit-content;padding-right:.07em;margin-top:1px;margin-left:.035em;color:var(--motion-coral);font-family:'ogg',Georgia,serif;font-size:.65em;line-height:.9;letter-spacing:-.06em;font-weight:400;font-style:italic;text-transform:none}
.motion-title>br{display:none}
.motion-description{max-width:30ch;font-size:15px;line-height:1.75;color:#4f554c;padding-bottom:5px}
.motion-description a{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;font-size:12px;color:var(--ink);border-bottom:1px solid currentColor}
.motion-orbit{position:absolute;right:28%;top:37px;width:83px;height:83px;overflow:visible;color:var(--motion-coral);transform:rotate(-13deg)}
.motion-orbit circle{fill:none;stroke:currentColor;stroke-width:1.4}
.motion-orbit circle{transform-origin:50px 50px;animation:motion-orbit-turn 32s linear infinite}
@keyframes motion-orbit-turn{to{transform:rotate(360deg)}}
.motion-orbit path{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.motion-player{position:relative;--scene-progress:0}
.motion-player .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.motion-frames{position:relative;height:clamp(330px,26vw,410px);overflow:hidden;background:var(--motion-mint);isolation:isolate}
.motion-frame{position:absolute;inset:0;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .8s ease,visibility 0s .8s;overflow:hidden}
.motion-frame.is-active{visibility:visible;opacity:1;pointer-events:auto;z-index:1;transition:opacity .8s ease,visibility 0s}
.motion-image{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 55%;filter:none;transform:scale(1.025);transform-origin:50% 50%}
.motion-frame.is-active .motion-image{animation:motion-lens 12s cubic-bezier(.2,.3,.4,1) both;animation-play-state:paused}
.motion-player.is-playing .motion-frame.is-active .motion-image{animation-play-state:running}
@keyframes motion-lens{from{transform:scale(1.045) translate3d(0,0,0)}to{transform:scale(1) translate3d(0,0,0)}}
.motion-frame-caption{position:absolute;left:24px;bottom:24px;max-width:calc(100% - 48px);padding:17px 23px 15px;background:var(--motion-paper);color:var(--ink);display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px 24px;transform:translateY(13px);transition:transform .65s cubic-bezier(.2,.75,.3,1)}
.motion-frame.is-active .motion-frame-caption{transform:translateY(0)}
.motion-frame-caption>small{grid-column:1/-1;font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.motion-frame-caption h2{max-width:20ch;font-family:'impact',Impact,'Arial Narrow',sans-serif;font-weight:400;font-size:clamp(30px,3.5vw,49px);line-height:1.01;letter-spacing:-.01em;text-transform:uppercase}
.motion-scene-link{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-width:44px;min-height:44px;border-bottom:1px solid var(--ink);font-size:11px;line-height:1.4;padding:8px 0;white-space:nowrap}
.motion-scene-link:hover{color:#b63819;border-color:currentColor}
.motion-scene-link span{font-size:11px;line-height:1.4}
.motion-scene-link svg{width:29px;height:29px;flex:0 0 29px}
.motion-photo-credit{position:absolute;top:16px;right:16px;z-index:2;display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:6px 10px;background:var(--motion-paper);color:var(--ink);font-size:9px;line-height:1.5;letter-spacing:.02em}
.motion-photo-credit a{text-decoration:underline;text-underline-offset:3px}
.motion-player-tools{display:flex;align-items:center;gap:10px;min-height:56px;border-bottom:1px solid var(--ink);font-size:10px;letter-spacing:.06em;text-transform:uppercase}
.motion-scene-count{display:flex;align-items:center;gap:9px;min-width:82px;font-size:10px;color:#696b61;font-variant-numeric:tabular-nums}
.motion-scene-count [data-scene-current]{font-weight:600;font-size:14px;color:var(--ink)}
.motion-player-tools button{display:inline-flex;justify-content:center;align-items:center;min-width:44px;min-height:44px;border:0;background:transparent;color:var(--ink);font:inherit;font-size:24px;line-height:1}
.motion-player-tools button:hover{background:#e3e6dc;color:var(--motion-sea)}
.motion-player-tools>a{display:inline-flex;align-items:center;justify-content:flex-end;gap:12px;min-height:44px;margin-left:auto;font-size:9px;line-height:1.5;text-align:right}
.motion-player-tools>a::after{content:'↓';font-size:19px;line-height:1}
.motion-player-note{font-size:9px;color:#62695c;letter-spacing:.08em}
.motion-arrows{display:flex;align-items:center;margin-left:auto;gap:4px}
.motion-scene-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--ink)}
.motion-scene-choices button{position:relative;min-width:0;min-height:84px;display:grid;grid-template-columns:26px minmax(0,1fr);gap:4px 9px;align-content:center;text-align:left;padding:15px 20px 16px;border:0;border-right:1px solid #c8c8bb;border-radius:0;background:transparent;color:var(--ink);overflow:hidden;transition:background-color .25s,color .25s}
.motion-scene-choices button:last-child{border-right:0}
.motion-scene-choices button>small{grid-row:1/3;align-self:start;padding-top:2px;font-size:9px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.5}
.motion-scene-choices button>strong{display:block;font-family:'richmond-display',Arial,sans-serif;font-size:22px;font-weight:400;line-height:1.15;letter-spacing:-.02em;overflow-wrap:anywhere}
.motion-scene-choices button>span{grid-column:2;font-size:9px;line-height:1.5;color:#64695f}
.motion-scene-choices button[aria-pressed=true]{background:var(--motion-mint)}
.motion-scene-choices button[aria-pressed=true]>small{color:var(--motion-sea);font-weight:700}
.motion-scene-choices button:hover{background:#e6e8dd}
.motion-scene-choices button:focus-visible{z-index:2;outline-offset:-5px}
.motion-choice-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--motion-sea);transform:scaleX(0);transform-origin:left}
.motion-scene-choices button[aria-pressed=true] .motion-choice-progress{transform:scaleX(var(--scene-progress))}
.motion-city-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:36px;border-block:1px solid #b8b7aa}
.motion-city-links>a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 22px;min-height:100px;padding:20px 24px 20px 0;transition:background .25s}
.motion-city-links>a+a{padding-left:24px;border-left:1px solid #b8b7aa}
.motion-city-links small{grid-column:1;display:block;font-size:9px;letter-spacing:.08em;text-transform:uppercase;line-height:1.6;color:#5a6158}
.motion-city-links strong{grid-column:1;font-family:'impact',Impact,'Arial Narrow',sans-serif;font-size:43px;font-weight:400;line-height:1.02;text-transform:uppercase}
.motion-city-links>a>span{grid-column:2;grid-row:1/3;display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--ink);border-radius:50%;font-size:24px;line-height:1;transition:transform .25s,background .25s}
.motion-city-links>a:hover>span{background:var(--motion-coral);transform:rotate(40deg)}

/* A graphic city index, explicitly a schematic rather than navigation. */
.motion-atlas{padding:85px 0 88px;background:var(--motion-mint);border-block:1px solid #bdc9bc}
.motion-atlas-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:37px}
.motion-atlas-heading .eyebrow{margin-bottom:18px}
.motion-atlas-heading h2{max-width:14ch;font-family:'impact',Impact,'Arial Narrow',sans-serif;font-size:clamp(52px,6vw,82px);font-weight:400;line-height:.96;letter-spacing:-.02em;text-transform:uppercase}
.motion-atlas-heading h2 em{font-family:'ogg',Georgia,serif;font-weight:400;font-style:italic;text-transform:none;color:var(--motion-sea)}
.motion-atlas-heading>p{max-width:33ch;font-size:15px;line-height:1.8;color:#456056}
.motion-atlas-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px;align-items:stretch}
.motion-atlas-art{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:center;overflow:hidden;border:1px solid #aebfb0;background:#edf4e9;--draw-progress:1}
.motion-atlas-art>svg{display:block;width:100%;height:auto;max-height:540px;min-height:340px;overflow:visible}
.motion-atlas-art svg text{font-family:Arial,Helvetica,sans-serif;fill:#254b40}
.motion-atlas-art svg .atlas-label{font-size:14px;font-weight:600;letter-spacing:.02em}
.motion-atlas-art svg .atlas-place{font-size:11px;letter-spacing:.035em}
.motion-atlas-art svg .atlas-ocean-label{font-size:11px;letter-spacing:.25em;fill:#56867c}
.motion-atlas-art svg .atlas-outline{stroke:#a8c7b7;fill:none;stroke-width:1}
.motion-atlas-art svg .atlas-land{fill:#e9e6cc;stroke:#b6c6a9;stroke-width:1.5}
.motion-atlas-art svg .atlas-water{fill:none;animation:atlas-tide 7s ease-in-out infinite}
@keyframes atlas-tide{0%,100%{transform:translate(-12px,0)}50%{transform:translate(12px,7px)}}
.motion-atlas-art svg .atlas-route{fill:none;stroke:var(--motion-sea);stroke-width:2;stroke-linecap:round}
.motion-atlas-art svg .atlas-draw{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--draw-progress));transition:stroke-dashoffset .12s linear}
.motion-atlas-art svg .atlas-pin{fill:var(--motion-paper);stroke:var(--motion-sea);stroke-width:2;transition:fill .35s,stroke .35s}
.motion-atlas-art svg .atlas-ring{fill:none;stroke:var(--motion-sea);stroke-width:1;opacity:.3;transform-box:fill-box;transform-origin:center;transition:opacity .3s,stroke .3s}
.motion-atlas-art [data-atlas-node].is-active .atlas-pin{fill:#bc4021;stroke:#9d3119}
.motion-atlas-art [data-atlas-node].is-active .atlas-ring{stroke:var(--motion-coral);opacity:1;animation:atlas-pulse 3.2s ease-in-out infinite}
.motion-atlas-art [data-atlas-node].is-active text{fill:#9d3119}
.motion-atlas-art svg .atlas-number{font-size:11px;font-weight:600;letter-spacing:0}
.motion-atlas-art [data-atlas-node].is-active .atlas-number{fill:var(--motion-paper)}
.motion-atlas-art svg .atlas-icon{color:var(--motion-sea);fill:none;stroke-linecap:round;stroke-linejoin:round;transition:color .35s}
.motion-atlas-art [data-atlas-node].is-active .atlas-icon{color:#bc4021}
.motion-atlas-art svg .atlas-center-title{font-family:'impact',Impact,'Arial Narrow',sans-serif;font-size:76px;font-weight:400;letter-spacing:-.02em;fill:var(--motion-sea)}
.motion-atlas-art svg .atlas-center-note{font-size:10px;font-weight:600;letter-spacing:.18em;fill:var(--motion-sea)}
@keyframes atlas-pulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.22);opacity:.35}}
.atlas-key{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:9px 16px;padding:16px 20px;border-top:1px solid #b5c8b8;font-size:9px;line-height:1.7;letter-spacing:.04em;color:#436354}
.atlas-key span{display:inline-flex;align-items:center;gap:8px}
.atlas-key span::before{content:'';display:block;width:7px;height:7px;border-radius:50%;background:var(--motion-coral)}
.atlas-key:has(.atlas-key-dot){justify-content:flex-start}
.motion-atlas-content{min-width:0}
.motion-atlas-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:21px;border-block:1px solid var(--motion-sea)}
.motion-atlas-options button{appearance:none;min-width:0;min-height:52px;padding:10px 7px;background:transparent;border:0;border-right:1px solid #9db8a7;border-radius:0;color:#174d3f;font-size:11px;font-weight:600;line-height:1.4;text-transform:uppercase;letter-spacing:.035em;transition:background .2s,color .2s}
.motion-atlas-options button:last-child{border-right:0}
.motion-atlas-options button[aria-pressed=true]{background:var(--motion-sea);color:var(--motion-paper)}
.motion-atlas-options button:hover{background:#c5ddce}
.motion-atlas-options button[aria-pressed=true]:hover{background:#125750}
.motion-atlas-options button:focus-visible{position:relative;outline-offset:-4px;z-index:2;outline-color:var(--ink)}
.motion-atlas-options button>span{font-size:8px;font-weight:400;margin-right:7px;opacity:.85}
.motion-atlas-panel{min-width:0;animation:atlas-panel-in .5s cubic-bezier(.2,.7,.3,1) both}
.motion-atlas-panel>img,.motion-atlas-panel>figure>img{display:block;width:100%;height:228px;object-fit:cover;filter:none}
.motion-atlas-panel>small{display:block;margin-top:22px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#395e4d}
.motion-atlas-panel h3{margin:10px 0 14px;max-width:21ch;font-family:'richmond-display',Arial,sans-serif;font-size:clamp(31px,3vw,44px);font-weight:400;line-height:1.08;letter-spacing:-.02em;color:#163f33}
.motion-atlas-panel p{font-size:14px;line-height:1.85;max-width:48ch;color:#3c5c4c}
.motion-atlas-panel>.text-link{display:inline-flex;min-height:44px;align-items:center;margin-top:16px;border-bottom:1px solid var(--motion-sea);font-size:12px;font-weight:600;color:#163f33}
.motion-atlas-panel>.button{margin-top:21px;min-height:44px;border-width:1px;border-color:var(--motion-sea);font-size:11px;padding:11px 18px;color:#163f33}
.motion-atlas-panel>.button:hover{background:var(--motion-sea);color:var(--motion-paper)}
.motion-atlas-panel>.atlas-credit{display:inline-flex;align-items:center;min-height:44px;margin-left:17px;font-size:9px;text-decoration:underline;text-underline-offset:3px;color:#365848}
.motion-atlas-footnote{font-size:10px;line-height:1.8;padding-top:21px;margin-top:20px;border-top:1px solid #aec4b2;color:#456452;max-width:53ch}
.motion-atlas-panel figcaption{display:flex;justify-content:space-between;gap:10px;padding-top:7px;font-size:9px;line-height:1.7;color:#456452}
.motion-atlas-panel figcaption a{text-decoration:underline;text-underline-offset:3px}
@keyframes atlas-panel-in{from{opacity:.45;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

/* The ending is a contact sheet: three different scales, one clear invitation. */
.motion-contact{padding-block:88px 98px}
.motion-contact .section-head{margin-bottom:42px}
.motion-contact .section-title{max-width:16ch}
.motion-contact-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,.85fr);gap:30px;align-items:start}
.motion-contact-card{position:relative;min-width:0;display:block;transition:transform .4s cubic-bezier(.2,.6,.3,1)}
.motion-contact-card:nth-child(2){margin-top:70px}
.motion-contact-card:nth-child(3){margin-top:28px}
.motion-contact-image{position:relative;display:block;overflow:hidden}
.motion-contact-image>img{display:block;width:100%;height:355px;object-fit:cover;filter:none;transition:transform .7s cubic-bezier(.2,.6,.3,1)}
.motion-contact-card:nth-child(2) .motion-contact-image>img{height:280px}
.motion-contact-card:nth-child(3) .motion-contact-image>img{height:320px}
.motion-contact-image:hover>img{transform:scale(1.035)}
.motion-contact-card>small{display:block;margin-top:19px;font-size:9px;font-weight:600;letter-spacing:.1em;line-height:1.6;text-transform:uppercase;color:#626255}
.motion-contact-card h3{max-width:13ch;margin-top:9px;padding-right:38px;font-family:'richmond-display',Arial,sans-serif;font-size:clamp(29px,3vw,44px);font-weight:400;line-height:1.1;letter-spacing:-.02em}
.motion-contact-card>p{margin-top:11px;font-size:13px;line-height:1.8;color:#626255}
.motion-contact-arrow{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--ink);border-radius:50%;background:var(--motion-paper);font-size:21px;transition:background .25s,transform .25s}
.motion-contact-arrow svg{width:25px;height:25px}
.motion-contact-credit{display:inline-flex;align-items:center;min-height:44px;font-size:9px;text-decoration:underline;text-underline-offset:3px;color:#66675d}
.motion-contact-card:hover .motion-contact-arrow{background:var(--motion-coral);transform:rotate(40deg)}
.motion-contact-card:hover{transform:translateY(-6px)}
.motion-scroll-cue{position:relative;height:60px;width:1px;background:#bfc1b5;margin:22px auto;overflow:hidden}
.motion-scroll-cue::after{content:'';position:absolute;top:-100%;left:0;width:100%;height:100%;background:var(--motion-sea);animation:motion-cue 3s ease-in-out infinite}
@keyframes motion-cue{to{transform:translateY(200%)}}
.motion-description .motion-scroll-cue{display:inline-flex;align-items:center;gap:15px;width:auto;height:auto;min-height:44px;background:transparent;margin:13px 0 0;overflow:visible;font-size:9px;letter-spacing:.05em;line-height:1.6;border-bottom:1px solid #9b9f90}
.motion-description .motion-scroll-cue span{font-size:19px}
.motion-description .motion-scroll-cue::after{display:none}

/* Progressive enhancement: unenhanced content is always visible. */
[data-reveal].reveal-ready{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.3,1)}
[data-reveal].reveal-ready:not(.is-visible){opacity:.72;transform:translateY(22px)}
[data-reveal].reveal-ready.is-visible{opacity:1;transform:translateY(0)}
.motion-opening button:focus-visible,.motion-atlas button:focus-visible,.motion-contact a:focus-visible{outline:3px solid var(--ink);outline-offset:4px}

@media(min-width:1500px){.motion-heading{padding-bottom:36px}.motion-title{font-size:160px}.motion-frames{height:450px}}
@media(max-width:1100px){
  .motion-heading{grid-template-columns:minmax(0,1fr) minmax(200px,.38fr);gap:25px;padding-top:14px;padding-bottom:26px}
  .motion-title{font-size:clamp(96px,11vw,124px)}
  .motion-description{font-size:14px}
  .motion-orbit{right:31%;width:63px;height:63px;top:28px}
  .motion-frames{height:360px}
  .motion-frame-caption{left:20px;bottom:20px;padding:16px 19px;gap:8px 19px}
  .motion-frame-caption h2{font-size:37px}
  .motion-scene-choices button{padding-inline:13px;grid-template-columns:20px minmax(0,1fr);gap:4px 7px}
  .motion-scene-choices button>strong{font-size:19px}
  .motion-atlas-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:28px}
  .motion-atlas-heading h2{font-size:62px}
  .motion-atlas-art>svg{min-height:330px}
  .motion-contact-grid{gap:23px}
  .motion-contact-image>img{height:300px}
  .motion-contact-card:nth-child(2) .motion-contact-image>img{height:245px}
  .motion-contact-card:nth-child(3) .motion-contact-image>img{height:280px}
}
@media(max-width:800px){
  .motion-opening{padding-top:14px;padding-bottom:30px}
  .motion-intro .eyebrow{font-size:9px;letter-spacing:.06em}
  .motion-edition{font-size:9px;gap:8px}
  .motion-heading{grid-template-columns:minmax(0,1fr) minmax(180px,.55fr);gap:20px;padding-top:17px}
  .motion-title{font-size:100px}
  .motion-title em{font-size:.64em}
  .motion-orbit{display:none}
  .motion-description{font-size:13px;line-height:1.8}
  .motion-frames{height:365px}
  .motion-frame-caption h2{font-size:33px}
  .motion-frame-caption{max-width:calc(100% - 36px);left:18px;bottom:18px}
  .motion-scene-choices button{grid-template-columns:1fr;min-height:94px;padding:11px}
  .motion-scene-choices button>small{grid-row:auto;padding:0;font-size:8px}
  .motion-scene-choices button>span{grid-column:1;font-size:8px}
  .motion-scene-choices button>strong{font-size:18px}
  .motion-city-links{margin-top:27px}
  .motion-city-links strong{font-size:36px}
  .motion-city-links>a{padding-block:17px;min-height:89px;gap:5px 15px}
  .motion-atlas{padding-block:62px}
  .motion-atlas-heading{align-items:flex-start;gap:25px;margin-bottom:30px}
  .motion-atlas-heading h2{font-size:55px}
  .motion-atlas-heading>p{font-size:13px;max-width:27ch}
  .motion-atlas-layout{grid-template-columns:minmax(0,1fr);gap:26px}
  .motion-atlas-art>svg{max-height:430px;min-height:0}
  .motion-atlas-content{display:grid;grid-template-columns:minmax(0,1fr)}
  .motion-atlas-options{margin-bottom:20px}
  .motion-atlas-panel>img,.motion-atlas-panel>figure>img{height:300px}
  .motion-atlas-panel h3{font-size:36px;max-width:100%}
  .motion-atlas-panel p{max-width:65ch}
  .motion-contact{padding-block:63px 70px}
  .motion-contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 24px}
  .motion-contact-card:nth-child(3){grid-column:1/-1;margin-top:8px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:start;column-gap:28px}
  .motion-contact-card:nth-child(3)>.motion-contact-image{grid-column:1;grid-row:1/4;width:100%}
  .motion-contact-card:nth-child(3) .motion-contact-image>img{height:270px}
  .motion-contact-card:nth-child(3)>small{grid-column:2;margin-top:28px}
  .motion-contact-card:nth-child(3)>h3{grid-column:2;font-size:35px}
  .motion-contact-card:nth-child(3)>p{grid-column:2}
  .motion-contact-card:nth-child(3)>.motion-contact-credit{grid-column:2}
}
@media(max-width:600px){
  body:has(.motion-opening) .header-inner{min-height:72px}
  body:has(.motion-opening) #motionToggle{padding-inline:10px}
  .motion-opening{padding-top:13px;padding-bottom:28px}
  .motion-intro{gap:12px;align-items:flex-start}
  .motion-intro .eyebrow{max-width:24ch;font-size:8px;letter-spacing:.04em;line-height:1.7;padding-top:8px}
  .motion-intro .eyebrow::before{width:15px;flex-basis:15px;height:2px;margin-right:-6px}
  .motion-edition{max-width:14ch;min-height:36px;font-size:8px;text-align:right;line-height:1.6;gap:8px}
  .motion-edition::before{width:5px;height:5px;flex-basis:5px;box-shadow:0 0 0 3px #dce8df}
  .motion-heading{display:block;padding:20px 0 25px}
  .motion-title{font-size:clamp(82px,22.9vw,134px);line-height:.9;letter-spacing:-.035em}
  .motion-title em{font-size:.64em;line-height:.98;margin-top:-2px}
  .motion-description{font-size:13px;line-height:1.75;max-width:35ch;margin-top:18px;padding:0}
  .motion-description br{display:none}
  .motion-description a{margin-top:5px}
  .motion-description .motion-scroll-cue{margin-top:8px;font-size:8px}
  .motion-frames{height:370px;margin-inline:0}
  .motion-image{object-position:50% 50%}
  .motion-frame-caption{left:13px;bottom:14px;max-width:calc(100% - 26px);padding:13px 16px;grid-template-columns:minmax(0,1fr);gap:7px}
  .motion-frame-caption>small{font-size:8px;letter-spacing:.08em}
  .motion-frame-caption h2{font-size:31px;max-width:17ch;line-height:1.05}
  .motion-scene-link{min-height:44px;justify-content:space-between;padding:5px 0 0;white-space:normal;font-size:10px;max-width:100%;border-bottom:0}
  .motion-photo-credit{right:10px;top:10px;padding:5px 8px;font-size:8px;max-width:calc(100% - 20px);min-height:30px}
  .motion-player-tools{gap:3px;min-height:54px}
  .motion-scene-count{min-width:58px;gap:6px;font-size:9px}
  .motion-scene-count [data-scene-current]{font-size:12px}
  .motion-player-tools button{font-size:21px;min-width:44px}
  .motion-player-tools>a{max-width:17ch;font-size:8px;letter-spacing:.02em;gap:8px}
  .motion-player-tools>a::after{font-size:17px}
  .motion-player-note{font-size:7px;max-width:18ch;letter-spacing:.04em;line-height:1.6}
  .motion-arrows{gap:0}
  .motion-scene-choices{grid-template-columns:repeat(2,minmax(0,1fr))}
  .motion-scene-choices button{grid-template-columns:20px minmax(0,1fr);min-height:78px;padding:13px 11px;gap:3px 5px}
  .motion-scene-choices button:nth-child(2){border-right:0}
  .motion-scene-choices button:nth-child(-n+2){border-bottom:1px solid #c8c8bb}
  .motion-scene-choices button>small{grid-row:1/3;padding-top:3px;font-size:8px}
  .motion-scene-choices button>span{grid-column:2;font-size:8px}
  .motion-scene-choices button>strong{font-size:19px;line-height:1.18}
  .motion-city-links{margin-top:25px}
  .motion-city-links>a{display:grid;grid-template-columns:1fr auto;padding:17px 12px 16px 0;min-height:102px;gap:6px 8px}
  .motion-city-links>a+a{padding-left:14px;padding-right:0}
  .motion-city-links small{grid-column:1/-1;font-size:8px;letter-spacing:.025em;max-width:16ch}
  .motion-city-links strong{font-size:30px;grid-row:2}
  .motion-city-links>a>span{grid-row:2;grid-column:2;width:29px;height:29px;font-size:17px}
  .motion-atlas{padding-block:51px 56px}
  .motion-atlas-heading{display:block;margin-bottom:26px}
  .motion-atlas-heading .eyebrow{font-size:9px;letter-spacing:.04em;margin-bottom:17px}
  .motion-atlas-heading h2{font-size:clamp(44px,12vw,65px);line-height:1;max-width:14ch}
  .motion-atlas-heading>p{max-width:41ch;font-size:14px;line-height:1.8;margin-top:21px}
  .motion-atlas-layout{gap:23px}
  .motion-atlas-art{margin-inline:-6px}
  .motion-atlas-art>svg{height:auto;min-height:270px;max-height:none}
  .atlas-key{padding:12px 13px;font-size:8px;gap:5px 10px;line-height:1.7}
  .motion-atlas-options{margin-bottom:19px}
  .motion-atlas-options button{font-size:10px;min-height:49px;letter-spacing:0;padding-inline:5px}
  .motion-atlas-panel>img,.motion-atlas-panel>figure>img{height:230px}
  .motion-atlas-panel>small{font-size:9px;margin-top:19px}
  .motion-atlas-panel h3{font-size:34px;line-height:1.1;margin:10px 0 13px}
  .motion-atlas-panel p{font-size:14px;line-height:1.85}
  .motion-atlas-panel>.button{font-size:11px;margin-top:19px}
  .motion-atlas-panel>.atlas-credit{font-size:9px;margin-left:14px}
  .motion-atlas-options button>span{font-size:7px;margin-right:5px}
  .motion-contact{padding-top:53px;padding-bottom:60px}
  .motion-contact .section-head{margin-bottom:31px}
  .motion-contact-grid{grid-template-columns:minmax(0,1fr);gap:37px}
  .motion-contact-card:nth-child(2){margin-top:0;padding-left:32px}
  .motion-contact-card:nth-child(3){grid-column:auto;margin-top:0;display:block;padding-right:25px}
  .motion-contact-image>img,.motion-contact-card:nth-child(2) .motion-contact-image>img,.motion-contact-card:nth-child(3) .motion-contact-image>img{height:auto;aspect-ratio:4/3;object-fit:cover}
  .motion-contact-card:nth-child(2) .motion-contact-image>img{aspect-ratio:1.12}
  .motion-contact-card:nth-child(3)>small{margin-top:19px}
  .motion-contact-card h3,.motion-contact-card:nth-child(3)>h3{font-size:34px;max-width:15ch;padding-right:42px}
  .motion-contact-card>small{font-size:9px;margin-top:17px}
  .motion-contact-card:nth-child(3) .motion-contact-arrow{right:14px;bottom:14px}
  [data-reveal].reveal-ready:not(.is-visible){transform:translateY(14px);opacity:.82}
}
@media(max-width:370px){
  .motion-heading{padding-top:18px;padding-bottom:22px}
  .motion-title{font-size:22vw}
  .motion-description{font-size:12px;max-width:34ch}
  .motion-frames{height:340px}
  .motion-frame-caption h2{font-size:27px}
  .motion-frame-caption{padding:12px 13px}
  .motion-player-tools>a{font-size:7px;max-width:17ch}
  .motion-scene-choices button{padding-inline:9px;grid-template-columns:16px minmax(0,1fr)}
  .motion-scene-choices button>strong{font-size:17px}
  .motion-city-links strong{font-size:27px}
  .motion-atlas-art>svg{min-height:250px}
  .motion-atlas-panel h3{font-size:31px}
}

/* Stop every autonomous effect from the shared control, without losing content. */
body.motion-paused .motion-frame .motion-image,body.reduced-motion .motion-frame .motion-image{animation-play-state:paused!important}
body.motion-paused .motion-atlas-art .atlas-ring,body.reduced-motion .motion-atlas-art .atlas-ring,
body.motion-paused .motion-scroll-cue::after,body.reduced-motion .motion-scroll-cue::after{animation-play-state:paused!important}
body.reduced-motion .motion-frame,body.reduced-motion .motion-frame-caption,body.reduced-motion .motion-atlas-panel{transition:none!important;animation:none!important}
body.motion-paused [data-reveal].reveal-ready,body.reduced-motion [data-reveal].reveal-ready{opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){
  .motion-frame,.motion-image,.motion-frame-caption,.motion-atlas-panel,.atlas-ring,.motion-atlas-art svg .atlas-water,.motion-orbit circle,.motion-contact-card,.motion-scroll-cue::after{animation:none!important;transition:none!important}
  .motion-image{transform:none!important}
  .motion-frame.is-active .motion-frame-caption{transform:none!important}
  [data-reveal].reveal-ready{opacity:1!important;transform:none!important}
  .motion-atlas-art svg .atlas-draw{stroke-dashoffset:0!important}
  .motion-contact-card:hover{transform:none}
}