
.brand-logo{width:48px;height:48px;object-fit:cover;border-radius:5px;flex-shrink:0;border:1px solid #d7bd784a}
.origin-quote{background:#ded5bc;color:#25271e;padding:28px;box-shadow:0 18px 40px #0004;transform:rotate(-1deg);border:1px solid #b7ad92}
.origin-quote .newspaper-masthead{display:block;font:700 48px/1.15 Georgia,serif;letter-spacing:-.05em;border-bottom:3px double #555348;padding-bottom:10px;margin-bottom:12px}
.origin-quote blockquote{font-family:Georgia,serif;color:#25271e;font-weight:700;font-size:clamp(22px,2.4vw,34px);line-height:1.25;border-bottom:1px solid #8a846f;padding-bottom:20px}
.origin-quote small,.origin-quote>span{color:#555348!important}.coming-soon{font-size:10px;letter-spacing:.08em;color:#8da290}
.sound-toggle{position:fixed;bottom:18px;right:18px;z-index:40;background:#06120eee;color:#dfca91;border:1px solid #dfca9160;border-radius:3px;padding:13px 16px;font:600 9px/1.4 'DM Sans',sans-serif;letter-spacing:.12em;cursor:pointer;backdrop-filter:blur(10px)}
.sound-toggle[aria-pressed=true]{border-color:#8bcc9b;color:#b0e6bb}.hero-scene img{transform:none!important;animation:none!important}.grain{animation:none!important}
@media(max-width:560px){.brand-logo{width:38px;height:38px}.origin-quote{padding:22px}.sound-toggle{bottom:12px;right:12px;padding:12px;font-size:8px}}
/* V6: original artwork stays fully framed; motion belongs to the interface. */
.hero h1{font-size:clamp(66px,6.5vw,116px);line-height:.94}.hero-born{display:block}.hero h1 br{display:none}.hero-born em{white-space:nowrap}.hero-content{width:min(770px,62%)}
.origin-visual{align-self:center;width:100%;margin:0}.origin-visual img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;object-position:center;max-height:none}.origin-visual .visual-tag{position:relative;inset:auto;margin-top:16px;display:flex;justify-content:space-between;gap:15px}
.chapter-bull{height:auto;min-height:0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;padding:clamp(28px,5vw,80px);gap:clamp(30px,5vw,90px);background:radial-gradient(ellipse at 15% 40%,#164e3040,transparent 75%),#07150e}
.chapter-bull .scene-photo{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1;overflow:hidden;border:1px solid #bba66d50;box-shadow:0 35px 100px #0006}.chapter-bull .scene-photo img{position:static;width:100%;height:auto;aspect-ratio:1;object-fit:contain;transform:none!important}.chapter-bull .scene-shadow{display:none}.chapter-bull .scene-info{position:relative;inset:auto;transform:none;text-align:left;max-width:100%;padding:35px 0;min-width:0}.chapter-bull .scene-info .kicker{justify-content:flex-start}.chapter-bull .scene-info h2{font-size:clamp(65px,6.8vw,110px);line-height:.94}.chapter-bull .chapter-number{right:28px;bottom:5px;opacity:.08}
.gateway-coming{display:inline-block;margin-top:22px;padding:10px 14px;border:1px solid #385c3d;color:#284c33;font-size:10px;font-weight:700;letter-spacing:.16em}
.gallery-instruction{margin:22px clamp(23px,6vw,115px);color:#9eb2a3;font-size:9px!important;letter-spacing:.15em}.cinema-gallery.is-travelling{scroll-snap-type:none!important;scroll-behavior:auto!important}.cinema-gallery .gallery-item{cursor:pointer}.cinema-gallery .gallery-item:focus-visible{outline:2px solid #e2c47a;outline-offset:6px}.cinema-gallery{scroll-behavior:auto!important}.cinema-gallery .gallery-item img{transition:filter .9s,transform 1.2s cubic-bezier(.16,1,.3,1)}
.hero-content .hero-born{animation:banner-reveal 1.3s .3s both}.hero-content .hero-lead,.hero-content .hero-actions{animation:banner-reveal 1.3s .55s both}@keyframes banner-reveal{from{opacity:0;translate:0 22px;filter:blur(8px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@media(max-width:850px){.hero-content{width:auto}.hero h1{font-size:clamp(64px,9.2vw,92px)}.chapter-bull{grid-template-columns:1fr;padding:55px 25px;gap:15px}.chapter-bull .scene-photo{max-width:640px;margin:auto}.chapter-bull .scene-info{max-width:640px;width:100%;margin:auto;padding:28px 0}.chapter-bull .scene-info h2{font-size:clamp(65px,11vw,95px)}}
@media(max-width:560px){.hero h1{font-size:clamp(46px,11.9vw,66px);line-height:1.02}.hero-content{bottom:112px}.hero-lead{max-width:340px}.chapter-bull{padding:35px 23px 55px}.chapter-bull .scene-info h2{font-size:clamp(63px,16vw,88px)}.footer .brand-logo{width:48px;height:48px}.gallery-instruction{font-size:8px!important;line-height:1.8}}
@media(prefers-reduced-motion:reduce){.hero-content .hero-born,.hero-content .hero-lead,.hero-content .hero-actions{animation:none}}
