.film{margin:0 auto;max-width:1080px}.film.is-vertical{max-width:360px}.film-plate{position:relative;border-radius:18px;overflow:hidden;background:var(--xr-cover);box-shadow:0 40px 80px -40px rgba(23,32,51,.45),0 0 0 1px rgba(184,151,90,.45)}.film-plate:after{content:"";position:absolute;inset:8px;border:1px solid rgba(217,196,155,.55);border-radius:12px;pointer-events:none}.film.is-vertical .film-plate{border-radius:28px}.film-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.film.is-vertical .film-video{aspect-ratio:9/16}.film-sound{position:absolute;right:18px;bottom:18px;z-index:1;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:999px;border:1px solid rgba(217,196,155,.8);background:rgba(11,47,107,.82);color:#FBF6ED;font:600 14px/1 var(--font-sans);letter-spacing:.06em;cursor:pointer;transition:background .2s cubic-bezier(.16,1,.3,1)}.film-sound:hover{background:rgba(11,47,107,.95)}.film-sound:focus-visible{outline:2px solid #F3E3BD;outline-offset:3px}.film-sound svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.film-caption{margin-top:12px;text-align:center;font-size:13px;color:#4A5468;letter-spacing:.06em}@media (prefers-reduced-motion:reduce){.film-sound{transition:none}}.film-section{padding-block:clamp(24px,4vw,56px)}html:not([lang=ja]){--font-mincho:Georgia,"Times New Roman",serif;--font-sans:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-latin:Georgia,serif;--font-title:Georgia,"Times New Roman",serif}html.wf:not([lang=ja]){--font-mincho:"Cormorant Garamond",Georgia,serif;--font-sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-latin:"Cormorant Garamond",Georgia,serif;--font-title:"Cormorant Garamond",Georgia,serif}html:not([lang=ja]) :is(.h1,.h1p,.h2,.h3,.h4,.page-title,.hero-title,.about-title){letter-spacing:0;font-feature-settings:normal}html:not([lang=ja]) :is(.eyebrow,.colophon-title,.tip-label,.dog-ear-label,.era-verb,.era-now .era-time,.history-close-sub,.name-ja,.page-kicker,.contents-title,.book-toc-title,.book-chapter-name,.book-page-head,.operator-title,.operator-row dt,.geniam-ruby rt,.name-ruby){letter-spacing:.06em}html:not([lang=ja]) .hero-copy{flex-direction:column;align-items:stretch;gap:28px}html:not([lang=ja]) .hero-titles{flex-direction:column;gap:16px}html:not([lang=ja]) .hero-kicker{writing-mode:horizontal-tb;letter-spacing:.08em;font-size:14px;padding-top:0;display:flex;align-items:center;gap:12px}html:not([lang=ja]) .hero-kicker:before{block-size:1px;inline-size:28px;margin:0;background:var(--xr-gold)}html:not([lang=ja]) .hero-title{writing-mode:horizontal-tb;font-size:64px;line-height:70px;font-weight:700;background-image:linear-gradient(100deg,rgba(255,246,221,0) 40%,rgba(255,246,221,.92) 50%,rgba(255,246,221,0) 60%),linear-gradient(100deg,#B8975A,#E6CF9E 16%,#FFF6DD 28%,#D9C49B 42%,#B8975A 58%,#F3E3BD 76%,#C9AB6E);background-size:260% 100%,240% 100%;background-position:160% 0,30% 0;animation-name:title-write-h}html:not([lang=ja]) .hero-title.is-lit{animation:title-write-h 1.3s var(--ease) .25s both,sheen-n 2.4s var(--ease) 1.3s 1 both}html:not([lang=ja]) .hero-title .tcy{vertical-align:baseline}@media (max-width:767px){html:not([lang=ja]) .hero-title{font-size:44px;line-height:50px}}html:not([lang=ja]) .about-title{writing-mode:horizontal-tb;justify-self:start;align-self:center;font-size:56px;line-height:64px;font-weight:700;background-image:linear-gradient(100deg,rgba(255,246,221,0) 40%,rgba(255,246,221,.92) 50%,rgba(255,246,221,0) 60%),linear-gradient(100deg,#B8975A,#E6CF9E 16%,#FFF6DD 28%,#D9C49B 42%,#B8975A 58%,#F3E3BD 76%,#C9AB6E);background-size:260% 100%,240% 100%;background-position:160% 0,30% 0;animation-name:title-write-h}html:not([lang=ja]) .about-title.is-lit{animation:title-write-h 1.6s var(--ease) .25s both,sheen-n 2.4s var(--ease) 1.6s 1 both}html:not([lang=ja]) .about-line{padding-top:0;padding-left:calc(var(--k) * .6em)}@media (max-width:1023px){html:not([lang=ja]) .about-title{font-size:44px;line-height:52px}}@media (max-width:767px){html:not([lang=ja]) .about-title{font-size:38px;line-height:46px}html:not([lang=ja]) .about-line{padding-left:0}}html:not([lang=ja]) .bookmark span{letter-spacing:.08em;font-size:11px}html:not([lang=ja]) .why-mere{margin-left:.28em}html:not([lang=ja]) .guard-model-name{white-space:normal;max-width:9em}html:not([lang=ja]) .operator>*{max-width:100%;min-width:0;overflow-wrap:anywhere}html:not([lang=ja]) .operator-note a{white-space:normal}@media (max-width:479px){html:not([lang=ja]) .ticket{gap:12px;padding:18px 18px 18px 24px}html:not([lang=ja]) .ticket-text{white-space:normal;font-size:22px;line-height:28px;letter-spacing:.02em}}