:root{--paper:#f3dfb2;--ink:#201b14;--red:#bb2619;--ochre:#d99a28}header{background:var(--paper);margin:0;padding:0 4%;height:80px}.hero.scroll-hero{height:340svh;min-height:0;background:#d89a27}.scroll-hero .hero-stage{position:sticky;top:0;height:100svh;min-height:600px;max-height:none;isolation:isolate}.poster-paper{position:absolute;inset:0;background-color:#da9a25;background-image:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 2px),#fff5 25%,transparent calc(25% + 2px)),url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.09' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23551c03' opacity='.55' filter='url(%23n)' d='M0 0h240v240H0z'/%3E%3C/svg%3E");box-shadow:inset 0 0 100px #71380c80;z-index:0}.poster-paper:after{content:'';position:absolute;inset:12px;border:2px solid #f5e6b88c;box-shadow:0 0 0 6px #f5e6b83a}.red-sun{position:absolute;width:66vw;aspect-ratio:1;right:-3vw;top:-10vw;border-radius:50%;background:#b72b15;mix-blend-mode:multiply;z-index:1}.scroll-hero .edition{z-index:8;color:#44260e;font-weight:700;top:32px}.scroll-hero h1{z-index:5;top:14%;left:3.5%;font-size:clamp(110px,18vw,310px);line-height:.83;letter-spacing:-.045em;color:#f7e7bb;position:absolute;width:44%;margin:0;pointer-events:none}.scroll-hero h1>span{display:block;font-size:1em;letter-spacing:inherit;margin:0}.scroll-hero h1 em{display:block;font-size:.95em;color:#b31f13;font-style:normal}.kaiju-layer{position:absolute;z-index:2;right:-9%;bottom:7%;width:76%;will-change:transform;transform-origin:70% 100%}.kaiju-layer img{display:block;width:100%;height:auto}.hero-bowl{position:absolute;width:65%;right:0;bottom:-9%;z-index:4;will-change:transform;transform-origin:50% 70%}.hero-bowl>img{width:100%;height:auto;display:block;filter:drop-shadow(0 22px 14px #52270655)}.scroll-steam{position:absolute;width:54%;height:55%;left:24%;top:-16%;overflow:visible;fill:none;stroke:#fff2c7;stroke-width:12;stroke-linecap:round;filter:blur(2px);stroke-dasharray:500;stroke-dashoffset:0}.scroll-steam path:nth-child(2){stroke-width:18;opacity:.8}.scroll-steam path:nth-child(3){stroke-width:9;opacity:.7}.poster-tag{position:absolute;z-index:7;right:4%;top:8%;text-align:right}.poster-tag>span{font-size:10px;letter-spacing:3px}.poster-tag p{font-family:var(--display);font-weight:700;font-size:30px;line-height:.95;margin:10px 0}.poster-tag a{font-size:9px;font-weight:700;text-decoration:underline;text-underline-offset:5px}.scroll-hero .hero-bottom{color:#2b1c0e;bottom:22px;z-index:8}.scroll-hero #motion{color:inherit}.hero-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#45240830;z-index:9}.hero-progress i{display:block;width:100%;height:100%;background:#9e2014;transform-origin:left;transform:scaleX(0)}.ticker div{animation:none}.menu-jump{border-bottom:1px solid;padding:20px 0;display:flex;justify-content:space-between;font-family:var(--display);font-weight:700;font-size:35px}.course-intro{background:var(--ink);color:var(--paper);padding:85px 7%}.course-intro>span{font-size:11px;letter-spacing:3px}.course-intro h2{font-size:clamp(60px,8vw,130px);line-height:.9}.course-intro em{font-style:normal;color:#e49b35}.course-intro p{font-size:14px;line-height:1.8}.course{height:180svh;position:relative;background:#efe3c9;color:var(--ink)}.course:nth-of-type(2n){background:#e5d7b8}.course-stage{position:sticky;top:0;min-height:670px;height:100svh;overflow:hidden;padding:35px 6% 25px;display:flex;flex-direction:column}.course-top,.course-bottom{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.5px;position:relative;z-index:3}.course-top{border-bottom:1px solid #251c143b;padding-bottom:18px}.course-bottom{margin-top:auto;border-top:1px solid #251c143b;padding-top:18px}.course-bottom a{text-decoration:underline;text-underline-offset:5px}.course-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center;flex:1;min-height:0}.dish-scene{position:relative;aspect-ratio:1;min-width:0;perspective:1000px}.dish-kanji{position:absolute;font-family:serif;font-size:clamp(140px,28vw,460px);line-height:1;left:10%;top:2%;color:#bb261915;white-space:nowrap}.dish-orbit{position:absolute;inset:7%;border:1px solid #201b1433;border-radius:50%;transform:rotateX(25deg)}.dish-orbit:after{content:'';position:absolute;inset:7%;border:1px dashed #201b1430;border-radius:50%}.dish-flight{position:absolute;inset:0;will-change:transform;transform-style:preserve-3d}.dish-view{position:absolute;inset:0;filter:drop-shadow(0 25px 16px #30241130)}.dish-frame{position:absolute;inset:0;background-size:200% 200%;background-repeat:no-repeat}.frame-b{opacity:0}.dish-controls{position:absolute;z-index:5;bottom:0;left:20%;width:60%}.dish-controls label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.6px}.dish-angle{accent-color:var(--red);height:30px;width:100%;padding:0;margin:4px 0;background:transparent;border:0;cursor:ew-resize}.course-copy{position:relative;z-index:2}.course-copy .eyebrow{font-size:9px;letter-spacing:1.7px;color:#9c251a}.course-copy h2{font-size:clamp(48px,6vw,92px);margin:18px 0 20px;line-height:.9}.course-tag{font-family:var(--display);font-size:26px;margin:0 0 13px;font-weight:600}.dish-description{font-size:13px;line-height:1.8;max-width:400px}.story{margin-top:24px;padding-top:16px;border-top:1px solid #201b1433;max-width:420px}.story>span{font-size:8px;letter-spacing:2px;color:#9c251a}.story p{font-size:12px;line-height:1.9}.flavor{display:block;font-size:9px;letter-spacing:2px;margin-top:22px;text-transform:uppercase}.course-05{background:#a82418!important;color:#f7dfb2}.course-05 .course-top,.course-05 .course-bottom,.course-05 .story{border-color:#f7dfb24a}.course-05 .eyebrow,.course-05 .story>span{color:#f8cb7f}.course-05 .dish-kanji{color:#f4c98523}.course-05 .dish-orbit,.course-05 .dish-orbit:after{border-color:#f4c98566}.course-05 .dish-angle{accent-color:#f4c985}.course-05 .course-copy h2{font-size:clamp(60px,7.5vw,120px)}.paused .scroll-steam{display:none}
@media(min-width:1600px){.course-copy{max-width:600px}.dish-description,.story p{font-size:16px}.story{max-width:520px}}
@media(max-width:900px){.hero.scroll-hero{height:300svh}.scroll-hero .hero-stage{min-height:0}.scroll-hero h1{font-size:23vw;top:17%;width:60%}.kaiju-layer{width:105%;right:-34%;bottom:12%}.hero-bowl{width:93%;right:-13%;bottom:-2%}.poster-tag{top:7%}.poster-tag p{font-size:24px}.course-layout{gap:2%}.course-copy h2{font-size:58px}.course-stage{padding:25px 5%;min-height:650px}.story{margin-top:14px}.story p{font-size:11px}.course-tag{font-size:23px}}
@media(max-width:600px){header{height:68px}.scroll-hero .edition{font-size:7px;letter-spacing:1px;left:6%;right:6%;top:22px}.scroll-hero .edition span:first-child{max-width:130px}.hero.scroll-hero{height:300svh}.scroll-hero .hero-stage{height:100svh;min-height:560px}.red-sun{width:115vw;right:-35vw;top:26%}.scroll-hero h1{font-size:30vw;left:5%;top:12%;width:68%;line-height:.8}.scroll-hero h1>span{font-size:1em;margin:0}.scroll-hero h1 em{font-size:.95em;line-height:.87}.kaiju-layer{width:122%;right:-37%;bottom:15%}.hero-bowl{width:124%;right:-16%;bottom:1%}.poster-tag{top:auto;bottom:7%;right:auto;left:6%;text-align:left;max-width:46%}.poster-tag p{font-size:21px}.poster-tag>span{font-size:7px;letter-spacing:1px}.poster-tag a{font-size:7px;line-height:1.8;display:block}.scroll-hero .hero-bottom{left:6%;right:6%;font-size:7px;bottom:17px;gap:12px}.hero-bottom #scene-label{display:none}.scroll-steam{top:-6%;height:45%}.course-intro{padding:60px 6%}.course-intro h2{font-size:14vw}.course-intro p{font-size:12px}.course{height:170svh}.course-stage{height:100svh;min-height:730px;padding:22px 6%}.course-top,.course-bottom{font-size:7px;letter-spacing:.9px}.course-top{padding-bottom:13px}.course-layout{display:flex;flex-direction:column;justify-content:center;gap:12px}.dish-scene{width:82%;max-width:340px;aspect-ratio:1.2;flex-shrink:0}.dish-flight{inset:-9% 0 -10%}.dish-kanji{font-size:200px;top:0}.dish-orbit{inset:6% 5% 0}.dish-controls{bottom:-5px;left:23%;width:54%}.dish-controls label{font-size:7px;margin:0}.dish-angle{height:25px}.course-copy{width:100%}.course-copy .eyebrow{font-size:7px;letter-spacing:1px}.course-copy h2,.course-05 .course-copy h2{font-size:49px;margin:10px 0 10px}.course-tag{font-size:22px;margin-bottom:6px}.dish-description{font-size:11px;line-height:1.65;margin:0;max-width:none}.story{margin-top:11px;padding-top:10px;max-width:none}.story>span{font-size:7px}.story p{font-size:10px;line-height:1.7;margin:7px 0}.flavor{font-size:8px;margin-top:10px;letter-spacing:1px}.course-bottom{padding-top:12px}.course-copy{padding-bottom:14px}}
@media(max-height:720px) and (min-width:601px){.course-stage{min-height:600px}.course-copy h2{font-size:55px}.story p{font-size:11px}.story{margin-top:12px}.dish-scene{max-height:470px}.scroll-hero h1{font-size:17vw}.poster-tag{top:9%}}
body.paused .hero.scroll-hero{height:auto}body.paused .scroll-hero .hero-stage{position:relative}body.paused .course{height:auto}body.paused .course-stage{position:relative}
@media(max-width:600px) and (max-height:740px){.course-stage{min-height:680px}.dish-scene{width:64%;max-width:270px}.course-layout{gap:8px}.course-copy h2,.course-05 .course-copy h2{font-size:44px}.story p{font-size:10px}.flavor{margin-top:8px}}

@media(min-width:901px){.kaiju-layer{width:min(71vw,83svh);right:1%;bottom:8%}.hero-bowl{width:63%;bottom:-5%}}

.dish-frame{background-image:var(--dish)}
.dish-flight{inset:0 0 9%}@media(max-width:600px){.dish-flight{inset:-8% 4% 16%}}

/* Mobile composition: typography, creature and bowl occupy separate vertical zones. */
@media(max-width:600px){
.hero.scroll-hero{height:320svh}.scroll-hero .hero-stage{min-height:560px;height:100svh}
.scroll-hero h1{top:11%;left:6%;width:88%;display:grid;grid-template-columns:1fr .4fr;grid-template-rows:auto auto;column-gap:5%;font-size:24vw;line-height:.83}
.title-kaiju{grid-column:1;grid-row:1}.title-ramen{grid-column:1;grid-row:2}
.scroll-hero h1 .title-version{grid-column:2;grid-row:1 / 3;align-self:end;font-size:.77em;line-height:.85;writing-mode:horizontal-tb}
.kaiju-layer{width:83%;right:-4%;bottom:26%;max-width:46svh}
.hero-bowl{width:100%;right:0;bottom:4%;max-width:none}
.red-sun{top:31%;right:-6%;width:93vw}.scroll-steam{top:-14%;height:50%;stroke-width:8}
.scroll-hero .hero-bottom{bottom:14px;font-size:7px}.poster-paper:after{inset:8px}
}
@media(prefers-reduced-motion:reduce){.hero.scroll-hero{height:340svh}.scroll-hero .hero-stage{position:sticky;height:100svh;min-height:560px}.course{height:180svh}.course-stage{position:sticky;height:100svh;min-height:730px}.scroll-steam{display:block}.hero-progress{display:block}}