:root{color-scheme:light dark;--bg: #f4f5f2;--bg-soft: #ecefeb;--surface: #fbfbf8;--surface-strong: #e4e8e3;--ink: #111114;--muted: #62646b;--line: rgb(17 17 20 / .13);--accent: #9d4058;--accent-strong: #6f293c;--cool: #49636d;--chapter-travel: #e6f2ef;--chapter-mirror: #e8eef6;--chapter-duo: #f5e8ef;--chapter-card: #f5edcf;--chapter-love: #f8e4ea;--chapter-poster: #e9f0e3;--chapter-princess: #f1e7f6;--shadow: 0 28px 90px rgb(17 17 20 / .18);--radius: 16px;font-family:Aptos,Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #101113;--bg-soft: #181a1d;--surface: #17181b;--surface-strong: #25282d;--ink: #f6f4ef;--muted: #b7b5ad;--line: rgb(246 244 239 / .14);--accent: #d06f87;--accent-strong: #f0a0af;--cool: #93a9af;--chapter-travel: #101819;--chapter-mirror: #14191f;--chapter-duo: #1c151a;--chapter-card: #1d1a12;--chapter-love: #21171b;--chapter-poster: #171b16;--chapter-princess: #1c1720;--shadow: 0 28px 90px rgb(0 0 0 / .42)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;background:linear-gradient(120deg,rgb(73 99 109 / .12),transparent 34rem),linear-gradient(180deg,var(--bg),var(--bg-soft) 44%,var(--bg));color:var(--ink)}body.no-scroll{overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.28;background-image:linear-gradient(rgb(17 17 20 / .035) 1px,transparent 1px),linear-gradient(90deg,rgb(17 17 20 / .035) 1px,transparent 1px);background-size:48px 48px}button,a{font:inherit}button{cursor:pointer}img,video{display:block;max-width:100%}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 72%,white);outline-offset:4px}[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.site-nav{position:sticky;top:0;z-index:40;width:100%;max-width:100vw;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px clamp(18px,4vw,56px);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 84%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:baseline;gap:8px;font-size:18px;font-weight:760;letter-spacing:0;white-space:nowrap}.brand span:last-child{color:var(--muted);font-weight:520}.site-nav nav{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:14px;white-space:nowrap}.nav-button,.secondary-action,.primary-action,.close-button,.lightbox-close,.lightbox-nav{min-height:44px;border-radius:999px;border:1px solid var(--line);transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.nav-button{padding:0 14px;color:var(--ink);background:color-mix(in srgb,var(--surface) 74%,transparent)}.site-nav a:hover,.site-nav a:focus-visible,.nav-button:hover,.nav-button:focus-visible{color:var(--accent);border-color:var(--accent)}.side-chapters{position:fixed;left:16px;top:50%;z-index:30;width:132px;display:grid;gap:6px;transform:translateY(-50%)}.side-chapters a{min-height:36px;display:flex;align-items:center;padding:0 10px;color:var(--muted);border-left:2px solid transparent;font-size:12px;line-height:1.2}.side-chapters a.active,.side-chapters a:hover,.side-chapters a:focus-visible{color:var(--ink);border-left-color:var(--accent);background:color-mix(in srgb,var(--surface) 72%,transparent)}.mobile-chapters{display:none}.cinematic-hero{min-height:calc(100dvh - 68px);display:grid;grid-template-columns:minmax(0,.82fr) minmax(360px,1.18fr);grid-template-rows:1fr auto;gap:clamp(24px,4.6vw,72px);align-items:center;padding:clamp(38px,6vw,78px) clamp(18px,5vw,72px) clamp(34px,5vw,64px) clamp(156px,13vw,212px)}.hero-copy{max-width:620px}.kicker{margin:0 0 14px;color:var(--accent);font-size:12px;font-weight:760;letter-spacing:.14em;text-transform:uppercase}.hero-copy h1,.chapter-heading h2,.archive-top h2,.loading-shell h1{margin:0;letter-spacing:0;line-height:.94;font-weight:820}.hero-copy h1{max-width:9ch;font-size:clamp(54px,8vw,112px)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.primary-action,.secondary-action{display:inline-flex;align-items:center;justify-content:center;padding:0 22px}.primary-action{color:#fff;background:var(--accent-strong);border-color:transparent}.secondary-action{color:var(--ink);background:color-mix(in srgb,var(--surface) 78%,transparent)}.primary-action:hover,.primary-action:focus-visible,.secondary-action:hover,.secondary-action:focus-visible{transform:translateY(-1px);border-color:var(--accent)}.hero-stage{position:relative;min-height:min(650px,72dvh);border-radius:calc(var(--radius) + 10px);overflow:hidden;background:var(--hero-bg) center / cover no-repeat,var(--surface-strong);box-shadow:var(--shadow);isolation:isolate}.hero-stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgb(0 0 0 / .38),transparent 48%),linear-gradient(0deg,rgb(0 0 0 / .26),transparent 42%)}.hero-slide{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;padding:0;border:0;background:transparent;opacity:0;animation:heroFade 20s infinite;animation-delay:calc(var(--slide) * 5s)}.hero-slide-base{opacity:1;animation:none}.hero-slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);animation:heroDrift 20s infinite;animation-delay:calc(var(--slide) * 5s)}.hero-current{position:absolute;left:22px;bottom:22px;z-index:4;display:grid;gap:4px;padding:14px 16px;color:#fff;border:1px solid rgb(255 255 255 / .22);border-radius:999px;background:#0a0a0c61;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-current span{color:#ffffffc2;font-size:12px}.chapter{scroll-margin-top:84px;padding:clamp(82px,11vw,142px) clamp(18px,5vw,72px) clamp(82px,11vw,142px) clamp(156px,13vw,212px)}.chapter:not(.museum-chapter){background:linear-gradient(180deg,#ffffff61,#ffffff14 46%,#ffffff2e),var(--chapter-bg, transparent)}.chapter-heading{max-width:760px;margin-bottom:clamp(28px,4.4vw,50px)}.chapter-heading h2{font-size:clamp(40px,6.4vw,88px)}.image-button{position:relative;width:100%;display:block;aspect-ratio:var(--ratio);overflow:hidden;padding:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);box-shadow:0 18px 54px #1111141f}.image-button img{width:100%;height:100%;object-fit:cover;transition:transform .52s cubic-bezier(.16,1,.3,1),filter .52s cubic-bezier(.16,1,.3,1)}.image-button:hover img,.image-button:focus-visible img{transform:scale(1.045)}.travel-chapter{--chapter-bg: var(--chapter-travel);min-height:var(--film-scroll-height, 310dvh)}.film-scroll-stage{position:sticky;top:74px;min-height:calc(100dvh - 74px);display:grid;align-content:center;overflow:hidden}.travel-chapter .chapter-heading{margin-bottom:clamp(18px,3.5vw,38px)}.film-viewport{overflow:hidden;padding:8px clamp(18px,5vw,48px) clamp(14px,3vh,32px)}.film-route{width:max-content;display:flex;gap:18px;overflow:visible;padding:0;transform:translate3d(var(--film-x, 0px),0,0);transition:transform 60ms linear;will-change:transform;scrollbar-width:none}.film-route::-webkit-scrollbar{display:none}.film-frame{flex:0 0 clamp(220px,min(28vw,40dvh),430px);min-width:0;transform:translateY(calc((var(--i) % 2) * min(34px,4dvh)))}.film-photo{aspect-ratio:4 / 5}.film-frame div{display:flex;justify-content:space-between;gap:16px;padding-top:12px;color:var(--muted);font-size:13px}.film-frame strong{color:var(--ink);font-variant-numeric:tabular-nums}.mirror-room{min-height:72dvh;display:flex;gap:10px}.mirror-chapter{--chapter-bg: var(--chapter-mirror)}.mirror-panel{min-width:0;flex:1 1 0;display:grid;align-content:end;transition:flex .42s cubic-bezier(.16,1,.3,1)}.mirror-panel:hover,.mirror-panel:focus-within{flex:2.4 1 0}.mirror-photo{height:100%;min-height:62dvh;aspect-ratio:auto}.mirror-panel p{margin:10px 2px 0;color:var(--muted);font-size:13px}.love-stage{min-height:min(940px,88dvh);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(12px,2.4vw,28px);align-items:stretch;margin-inline:calc(clamp(18px,5vw,72px)*-.45)}.love-chapter{--chapter-bg: var(--chapter-love)}.love-frame{min-width:0;margin:0}.love-left,.love-right{justify-self:stretch}.love-photo{height:100%;min-height:min(760px,82dvh);aspect-ratio:auto;border-radius:calc(var(--radius) + 10px);box-shadow:var(--shadow)}.duo-single{min-height:74dvh;display:grid;place-items:center;gap:16px}.duo-chapter{--chapter-bg: var(--chapter-duo)}.duo-switcher{position:relative;width:min(760px,100%);aspect-ratio:var(--ratio);overflow:hidden;padding:0;border:1px solid var(--line);border-radius:calc(var(--radius) + 12px);background:var(--surface-strong);box-shadow:var(--shadow);isolation:isolate}.duo-switcher:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgb(0 0 0 / .34),transparent 38%),radial-gradient(circle at 72% 18%,rgb(255 255 255 / .24),transparent 24rem)}.duo-switcher img{width:100%;height:100%;object-fit:cover;transition:transform .52s cubic-bezier(.16,1,.3,1),filter .52s cubic-bezier(.16,1,.3,1)}.duo-switcher:hover img,.duo-switcher:focus-visible img{transform:scale(1.035);filter:saturate(1.04)}.duo-switcher:active img{transform:scale(.992)}.duo-hint{position:absolute;left:18px;bottom:18px;z-index:2;max-width:min(320px,calc(100% - 36px));padding:12px 16px;color:#fff;border:1px solid rgb(255 255 255 / .24);border-radius:999px;background:#0c0c0e75;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-family:Comic Sans MS,Kaiti SC,KaiTi,Noto Sans SC,cursive;font-size:clamp(15px,1.8vw,20px);font-weight:700;line-height:1.2}.duo-note{margin:0;color:var(--muted);text-align:center;line-height:1.6}.card-chapter{--chapter-bg: var(--chapter-card);overflow:hidden}.card-deck{--card-gap: 18px;--card-gap-offset: 9px;min-height:70dvh;overflow:hidden;display:flex;align-items:center;margin-inline:calc(clamp(18px,5vw,72px)*-1);padding:12px 0 34px;perspective:1200px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.card-marquee-track{width:max-content;display:flex;align-items:center;gap:var(--card-gap);animation:cardMarquee 30s linear infinite;will-change:transform}.card-marquee-set{display:flex;align-items:center;gap:var(--card-gap)}.tarot-card{flex:0 0 clamp(166px,17vw,236px);transform:translateY(calc((var(--i) % 2) * 30px)) rotate(calc((var(--i) - 2.5) * 3deg))}.tarot-photo{display:block;aspect-ratio:9 / 15}.tarot-photo:hover img,.tarot-photo:focus-visible img{transform:none}.ghost-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);box-shadow:0 18px 54px #1111141f}.ghost-card img{width:100%;height:100%;object-fit:cover}.tarot-card span,.theatre-thumb span{display:block;padding-top:10px;color:var(--muted);font-size:13px;text-align:center}.poster-wall{min-height:auto;display:grid;grid-template-columns:minmax(0,min(760px,100%));justify-content:center;gap:clamp(34px,7vw,84px);align-items:start}.poster-chapter{--chapter-bg: var(--chapter-poster)}.poster-card{width:100%;transform:none;transition:transform .26s ease,filter .26s ease}.poster-card:hover,.poster-card:focus-within{transform:translateY(-8px);filter:saturate(1.04)}.poster-photo{min-height:auto;box-shadow:0 24px 80px #11111429,0 0 0 1px #ffffff7a inset}.museum-chapter{color:#f8f4eb;background:radial-gradient(circle at 50% 24%,rgb(224 185 117 / .22),transparent 30rem),#11100e}.museum-chapter .kicker{color:#d7af73}.museum-frame figcaption{color:#f8f4ebb8}.museum-triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,3vw,34px);align-items:center}.museum-frame{margin:0;transform:translateY(calc((var(--i) - 1) * 28px))}.museum-photo{aspect-ratio:1 / 1;border-color:#f8f4eb2e;box-shadow:0 0 0 10px #f8f4eb09,0 26px 90px #0000006b}.museum-frame figcaption{padding-top:12px;text-align:center}.princess-theatre{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.1fr);gap:clamp(22px,5vw,72px);align-items:center}.princess-chapter{--chapter-bg: var(--chapter-princess)}.theatre-main{position:relative;min-height:min(760px,80dvh);overflow:hidden;border-radius:calc(var(--radius) + 10px);background:var(--theatre-bg) center / cover no-repeat,linear-gradient(135deg,#49636d2e,#9d40581f),var(--surface-strong);box-shadow:var(--shadow)}.theatre-slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:transparent;opacity:0;animation:theatreFade 24s infinite;animation-delay:calc(var(--slide) * 4s)}.theatre-slide-base{opacity:1;animation:none}.theatre-slide img{width:100%;height:100%;object-fit:cover}.theatre-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.rail-photo{aspect-ratio:3 / 4}.archive-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;align-items:end;padding:18px;pointer-events:none;background:#0c0c0e00;transition:background .22s ease}.archive-drawer.open{pointer-events:auto;background:#0c0c0e8c}.archive-panel{max-height:min(82dvh,900px);overflow:auto;padding:clamp(18px,4vw,36px);border:1px solid var(--line);border-radius:calc(var(--radius) + 12px);background:var(--surface);box-shadow:var(--shadow);transform:translateY(105%);transition:transform .3s cubic-bezier(.16,1,.3,1)}.archive-drawer.open .archive-panel{transform:translateY(0)}.archive-top{display:flex;justify-content:space-between;gap:18px;align-items:start;margin-bottom:22px}.archive-top h2{font-size:clamp(34px,5vw,64px)}.close-button{padding:0 18px;color:var(--ink);background:color-mix(in srgb,var(--surface-strong) 70%,transparent)}.archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.compact-archive{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.archive-photo{aspect-ratio:4 / 5}.video-card video{width:100%;border-radius:var(--radius)}.footer{display:flex;justify-content:space-between;gap:18px;padding:28px clamp(18px,5vw,72px) 28px clamp(156px,13vw,212px);color:var(--muted);border-top:1px solid var(--line)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;grid-template-columns:72px minmax(0,1fr) 72px;align-items:center;gap:12px;padding:24px;color:#fff;background:#09090ae6}.lightbox figure{max-width:min(1180px,100%);max-height:92dvh;margin:0 auto;display:grid;gap:14px}.lightbox img,.lightbox video{width:auto;max-width:100%;max-height:80dvh;margin:0 auto;border-radius:var(--radius);object-fit:contain}.lightbox figcaption{display:flex;justify-content:space-between;gap:18px;color:#ffffffd1}.lightbox-close,.lightbox-nav{color:#fff;background:#ffffff14;border-color:#ffffff38}.lightbox-close{position:absolute;top:22px;right:22px;padding:0 18px}.loading-shell{min-height:100dvh;display:grid;place-content:center;padding:32px;text-align:center}.loading-shell h1{font-size:clamp(42px,8vw,92px)}.error-shell p:last-child{color:var(--muted)}@keyframes heroFade{0%,17%{opacity:1}25%,92%{opacity:0}to{opacity:1}}@keyframes heroDrift{0%{transform:scale(1.04) translateZ(0)}50%{transform:scale(1.1) translate3d(-1.4%,-1%,0)}to{transform:scale(1.04) translateZ(0)}}@keyframes theatreFade{0%,13%{opacity:1}18%,94%{opacity:0}to{opacity:1}}@keyframes cardMarquee{0%{transform:translateZ(0)}to{transform:translate3d(calc(-50% - var(--card-gap-offset)),0,0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reveal]{opacity:1;transform:none}.travel-chapter{min-height:auto}.film-scroll-stage{position:static;min-height:auto;overflow:visible}.film-viewport{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-mask-image:none;mask-image:none;scrollbar-width:none}.film-route{transform:none!important;transition:none}.film-frame{scroll-snap-align:start}.card-deck{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-mask-image:none;mask-image:none;scrollbar-width:none}.card-marquee-track{animation:none}.card-marquee-set[aria-hidden=true]{display:none}.tarot-card{scroll-snap-align:center}.hero-slide,.theatre-slide{opacity:0}.hero-slide:first-child,.theatre-slide:first-child{opacity:1}}@media(max-width:1180px){.side-chapters{display:none}.mobile-chapters{position:sticky;top:68px;z-index:35;width:100vw;max-width:100vw;display:flex;gap:8px;overflow-x:auto;padding:10px 18px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 86%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-width:none}.mobile-chapters::-webkit-scrollbar{display:none}.mobile-chapters a{min-height:38px;display:inline-flex;align-items:center;flex:0 0 auto;padding:0 12px;color:var(--muted);border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:13px}.mobile-chapters a.active{color:#fff;border-color:transparent;background:var(--accent-strong)}.cinematic-hero,.chapter,.footer{padding-left:clamp(18px,5vw,72px)}}@media(max-width:980px){.cinematic-hero,.princess-theatre,.love-stage{grid-template-columns:1fr}.cinematic-hero{min-height:auto}.hero-copy h1{max-width:100%}.hero-stage{min-height:560px}.poster-wall,.museum-triptych{grid-template-columns:1fr}.poster-card,.museum-frame{transform:none}.love-stage{min-height:auto;margin-inline:0}.love-photo{min-height:min(760px,76dvh)}.theatre-rail{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:720px){.site-nav{min-height:62px;display:flex;position:sticky;padding:10px 14px;overflow:hidden}.mobile-chapters{top:62px;padding-inline:14px}.site-nav nav{position:absolute;right:14px;top:50%;transform:translateY(-50%);min-width:0;justify-content:end;gap:8px}.site-nav nav a{display:none}.site-nav .nav-button{display:none}.cinematic-hero,.chapter{padding:34px 14px 72px}.hero-stage{min-height:430px}.theatre-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.mirror-room{min-height:auto;display:grid;grid-template-columns:1fr}.mirror-photo{min-height:auto;aspect-ratio:4 / 5}.film-frame{flex-basis:min(78vw,330px);transform:none;scroll-snap-align:start}.travel-chapter{min-height:auto}.film-scroll-stage{position:static;min-height:auto;overflow:visible}.film-viewport{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-mask-image:none;mask-image:none;padding-bottom:20px;scrollbar-width:none}.film-route{transform:none!important;transition:none}.card-deck{min-height:58dvh;margin-inline:-14px;padding-block:8px 24px}.tarot-card{flex-basis:min(46vw,190px);transform:none}.tarot-card{transform:none}.poster-photo{min-height:auto}.love-photo{min-height:70dvh}.footer,.lightbox figcaption,.archive-top{flex-direction:column}.footer{padding:28px 14px}.lightbox{grid-template-columns:1fr;padding:72px 14px 18px}.lightbox-nav{display:none}}@media(max-width:460px){.hero-actions{flex-direction:column}.primary-action,.secondary-action{width:100%}.theatre-rail,.archive-grid,.compact-archive{grid-template-columns:1fr}}