@charset "UTF-8";
:root{--orange:#ff5a1f;--paper-orange:#faf4ed;--black:#131313;--white:#f6f5f2;color-scheme:light;font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--paper-orange);color:var(--black);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid currentColor;outline-offset:8px}::selection{background:var(--black);color:var(--orange)}.nav{position:absolute;top:0;left:0;width:100%;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:30px 4vw}.brand{font-size:25px;font-weight:900;letter-spacing:-1.5px;display:flex;align-items:center;gap:18px}.brand span{font-size:9px;font-weight:600;letter-spacing:1.6px}.nav-play{font-size:12px;font-weight:700;border-bottom:1px solid currentColor;padding:8px 0;display:flex;gap:42px}.nav-play span{transition:transform .2s}.nav-play:hover span{transform:translate(3px,-3px)}.hero{min-height:100svh;padding:130px 4vw 35px;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column}.hero-top,.enter-top,.chapter{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.2px;font-weight:600}.hero-top{border-top:1px solid #13131345;padding-top:18px}h1{font-size:clamp(90px,15.8vw,250px);line-height:.99;letter-spacing:-.085em;font-weight:900;margin:6vh 0 5vh;position:relative;z-index:2}h1>span{display:block;width:fit-content}.second-line{margin-left:15vw}.period{color:var(--white)}.hero-star{position:absolute;right:7vw;top:21%;width:18vw;color:var(--white);z-index:1;transform:rotate(-12deg)}.hero-bottom{display:flex;justify-content:space-between;align-items:flex-end;position:relative;z-index:2;margin-top:auto}.hero-bottom p{font-size:15px;font-weight:600;line-height:1.8;margin:0}.hero-start{background:var(--black);color:var(--white);display:flex;align-items:center;justify-content:space-between;gap:60px;font-size:14px;font-weight:700;border-radius:0;padding:24px 28px;transition:background .2s,transform .2s,box-shadow .2s}.hero-start>span:last-child{font-size:30px}.hero-start:hover{background:#292929;transform:translate(-3px,-3px);box-shadow:5px 5px 0 #ffffff}.hero-start:active{transform:translate(2px,2px);box-shadow:none}.scroll-cue{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #13131345;margin-top:36px;padding-top:20px;font-size:9px;letter-spacing:1.8px}.scroll-cue>span:last-child{font-size:24px}.release{background:var(--black);color:var(--white);height:240svh;position:relative}.release-sticky{height:100svh;position:sticky;top:0;overflow:hidden;padding:35px 4vw;display:flex;flex-direction:column}.chapter{color:#858585;position:relative;z-index:3}.release-title{position:relative;z-index:3;pointer-events:none;margin-top:7vh}.release-title h2{font-size:clamp(52px,7.7vw,120px);line-height:1.14;letter-spacing:-.065em;margin:0;font-weight:800}.release-title h2 span{color:var(--orange)}.fragment-stage{position:absolute;width:min(58vw,820px);height:60%;right:3vw;top:22%;perspective:1000px}.fragment-grid{position:absolute;inset:18% 16%;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(5,1fr);gap:5px;transform:rotate(-12deg)}.fragment{background:var(--orange);border:1px solid #ff875b;will-change:transform;box-shadow:3px 3px 0 #8e2b0a}.fragment:nth-child(3n){background:#ff713e}.fragment:nth-child(7n){background:#f6f5f2;border-color:#fff}.release-ring{position:absolute;left:50%;top:50%;width:40%;aspect-ratio:1;border:1px solid #ff5a1f;transform:translate(-50%,-50%);border-radius:50%;opacity:.25}.released-word{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:clamp(35px,5vw,76px);font-weight:900;letter-spacing:-.07em;opacity:0;color:var(--orange)}.release-bottom{margin-top:auto;position:relative;z-index:3;display:flex;align-items:flex-end;gap:24px}.release-bottom p{font-size:14px;line-height:1.8;color:#969696;margin:0;min-width:230px}.progress-track{height:2px;background:#333;flex:1;margin-bottom:9px}.progress-track span{height:100%;background:var(--orange);display:block;transform-origin:left;transform:scaleX(0)}.progress-number{font-size:12px;font-variant-numeric:tabular-nums;color:var(--orange);width:26px;margin-bottom:3px}.enter{background:var(--white);color:var(--black);padding:36px 4vw 0;position:relative}.enter-top{color:#777}.enter h2{font-size:clamp(100px,17vw,260px);line-height:1;letter-spacing:-.085em;margin:70px 0 40px;font-weight:900}.enter-details{display:flex;justify-content:space-between;align-items:flex-end;margin:0 0 45px 45%}.enter-details p{font-size:14px;line-height:1.9;margin:0}.enter-details>span{font-size:10px;color:#888;max-width:100px;line-height:1.8}.enter-button{display:flex;align-items:center;justify-content:space-between;background:var(--orange);font-size:clamp(25px,4vw,65px);font-weight:800;letter-spacing:-.05em;padding:35px 40px;transition:background .2s,color .2s,transform .15s;min-height:130px}.enter-button>span:last-child{font-size:1.5em;transition:transform .3s}.enter-button:hover{background:var(--black);color:var(--orange)}.enter-button:hover>span:last-child{transform:translate(8px,-8px)}.enter-button:active{transform:scale(.985)}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:35px 0;font-size:10px;color:#777}footer a{color:var(--black);font-size:17px;font-weight:800;letter-spacing:-1px}footer p{margin:0}.hero-top,h1,.hero-bottom{animation:arrive .8s both}.hero-bottom{animation-delay:.12s}@keyframes arrive{from{opacity:0;translate:0 25px}to{opacity:1;translate:0 0}}@media(min-width:1500px){.hero{padding-top:150px}h1{margin-top:7vh}}@media(max-width:700px){.nav{padding:24px 6vw}.brand{font-size:22px}.brand span{display:none}.nav-play{gap:24px;font-size:11px}.hero{padding:100px 6vw 25px;min-height:100svh}.hero-top{font-size:8px;padding-top:15px;letter-spacing:.5px}h1{font-size:clamp(68px,19vw,132px);margin:12vh 0 7vh;line-height:1.07}.second-line{margin-left:0}.hero-star{width:27vw;right:6vw;top:19%}.hero-bottom{align-items:flex-start;gap:22px;flex-direction:column}.hero-bottom p{font-size:13px}.hero-start{width:100%;padding:17px 22px;font-size:12px}.hero-start>span:last-child{font-size:26px}.scroll-cue{margin-top:25px;padding-top:15px;font-size:8px}.release{height:220svh}.release-sticky{padding:25px 6vw}.chapter{font-size:8px;letter-spacing:.5px}.release-title{margin-top:8vh}.release-title h2{font-size:clamp(46px,11.5vw,76px)}.fragment-stage{width:110vw;right:-10vw;top:35%;height:45%}.fragment-grid{gap:3px}.release-bottom{gap:13px}.release-bottom p{font-size:11px;min-width:132px}.released-word{font-size:44px}.enter{padding:25px 6vw 0}.enter-top{font-size:8px;letter-spacing:.5px}.enter h2{font-size:26vw;margin:70px 0 35px}.enter-details{margin:0 0 30px;display:block}.enter-details p{font-size:13px}.enter-details>span{display:block;max-width:none;margin-top:14px}.enter-button{font-size:23px;letter-spacing:-1px;padding:25px 20px;min-height:96px}footer{padding:28px 0;flex-wrap:wrap;gap:15px;font-size:9px}footer p{order:3;flex-basis:100%;font-size:9px}}@media(max-height:650px) and (min-width:701px){h1{font-size:21vh;margin:3vh 0}.hero{padding-top:100px}.hero-star{width:18vh}.release-title{margin-top:4vh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.release{height:100svh}.release-sticky{position:relative}.fragment{will-change:auto}.fragment-grid{opacity:.7}}

/* Warm, matte orange paper; texture is a tiny static, local tile. */
.hero{background:var(--paper-orange)}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url('/grain.svg');background-repeat:repeat;background-size:160px 160px;opacity:.32;mix-blend-mode:multiply}

.hero-star{color:#edd8c8}.period{color:var(--orange)}
.hero-start:hover{background:var(--orange);color:var(--black);box-shadow:5px 5px 0 var(--black)}
#blast-word{display:inline-block;position:relative}
.nav{animation:nav-arrive .65s both}.hero-star{animation:star-arrive 1.1s both}
@keyframes nav-arrive{from{opacity:0;translate:0 -12px}to{opacity:1;translate:0 0}}
@keyframes star-arrive{from{opacity:0;scale:.7}to{opacity:1;scale:1}}
@media(prefers-reduced-motion:reduce){.nav,.hero-star{animation:none}}