.chapter-2 .chapter-detail{margin-top:0}.morph-title{max-width:calc(100% - 96px);top:130px}.opening-brand{font-size:112px;font-weight:500;line-height:.95}.opening-brand span{margin-top:24px;font-size:14px}.morph-title>.kicker{margin-top:44px}.morph-title>h2{max-width:520px;font-size:48px}.morph-pct{top:auto;bottom:200px;font-size:36px;inset-inline:48px auto}.morph-veil{background:linear-gradient(#101b1999,#0000 70%),linear-gradient(90deg,#101b1955,#0000)}.morph-step{text-align:start;cursor:pointer;padding:18px 12px;transition:border-color .2s,background .2s}.morph-step:hover{background:#ffffff15}.morph-step:focus-visible{outline:2px solid var(--brass)}.drawing-sheet{z-index:4;color:#1c2624;top:170px;background:#f7f8f3;width:26%;padding:16px;position:absolute;inset-inline-end:48px;rotate:3deg;box-shadow:0 25px 55px #0004}.drawing-sheet>div{border-bottom:1px solid #1c262444;justify-content:space-between;gap:8px;padding-bottom:12px;font-size:10px;display:flex}.drawing-sheet img{aspect-ratio:4/3;object-fit:contain;width:100%;margin-block:10px}.drawing-sheet p{flex-direction:column;gap:4px;font-size:12px;display:flex}.drawing-sheet p span{opacity:.7;font-size:10px}.scroll-cinema{--cinema:0;background:#e5ebe6;height:240svh}.cinema-horizontal{height:auto;padding-block:64px 40px;overflow:hidden}.cinema-horizontal .cinema-sticky{height:auto;min-height:0;position:relative}.cinema-horizontal .cinema-heading{opacity:1;top:auto;margin-bottom:48px;padding-inline:20px;position:relative;inset-inline:auto;transform:none}.cinema-track{width:max-content;animation:32s linear infinite cinema-travel;animation-play-state:var(--photo-running,paused);display:flex}.cinema-track-group{flex-shrink:0;gap:36px;padding-right:36px;display:flex}.cinema-orbit-stage{width:100%;height:540px;position:relative}.cinema-orbit-card{color:#233d31;background:#f9faf8;border:1px solid #bdc9c0;border-radius:8px;grid-template-rows:minmax(0,1fr) 64px;width:44%;height:480px;padding:10px 10px 0;transition:transform .6s cubic-bezier(.22,.68,.22,1),opacity .6s;display:grid;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 18px 38px -20px #18342855,0 2px 5px #18342812}.cinema-orbit-card .cinema-moving-photo{border-radius:3px;width:100%;height:100%;position:relative;overflow:hidden}.cinema-orbit-card>span{justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:8px 12px;font-size:15px;line-height:1.3;display:flex}.cinema-orbit-card>span svg{color:#856c3f;border:1px solid #b2a17b;border-radius:50%;flex-shrink:0;width:34px;height:34px;padding:8px}.cinema-orbit-card[data-slot="0"]{z-index:3;border-color:#b39b68;box-shadow:0 28px 48px -24px #18342866,0 0 0 1px #b39b6826}.cinema-orbit-card:focus-visible{outline-offset:5px;outline:3px solid #94713d}.cinema-orbit-card[data-slot="-1"]{z-index:2;transform:translate(-145%)scale(.65)rotate(-5deg)}.cinema-orbit-card[data-slot="1"]{z-index:2;transform:translate(45%)scale(.65)rotate(5deg)}.cinema-orbit-card[data-slot="-2"]{opacity:0;pointer-events:none;transform:translate(-245%)scale(.55)rotate(-9deg)}.cinema-orbit-card[data-slot="2"]{opacity:0;pointer-events:none;transform:translate(145%)scale(.55)rotate(9deg)}@media (width<=640px){.cinema-orbit-stage{height:380px}.cinema-orbit-card{grid-template-rows:minmax(0,1fr) 64px;width:68%;height:340px;padding:6px 6px 0}.cinema-orbit-card>span{padding-inline:5px;font-size:13px}}@media (prefers-reduced-motion:reduce){.cinema-orbit-card{transition:none}}.cinema-travel-card{width:min(48vw,680px);color:inherit;display:block}.cinema-travel-card .cinema-moving-photo{aspect-ratio:4/3;height:auto;position:relative;overflow:hidden}.cinema-travel-card>span{justify-content:space-between;align-items:center;padding:18px 0;font-size:14px;display:flex}.cinema-horizontal .cinema-index{opacity:1;inset-inline:auto;margin:32px 80px 0 32px;position:relative;bottom:auto}.cinema-horizontal[data-paused=true] .cinema-track,.cinema-track:focus-within,.cinema-track:hover{animation-play-state:paused}@keyframes cinema-travel{to{transform:translate(-50%)}}@media (width<=640px){.cinema-horizontal{height:auto}.cinema-travel-card{width:80vw}.cinema-track-group{gap:20px;padding-right:20px}}@media (prefers-reduced-motion:reduce){.cinema-horizontal{height:auto}.cinema-track{width:100%;animation:none;overflow-x:auto}.cinema-track-group[aria-hidden=true]{display:none}}.cinema-sticky{isolation:isolate;height:100svh;min-height:560px;position:sticky;top:0;overflow:hidden}.cinema-heading{text-align:center;transform:translateY(calc(var(--cinema) * -180px));opacity:calc(1 - var(--cinema) * 3);top:90px;position:absolute;inset-inline:40px}.cinema-heading .kicker{justify-content:center}.cinema-heading h2{margin-top:16px;font-size:60px}.cinema-center{z-index:2;left:calc(28% * (1 - var(--cinema)));right:calc(28% * (1 - var(--cinema)));top:calc(30% * (1 - var(--cinema)));bottom:calc(12% * (1 - var(--cinema)));color:#fff;position:absolute;overflow:hidden}.cinema-center>img{object-fit:cover;width:100%;height:100%}.cinema-center:after{content:"";opacity:var(--cinema);background:linear-gradient(#0000 35%,#10221dd9);position:absolute;inset:0}.cinema-caption{z-index:3;opacity:var(--cinema);transform:translateY(calc(40px * (1 - var(--cinema))));bottom:60px;position:absolute;inset-inline:48px}.cinema-caption>span{font-size:12px}.cinema-caption h3{max-width:900px;margin-block:16px 24px;font-size:64px}.cinema-link{border-bottom:1px solid #fff;align-items:center;gap:24px;padding-bottom:12px;display:inline-flex}.cinema-side{width:24%;height:42%;opacity:calc(1 - var(--cinema) * 2);position:absolute;top:38%}.cinema-side img{object-fit:cover;width:100%;height:100%}.cinema-side span{padding-top:16px;font-size:12px;display:block}.cinema-left{transform:translateX(calc(var(--cinema) * -100%)) rotate(calc(-5deg * (1 - var(--cinema))));left:0}.cinema-right{transform:translateX(calc(var(--cinema) * 100%)) rotate(calc(5deg * (1 - var(--cinema))));right:0}.cinema-index{opacity:calc(1 - var(--cinema) * 2);inset-inline:40px;align-items:center;gap:24px;font-size:10px;display:flex;position:absolute;bottom:24px}.cinema-index i{background:#324b3b66;flex:1;height:1px}.sequence .chapter-media>img{opacity:0;transform:translateY(var(--drift,0px)) scale(1.12);transition:opacity .65s,transform 1.1s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.sequence .chapter-media>img.sequence-active{opacity:1;transform:translateY(var(--drift,0px)) scale(1.06)}.sequence-controls{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding-block:12px;display:flex}.sequence-controls button{cursor:pointer;border:1px solid var(--border);flex-shrink:0;place-items:center;width:44px;height:44px;transition:color .2s,background .2s;display:grid}.sequence-controls button:hover{color:#fff;background:#244738}.sequence-controls>span{white-space:nowrap;font-size:11px}.sequence-ticks{flex:1;gap:4px;display:flex}.sequence-ticks i{background:var(--border);flex:1;height:2px}.sequence-ticks i.active{background:#244738}@media (width<=1023px){.morph-title{max-width:calc(100% - 40px);top:110px}.opening-brand{font-size:70px}.drawing-sheet{inset-inline-end:24px;width:30%;top:250px}.morph-title>h2{max-width:55%;font-size:36px}.cinema-caption h3{font-size:48px}}@media (width<=600px){.opening-brand{font-size:48px}.opening-brand span{margin-top:16px;font-size:11px}.morph-title>.kicker{margin-top:28px}.morph-title>h2{font-size:28px}.drawing-sheet{top:315px;width:34%;padding:9px;inset-inline-end:20px}.drawing-sheet img{aspect-ratio:1}.drawing-sheet>div{font-size:8px}.drawing-sheet p{font-size:9px}.drawing-sheet p span{display:none}.morph-pct{font-size:24px;bottom:145px}.morph-step{padding:12px 0}.scroll-cinema:not(.cinema-horizontal){height:200svh}.cinema-sticky{min-height:480px}.cinema-heading{top:95px;inset-inline:20px}.cinema-heading h2{font-size:36px}.cinema-center{left:calc(16% * (1 - var(--cinema)));right:calc(16% * (1 - var(--cinema)));top:calc(32% * (1 - var(--cinema)))}.cinema-side{width:25%;height:30%;top:42%}.cinema-caption{inset-inline:24px;bottom:56px}.cinema-caption h3{font-size:36px}.cinema-index{gap:12px;inset-inline:20px}.cinema-index>span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.scroll-cinema:not(.cinema-horizontal){height:100svh}.cinema-sticky{position:relative}.sequence .chapter-media>img{transition:none;transform:none}.sequence .chapter-media>img.sequence-active{transform:none}}
