@font-face{font-family:LumaInter;src:url('/assets/concept/inter-semibold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
:root{color-scheme:dark;--night:#08090c;--paper:#f3f3f5;--ink:#17171b;--violet:#8271ff;--ease:cubic-bezier(.2,.65,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--night);color:#fff;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}button,select,a{-webkit-tap-highlight-color:transparent}button,select{font:inherit}button,a,select{touch-action:manipulation}button,a{color:inherit}a{text-decoration:none}button{cursor:pointer}img{display:block;width:100%;height:auto}figure,p,h1,h2,ul{margin:0}button:focus-visible,a:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #8271ff;outline-offset:6px}h1,h2,.wordmark,.invitation-word,.manifest-heading{font-family:LumaInter,Arial,sans-serif;font-weight:600;letter-spacing:-.065em}h1,h2{text-wrap:balance}p{text-wrap:pretty}button svg,svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}section{scroll-margin-top:72px}.skip{position:fixed;z-index:200;inset:14px auto auto 16px;padding:12px 18px;border-radius:10px;background:white;color:black;transform:translateY(-150%)}.skip:focus{transform:none}

/* A single quiet navigation, suspended above each scene. */
.concept-nav{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:14px 4vw;color:#fff;background:linear-gradient(#08090c99,transparent);transition:color .25s,background .25s}
.concept-nav.is-light{color:var(--ink);background:linear-gradient(#f3f3f5ee,#f3f3f5b8,transparent)}
.wordmark{font-size:42px;line-height:1;letter-spacing:-.085em}.brand-dot{color:#a18dff}.concept-nav nav{display:flex;gap:32px;margin-inline-start:auto;margin-inline-end:28px}.concept-nav nav a{font-size:13px;font-weight:600;opacity:.78}.concept-nav nav a:hover{opacity:1}.nav-actions{display:flex;align-items:center;gap:16px}.nav-download{padding:11px 19px;border-radius:30px;font-size:13px;font-weight:600;color:var(--night);background:#fff}.is-light .nav-download{background:var(--ink);color:white}#concept-language{color:inherit;border:0;background:transparent;font-size:12px;cursor:pointer;width:57px;min-height:34px;padding:4px}#concept-language option{color:#111;background:white}.motion-toggle{width:32px;height:32px;padding:6px;border:1px solid currentColor;border-radius:50%;background:none;opacity:.6}.motion-toggle svg{width:100%;height:100%;stroke-width:2}.motion-toggle[hidden]{display:none}.play-symbol{display:none}.motion-toggle[aria-pressed=true] .pause-symbol{display:none}.motion-toggle[aria-pressed=true] .play-symbol{display:block}.page-progress{position:absolute;bottom:0;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(var(--page-progress,0));transform-origin:0 50%;opacity:.25}

/* Static, accessible document is the default. Motion only enhances these scenes. */
.scene{position:relative}.stage{position:relative;padding:110px 5vw 70px;overflow:clip}.opening{background:var(--night)}.opening-intro{text-align:center;position:relative;z-index:5;max-width:1800px;margin:0 auto 80px}.opening-intro h1{font-size:clamp(62px,7.5vw,170px);line-height:1.02}.opening-intro>p{margin:30px auto 0;color:#e0e0e4;font-size:clamp(18px,1.5vw,25px);line-height:1.5}.film-button{display:inline-flex;align-items:center;gap:11px;border:1px solid #ffffff48;background:#ffffff13;backdrop-filter:blur(14px);padding:15px 24px;border-radius:40px;margin-top:30px;font-size:14px;font-weight:600}.film-button:hover{background:#ffffff25}.film-button svg{width:20px;height:20px;fill:currentColor;stroke:none}.opening-visual{position:relative;width:100%;max-width:1600px;margin:0 auto 60px}.display-glass{position:relative;overflow:hidden;border-radius:20px;border:1px solid #ffffff32;box-shadow:0 40px 120px #0006;aspect-ratio:16/9;background:#101017}.display-glass img{width:100%;height:100%;object-fit:contain}.opening-tv{position:absolute;inset:0;opacity:0}.opening-shade{display:none}.opening-end{position:relative;max-width:1200px;margin:60px auto;text-align:center}.opening-end h2{font-size:clamp(44px,5vw,100px);line-height:1.04}.opening-end p{font-size:18px;line-height:1.55;margin:22px auto 0;max-width:560px;color:#a4a4af}.phone{position:relative;padding:6px;background:#141419;border:1px solid #4c4c56;border-radius:clamp(24px,2.5vw,46px);box-shadow:0 35px 65px #0002;overflow:hidden;aspect-ratio:1080/2400}.phone img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.opening-phone{width:min(300px,65vw);margin:auto}.opening-scroll{display:none}

.manifest{background:var(--paper);color:var(--ink);padding:140px 10vw 170px;display:grid;grid-template-columns:1.45fr .55fr;align-items:end;gap:6vw}.manifest-heading{font-size:clamp(60px,7.4vw,158px);line-height:1.02}.manifest-heading span{display:block;white-space:normal}.manifest-last{color:#7661d8}.manifest>p{max-width:420px;font-size:clamp(19px,1.35vw,26px);line-height:1.5;padding-bottom:12px;letter-spacing:-.035em}
.cinema{background:var(--paper);color:var(--ink)}.cinema .stage{padding-top:60px}.cinema-intro{position:relative;max-width:1400px;margin:auto;text-align:center}.cinema-intro h2{font-size:clamp(54px,5.8vw,122px);line-height:1.02}.cinema-intro p{max-width:600px;margin:25px auto 0;font-size:20px;line-height:1.5;color:#6d6d74}.poster-wall{display:flex;align-items:center;justify-content:center;gap:2vw;margin:70px auto;perspective:1800px;direction:ltr}.poster{position:relative;flex:0 0 16%;aspect-ratio:500/707;border-radius:18px;overflow:hidden;box-shadow:0 28px 45px #1b142326;transform-origin:50% 70%}.poster img{height:100%;object-fit:cover}.poster-1{transform:rotate(-10deg) translateY(50px)}.poster-2{transform:rotate(-5deg) translateY(10px)}.poster-3{z-index:3}.poster-4{transform:rotate(5deg) translateY(10px)}.poster-5{transform:rotate(10deg) translateY(50px)}.cinema-end{margin:140px auto 50px;text-align:center}.cinema-end h2{font-size:clamp(44px,5vw,100px);line-height:1.04}.cinema-detail{width:100%;max-width:1800px;margin:auto}.cinema-detail>a{display:block;overflow:hidden;border-radius:20px;border:1px solid #0002;box-shadow:0 30px 60px #1d21401f}.cinema-detail figcaption{font-size:12px;color:#85858c;margin-top:18px;text-align:center}

.live{background:var(--night);color:#fff}.live .stage{padding-block:130px}.live-copy{position:relative;z-index:3;padding-bottom:60px}.live-copy h2{font-size:clamp(60px,7vw,145px);line-height:1.01}.live-copy p{font-size:clamp(19px,1.4vw,26px);line-height:1.5;color:#aaaab4;max-width:460px;margin-top:28px}.live-copy ul{list-style:none;display:flex;gap:25px;padding:0;margin-top:35px;color:#e0e0e8;font-size:14px}.live-copy li{border-bottom:1px solid #777780;padding-bottom:10px}.live-window{position:relative;width:100%;border:1px solid #ffffff26;border-radius:22px;overflow:hidden;box-shadow:0 30px 100px #0006}.live-daylight{display:none}

.mobile{background:var(--paper);color:var(--ink)}.mobile .stage{padding-top:110px}.mobile-copy{text-align:center;position:relative;z-index:4;margin:auto;max-width:1400px}.mobile-copy h2{font-size:clamp(60px,7vw,145px);line-height:1.04}.mobile-copy p{font-size:20px;line-height:1.5;max-width:600px;margin:24px auto 0;color:#72727a}.phone-group{position:relative;display:flex;justify-content:center;align-items:center;gap:5vw;margin:90px auto 20px;direction:ltr}.phone-group .phone{width:min(24vw,325px)}.mobile-left{transform:rotate(-10deg) translateY(45px)}.mobile-right{transform:rotate(10deg) translateY(45px)}.mobile-center{z-index:2}
.invitation{position:relative;text-align:center;background:var(--night);padding:50px 20px 125px;overflow:hidden}.invitation-word{color:#eee9ff;font-size:clamp(160px,37vw,860px);line-height:1.2;letter-spacing:-.09em;padding-inline-end:.07em;background:linear-gradient(140deg,#fff 20%,#b9aaff 48%,#7162ed 66%,#aee6ff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.invitation-copy{position:relative;max-width:1000px;margin:auto}.invitation h2{font-size:clamp(46px,5.2vw,108px);line-height:1.05}.invitation p{max-width:580px;font-size:21px;line-height:1.5;color:#9999a7;margin:26px auto}.invitation-actions{display:flex;justify-content:center;align-items:center;gap:30px;flex-wrap:wrap;margin-top:36px}.primary-button{font-size:17px;font-weight:600;padding:18px 30px;border-radius:40px;color:#101016;background:#f6f4ff;transition:transform .2s,box-shadow .2s}.primary-button:hover{transform:translateY(-3px);box-shadow:0 10px 35px #aea0ff30}.premium-link{font-size:15px;color:#b8adff;text-underline-offset:5px}.premium-link:hover{text-decoration:underline}.invitation .platforms{font-size:13px;color:#71717e;margin-top:42px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:40px 5vw;border-top:1px solid #ffffff16}.footer-main p{color:#81818d;font-size:12px}.footer-main nav{display:flex;gap:25px;font-size:12px;color:#c9c9d2}.credits{padding:0 5vw 32px;font-size:11px;color:#6e6e7c;line-height:1.7}.credits details{margin-top:5px}.credits summary{cursor:pointer}.credits details p{margin-top:14px}.credits a{text-decoration:underline;text-underline-offset:3px}
.film-dialog{width:min(1200px,94vw);padding:18px;border:1px solid #ffffff26;border-radius:22px;background:#101016;color:white;max-height:90svh;margin:auto}.film-dialog::backdrop{background:#000d;backdrop-filter:blur(12px)}.film-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.film-toolbar h2{font-size:22px;letter-spacing:-.03em}.film-toolbar button{color:white;background:#ffffff15;border:0;border-radius:50%;width:38px;height:38px;padding:8px}.film-toolbar svg{height:22px;width:22px}.film-dialog video{display:block;width:100%;max-height:70svh;background:black;border-radius:10px}.film-dialog>p{font-size:12px;color:#9999aa;margin-top:16px}

/* Camera choreography. Every transform is driven by native scroll position. */
.has-motion .opening{height:410svh}.has-motion .cinema{height:340svh}.has-motion .live{height:290svh}.has-motion .mobile{height:270svh}
.has-motion .scene>.stage{position:sticky;top:0;height:100svh;padding:0;isolation:isolate;overflow:clip}
.has-motion .opening-visual{position:absolute;width:92vw;max-width:none;margin:0;left:var(--screen-x,50%);top:var(--screen-y,52%);transform:translate(-50%,-50%) scale(var(--screen-s,1.4));z-index:1}.has-motion .display-glass{border-radius:var(--screen-radius,0px)}.has-motion .opening-tv{opacity:var(--tv-o,0)}
.has-motion .opening-shade{display:block;position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,#03040ba6,#03040b70 40%,#03040bcc);opacity:var(--shade-o,1);pointer-events:none}
.has-motion .opening-intro{position:absolute;inset-inline:4vw;top:45%;max-width:none;margin:0;transform:translateY(calc(-50% + var(--intro-y,0px))) scale(var(--intro-s,1));opacity:var(--intro-o,1)}
.has-motion .opening-end{position:absolute;z-index:3;inset-inline:5vw;top:10%;margin:0;max-width:none;opacity:var(--end-o,0);transform:translateY(var(--end-y,40px));pointer-events:none}.has-motion .opening-end h2{font-size:clamp(44px,3.9vw,84px)}.has-motion .opening-end p{font-size:16px;max-width:660px;margin-top:18px}
.has-motion .opening-phone{position:absolute;z-index:4;height:var(--phone-height,60svh);width:auto;max-width:27vw;margin:0;left:80%;top:var(--phone-top,64%);transform:translate(-50%,-50%) translateY(var(--phone-y,80vh)) rotate(var(--phone-r,12deg));opacity:var(--phone-o,0)}
.has-motion .opening-scroll{display:grid;place-items:center;position:absolute;z-index:6;left:50%;bottom:5%;width:42px;height:48px;transform:translateX(-50%);opacity:var(--intro-o,1)}.opening-scroll svg{width:28px;height:28px}
.has-motion [data-ink]{color:rgb(var(--ink-rgb,201 201 207))}.has-motion .manifest-last{color:rgb(var(--accent-rgb,201 201 207))}
.has-motion .cinema-intro{position:absolute;z-index:4;inset-inline:5vw;top:10%;max-width:none;margin:0;opacity:var(--cinema-intro-o,1);transform:translateY(var(--cinema-intro-y,0px))}.has-motion .cinema-intro h2{font-size:clamp(52px,5.6vw,118px)}
.has-motion .poster-wall{position:absolute;z-index:2;margin:0;left:50%;top:65%;width:110vw;gap:2.3vw;transform:translate(calc(-50% + var(--wall-x,18vw)),-50%) scale(var(--wall-s,.82));opacity:var(--wall-o,1)}.has-motion .poster{flex-basis:17%;max-height:51svh}.has-motion .poster img{object-fit:contain;background:#e6e6eb}.has-motion .poster-1{transform:translateY(var(--outer-y,60px)) rotate(var(--outer-r,-12deg))}.has-motion .poster-2{transform:translateY(var(--inner-y,20px)) rotate(var(--inner-r,-5deg))}.has-motion .poster-3{transform:translateY(var(--middle-y,0px)) scale(var(--middle-s,1))}.has-motion .poster-4{transform:translateY(var(--inner-y,20px)) rotate(calc(var(--inner-r,-5deg) * -1))}.has-motion .poster-5{transform:translateY(var(--outer-y,60px)) rotate(calc(var(--outer-r,-12deg) * -1))}
.has-motion .cinema-end{position:absolute;inset-inline:4vw;top:9%;margin:0;z-index:4;opacity:var(--detail-title-o,0);transform:translateY(var(--detail-title-y,40px));pointer-events:none}.has-motion .cinema-end h2{font-size:clamp(44px,4.5vw,92px)}
.has-motion .cinema-detail{position:absolute;z-index:3;width:var(--detail-width,min(88vw,calc(64svh * 16 / 9)));max-width:none;margin:0;left:50%;top:var(--detail-top,66%);transform:translate(-50%,-50%) scale(var(--detail-s,.6));opacity:var(--detail-o,0);clip-path:inset(0 var(--detail-clip,34%) round 22px)}
.has-motion .live-copy{position:absolute;inset-inline-start:6vw;top:22%;padding:0;opacity:var(--live-copy-o,1);transform:translateY(var(--live-copy-y,0px));pointer-events:none}.has-motion .live-copy h2{font-size:clamp(62px,6.9vw,144px)}
.has-motion .live-window{position:absolute;z-index:1;width:min(94vw,calc(80svh * 16 / 9));left:50%;top:54%;transform:translate(calc(-50% + var(--live-x,25vw)),-50%) scale(var(--live-s,1.15));clip-path:inset(var(--live-edge-y,10%) var(--live-edge-right,4%) var(--live-edge-y,10%) var(--live-edge-left,46%) round var(--live-radius,50px));opacity:var(--live-o,1)}
.has-motion .live-daylight{display:block;position:absolute;z-index:5;inset:0;background:var(--paper);opacity:var(--daylight-o,0);pointer-events:none}
.has-motion .mobile-copy{position:absolute;z-index:4;inset-inline:5vw;top:10%;max-width:none;opacity:var(--mobile-copy-o,1);transform:translateY(var(--mobile-copy-y,0px))}.has-motion .mobile-copy h2{font-size:clamp(58px,6vw,125px)}
.has-motion .phone-group{position:absolute;width:100%;height:64svh;top:37%;left:0;margin:0;display:block;transform:translateY(var(--phones-y,18vh)) scale(var(--phones-s,.8))}.has-motion .phone-group .phone{position:absolute;height:100%;width:auto;max-width:31vw;left:50%;top:0;box-shadow:0 30px 70px #241c3c29}.has-motion .mobile-center{transform:translateX(-50%) scale(var(--center-s,1));z-index:3}.has-motion .mobile-left{transform:translateX(calc(-50% - var(--spread,33vw))) translateY(var(--side-y,7vh)) rotate(var(--side-r,-12deg));opacity:var(--side-o,1)}.has-motion .mobile-right{transform:translateX(calc(-50% + var(--spread,33vw))) translateY(var(--side-y,7vh)) rotate(calc(var(--side-r,-12deg) * -1));opacity:var(--side-o,1)}
.has-motion .invitation-word{transform:translateY(var(--word-y,70px)) scale(var(--word-s,.8));opacity:var(--word-o,.3)}

@media(min-width:1800px){.concept-nav{padding-block:20px}.wordmark{font-size:46px}.concept-nav nav a,.nav-download{font-size:14px}.manifest{padding-block:180px 220px}.footer-main{padding-block:48px}}
@media(max-width:1000px){.concept-nav{gap:18px}.concept-nav nav{gap:18px;margin-inline-end:10px}.manifest{grid-template-columns:1fr;gap:45px;padding:100px 8vw}.manifest>p{max-width:540px}.footer-main{flex-wrap:wrap}.has-motion .opening-end{top:15%}.has-motion .opening-end h2{font-size:60px}.has-motion .cinema-intro p{max-width:480px;font-size:18px}.has-motion .live-copy{top:16%}.has-motion .live-copy p{font-size:19px}.has-motion .mobile-copy p{max-width:490px;font-size:18px}}
@media(max-width:700px){
  html{scroll-padding-top:70px}.concept-nav{padding:15px 20px;gap:12px}.wordmark{font-size:36px}.concept-nav nav{display:none}.nav-actions{gap:10px}.nav-download{padding:10px 14px;font-size:12px}#concept-language{width:43px;font-size:11px}.motion-toggle{width:27px;height:27px;padding:5px}
  .stage{padding:120px 20px 70px}.opening-intro{margin-bottom:42px}.opening-intro h1{font-size:clamp(43px,11vw,70px);line-height:1.04}.opening-intro>p{font-size:17px;margin-top:24px}.film-button{font-size:13px;padding:13px 19px;margin-top:24px}.opening-end{margin:55px auto 35px}.opening-end h2{font-size:40px}.opening-end p{font-size:16px}.opening-visual{margin-bottom:35px}.display-glass{border-radius:12px}.phone{padding:4px;border-radius:26px}
  .manifest{padding:95px 7vw 110px;gap:40px}.manifest-heading{font-size:clamp(51px,12.9vw,84px);line-height:1.08}.manifest>p{font-size:20px;max-width:330px}.cinema .stage{padding-top:45px}.cinema-intro h2{font-size:43px}.cinema-intro p{font-size:17px;margin-top:22px}.poster-wall{width:145%;margin:50px -22.5% 70px;gap:12px}.poster{border-radius:10px;flex-basis:18%}.poster-1{transform:rotate(-10deg) translateY(25px)}.poster-5{transform:rotate(10deg) translateY(25px)}.cinema-end{margin:75px 0 30px}.cinema-end h2{font-size:38px}.cinema-detail>a{border-radius:12px}.cinema-detail figcaption{font-size:10px}
  .live .stage{padding:85px 20px}.live-copy{padding-bottom:42px}.live-copy h2{font-size:clamp(52px,13vw,80px)}.live-copy p{font-size:19px}.live-copy ul{font-size:12px;gap:20px}.live-window{border-radius:12px}.mobile .stage{padding:85px 20px}.mobile-copy h2{font-size:50px}.mobile-copy p{font-size:18px}.phone-group{width:150%;margin:60px -25% 25px;gap:18px}.phone-group .phone{width:35vw;flex-shrink:0;padding:3px;border-radius:18px}.invitation{padding:60px 22px 85px}.invitation-word{font-size:37vw;padding-bottom:35px}.invitation h2{font-size:45px}.invitation p{font-size:18px}.invitation-actions{flex-direction:column;gap:23px}.primary-button{padding:17px 30px;font-size:16px}.footer-main{padding:30px 24px;gap:22px}.footer-main p{width:100%;font-size:11px}.footer-main nav{gap:24px}.credits{padding:0 24px 30px;font-size:10px}
  .has-motion .opening{height:310svh}.has-motion .cinema{height:285svh}.has-motion .live{height:240svh}.has-motion .mobile{height:250svh}
  .has-motion .opening-intro{inset-inline:20px;top:44%}.has-motion .opening-end{top:16%;inset-inline:22px}.has-motion .opening-end h2{font-size:clamp(35px,9vw,52px)}.has-motion .opening-end p{font-size:14px;max-width:280px;margin-top:18px}.has-motion .opening-phone{height:43svh;max-width:46vw;left:69%;top:74%}.has-motion .opening-scroll{bottom:7%}
  .has-motion .cinema-intro{top:13%;inset-inline:24px}.has-motion .cinema-intro h2{font-size:clamp(36px,9.5vw,56px)}.has-motion .cinema-intro p{font-size:16px;max-width:310px}.has-motion .poster-wall{width:215vw;gap:4vw;top:65%}.has-motion .poster{flex-basis:17%;max-height:44svh;border-radius:12px}.has-motion .cinema-end{top:16%;inset-inline:24px}.has-motion .cinema-end h2{font-size:37px}.has-motion .cinema-detail{width:94vw;top:57%}.has-motion .cinema-detail figcaption{font-size:10px}
  .has-motion .live-copy{top:15%;inset-inline:24px}.has-motion .live-copy h2{font-size:clamp(52px,13vw,74px)}.has-motion .live-copy p{font-size:18px;max-width:280px;margin-top:24px}.has-motion .live-copy ul{font-size:13px}.has-motion .live-window{width:150vw;top:64%;border-radius:14px}
  .has-motion .mobile-copy{top:13%;inset-inline:22px}.has-motion .mobile-copy h2{font-size:49px}.has-motion .mobile-copy p{max-width:320px;font-size:17px;margin-top:20px}.has-motion .phone-group{height:49svh;top:41%}.has-motion .phone-group .phone{max-width:49vw;border-radius:24px}.has-motion .invitation-word{padding-bottom:20px}
}
@media(max-width:360px){.concept-nav{padding-inline:14px}.wordmark{font-size:32px}.nav-actions{gap:7px}.nav-download{font-size:11px;padding-inline:12px}.opening-intro h1{font-size:40px}.has-motion .opening-end h2{font-size:32px}.has-motion .mobile-copy h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}