:root{color-scheme:dark;--bg:#0b0b0b;--surface:#181818;--red:#ff2e4d;--text:#f2f2f2;--muted:#aaa;--line:#333}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:6px}p{font-size:18px;line-height:1.55;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:750;letter-spacing:-.055em;line-height:1.03}h2{font-size:clamp(36px,4.6vw,68px);margin-bottom:28px}h3{letter-spacing:-.025em}img,video{display:block;max-width:100%;object-fit:cover}button{border:0}.skip{position:fixed;top:-80px;left:20px;z-index:50;padding:15px;background:var(--red)}.skip:focus{top:10px}.header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;position:relative;z-index:5}.logo{font-size:36px;font-weight:850;letter-spacing:-2px}.logo span{color:var(--red)}nav{display:flex;gap:30px;font-size:14px}nav a{padding:15px 0}nav a:hover,.text-link:hover{color:var(--red)}.platform{font-size:13px;color:var(--muted)}.hero{height:760px;max-height:950px;min-height:640px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero-copy{position:relative;z-index:3;padding:120px 0 0 7%;width:57%;pointer-events:none}.hero-copy h1{font-size:clamp(64px,6.6vw,104px);margin-bottom:28px}.hero-copy p{font-size:18px;max-width:440px;color:#c1c1c1}.hero-copy a{pointer-events:auto}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:#dc1939;color:white;border-radius:100px;padding:19px 27px;font-weight:650;font-size:16px;min-height:58px;transition:background .2s}.button:hover{background:#d92340}.button span{font-size:24px;line-height:16px}.hero-note{display:block;margin-top:18px;font-size:12px;color:var(--muted)}.hero-film{position:absolute;inset:18px -90px 70px 44%;display:flex;align-items:center;gap:20px;transform:rotate(8deg)}.hero-film:before{content:'';position:absolute;inset:-60px;z-index:2;pointer-events:none;background:linear-gradient(90deg,var(--bg) 0%,transparent 35%)}.movie{height:100%;aspect-ratio:9/16;position:relative;flex-shrink:0;border-radius:20px;overflow:hidden;background:var(--surface)}.movie video{width:100%;height:100%}.side-frame{height:76%;width:31%;border-radius:16px;filter:brightness(.55)}.edge-frame{height:78%;width:31%;border-radius:16px;filter:brightness(.6)}.film-caption{position:absolute;bottom:0;width:100%;padding:80px 22px 24px;background:linear-gradient(transparent,#000c);display:flex;align-items:center;gap:15px;justify-content:space-between;font-size:13px}.play{border:1px solid #ffffff70;border-radius:100px;background:#131313bd;padding:12px 16px;min-height:44px;font-size:12px;position:relative;z-index:4}.play:hover{background:var(--red)}.hero-bottom{position:absolute;bottom:25px;left:7%;right:7%;display:flex;justify-content:space-between;color:var(--muted);font-size:12px;z-index:3}.hero-bottom span:nth-child(2){font-size:22px;color:var(--red)}.section{padding:100px 7%;max-width:1700px;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px;gap:30px}.section-heading h2{margin:0}.section-heading p{margin:0 0 5px}.story-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.story{position:relative;aspect-ratio:9/16;overflow:hidden;text-align:left;padding:0;border-radius:13px;background:var(--surface)}.story:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#000e);pointer-events:none}.story img{height:100%;width:100%;transition:transform .5s}.story:hover img{transform:scale(1.035)}.story[aria-pressed=true]{outline:2px solid var(--red);outline-offset:5px}.story-type,.story-title,.story-action{position:absolute;left:20px;right:15px;z-index:1}.story-type{bottom:86px;font-size:12px;color:#ddd}.story-title{bottom:47px;font-size:clamp(18px,2vw,30px);font-weight:700;letter-spacing:-.035em}.story-action{bottom:20px;font-size:12px;display:flex;justify-content:space-between}.story-action span{color:var(--red)}.story-detail{display:grid;grid-template-columns:1fr 2fr 1fr;gap:25px;padding-top:35px;align-items:start;min-height:175px}.story-detail h3{font-size:25px}.story-detail p{font-size:15px;max-width:600px}.story-detail>span{font-size:12px;color:var(--muted);text-align:right;padding-top:6px}.feature{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding-top:35px}.feature-film{position:relative;aspect-ratio:9/12;max-width:520px;overflow:hidden;border-radius:16px;background:var(--surface)}.feature-film video{height:100%;width:100%;object-position:center 42%}.feature-film .play{position:absolute;bottom:20px;right:20px}.feature-film>span{position:absolute;top:20px;left:20px;font-size:12px;background:#0009;padding:8px 12px;border-radius:30px}.feature-copy p{max-width:390px}.text-link{display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid var(--red);padding:15px 0;font-size:16px}.text-link span{color:var(--red)}.how{display:grid;grid-template-columns:1fr 1fr;gap:8%;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.how ol{list-style:none;padding:0;margin:0}.how li{display:flex;gap:24px;margin-bottom:36px}.how li:last-child{margin:0}.how li>span{color:var(--red);font-size:14px;padding-top:5px}.how h3{font-size:24px;margin-bottom:10px}.how p{font-size:16px;margin-bottom:0}.format-row{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:30px;align-items:center;padding:38px 0;border-top:1px solid var(--line)}.format-row h3{font-size:40px;margin:0}.format-row p{font-size:16px;margin:0;max-width:410px}.format-row>span{text-align:right;font-size:12px;color:var(--muted)}.faq{padding-top:25px;max-width:1050px}.faq h2{font-size:40px}.faq details{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;padding:24px 30px 24px 0;min-height:60px;font-size:18px}.faq details p{font-size:16px;padding-bottom:16px;max-width:700px}.closing{text-align:center;padding-top:65px;padding-bottom:100px}.closing .logo{font-size:56px;display:block;margin-bottom:35px}.closing h2{font-size:clamp(34px,4vw,58px)}footer{border-top:1px solid var(--line);padding:36px 7%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:var(--muted)}footer div{display:flex;gap:24px}footer a{padding:14px 0}footer small{width:100%;font-size:11px;color:var(--muted)}.legal{max-width:900px;padding:65px 6% 100px;margin:auto}.legal h1{font-size:56px}.legal h2{font-size:27px;letter-spacing:-.025em;margin-top:40px;margin-bottom:14px}.legal p,.legal li{font-size:16px;line-height:1.7;color:#bbb}.legal a{text-decoration:underline;text-underline-offset:4px}.draft{border-left:3px solid var(--red);background:var(--surface);padding:22px;margin:30px 0}.draft strong{color:white}.legal .meta{font-size:13px}.legal ul{padding-left:20px}
@media(min-width:1700px){.hero-copy{padding-left:max(7%,calc((100vw - 1460px)/2))}.hero{height:850px}}
@media(max-width:1024px){.hero{height:670px}.hero-copy{padding-top:125px;padding-left:5%}.hero-copy h1{font-size:68px}.hero-film{left:40%;right:-180px;gap:15px}.section{padding:75px 5%}.story-grid{gap:14px}.story-type,.story-title,.story-action{left:14px}.section-heading p{font-size:16px}.feature{gap:6%}.story-detail{grid-template-columns:1fr 2fr}.story-detail>span{grid-column:1;text-align:left;grid-row:2;padding:0}.story-detail{padding-bottom:15px}.feature-copy h2{font-size:44px}.header{padding:0 5%}nav{gap:22px}.format-row{grid-template-columns:1fr 1.5fr}.format-row>span{display:none}}
@media(max-width:767px){.header{height:78px;padding:0 6%}.logo{font-size:30px}.platform,.nav-about{display:none}nav{gap:20px;font-size:12px}.hero{height:auto;min-height:0;padding-bottom:70px}.hero-copy{width:100%;padding:38px 6% 0}.hero-copy h1{font-size:clamp(48px,9.5vw,72px);margin-bottom:20px}.hero-copy p{font-size:16px;max-width:360px}.hero-note{display:none}.button{font-size:14px;padding:15px 22px;min-height:54px}.hero-film{position:relative;height:450px;inset:auto;width:128%;margin:35px 0 0 -13%;gap:14px;transform:rotate(6deg);justify-content:center}.hero-film:before{display:none}.side-frame,.edge-frame{width:23%;height:78%}.movie{border-radius:16px}.hero-bottom{left:6%;right:6%;bottom:20px;font-size:10px}.film-caption{font-size:11px;padding:70px 15px 18px}.hero-bottom span:first-child{max-width:130px}.section{padding:65px 6%}h2{font-size:39px}.section-heading{display:block;margin-bottom:30px}.section-heading p{font-size:15px;margin-top:20px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px}.story-type{font-size:10px;bottom:65px;left:12px}.story-title{font-size:20px;bottom:36px;left:12px;letter-spacing:-.045em}.story-action{font-size:10px;bottom:15px;left:12px}.story-detail{display:block;min-height:235px;padding-top:25px}.story-detail h3{font-size:24px;margin-bottom:12px}.story-detail p{font-size:15px;margin-bottom:16px}.story-detail>span{display:block}.feature{display:flex;flex-direction:column-reverse;gap:30px;padding-top:0}.feature-copy h2{font-size:40px}.feature-copy p{font-size:16px}.feature-film{width:100%;max-width:420px;aspect-ratio:9/12}.how{display:block}.how h2{margin-bottom:45px}.how h3{font-size:23px}.format-row{grid-template-columns:1fr;gap:14px;padding:28px 0}.format-row h3{font-size:34px}.format-row p{font-size:16px}.faq{padding-top:5px}.faq h2{font-size:33px}.faq summary{font-size:16px}.closing{padding-top:20px;padding-bottom:70px}.closing h2{font-size:34px}.closing .logo{font-size:50px}footer{padding:30px 6%;display:block}footer div{margin:16px 0}footer small{display:block}.legal{padding:35px 6% 70px}.legal h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.story:hover img{transform:none}}
@media(min-width:768px) and (max-width:1024px){.hero-copy{width:62%}.hero-copy h1{font-size:6.4vw}.hero-copy p{max-width:340px;font-size:16px}.hero-film{left:52%;right:3%;top:5px;bottom:75px;transform:rotate(5deg)}.hero-film .side-frame,.hero-film .edge-frame{display:none}.hero-film .movie{width:100%;height:91%;aspect-ratio:auto}.hero-film:before{background:linear-gradient(90deg,var(--bg),transparent 35%)}.film-caption{padding-left:16px;padding-right:16px;gap:8px}.film-caption>span{max-width:120px}.story-type{font-size:10px}.story-title{font-size:21px}}
.header .logo,footer a{min-height:44px;display:inline-flex;align-items:center}nav a{min-height:44px;display:inline-flex;align-items:center}
/* Second pass: dense film strip, artwork inside content blocks. */
.header{height:82px}.hero{height:660px;min-height:580px}.hero-copy{padding-top:92px}.hero-film{inset:0 -55px 55px 42%}.hero-bottom{bottom:20px}.section{padding-top:58px;padding-bottom:58px}.section-heading{margin-bottom:30px}.section-heading h2{font-size:clamp(35px,4vw,58px)}.stories{padding-bottom:34px}.story-detail{display:block;position:relative;overflow:hidden;margin-top:28px;padding:0;min-height:250px;border-radius:16px;background:#181818}.story-detail>img{position:absolute;inset:0 0 0 auto;width:50%;height:100%;object-position:50% 34%}.story-detail:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#181818 38%,#181818d9 56%,transparent 84%);pointer-events:none}.detail-copy{position:relative;z-index:1;padding:30px 34px;width:65%}.detail-copy h3{font-size:34px;margin-bottom:15px}.detail-copy p{font-size:16px;margin-bottom:20px}.detail-copy>span{font-size:12px;color:#ccc}.feature{padding-top:18px;gap:6%;padding-bottom:45px}.feature-film{max-height:630px}.feature-copy h2{font-size:clamp(36px,4vw,58px)}.feature-copy p{font-size:17px}.moments{margin-top:25px}.moments>p{font-size:12px;margin-bottom:12px}.moment-strip{display:flex;gap:12px}.moment{position:relative;width:27%;max-width:110px;aspect-ratio:9/12;border-radius:9px;overflow:hidden;padding:0;background:var(--surface)}.moment img{width:100%;height:100%;transition:transform .4s}.moment span{position:absolute;bottom:0;inset-inline:0;background:linear-gradient(transparent,#000b);padding:15px 6px 7px;font-size:11px}.moment:hover img{transform:scale(1.08)}.moment[aria-current=true]{outline:2px solid var(--red);outline-offset:3px}.how{align-items:center;padding-top:40px;padding-bottom:40px}.how-intro h2{font-size:44px;margin-bottom:20px}.how-art{height:180px;display:flex;align-items:center;gap:8px;overflow:hidden;padding:8px}.how-art img{width:100px;height:155px;border-radius:9px;object-fit:cover;transform:rotate(-9deg)}.how-art img:nth-child(2){transform:rotate(4deg) translateY(-5px)}.how-art img:nth-child(3){transform:rotate(12deg)}.how li{margin-bottom:26px}.format-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.format-panel{min-width:0;overflow:hidden}.format-art{height:285px;position:relative;overflow:hidden;border-radius:13px;background:var(--surface);isolation:isolate}.format-art img{position:absolute;width:53%;height:93%;object-fit:cover;top:30px;left:-5%;transform:rotate(-12deg);border:3px solid var(--bg);border-radius:12px;transition:transform .55s}.format-art img:nth-child(2){left:25%;top:4px;z-index:2;transform:rotate(3deg)}.format-art img:nth-child(3){left:59%;top:35px;transform:rotate(15deg)}.format-panel:hover .format-art img:first-child{transform:rotate(-17deg) translateY(-8px)}.format-panel:hover .format-art img:nth-child(2){transform:rotate(0) translateY(-4px)}.format-panel:hover .format-art img:nth-child(3){transform:rotate(20deg) translateY(-8px)}.format-panel h3{font-size:34px;margin:20px 0 10px}.format-panel p{font-size:16px;margin:0;max-width:340px}.faq{padding-top:18px;padding-bottom:30px}.faq h2{font-size:34px;margin-bottom:12px}.faq summary{padding-top:20px;padding-bottom:20px}.closing{position:relative;overflow:hidden;padding-top:35px;padding-bottom:50px;isolation:isolate}.closing .logo{font-size:43px;margin-bottom:20px}.closing h2{font-size:clamp(34px,3.7vw,52px)}.closing-art{position:absolute;inset:0;z-index:-1;pointer-events:none}.closing-art img{position:absolute;left:-3%;top:5%;width:23%;height:95%;border-radius:14px;transform:rotate(-12deg);filter:brightness(.55)}.closing-art img:nth-child(2){left:auto;right:-3%;transform:rotate(12deg)}
@media(min-width:768px) and (max-width:1024px){.hero{height:570px;min-height:570px}.hero-copy{padding-top:80px}.hero-film{inset:0 3% 40px 52%}.detail-copy{width:72%;padding:26px}.feature-copy p{font-size:15px}.format-art{height:230px}.format-panel p{font-size:14px}.how-intro h2{font-size:37px}.how-art img{width:27%}}
@media(max-width:767px){.header{height:68px}.hero{height:auto;min-height:0;padding-bottom:53px}.hero-copy{padding-top:22px}.hero-copy h1{font-size:48px;margin-bottom:15px}.hero-copy p{font-size:15px;line-height:1.45;margin-bottom:18px}.hero-film{inset:auto;height:370px;margin-top:25px}.hero-bottom{bottom:12px}.section{padding-top:38px;padding-bottom:38px}.section-heading{margin-bottom:23px}.section-heading p{margin-top:15px}.story-detail{margin-top:22px;min-height:0}.story-detail>img{width:100%;height:100%;opacity:.35}.story-detail:after{background:linear-gradient(90deg,#181818ed,#1818188c)}.detail-copy{width:100%;padding:24px}.detail-copy h3{font-size:28px}.detail-copy p{font-size:15px}.feature{padding-top:0;gap:22px;padding-bottom:34px}.feature-film{max-height:460px;aspect-ratio:9/12}.feature-copy h2{font-size:37px}.feature-copy p{margin-bottom:13px}.moments{margin-top:18px}.moment{width:90px;aspect-ratio:9/10}.feature .text-link{margin-top:8px}.how{padding-top:30px;padding-bottom:30px}.how-intro h2{font-size:36px;margin-bottom:12px}.how-art{height:145px;margin-bottom:24px}.how-art img{height:135px;width:85px}.how h3{font-size:22px}.how p{font-size:15px}.format-gallery{grid-template-columns:1fr;gap:28px}.format-panel{display:grid;grid-template-columns:43% 1fr;column-gap:18px;align-content:center}.format-art{grid-row:1/3;height:180px}.format-art img{width:70%;left:-17%}.format-art img:nth-child(2){left:20%}.format-art img:nth-child(3){left:65%}.format-panel h3{font-size:29px;margin:18px 0 10px}.format-panel p{font-size:14px}.faq{padding-top:6px;padding-bottom:16px}.faq h2{font-size:30px}.closing{padding-top:25px;padding-bottom:35px}.closing h2{font-size:31px}.closing-art img{width:38%;opacity:.35;left:-23%}.closing-art img:nth-child(2){right:-23%}.closing .logo{font-size:39px}}
.story-detail>img{object-position:50% 20%}
.format-art img:first-child{translate:calc(var(--fan,0px) * -1) 0}.format-art img:nth-child(3){translate:var(--fan,0px) 0}
@media(prefers-reduced-motion:reduce){.format-art img{translate:none!important}.format-panel:hover .format-art img{transform:rotate(0deg)}}
/* Brand mark from KimiroLoader and extra hero frames. */
.hero-stills{display:flex;gap:12px;margin-top:25px;width:340px;max-width:90%}.hero-stills a{position:relative;pointer-events:auto;width:100px;height:96px;border-radius:9px;overflow:hidden;background:var(--surface);border:1px solid #ffffff26}.hero-stills img{width:100%;height:100%;object-position:50% 27%;transition:transform .5s}.hero-stills a:hover img{transform:scale(1.12)}.hero-stills span{position:absolute;inset:auto 0 0;padding:18px 8px 7px;font-size:10px;background:linear-gradient(transparent,#000c)}
.closing{display:grid;grid-template-columns:minmax(270px,.85fr) 1.15fr;align-items:center;gap:25px;min-height:440px;padding-top:10px;padding-bottom:25px;text-align:left}.brand-stage{position:relative;height:420px;width:100%;max-width:440px;justify-self:center}.brand-stage canvas{display:block;width:100%;height:100%}.brand-stage .logo{position:absolute;top:66%;left:0;width:100%;text-align:center;font-size:40px;margin:0}.brand-stage .play{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#101010bf;color:#ccc;font-size:11px}.closing-copy{position:relative;z-index:1}.closing-copy h2{font-size:clamp(30px,3.1vw,47px)}.closing-art{opacity:.42}.closing-art img{width:16%;height:65%;left:-9%;top:0;filter:brightness(.8)}.closing-art img:nth-child(2){right:-9%;top:4%;left:auto}.closing-art img:nth-child(3){left:-7%;top:55%;width:12%;height:45%;transform:rotate(13deg)}.closing-art img:nth-child(4){left:auto;right:-5%;top:60%;width:12%;height:48%;transform:rotate(-12deg)}
@media(min-width:768px) and (max-width:1024px){.hero-stills{margin-top:20px;gap:8px}.hero-stills a{width:82px;height:80px}.closing{min-height:370px}.brand-stage{height:350px}.brand-stage .logo{font-size:34px}.closing-copy h2{font-size:33px}}
@media(max-width:767px){.hero-stills{margin-top:20px;width:100%;max-width:100%;gap:10px}.hero-stills a{width:92px;height:80px}.hero-film{margin-top:22px}.closing{display:flex;flex-direction:column;gap:4px;text-align:center;padding-top:0;padding-bottom:34px}.brand-stage{height:305px;max-width:330px}.brand-stage .logo{font-size:33px;top:64%}.brand-stage .play{bottom:6px}.closing-copy{padding-top:18px}.closing-copy h2{font-size:31px}.closing-art img{width:30%;left:-18%;height:40%;top:15%;opacity:.8}.closing-art img:nth-child(2){right:-18%;top:10%}.closing-art img:nth-child(3){left:-18%;width:30%;top:65%;height:35%}.closing-art img:nth-child(4){right:-18%;width:30%;top:65%;height:35%}}
@media(prefers-reduced-motion:reduce){.hero-stills a:hover img{transform:none}}
/* Animated mark in the header: a separate pause button next to the home link. */
.header-brand{display:flex;align-items:center;gap:2px;flex-shrink:0}.header-mark{position:relative;width:62px;height:62px;flex:none;overflow:hidden;background:transparent;padding:0;border-radius:10px}.header-mark canvas{position:absolute;display:block;width:100px;height:100px;left:-19px;top:-11px;pointer-events:none}.header-brand .logo{letter-spacing:-2px}.closing{display:block;min-height:0;text-align:center;padding-top:40px;padding-bottom:45px}.closing-copy>.logo{display:block;font-size:43px;margin-bottom:20px}.closing-copy h2{font-size:clamp(34px,3.7vw,52px)}
@media(max-width:767px){.header-brand{gap:0}.header-mark{width:48px;height:52px}.header-mark canvas{width:88px;height:88px;left:-20px;top:-10px}.header-brand .logo{font-size:28px}.header nav{gap:13px}.closing{padding-top:28px;padding-bottom:34px}.closing-copy>.logo{font-size:36px}.closing-copy h2{font-size:31px}}
/* Kimiro lighting: red glow, glass edges and cut lines. */
.header{background:linear-gradient(100deg,#200d12 0%,#0b0b0b 40%,#190c10 100%);border-bottom:1px solid #ff2e4d24}
.hero{isolation:isolate;background:radial-gradient(ellipse at 16% 77%,#831d354d,transparent 49%),radial-gradient(ellipse at 78% 8%,#b71e3840,transparent 55%),#0b0b0b}
.hero:before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(118deg,transparent 24%,#ff2e4d08 24.2%,transparent 24.7%,transparent 28%,#ff2e4d14 28.2%,transparent 28.6%,transparent 32%,#ff8d9d12 32.2%,transparent 32.6%),radial-gradient(ellipse at 0 100%,#ff2e4d20,transparent 57%)}
.hero:after{content:'';position:absolute;bottom:0;left:7%;right:7%;height:1px;background:linear-gradient(90deg,transparent,#ff2e4d,#ffb5c0,transparent);pointer-events:none}
.hero h1{background:linear-gradient(155deg,#fff 15%,#fff0f3 65%,#dd8c9a);background-clip:text;-webkit-background-clip:text;color:transparent}
.movie{box-shadow:0 0 0 1px #ffd1d32b,0 24px 90px #a9082730}.hero-stills a{box-shadow:0 6px 28px #e6204220;border-color:#ffb6c03d}
.button{background:linear-gradient(115deg,#db1538,#c51035);box-shadow:inset 0 1px 0 #ffb8c352,0 8px 32px #ee204533;transition:box-shadow .25s,transform .25s}.button:hover{background:linear-gradient(115deg,#e11c42,#c51035);box-shadow:inset 0 1px 0 #ffd7dd70,0 12px 42px #ff2e4d4d;transform:translateY(-2px)}
.stories{background:radial-gradient(ellipse at 95% 18%,#64132b28,transparent 58%)}.story{box-shadow:inset 0 0 0 1px #ffffff24,0 12px 30px #0005}.story[aria-pressed=true]{box-shadow:0 0 26px #ff2e4d30}.story-detail{border:1px solid #e85e7540;background:linear-gradient(130deg,#351721,#181818 64%)}.story-detail:after{background:linear-gradient(90deg,#30131e 25%,#25161be8 48%,#18181870 68%,transparent 90%)}
.detail-copy>span{display:inline-flex;align-items:center;gap:9px}.detail-copy>span:before{content:'';width:24px;height:3px;border-radius:4px;background:linear-gradient(90deg,#ff2e4d,#ffb2bf)}
.feature{position:relative;background:radial-gradient(ellipse at 22% 45%,#9a19382b,transparent 61%)}.feature-film{box-shadow:0 0 0 1px #ffc8bd33,0 20px 75px #ff29451a}.moment{box-shadow:0 0 0 1px #ffc2cc26}.moment[aria-current=true]{box-shadow:0 0 20px #ff2e4d38}
.how{background:linear-gradient(110deg,#271219 0%,#140f12 45%,#0b0b0b 95%);border-top-color:#ff637c30;border-bottom-color:#ff637c30}.how ol{position:relative}.how ol:before{content:'';position:absolute;left:10px;top:22px;bottom:24px;width:1px;background:linear-gradient(#ff2e4d,#ff2e4d38,transparent)}.how li{position:relative}.how li>span{position:relative;z-index:1;flex:0 0 24px;background:#211016;align-self:flex-start;padding:5px 0 10px;color:#ff899d}.how-art img{box-shadow:0 6px 30px #ff2e4d20;border:1px solid #ffc9cd42}
.formats{background:radial-gradient(ellipse at 50% 70%,#8e173327,transparent 70%)}.format-art{background:radial-gradient(ellipse at 50% 110%,#9f2344,#29161d 62%,#191216);box-shadow:inset 0 0 0 1px #ff7a9240}.format-panel h3{display:flex;align-items:center;gap:12px}.format-panel h3:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,#ff2e4d80,transparent)}
.faq details{border-bottom-color:#633240}.faq details[open]{background:linear-gradient(90deg,#33161f55,transparent)}
.closing{background:radial-gradient(ellipse at 50% 95%,#b2264b59,transparent 67%),linear-gradient(180deg,#0b0b0b,#1e0d14);border-top:1px solid #ff788e24}.closing-copy>.logo{text-shadow:0 0 34px #ff2e4d50}.closing-art{opacity:.62}footer{background:linear-gradient(90deg,#1c0c12,#0b0b0b);border-top-color:#ff7e9133}
@media(max-width:767px){.hero{background:radial-gradient(ellipse at 5% 25%,#8f173943,transparent 65%),radial-gradient(ellipse at 95% 80%,#78193138,transparent 55%),#0b0b0b}.story-detail:after{background:linear-gradient(90deg,#30131ef0,#1b1016b0)}.how li>span{background:#211217}.format-panel h3{gap:8px}.movie{box-shadow:0 0 0 1px #ffd1d32b,0 10px 35px #a9082730}}
@media(prefers-reduced-motion:reduce){.button:hover{transform:none}}
.hero-film:before{display:none}
/* EN / 日本語 / 简体中文: same layout, separate metrics for CJK typesetting. */
.language-switch{display:flex;align-items:center;gap:2px;flex-shrink:0;padding:3px;border:1px solid #ff839432;border-radius:30px;background:#120e11}.language-switch a{display:flex;align-items:center;justify-content:center;min-height:36px;min-width:44px;padding:0 10px;font-size:12px;color:#aaa;border-radius:24px}.language-switch a[aria-current=page]{color:#fff;background:#582031}.language-switch a:hover{color:#fff}
:lang(ja){font-family:-apple-system,BlinkMacSystemFont,'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,sans-serif}:lang(zh){font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Hiragino Sans GB','Microsoft YaHei','Noto Sans CJK SC',sans-serif}:is(:lang(ja),:lang(zh)) h1,:is(:lang(ja),:lang(zh)) h2{letter-spacing:-.045em;line-height:1.3;word-break:normal;overflow-wrap:anywhere}:is(:lang(ja),:lang(zh)) .hero-copy h1{font-size:clamp(48px,4.7vw,72px)}:is(:lang(ja),:lang(zh)) .section-heading h2{font-size:clamp(32px,3.3vw,49px)}:is(:lang(ja),:lang(zh)) .feature-copy h2{font-size:clamp(32px,3.3vw,48px)}:is(:lang(ja),:lang(zh)) .closing-copy h2{font-size:clamp(31px,3.1vw,46px)}:is(:lang(ja),:lang(zh)) p{line-height:1.8}:is(:lang(ja),:lang(zh)) .hero-copy p{font-size:16px}:is(:lang(ja),:lang(zh)) .story-type{font-size:11px}:is(:lang(ja),:lang(zh)) .story-title{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif}:is(:lang(ja),:lang(zh)) .how-intro h2{font-size:36px}:is(:lang(ja),:lang(zh)) .faq h2{font-size:32px}:is(:lang(ja),:lang(zh)) .legal h1{font-size:42px}
@media(min-width:768px) and (max-width:1024px){.header nav{gap:17px}.header-brand .logo{font-size:32px}:is(:lang(ja),:lang(zh)) .hero-copy h1{font-size:4.7vw}:is(:lang(ja),:lang(zh)) .hero-copy p{font-size:14px}:is(:lang(ja),:lang(zh)) .how-intro h2{font-size:30px}}
@media(max-width:767px){.header{height:auto;min-height:74px;flex-wrap:wrap;padding-top:7px;padding-bottom:0;column-gap:10px}.header nav{order:3;width:100%;justify-content:center;gap:28px;border-top:1px solid #ffffff0e}.header nav a{font-size:12px;min-height:40px;padding:10px 0}.header .nav-about{display:none}.language-switch a{min-height:38px;padding-inline:9px}.hero-copy h1{font-size:46px}:is(:lang(ja),:lang(zh)) .hero-copy h1{font-size:clamp(34px,8.6vw,48px);line-height:1.3}:is(:lang(ja),:lang(zh)) .section-heading h2{font-size:33px}:is(:lang(ja),:lang(zh)) .feature-copy h2{font-size:34px}:is(:lang(ja),:lang(zh)) .how-intro h2{font-size:31px}:is(:lang(ja),:lang(zh)) .closing-copy h2{font-size:29px}:is(:lang(ja),:lang(zh)) .faq h2{font-size:27px}:is(:lang(ja),:lang(zh)) .legal h1{font-size:32px}:is(:lang(ja),:lang(zh)) .format-panel h3{font-size:25px}:is(:lang(ja),:lang(zh)) .format-panel p{font-size:13px}.hero-copy{padding-top:24px}}
.language-switch a{min-height:44px}.header nav a{min-height:44px}
.play{white-space:nowrap;flex-shrink:0}.film-caption>span{min-width:0;flex:1}
/* Download button placeholder. Enable only once the App Store URL is confirmed. */
.store-button{display:inline-flex;align-items:center;padding:0;border:0;background:transparent;box-shadow:none;flex-shrink:0}.store-button:disabled{opacity:1;cursor:default}.store-button img{display:block;width:auto;height:56px;max-width:none}.download-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;pointer-events:auto}.store-alternative{font-size:14px;min-height:44px;display:inline-flex;align-items:center;gap:9px}.store-alternative>span{color:var(--red)}.store-alternative:hover{color:#ffa3b2}.hero-copy .store-note,.closing-copy .store-note{font-size:11px;line-height:1.4;color:#b7a7ad;margin:14px 0 0}.hero-stills{margin-top:16px}.closing-copy .download-actions{justify-content:center}.header-download .store-button img{height:40px}.header-download{margin-left:auto;margin-right:22px}.header nav{margin-inline:auto}.hero-copy .download-actions{max-width:100%}
@media(max-width:1100px){.header-download{display:none}.header nav{margin-inline:0}}
@media(max-width:767px){.download-actions{gap:14px}.store-button img{height:48px}.store-alternative{font-size:12px}.hero-copy .store-note{font-size:10px}.hero-stills{margin-top:16px}.header nav{margin-inline:0}:is(:lang(ja),:lang(zh)) .store-alternative{font-size:11px}}
:is(:lang(ja),:lang(zh)) .hero-copy .store-note,:is(:lang(ja),:lang(zh)) .closing-copy .store-note{font-size:11px;line-height:1.5}

/* The arrow stays centered after the examples caption was removed. */
.hero-bottom span:nth-child(2){position:absolute;left:50%;transform:translateX(-50%)}

/* Mobile hero: compact copy and a single upright film frame. */
@media(max-width:767px){
 .header{min-height:68px;height:68px;padding:0 6%;flex-wrap:nowrap;gap:10px}
 .header nav{display:none}
 .header-brand .logo{font-size:27px}
 .header-mark{width:44px;height:48px}
 .language-switch{margin-left:auto}
 .language-switch a{padding-inline:10px;font-size:12px}
 .hero{padding-bottom:24px;min-height:0;height:auto}
 .hero-copy{width:100%;padding:26px 6% 0}
 .hero-copy h1{font-size:clamp(34px,9.7vw,56px);line-height:1.08;letter-spacing:-1.8px;margin-bottom:16px}
 :is(:lang(ja),:lang(zh)) .hero-copy h1{font-size:clamp(30px,8.2vw,44px);line-height:1.25;letter-spacing:-1px}
 .hero-copy p,:is(:lang(ja),:lang(zh)) .hero-copy p{font-size:14px;line-height:1.55;max-width:390px;margin-bottom:20px}
 .hero-copy .download-actions{gap:18px}
 .hero-copy .store-button img{height:44px}
 .hero-copy .store-alternative{font-size:12px}
 .hero-stills,.hero-bottom{display:none}
 .hero-film{position:relative;inset:auto;transform:none;width:auto;height:clamp(290px,80vw,390px);margin:26px 6% 0;display:block}
 .hero-film .side-frame,.hero-film .edge-frame{display:none}
 .hero-film .movie{width:100%;height:100%;aspect-ratio:auto;border-radius:16px}
 .hero-film video{object-fit:cover;object-position:50% 40%}
 .hero-film .film-caption{padding:65px 16px 16px;gap:18px;font-size:12px;line-height:1.4}
 .hero-film .film-caption>span{max-width:190px}
 .hero-film .play{min-height:44px;padding:10px 16px}
}

/* Mobile cover: video fills the screen, copy sits over the frame. */
@media(max-width:767px){
 .hero{height:calc(100svh - 68px);min-height:600px;max-height:980px;padding:0;display:flex;align-items:flex-end;background:#0b0b0b}
 .hero-film{position:absolute;inset:0;width:100%;height:100%;margin:0;z-index:0}
 .hero-film .movie{border-radius:0;box-shadow:none}
 .hero-film video{object-fit:cover;object-position:50% 35%}
 .hero-film:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#08070a0a 15%,#08070a08 32%,#08070a88 56%,#08070aed 80%,#08070a 100%)}
 .hero-copy{padding:0 6% max(34px,env(safe-area-inset-bottom));z-index:2}
 .hero-copy h1{font-size:clamp(38px,10.2vw,64px);line-height:1.05;letter-spacing:-1.8px;margin-bottom:14px;background:none;color:#fff;-webkit-text-fill-color:#fff;text-shadow:0 2px 20px #0003}
 :is(:lang(ja),:lang(zh)) .hero-copy h1{font-size:clamp(32px,8.6vw,48px);line-height:1.22}
 .hero-copy p,:is(:lang(ja),:lang(zh)) .hero-copy p{color:#e0dade;max-width:360px;margin-bottom:22px;font-size:14px;line-height:1.5}
 .hero-copy .store-button img{height:48px}
 .hero-copy .download-actions{gap:20px}
 .hero-film .film-caption{z-index:3;top:18px;right:6%;bottom:auto;width:auto;padding:0;background:none}
 .hero-film .film-caption>span{display:none}
 .hero-film .play{background:#09080b55;backdrop-filter:blur(12px);border-color:#ffffff70}
 .hero:before{display:none}
 .hero:after{left:0;right:0;z-index:3}
}
@media(max-width:767px) and (max-height:700px){
 .hero{min-height:530px}
 .hero-copy{padding-bottom:26px}
 .hero-copy h1{font-size:36px}
 :is(:lang(ja),:lang(zh)) .hero-copy h1{font-size:30px}
}

/* Mobile promo video: its own edge-to-edge screen. */
@media(max-width:767px){
 .feature.section{padding-left:0;padding-right:0;padding-bottom:0;gap:26px}
 .feature-copy{width:100%;padding:0 6%;box-sizing:border-box}
 .feature-film{width:100%;max-width:none;height:100svh;min-height:560px;max-height:none;aspect-ratio:auto;border-radius:0;box-shadow:none}
 .feature-film video{object-fit:cover;object-position:center 42%}
 .feature-film .play{right:6%;bottom:max(24px,env(safe-area-inset-bottom));min-height:44px;background:#09080b66;backdrop-filter:blur(12px)}
 .feature-film>span{top:22px;left:6%;font-size:11px}
}

/* Selected story on phones: cover separated from the description. */
@media(max-width:767px){
 .story-detail{display:flex;flex-direction:column;padding:0;background:#191216}
 .story-detail>img{position:static;display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;opacity:1}
 .story-detail:after{display:none}
 .story-detail .detail-copy{width:100%;padding:24px;box-sizing:border-box}
 .story-detail .detail-copy h3{margin-bottom:12px}
 .story-detail .detail-copy p{font-size:15px;line-height:1.6;color:#cfc5ca}
}

/* Selected story cover fills the mobile screen, description below. */
@media(max-width:767px){
 .story-detail{width:100vw;margin-left:-6vw;margin-right:-6vw;border:0;border-radius:0;gap:0}
 .story-detail>img{height:100svh;min-height:560px;aspect-ratio:auto;flex:none;object-fit:cover;object-position:50% 20%}
 .story-detail .detail-copy{padding:28px 6vw 32px}
}

/* Selected story copy over the bottom of the full-screen cover. */
@media(max-width:767px){
 .story-detail{display:block;isolation:isolate;background:#0b0b0b}
 .story-detail .detail-copy{position:absolute;inset:auto 0 0;z-index:2;padding:100px 6vw max(30px,env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,#09080bba 23%,#09080beb 58%,#09080bf5);}
 .story-detail .detail-copy h3{font-size:30px;color:#fff;margin-bottom:12px}
 .story-detail .detail-copy p{font-size:14px;line-height:1.5;color:#e2dce0;margin-bottom:18px;max-width:540px}
 .story-detail .detail-copy>span{font-size:11px;color:#d4cbd0}
}
@media(max-width:767px) and (max-height:700px){
 .story-detail>img{min-height:620px}
 .story-detail .detail-copy{padding-top:70px;padding-bottom:24px}
 .story-detail .detail-copy h3{font-size:27px}
}

.catalog-statement{padding:12px 0 54px;max-width:1100px}
.catalog-statement h2{font-size:clamp(44px,5.8vw,84px);line-height:1.06;letter-spacing:-2px;margin-bottom:22px}
.catalog-statement p{font-size:18px;max-width:600px;color:#cbbbc2}
#story-video{position:absolute;inset:0 0 0 auto;width:50%;height:100%;object-fit:cover;opacity:0;pointer-events:none}
.clip-playing #story-video{opacity:1}
.story-motion{position:absolute;top:18px;right:18px;z-index:3;min-height:44px;background:#09080b66;backdrop-filter:blur(12px)}
@media(max-width:767px){
 .catalog-statement{padding:4px 0 38px}
 .catalog-statement h2{font-size:clamp(36px,10vw,62px);letter-spacing:-1.5px;line-height:1.1}
 :is(:lang(ja),:lang(zh)) .catalog-statement h2{font-size:clamp(30px,8.3vw,48px);line-height:1.25;letter-spacing:-.8px}
 .catalog-statement p{font-size:15px;line-height:1.55}
 #story-video{inset:0;width:100%;height:100%;object-position:50% 20%}
 .story-motion{right:6%;top:20px}
}

/* The strip continuation shows the story scale, not extra timecodes. */
.moment-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,.95fr);gap:12px;align-items:stretch}
.moment-strip .moment{width:100%;max-width:none;min-width:0}
.moment-more{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 3px;border:1px solid #ff809945;border-radius:9px;background:linear-gradient(145deg,#5b213250,#201218);text-align:center;min-width:0}
.moment-more strong{font-size:36px;line-height:1;letter-spacing:-1.5px;color:#fff}
.moment-more>span{font-size:11px;line-height:1.25;color:#f1dce3}
.moment-more small{font-size:10px;color:#cf9dac}
@media(max-width:767px){.moment-strip{gap:9px}.moment-more strong{font-size:32px}.moment-more>span{font-size:10px}.moment-more small{font-size:9px}}

/* A real clip sits at the center of the Stories and Video fans. */
.format-art .format-video{position:absolute;width:53%;height:93%;object-fit:cover;top:4px;left:25%;z-index:2;transform:rotate(3deg);border:3px solid var(--bg);border-radius:12px;transition:transform .55s}
.format-panel:hover .format-video{transform:rotate(0) translateY(-4px)}
.format-play{position:absolute;right:8px;bottom:8px;z-index:4;min-width:44px;min-height:44px;padding:8px 10px;background:#0b0b0bbd;backdrop-filter:blur(10px);border:1px solid #ffffff66;border-radius:24px;color:#fff;font-size:11px}
@media(max-width:767px){.format-art .format-video{width:70%;left:20%}.format-play{font-size:10px;padding:6px 9px;right:6px;bottom:6px}}
@media(prefers-reduced-motion:reduce){.format-art .format-video{transition:none}.format-panel:hover .format-video{transform:rotate(0)}}

/* Promo videos autoplay without buttons over the content. */
.hero-film .play,.feature-film .play,.story-motion,.format-play{display:none}

/* Support page: contact card + FAQ accordions inside the legal layout. */
.support-card{border-left:3px solid var(--red);background:var(--surface);border-radius:0 14px 14px 0;padding:26px 28px;margin:30px 0 10px}
.support-label{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.legal .support-mail{display:inline-flex;align-items:center;gap:18px;min-height:44px;font-size:clamp(24px,3.4vw,34px);font-weight:750;letter-spacing:-.03em;color:#fff;text-decoration:none;margin-bottom:18px;word-break:break-all}
.support-mail span{color:var(--red);transition:transform .2s}.support-mail:hover span{transform:translateX(5px)}
.support-card p{margin-bottom:8px}.support-card ul{margin:0 0 16px}.legal .support-note{font-size:13px;margin:0}
.support .faq{padding:0;max-width:none}.support .faq summary{font-size:17px;padding:18px 30px 18px 0;min-height:44px}.support .faq details p{padding-bottom:6px}
@media(max-width:767px){.support-card{padding:20px}.legal .support-mail{gap:12px}.support .faq summary{font-size:16px}}