:root{font-family:Inter,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:#17182d;background:#f8f4f2;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #7f56ed;outline-offset:4px}a{color:inherit}.shell{overflow:hidden}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,80px);border-bottom:1px solid #17182d22;background:#f8f4f2}.wordmark{text-decoration:none;font-size:14px;letter-spacing:.08em;font-weight:900;white-space:nowrap}.wordmark-symbol{font-size:22px;color:#ef834b;margin-right:7px;vertical-align:-2px}.wordmark-sep{color:#da8cbb;margin:0 7px;font-weight:400}.header-meta,.header-link,.small-label,.eyebrow,.hero-foot,.stage-label,.stage-caption,.specs span,.control-options,.control-frame,.status,footer{font-size:11px;font-weight:700;letter-spacing:.11em}.header-meta{color:#8b8090}.meta-star{color:#e983ba;margin:0 8px}.header-link{text-decoration:none;border-bottom:1px solid #17182d;padding-bottom:5px}.header-link span{color:#ee8652;margin-left:12px}.hero{min-height:calc(100svh - 84px);position:relative;display:flex;align-items:center;background:#f7f3f0;padding:80px clamp(24px,8vw,136px);isolation:isolate}.hero:after{content:"";position:absolute;inset:auto -15vw -25vw auto;width:75vw;height:75vw;background:radial-gradient(circle at 50% 50%,#f6b4d7aa 0%,#ed9d86aa 28%,#d6a7f777 50%,transparent 72%);filter:blur(15px);z-index:-1}.hero-copy{position:relative;z-index:2;width:min(100%,920px)}.eyebrow{display:flex;align-items:center;gap:14px;color:#716771}.eyebrow-line{display:block;width:35px;height:2px;background:#ea8558}.hero h1{font-size:clamp(75px,12vw,205px);line-height:.78;letter-spacing:-.04em;margin:70px 0 55px;font-weight:900;max-width:1000px}.hero-second{white-space:nowrap}.hero h1 em{font-style:normal;background:linear-gradient(130deg,#f28e48 5%,#eb88b8 47%,#7450ec 100%);background-clip:text;-webkit-background-clip:text;color:transparent}.period{color:#eeb3d2}.lead{font-size:clamp(20px,2.5vw,33px);line-height:1.38;letter-spacing:-.04em;font-weight:600}.hero-rule{height:1px;background:#17182d44;margin-top:85px;width:min(100%,500px)}.hero-foot{display:flex;gap:40px;color:#726b78;margin-top:16px}.hero-mark{position:absolute;right:3vw;top:9%;font-size:min(57vw,850px);line-height:1;font-weight:900;letter-spacing:-.15em;color:#e9b9d4;opacity:.62;z-index:0;transform:rotate(-11deg);pointer-events:none}.mark-glint{position:absolute;color:#ffdf9b;font-size:.18em;left:46%;top:14%;text-shadow:0 0 45px #ef8a9c}.film-section{background:#17182d;color:#f9f3f0;padding:clamp(85px,9vw,145px) clamp(24px,6vw,100px) 120px}.section-intro{max-width:1250px;margin:0 auto 64px;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:start;gap:26px}.small-label{color:#ee9d9a}.section-intro h2,.about h2{font-weight:650;letter-spacing:-.065em;font-size:clamp(42px,5.5vw,84px);line-height:1.06;margin:-10px 0 0}.section-intro h2 i,.about h2 i{font-style:normal;color:#e99dba}.section-intro p{color:#b9b3c8;line-height:1.75;font-size:14px;margin:0}.film-layout{max-width:1250px;margin:auto;display:grid;grid-template-columns:minmax(340px,1fr) minmax(320px,.82fr);gap:clamp(45px,7vw,115px);align-items:stretch}.stage-wrap{min-width:0}.stage-label,.stage-caption{display:flex;justify-content:space-between;color:#b9b3c8}.stage-label{margin-bottom:12px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:100%;background:#f99b6b;box-shadow:0 0 13px #f99b6b;margin:0 8px 1px 0}.stage{position:relative;width:min(100%,520px);aspect-ratio:9/16;overflow:hidden;background:#fff;box-shadow:0 40px 75px #05051188}.stage:fullscreen{width:100vw;height:100vh;aspect-ratio:auto;background:#080913;display:grid;place-items:center}.stage:fullscreen #root{width:min(100vw,56.25vh);height:100vh}.stage-caption{width:min(100%,520px);margin-top:15px}.stage-caption span{color:#ef8e94}.film-side{display:flex;flex-direction:column}.film-index{font-size:30px;color:#eea2ba}.film-index span{font-size:11px;color:#b6a8bd;letter-spacing:.15em;margin-left:10px;vertical-align:7px}.film-side-main{padding-top:clamp(40px,10vh,130px)}.film-name{font-size:clamp(68px,8vw,130px);font-weight:850;letter-spacing:-.09em;line-height:1}.film-name span{font-size:20px;letter-spacing:0;vertical-align:top;margin:13px 0 0 7px;color:#efabca}.film-description{font-size:clamp(18px,2vw,27px);line-height:1.45;color:#e8dfe5;margin:30px 0 55px}.specs{display:grid;grid-template-columns:1fr 1fr;gap:23px 14px;border-top:1px solid #ffffff2b;border-bottom:1px solid #ffffff2b;padding:27px 0}.specs div{display:flex;flex-direction:column;gap:7px}.specs span{color:#a99aaf}.specs strong{font-size:14px;letter-spacing:.02em}.controls{margin-top:auto;padding-top:70px}.time-line output{font-size:39px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.07em}.time-line span{color:#9e94a8;font-size:11px;letter-spacing:.08em}#scrub{display:block;width:100%;accent-color:#f096ac;cursor:pointer;margin:15px 0 25px;height:5px}.control-main,.control-frame,.control-options{display:flex;align-items:center;gap:9px}.control-main button{border:1px solid #ffffff37;background:transparent;color:#f7f1f3;min-height:48px;padding:0 17px}.control-main .play-button{background:linear-gradient(120deg,#f7af83,#ed9ac4);color:#1c1724;border:none;font-weight:800;flex:1;text-align:left}.play-button span{margin-right:16px}.control-main .icon-button{font-size:24px}.control-main .sound-button{white-space:nowrap;font-size:12px}.control-main button:disabled{opacity:.4;cursor:wait}.control-frame{justify-content:space-between;margin-top:12px}.control-frame button,.control-options button{border:0;background:none;color:#c4b8c8;padding:9px 0}.control-frame output{font-variant-numeric:tabular-nums}.control-options{justify-content:space-between;margin-top:9px;color:#c4b8c8}.control-options select{background:#292b47;color:#fff;border:0;border-radius:4px;padding:5px}.control-options input{accent-color:#ef9ba5}.status{color:#dca2b8;min-height:1.2em;margin-top:20px;letter-spacing:.02em}#root{position:relative;width:100%;height:100%;overflow:hidden;background:#fff}#art,#cube{position:absolute;inset:0;width:100%;height:100%}.clip{position:absolute;inset:0}#loading{position:absolute;inset:0;display:grid;place-items:center;background:#17182de5;color:white;font-size:13px}#loading[hidden]{display:none}.about{background:#f7f3f0;padding:clamp(90px,9vw,150px) clamp(24px,6vw,100px)}.about>.small-label{max-width:1250px;margin:auto auto 52px;color:#aa6387}.about-grid{max-width:1250px;margin:auto;display:grid;grid-template-columns:1.25fr .75fr;gap:65px;align-items:end}.about h2 i{color:#d782aa}.about-copy p{font-size:17px;color:#625f70;line-height:1.8;max-width:500px;margin:0 0 35px}.about-tags{display:flex;flex-wrap:wrap;gap:9px}.about-tags span{border:1px solid #b6aeba;border-radius:30px;padding:10px 13px;font-size:10px;font-weight:750;letter-spacing:.08em}footer{background:#17182d;color:#d6cada;padding:28px clamp(24px,6vw,100px);display:flex;justify-content:space-between;gap:20px}footer a{text-decoration:none;color:#efa9b9}@media(max-width:900px){.header-meta{display:none}.hero{min-height:680px}.hero-mark{top:29%;right:-7vw;font-size:75vw}.section-intro{grid-template-columns:1fr 1fr}.section-intro .small-label{grid-column:1/-1}.film-layout{grid-template-columns:1fr;justify-items:center}.stage-wrap{width:min(100%,520px)}.film-side{width:min(100%,520px)}.film-side-main{padding-top:40px}.controls{padding-top:40px}.about-grid{grid-template-columns:1fr}.about-copy{max-width:600px}}@media(max-width:600px){.site-header{height:68px}.header-link{font-size:9px}.hero{min-height:calc(100svh - 68px);padding:75px 25px 55px;align-items:center}.hero h1{font-size:clamp(67px,17vw,105px);margin:65px 0 55px;letter-spacing:-.025em}.hero-second{font-size:clamp(43px,11vw,56px);letter-spacing:-.02em;display:inline-block;margin-top:5px}.hero-mark{font-size:90vw;right:-20vw;top:37%;opacity:.42}.lead{font-size:22px}.hero-rule{margin-top:70px}.hero-foot{font-size:9px;gap:14px;flex-direction:column}.film-section{padding:85px 20px 90px}.section-intro{display:block;margin-bottom:44px}.section-intro h2{font-size:45px;margin:20px 0}.section-intro p{max-width:420px}.film-layout{display:block}.stage{width:100%}.stage-label,.stage-caption{font-size:9px}.film-side{width:100%}.film-name{font-size:76px}.film-side-main{padding-top:36px}.controls{padding-top:50px}.about{padding:90px 24px}.about h2{font-size:42px}.about-copy p{font-size:15px}footer{font-size:9px;flex-wrap:wrap}}
/* Film diagnostics and frame-by-frame storyboard */
.control-main{flex-wrap:wrap}.control-main .wireframe-button{font-size:12px;white-space:nowrap;border-color:#ee9fbd;color:#f6c5d8}.control-main .wireframe-button[aria-pressed="true"]{background:#ee9fbd;color:#1c1724;font-weight:800}.wireframe-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none;display:none}.stage.wireframe .wireframe-canvas{display:block}.stage.wireframe:after{content:"PATH WIREFRAME · LIVE";position:absolute;top:13px;left:13px;z-index:6;background:#17182dea;color:#f6d0dd;padding:7px 10px;font:700 9px/1 Inter,Arial,sans-serif;letter-spacing:.12em;pointer-events:none}.storyboard{background:#eee9ec;padding:clamp(90px,9vw,145px) clamp(24px,6vw,100px) 100px;color:#17182d}.storyboard-heading{max-width:1250px;margin:auto auto 55px;display:flex;justify-content:space-between;align-items:end;gap:55px}.storyboard-heading .small-label{color:#b56c92;margin-bottom:22px}.storyboard-heading h2{font-size:clamp(42px,5vw,76px);line-height:1.08;letter-spacing:-.065em;margin:0}.storyboard-heading h2 i{font-style:normal;color:#cf7d9e}.storyboard-heading p{font-size:14px;line-height:1.8;color:#696373;max-width:355px;margin:0}.story-grid{max-width:1250px;margin:auto;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:38px 18px}.story-card{display:block;text-align:left;min-width:0;border:0;background:transparent;color:inherit;padding:0}.story-image{display:block;aspect-ratio:9/16;overflow:hidden;background:#f8f4f2;border:1px solid #cdbfc9;position:relative}.story-image:after{content:"";position:absolute;inset:0;border:6px solid transparent;transition:border .2s}.story-card:hover .story-image:after,.story-card:focus-visible .story-image:after{border-color:#df8db0}.story-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}.story-card:hover img{transform:scale(1.04)}.story-meta{display:flex;justify-content:space-between;color:#927d91;font-size:10px;font-weight:800;letter-spacing:.12em;margin-top:14px}.story-card strong{display:block;font-size:17px;margin-top:8px;letter-spacing:-.03em}.story-card small{display:block;font-size:11px;color:#79707c;line-height:1.6;margin-top:5px}.storyboard-note{max-width:1250px;margin:64px auto 0;padding-top:17px;border-top:1px solid #baaab5;display:flex;justify-content:space-between;gap:20px;color:#7c7080;font-size:10px;letter-spacing:.12em;font-weight:750}@media(max-width:950px){.story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.storyboard-heading{display:block}.storyboard-heading p{margin-top:25px;max-width:640px}}@media(max-width:600px){.storyboard{padding:85px 20px}.storyboard-heading h2{font-size:43px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 13px}.story-card strong{font-size:15px}.storyboard-note{font-size:8px;line-height:1.6}.control-main .play-button{flex:1 1 50%}.control-main .wireframe-button{flex:1 1 100%;text-align:center}}
/* Desktop-only interactive film; mobile retains the visual storyboard. */
.mobile-watch-note{display:none}
@media (max-width:767px), (pointer:coarse) and (max-width:1024px){
  .film-layout{display:none!important}
  .mobile-watch-note{display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:480px;margin:42px auto 0;padding:36px 30px 40px;background:linear-gradient(145deg,#faf5f5,#f2e6ef);border:1px solid #e2bad1;color:#1b1b2f;box-shadow:0 20px 45px #09091828}
  .mobile-watch-symbol{font-size:36px;color:#e787af;line-height:1}
  .mobile-watch-kicker{font-size:10px;font-weight:800;letter-spacing:.16em;color:#aa7194}
  .mobile-watch-note h3{font-size:clamp(30px,8vw,42px);letter-spacing:-.055em;line-height:1.1;margin:13px 0 0}
  .mobile-watch-note p{font-size:14px;line-height:1.75;color:#6c6677;margin:0;max-width:28em}
}

.mobile-copy{display:none}@media (max-width:767px), (pointer:coarse) and (max-width:1024px){.desktop-copy{display:none}.mobile-copy{display:inline}}