*{box-sizing:border-box}
:root{
  --carbon:#0c0d0e;
  --projection:#17191c;
  --film:#f1eadb;
  --film-dim:#bcb5a8;
  --ember:#c95e3c;
  --mist:#788a99;
  --hairline:rgba(241,234,219,.18);
  --serif:"Songti SC","Noto Serif CJK SC","Source Han Serif SC",serif;
  --sans:"PingFang SC","Hiragino Sans GB","Noto Sans CJK SC","Microsoft YaHei",sans-serif;
  --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  --cut:620ms cubic-bezier(.2,.75,.15,1);
}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--carbon)}
body{font-family:var(--sans);color:var(--film);-webkit-font-smoothing:antialiased}
button,a{font:inherit}button{color:inherit}
button:focus-visible,a:focus-visible,.scene:focus-visible{outline:1px solid var(--film);outline-offset:4px}
.album{position:relative;width:100%;height:100dvh;min-height:540px;isolation:isolate;overflow:hidden;background:var(--carbon)}
.album::before{content:"";position:absolute;inset:0;z-index:20;pointer-events:none;opacity:.12;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}
.ambient{position:absolute;inset:-5%;z-index:-2;background:center/cover no-repeat;filter:blur(30px) saturate(.68) brightness(.4);transform:scale(1.12);transition:background-image var(--cut),filter var(--cut),opacity var(--cut)}
.ambient::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,13,14,.91) 0%,rgba(12,13,14,.64) 37%,rgba(12,13,14,.22) 100%),linear-gradient(0deg,rgba(12,13,14,.97),transparent 48%)}
.loader{position:absolute;inset:0;z-index:50;display:grid;place-content:center;gap:18px;text-align:center;background:var(--carbon);transition:opacity .55s ease,visibility .55s ease}
.loader p{margin:0;color:var(--film-dim);font:10px var(--mono);letter-spacing:.22em}
.loader-mark{display:block;width:46px;height:28px;margin:auto;border-block:1px solid var(--film);position:relative;animation:loader-pulse 1s steps(2,end) infinite}
.loader-mark::before,.loader-mark::after{content:"";position:absolute;top:7px;width:7px;height:7px;border:1px solid currentColor}
.loader-mark::before{left:4px}.loader-mark::after{right:4px}@keyframes loader-pulse{50%{opacity:.34}}
.album:not(.is-loading) .loader{opacity:0;visibility:hidden}

.chrome{position:absolute;left:clamp(28px,4vw,64px);right:clamp(28px,4vw,64px);top:16px;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none;color:var(--film)}
.brand-mark{width:28px;height:18px;border-block:1px solid var(--film);position:relative;flex:none}
.brand-mark::before,.brand-mark::after{content:"";position:absolute;top:3px;width:4px;height:4px;border:1px solid currentColor}
.brand-mark::before{left:2px}.brand-mark::after{right:2px}
.brand-copy{font-family:var(--serif);font-size:13px;letter-spacing:.16em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.top-actions{display:flex;align-items:center;gap:8px}.media-total{margin-right:8px;color:var(--film-dim);font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.text-control{height:30px;padding:0 10px;border:1px solid var(--hairline);background:rgba(12,13,14,.48);cursor:pointer;color:var(--film-dim);font-size:10px;letter-spacing:.12em;backdrop-filter:blur(10px);transition:color .2s,border-color .2s,background .2s}
.text-control:hover,.text-control[aria-pressed="true"]{color:var(--film);border-color:rgba(241,234,219,.52)}
.music-toggle{display:flex;align-items:center;gap:6px;min-width:60px;justify-content:center}.music-note{color:var(--ember);font-size:13px;line-height:1;transform-origin:50% 72%}.music-toggle[aria-pressed="true"]{background:rgba(201,94,60,.12)}.music-toggle[aria-pressed="true"] .music-note{animation:music-pulse 1.45s ease-in-out infinite}.music-credit{color:rgba(241,234,219,.48);font:8px var(--mono);letter-spacing:.08em;text-decoration:none;white-space:nowrap;transition:color .2s}.music-credit:hover,.music-credit:focus-visible{color:var(--film)}@keyframes music-pulse{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(5deg) translateY(-2px)}}

.location-atlas{position:absolute;z-index:28;left:clamp(28px,4vw,64px);right:clamp(76px,7vw,124px);top:57px;height:112px;display:grid;grid-template-rows:59px 51px;border:1px solid var(--hairline);background:rgba(12,13,14,.5);backdrop-filter:blur(16px);box-shadow:0 18px 50px rgba(0,0,0,.2)}
.city-panel{height:59px;min-width:0;display:grid;grid-template-columns:150px minmax(0,1fr);border-bottom:1px solid var(--hairline);background:rgba(12,13,14,.18)}
.city-heading{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px;padding:0 12px;border-right:1px solid var(--hairline);color:var(--film-dim);font:7px var(--mono);letter-spacing:.14em}.city-heading span{color:var(--ember)}.city-heading b{color:var(--film);font:500 10px var(--sans);letter-spacing:.12em}
.city-switcher{min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.city-button{position:relative;z-index:6;min-width:0;height:58px;margin:0;padding:0 10px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-right:1px solid var(--hairline);border-radius:0;background:rgba(12,13,14,.48);color:rgba(241,234,219,.76);cursor:pointer;box-shadow:none;transition:color .22s,background .22s,border-color .22s,transform .22s,box-shadow .22s}.city-button:last-child{border-right:0}
.city-icon{font-size:18px;line-height:1;filter:saturate(.72);transform:translateZ(0);transition:filter .22s,transform .22s}.city-name{font-family:var(--serif);font-size:15px;font-weight:600;letter-spacing:.12em;white-space:nowrap}.city-button small{color:var(--film-dim);font:7px var(--mono);letter-spacing:.08em;transition:color .22s}
.city-button:hover,.city-button:focus-visible{z-index:9;color:var(--film);border-color:rgba(241,234,219,.72);background:rgba(30,31,32,.94);transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.38);outline:none}.city-button:hover .city-icon,.city-button:focus-visible .city-icon{filter:saturate(1);transform:scale(1.08)}
.city-button.is-active{z-index:8;color:var(--carbon);border-color:var(--film);background:var(--film);box-shadow:inset 0 -3px var(--ember),0 9px 26px rgba(0,0,0,.34)}.city-button.is-active .city-name{font-size:16px}.city-button.is-active .city-icon{filter:saturate(1);transform:scale(1.08)}.city-button.is-active small{color:var(--ember);font-weight:700}

.atlas-browser{min-width:0;height:51px;display:grid;grid-template-columns:minmax(210px,max-content) minmax(0,1fr);align-items:center;gap:16px;padding:7px 10px}
.atlas-readout{display:flex;align-items:center;gap:10px;min-width:0;font:8px var(--mono);letter-spacing:.1em;color:var(--film-dim)}
.atlas-kicker{color:var(--ember);white-space:nowrap}.atlas-place{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--film);font:500 11px var(--sans);letter-spacing:.05em}.atlas-count{margin-left:auto;padding-right:4px;white-space:nowrap}
.place-strip{display:flex;align-items:stretch;gap:5px;min-width:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain}.place-strip::-webkit-scrollbar{display:none}
.place-button{flex:0 0 auto;height:35px;display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--hairline);background:rgba(12,13,14,.26);color:var(--film-dim);cursor:pointer;font-size:9px;letter-spacing:.05em;white-space:nowrap;transition:color .2s,border-color .2s,background .2s}
.place-button small{font:7px var(--mono);opacity:.58}.place-button:hover,.place-button:focus-visible,.place-button.is-active{color:var(--film);border-color:rgba(201,94,60,.78);background:rgba(201,94,60,.12);outline:none}.place-button.is-active small{color:var(--ember);opacity:1}
.reel{height:64px;padding:5px 7px;display:flex;align-items:stretch;gap:5px;min-width:0;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid var(--hairline);background:rgba(12,13,14,.78);scrollbar-width:none;overscroll-behavior-x:contain}.reel::-webkit-scrollbar{display:none}
.reel-item{position:relative;flex:0 0 82px;border:1px solid var(--hairline);padding:0;background:rgba(12,13,14,.64);cursor:pointer;overflow:hidden;transition:flex-basis var(--cut),border-color .2s,filter .2s}
.reel-item.is-portrait{flex-basis:46px}.reel-item.is-square{flex-basis:58px}.reel-item::before,.reel-item::after{content:"";position:absolute;left:3px;width:3px;height:3px;border:1px solid rgba(241,234,219,.38);z-index:2}.reel-item::before{top:3px}.reel-item::after{bottom:3px}
.reel-item img{width:100%;height:100%;display:block;object-fit:contain;opacity:.48;filter:grayscale(.38);transition:opacity .2s,filter .2s,transform var(--cut)}
.reel-item>span{position:absolute;left:10px;bottom:4px;font:7px var(--mono);letter-spacing:.06em;text-shadow:0 1px 5px #000;white-space:nowrap}.reel-item .video-badge{left:auto;right:4px;top:4px;bottom:auto;padding:2px 3px;background:var(--ember);font-size:6px}
.reel-item:hover img,.reel-item:focus-visible img{opacity:.86;filter:none}.reel-item:focus-visible{outline:1px solid var(--film);outline-offset:-1px}.reel-item.is-active{flex-basis:116px;border-color:var(--ember)}.reel-item.is-active.is-portrait{flex-basis:68px}.reel-item.is-active.is-square{flex-basis:82px}.reel-item.is-active img{opacity:1;filter:none;transform:scale(1.03)}

.stage{position:absolute;inset:185px clamp(76px,7vw,124px) 24px clamp(28px,4vw,64px);display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:clamp(44px,5vw,72px);align-items:stretch}
.story{position:relative;z-index:4;align-self:stretch;width:100%;max-width:360px;min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.story-scroll{align-self:stretch;height:100%;max-height:100%;padding:clamp(76px,12vh,100px) 6px 0 0;overflow:auto;scrollbar-width:none}.story-scroll::-webkit-scrollbar{display:none}
.story-index{display:flex;align-items:center;gap:15px;margin-bottom:24px;color:var(--ember);font:11px var(--mono);letter-spacing:.2em;text-transform:uppercase}.story-index::after{content:"";width:46px;height:1px;background:currentColor}
.place-copy{margin:0 0 28px;padding:4px 0 4px 16px;border-left:2px solid var(--ember)}.place-copy>span{display:block;margin-bottom:8px;color:var(--ember);font:9px var(--mono);letter-spacing:.18em}.place-copy .place-copy-text{color:var(--film);font-family:var(--serif);font-size:clamp(15px,1.15vw,18px);line-height:1.75}
.story p{margin:0;text-wrap:pretty;max-width:32em}.story .story-body{font-size:clamp(15px,1.08vw,16.5px);line-height:1.82;color:rgba(241,234,219,.76)}
.quote{margin-top:28px;padding-top:22px;border-top:1px solid var(--hairline);font-family:var(--serif);font-size:clamp(15px,1.08vw,17px);line-height:1.72;color:var(--film);text-wrap:pretty}
.story-meta{display:flex;align-items:center;gap:14px;margin-top:22px;color:var(--film-dim);font:9px var(--mono);letter-spacing:.12em}.story-progress{display:block;width:96px;height:1px;background:var(--hairline);overflow:hidden}.story-progress i{display:block;width:0;height:100%;background:var(--ember);transition:width var(--cut)}

.visual-column{height:100%;min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px;align-self:stretch}.scene-title{min-width:0;margin:0;padding-inline:24px;color:var(--film);font-family:var(--serif);font-weight:600;font-size:clamp(26px,2.6vw,40px);line-height:1.08;letter-spacing:.01em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:clip}
.viewer-shell{min-width:0;min-height:0;display:grid;grid-template-rows:64px minmax(0,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.18);background:rgba(12,13,14,.38);box-shadow:0 32px 86px rgba(0,0,0,.42)}
.scene{position:relative;height:auto;min-height:0;perspective:1200px;cursor:e-resize}
.frame{position:absolute;margin:0;overflow:hidden;background:rgba(20,22,24,.74);border:1px solid rgba(255,255,255,.16);box-shadow:0 32px 86px rgba(0,0,0,.54);transition:transform var(--cut),opacity var(--cut),filter var(--cut),inset var(--cut),width var(--cut),height var(--cut)}
.frame img,.frame video{width:100%;height:100%;display:block;object-fit:cover}.frame-current img,.frame-current video{object-fit:contain;background:rgba(12,13,14,.28)}.frame img{transition:transform 7s linear}
.frame-current{inset:0 7% 0 0;z-index:3;display:flex;align-items:center;justify-content:center}.frame-current>.current-image{transform:none}.frame-current>.current-video{display:none;background:#000}.frame-current.is-video>.current-image{display:none}.frame-current.is-video>.current-video{display:block}
.viewer-shell .frame-current{border:0;box-shadow:none}
.scene[data-orientation="portrait"] .frame-current>.current-image,.scene[data-orientation="portrait"] .frame-current>.current-video{width:auto;height:100%;max-width:100%;margin:auto}.scene[data-orientation="landscape"] .frame-current>.current-image,.scene[data-orientation="landscape"] .frame-current>.current-video{width:100%;height:100%}.scene[data-orientation="square"] .frame-current>.current-image,.scene[data-orientation="square"] .frame-current>.current-video{width:auto;height:100%;max-width:100%;margin:auto}
.frame-next{width:38%;height:52%;right:0;bottom:-4%;z-index:4;transform:rotate(1.6deg);box-shadow:0 20px 50px rgba(0,0,0,.55)}.frame-next img{filter:saturate(.78) contrast(.92)}.frame-ghost{width:35%;height:42%;right:5%;top:-4%;z-index:1;transform:rotate(-2.4deg) translateY(-8px);opacity:.38;filter:grayscale(.45)}
.frame-label{position:absolute;left:14px;top:13px;z-index:5;padding:7px 9px;background:rgba(12,13,14,.76);font:9px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--film);backdrop-filter:blur(8px)}
.frame-caption{position:absolute;left:14px;right:14px;bottom:13px;z-index:5;display:flex;justify-content:space-between;gap:16px;padding:7px 9px;background:rgba(12,13,14,.76);font:9px var(--mono);letter-spacing:.1em;color:var(--film);backdrop-filter:blur(8px)}.frame-tally{white-space:nowrap}
.flash{position:absolute;inset:0;z-index:19;background:var(--film);pointer-events:none;opacity:0}.album.is-cutting .flash{animation:flash-cut 260ms ease-out}@keyframes flash-cut{0%{opacity:0}28%{opacity:.16}100%{opacity:0}}
.album.clean-view .frame-next,.album.clean-view .frame-ghost{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(20px) scale(.9)}.album.clean-view .frame-current{inset:0}.album.clean-view .ambient{opacity:.46}

.story-toggle,.story-scrim{display:none}.story-controls{display:flex;align-items:center;gap:6px;margin-top:16px;padding-top:14px;border-top:1px solid var(--hairline)}.step{width:44px;height:44px;border:1px solid var(--hairline);background:rgba(12,13,14,.58);cursor:pointer;display:grid;place-items:center;transition:background .2s,border-color .2s,transform .2s;backdrop-filter:blur(12px)}.step:hover,.step:focus-visible{background:var(--film);color:var(--carbon);border-color:var(--film);outline:none}.step:active{transform:scale(.94)}.play{font-size:11px}
.chapter-rail{position:absolute;right:clamp(18px,3vw,52px);top:58%;z-index:31;display:flex;flex-direction:column;gap:13px;transform:translateY(-50%)}.chapter-button{display:grid;grid-template-columns:18px auto;align-items:center;gap:8px;border:0;background:transparent;padding:0;color:rgba(241,234,219,.42);cursor:pointer;text-align:left;transition:color .2s,transform .2s}.chapter-button b{font:9px var(--mono);font-weight:400}.chapter-button span{font-size:10px;letter-spacing:.1em;white-space:nowrap;opacity:0;transform:translateX(6px);transition:opacity .2s,transform .2s}.chapter-button::before{content:"";grid-column:1;width:6px;height:6px;margin:auto;border-radius:50%;background:currentColor}.chapter-button b,.chapter-button span{grid-row:1}.chapter-button b{grid-column:1}.chapter-button span{grid-column:2}.chapter-button:hover,.chapter-button.is-active{color:var(--film)}.chapter-button:hover span,.chapter-button.is-active span{opacity:1;transform:none}.chapter-button.is-active::before{background:var(--ember);transform:scale(1.45)}.chapter-button.is-active b{opacity:0}noscript{position:absolute;inset:auto 18px 18px;color:var(--film)}

@media(max-width:960px){
  .location-atlas{right:clamp(54px,6vw,78px)}.city-panel{grid-template-columns:120px minmax(0,1fr)}
  .stage{right:clamp(54px,6vw,78px);grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:28px}
  .chapter-button span{display:none}
}
@media(max-width:760px){
  .album{min-height:620px}.chrome{left:8px;right:8px;top:max(8px,env(safe-area-inset-top));height:44px;gap:8px}.brand{max-width:calc(100% - 54px);gap:9px}.brand-mark{width:24px;height:16px}.brand-copy{font-size:11px;letter-spacing:.08em}.media-total,.stack-toggle,.music-credit,.fullscreen{display:none}.top-actions{gap:0}.text-control.music-toggle{width:44px;height:44px;min-width:44px;padding:0;border-color:rgba(241,234,219,.28)}.music-note{font-size:16px}.music-label{display:none}
  .location-atlas{left:4px;right:4px;top:58px;height:98px;grid-template-rows:44px 52px;border:1px solid var(--hairline);background:rgba(12,13,14,.62)}
  .city-panel{height:44px;display:block;border:0;border-bottom:1px solid var(--hairline);background:rgba(241,234,219,.035)}.city-heading{display:none}.city-switcher{height:44px}
  .city-button{position:relative;width:auto;height:44px;margin:0;padding:0 4px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-right:1px solid var(--hairline);border-radius:0;color:rgba(241,234,219,.64);background:transparent;box-shadow:none}.city-button:last-child{border-right:0}.city-icon{display:block;font-size:14px}.city-name{font-family:var(--serif);font-size:14px;font-weight:600;letter-spacing:.06em}.city-button small{display:none}.city-button:hover,.city-button:focus-visible{transform:none;background:rgba(241,234,219,.07);box-shadow:none}.city-button.is-active{color:var(--carbon);border-color:var(--hairline);background:var(--film);box-shadow:inset 0 -3px var(--ember)}.city-button.is-active .city-name{font-size:15px}.city-button.is-active .city-icon{filter:saturate(1)}
  .atlas-browser{height:52px;display:block;padding:4px 5px;background:rgba(12,13,14,.72)}.atlas-readout{display:none}.place-strip{height:44px;gap:6px;align-items:center}.place-button{height:44px;margin:0;padding:0 13px;border-color:rgba(241,234,219,.18);border-radius:999px;background:rgba(241,234,219,.045);font-size:11px;letter-spacing:.02em}.place-button small{font-size:8px}.place-button:hover,.place-button:focus-visible{background:rgba(241,234,219,.08)}.place-button.is-active{color:var(--film);border-color:var(--ember);background:rgba(201,94,60,.2);box-shadow:inset 0 0 0 1px rgba(201,94,60,.18)}
  .stage{inset:164px 0 calc(6px + env(safe-area-inset-bottom));display:block}.visual-column{position:absolute;inset:0 0 172px;height:auto;display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px}.scene-title{padding-inline:8px;font-size:clamp(18px,5vw,21px);line-height:1.15;letter-spacing:0;text-align:left}.viewer-shell{grid-template-rows:minmax(0,1fr) 64px;border-inline:0}.scene{grid-row:1;height:auto;min-height:0}.reel{grid-row:2;height:64px;padding:7px 7px 8px;gap:6px;border-top:1px solid var(--hairline);border-bottom:0;background:linear-gradient(180deg,rgba(12,13,14,.66),rgba(12,13,14,.92))}.reel-item{flex-basis:72px}.reel-item.is-portrait{flex-basis:42px}.reel-item.is-square{flex-basis:54px}.reel-item.is-active{flex-basis:100px}.reel-item.is-active.is-portrait{flex-basis:58px}.reel-item.is-active.is-square{flex-basis:72px}.reel-item>span{display:none}.frame-current{inset:0}.frame-next,.frame-ghost{display:none!important}
  .story-scrim{display:none}.album.story-open .story-scrim{display:block;position:absolute;inset:0;z-index:10;border:0;background:rgba(0,0,0,.62);backdrop-filter:blur(3px)}
  .story{position:absolute;z-index:12;left:0;right:0;bottom:0;width:100%;height:104px;max-width:none;min-width:0;display:block;padding:0;overflow:visible;border-top:1px solid var(--hairline);background:linear-gradient(180deg,rgba(12,13,14,.96),var(--carbon) 48%);box-shadow:0 -12px 36px rgba(0,0,0,.24);transition:height 280ms cubic-bezier(.2,.75,.15,1),box-shadow 280ms ease}.story-toggle{position:absolute;z-index:3;right:8px;top:8px;display:flex;align-items:center;justify-content:center;gap:7px;min-width:104px;height:44px;padding:0 12px;border:1px solid var(--hairline);background:rgba(23,25,28,.92);color:var(--film);font-size:12px;letter-spacing:.05em;cursor:pointer}.story-toggle-arrow{color:var(--ember);font-size:15px;transition:transform 280ms ease}.story-scroll{height:104px;padding:10px 120px 8px 10px;overflow:hidden}.story-index{max-width:calc(100% - 6px);margin:0 0 7px;font-size:9px;letter-spacing:.14em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-index::after{display:none}.place-copy{margin:0;padding:0 0 0 12px;border-left:2px solid var(--ember)}.place-copy>span{display:none}.place-copy .place-copy-text{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--film);font-size:15px;line-height:1.45}.story .story-body,.quote,.story-meta{display:none}.story-controls{position:absolute;left:50%;top:-64px;height:60px;margin:0;padding:2px 0;display:flex;justify-content:center;gap:12px;border:0;transform:translateX(-50%)}.step{width:58px;height:56px;border-color:rgba(241,234,219,.3);background:rgba(23,25,28,.96);font-size:22px;box-shadow:0 8px 24px rgba(0,0,0,.34)}.step.prev,.step.next{width:66px}.step.play{font-size:15px}.step:active{transform:scale(.95)}
  .album.story-open .story{height:min(68vh,560px);overflow:hidden;border:1px solid rgba(241,234,219,.24);box-shadow:0 -28px 80px rgba(0,0,0,.64)}.album.story-open .story-toggle{right:8px}.album.story-open .story-toggle-arrow{transform:rotate(180deg)}.album.story-open .story-scroll{height:100%;padding:58px 20px 24px;overflow-y:auto;overscroll-behavior:contain}.album.story-open .story-index{max-width:none;margin-bottom:18px;font-size:10px;white-space:normal}.album.story-open .story-index::after{display:block}.album.story-open .place-copy{margin-bottom:22px;padding:4px 0 4px 14px}.album.story-open .place-copy>span{display:block;margin-bottom:7px;font-size:9px}.album.story-open .place-copy .place-copy-text{display:block;overflow:visible;color:var(--film);font-size:17px;line-height:1.65}.album.story-open .story .story-body{display:block;font-size:15px;line-height:1.8}.album.story-open .quote{display:block;margin-top:22px;padding-top:18px;font-size:15px;line-height:1.72}.album.story-open .story-meta{display:flex;margin-top:18px}.album.story-open .story-controls{display:none}
  .chapter-rail{display:none}.frame-caption{left:8px;right:8px;bottom:8px;font-size:9px;padding:7px 8px}.frame-location{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frame-label{left:8px;top:8px;font-size:8px;padding:6px 8px}
}
@media(max-width:520px){.brand-copy{max-width:210px}.city-button{gap:4px}.city-icon{font-size:13px}.city-name{font-size:13px}.city-button.is-active .city-name{font-size:14px}.place-button{padding-inline:12px}}
@media(max-height:760px) and (min-width:761px){.story-index{margin-bottom:22px}.place-copy{margin-bottom:24px}.quote{margin-top:24px;padding-top:18px}.story-meta{margin-top:18px}}
@media(max-height:700px) and (min-width:761px){.location-atlas{top:51px;height:84px;grid-template-rows:42px 40px}.city-panel{height:42px;grid-template-columns:120px minmax(0,1fr)}.city-heading{padding-inline:8px;gap:1px}.city-button{height:41px;padding:0 6px}.city-icon{font-size:14px}.city-name{font-size:13px}.city-button.is-active .city-name{font-size:14px}.atlas-browser{height:40px;grid-template-columns:minmax(190px,max-content) minmax(0,1fr);gap:8px;padding:5px 7px}.place-button{height:28px;padding-inline:8px}.stage{top:147px;bottom:12px}.visual-column{gap:8px}.scene-title{font-size:clamp(24px,2.35vw,34px)}.viewer-shell{grid-template-rows:48px minmax(0,1fr)}.reel{height:48px;padding:4px 6px}.reel-item{flex-basis:66px}.reel-item.is-portrait{flex-basis:38px}.reel-item.is-square{flex-basis:48px}.reel-item.is-active{flex-basis:92px}.reel-item.is-active.is-portrait{flex-basis:56px}.reel-item.is-active.is-square{flex-basis:66px}.story-scroll{padding-top:68px}.story-index{margin-bottom:12px}.place-copy{margin-bottom:12px}.story .story-body{line-height:1.58}.quote{margin-top:12px;padding-top:10px}.story-meta{margin-top:10px}.story-controls{margin-top:8px;padding-top:8px}.step{width:38px;height:38px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.frame img{transform:none!important}}