/* Restore the original hero composition without changing the later sections. */
#home{--ink:#17110c;--yellow:#ffd23f;position:relative;min-height:max(680px,100svh);background:#f91814;color:#fff0cc;overflow:hidden;isolation:isolate}
#home .hero-copy{position:absolute;z-index:auto;left:clamp(28px,6vw,110px);top:50%;width:min(68vw,940px);transform:translateY(-44%)}
#home .eyebrow{position:relative;z-index:15;display:flex;align-items:center;gap:12px;margin:0 0 clamp(18px,2.4vh,28px);font-family:"Arial Black",Impact,sans-serif;font-size:11px;letter-spacing:.28em;line-height:1.5}
#home .eyebrow i{width:34px;height:2px;display:block;background:var(--yellow)}
#home h1{position:relative;z-index:5;left:auto;width:auto;margin:0;font:400 clamp(116px,15vw,224px)/.76 var(--display);letter-spacing:.01em;text-align:left;text-shadow:5px 6px 0 var(--ink);transform:none}
#home .hero-line{display:block;white-space:nowrap;transform-origin:50% 85%}
#home .hero-line:last-child{margin:0;color:var(--yellow)}
#home .tagline{position:relative;z-index:15;margin:clamp(24px,3.6vh,38px) 0 0;font-size:clamp(17px,1.55vw,24px);font-weight:700;letter-spacing:.06em;line-height:1.6;text-shadow:2px 2px 0 rgb(23 17 12 / 72%)}
#home .mobile-break{display:none}
#home .cta{position:relative;z-index:15;width:188px;height:58px;margin-top:clamp(22px,3.6vh,38px);padding:0 24px;display:flex;align-items:center;justify-content:space-between;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--ink);font-family:"Arial Black",Impact,sans-serif;font-size:12px;letter-spacing:.12em;transition:box-shadow .18s,transform .18s,background .18s}
#home .cta::before{content:"";position:absolute;inset:3px;border:1px solid rgb(23 17 12 / 30%);pointer-events:none}
#home .cta svg{width:28px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}
#home .cta:hover{background:var(--cream);box-shadow:2px 2px 0 var(--ink);transform:translate(4px,4px)}
#home .burger-zone{position:absolute;z-index:10;inset:var(--header-h) 0 0;height:auto;pointer-events:none}
#home .burger-stack{position:absolute;left:73%;right:auto;top:50%;bottom:auto;width:clamp(430px,37vw,610px);aspect-ratio:.79;transform:translate(-50%,-50%);transform-origin:50% 62%}
#home .burger-float{position:absolute;inset:0;animation:burger-float 6.2s ease-in-out 2s infinite}
#home .ingredient{max-width:none;transform:translateX(-50%);transform-origin:50% 88%;filter:drop-shadow(0 12px 9px rgb(65 12 4 / 18%))}
#home .burger-eyes{top:12.5%;left:50%;width:205px;height:76px;display:flex;align-items:center;justify-content:center;gap:24px;transform:translateX(-50%);transform-origin:50% 62%}
#home .burger-eye{width:68px;height:70px;flex:0 0 auto;border:3px solid var(--ink);background:#fff9eb;box-shadow:0 2px 0 rgb(23 17 12 / 28%);transform-origin:50% 58%;animation:hero-blink 5.6s linear 3s infinite}
#home .burger-eye:first-child{rotate:-2deg}
#home .burger-eye:last-child{rotate:2deg}
#home .burger-pupil{top:50%;left:50%;width:25px;height:29px;transform:translate(-50%,-50%) translate3d(-4.8px,-4.8px,0);translate:none;animation:none}
#home .burger-pupil::after{content:"";position:absolute;top:5px;left:5px;width:6px;height:6px;border-radius:50%;background:#fff9eb}
#home .burger-shadow{left:50%;bottom:5%;width:70%;height:7%;background:rgb(55 11 3 / 42%);filter:blur(18px);transform:translateX(-50%)}
#home .fresh-stamp{position:absolute;z-index:12;top:clamp(30px,5vh,48px);left:calc(73% + clamp(170px,14.4vw,240px));width:152px;aspect-ratio:1;display:grid;place-content:center;background:var(--cream);color:var(--green);border:2px solid #f5a623;border-radius:50%;text-align:center;transform:rotate(10deg)}
#home .fresh-stamp::before,#home .fresh-stamp::after{content:"";position:absolute;inset:5px;border:1px solid #f5a623;border-radius:50%}
#home .fresh-stamp::after{inset:10px;border-style:dashed}
#home .fresh-stamp span,#home .fresh-stamp strong{position:relative;z-index:1;display:block;font-family:"Arial Black",Impact,sans-serif;letter-spacing:.11em}
#home .fresh-stamp span{color:#f91814;font-size:10px}
#home .fresh-stamp strong{margin-top:3px;color:inherit;font-size:17px}
#home .hero-notes{position:absolute;z-index:14;right:34px;bottom:20px;left:48px;display:grid;grid-template-columns:minmax(0,360px) minmax(0,370px);justify-content:space-between;gap:36px;color:var(--ink);pointer-events:none}
#home .hero-notes p{font:400 clamp(15px,1.3vw,20px)/1.15 var(--display);letter-spacing:.015em}
#home .hero-notes p:last-child{text-align:right}
#home .notes-mobile-break{display:none}
#home .hero-replay{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:16;color:var(--ink);font-size:9px;letter-spacing:.12em}
@keyframes hero-blink{0%,70%,76%,100%{transform:scaleY(1)}72%,74%{transform:scaleY(.08)}}

/* Filled, repeating waves replace the shallow SVG divider lines. */
.section-wave{--wave-step:1600px;--wave-color:var(--cream);--wave-duration:38s;position:absolute;z-index:-1;top:auto;bottom:-1px;left:calc(0px - var(--wave-step));width:calc(100% + var(--wave-step));height:clamp(180px,17vw,260px);background:var(--wave-color);mask-image:url("assets/wave-rise.svg");mask-repeat:repeat-x;mask-size:var(--wave-step) 100%;-webkit-mask-image:url("assets/wave-rise.svg");-webkit-mask-repeat:repeat-x;-webkit-mask-size:var(--wave-step) 100%;pointer-events:none;animation:filled-wave-drift var(--wave-duration) linear infinite}
#home .hero-wave{--wave-duration:44s;--wave-color:#fff3d6;height:50%;z-index:-1}
.miyazaki-story,.roadtrip,.social-wall,.visit{isolation:isolate;overflow:clip}
.miyazaki-story{padding-bottom:120px}
.miyazaki-story>.section-meta,.story-gallery-scroll,.roadtrip-intro,.roadtrip-scene,.roadtrip>.section-meta,.social-wall>:not(.section-wave),.visit>:not(.section-wave){position:relative;z-index:2}
.story-wave{--wave-color:var(--red);--wave-duration:38s;--wave-step:1200px;height:clamp(220px,20vw,300px)}
.story-gallery-viewport{background:transparent}
.miyazaki-story .story-gallery{row-gap:56px}
.miyazaki-story .story-card:nth-child(3n+1){transform:rotate(-2deg)}
.miyazaki-story .story-card:nth-child(3n+2){transform:translateY(22px) rotate(2deg)}
.miyazaki-story .story-card:nth-child(3n){transform:rotate(-1deg)}
.transition-message{border-block:0;background:#fff;border-radius:24px}
.roadtrip{padding-top:52px;padding-bottom:140px}
.roadtrip-wave{--wave-duration:34s}
.route-note,.route-destination>p{color:var(--ink)}
.social-wall{padding-bottom:140px}
.social-wave{--wave-color:var(--yellow);--wave-duration:42s}
.visit{padding-bottom:140px}
.visit-wave{--wave-color:#f91814;--wave-duration:36s}
@keyframes filled-wave-drift{to{transform:translate3d(var(--wave-step),0,0)}}

.headline-line{display:block;transform-origin:50% 85%;white-space:nowrap}
.mobile-copy-break{display:none}
.roadtrip-copy h2>.headline-line{color:var(--cream)}
.roadtrip-copy h2>.headline-accent{color:var(--yellow)}
.social-heading h2>.headline-line{color:var(--red)}
.social-heading h2>.headline-accent{color:var(--green)}
.social-heading h2 i{display:inline-block;font:400 .8em/1 Arial,sans-serif;rotate:-12deg;margin-left:17px;vertical-align:-9%;color:var(--red)}
.visit-copy h2>.headline-line{color:var(--ink)}
.visit-copy h2>.headline-line>span{color:var(--red)}

/* The source logo has wide transparent margins; enlarge its visible mark too. */
.site-header{top:10px;height:108px;grid-template-columns:144px 1fr 135px}
.site-header .brand{position:relative;width:126px;height:108px}
.site-header .brand img{position:absolute;top:50%;left:50%;width:176px;height:176px;max-width:none;transform:translate(-50%,-50%)}
.roadtrip-van{mix-blend-mode:normal}
.hashtag-invite{grid-column:1/-1;margin-top:20px;padding:16px 18px;background:var(--yellow);border:2px solid var(--ink);border-radius:15px;box-shadow:3px 4px 0 var(--ink)}
.hashtag-invite p{font-size:12px;font-weight:700;line-height:1.9}
.hashtag-invite strong{display:inline-block;font-size:16px;color:var(--ink);user-select:all}
.hashtag-copy{margin-top:11px;padding:7px 13px;border:1.5px solid var(--ink);border-radius:100px;background:var(--cream);font-size:11px;font-weight:800}
.hashtag-copy:hover{background:var(--ink);color:var(--cream)}
.hashtag-status{display:block;font-size:10px;line-height:1.7;margin-top:7px}

@media(min-width:901px){
  #home .fresh-stamp{top:calc(50% - 110px);left:calc(73% + clamp(130px,11vw,180px))}
  #home .fresh-stamp strong{font-family:var(--sans);font-size:44px;font-weight:900;line-height:1.15;letter-spacing:.06em}
}
@media(max-width:900px){
  .site-header{height:94px;grid-template-columns:112px 1fr 106px}
  .site-header .brand{width:98px;height:94px}
  .site-header .brand img{width:150px;height:150px}
  #home .hero-copy{left:28px;width:52vw}
  #home h1{font-size:clamp(58px,9.4vw,86px)}
  #home .burger-stack{left:75%;width:clamp(430px,54vw,540px)}
  #home .fresh-stamp{right:14px;left:auto}
}
@media(max-width:640px){
  .site-header{top:8px;width:calc(100% - 20px);height:76px;grid-template-columns:76px minmax(0,1fr) 86px;gap:4px;padding:0 4px}
  .site-header .brand{width:76px;height:76px}
  .site-header .brand img{width:124px;height:124px}
  .site-header .main-nav{gap:8px;padding:10px}
  .hashtag-invite{margin-top:16px;padding:13px 14px}
  .hashtag-invite p{font-size:11px}
  .hashtag-invite strong{font-size:15px}
  #home{--hero-burger-top:clamp(185px,27svh,230px);--hero-burger-width:min(105vw,440px,58svh);min-height:100svh}
  #home .hero-copy{top:112px;left:20px;width:calc(100% - 40px);transform:none}
  #home .eyebrow{margin-bottom:14px;font-size:8px}
  #home h1{left:0;width:100%;margin:0;font-size:calc((100vw - 40px) * .37);line-height:.74;text-align:center;text-shadow:3px 4px 0 var(--ink);transform:scaleX(.82);transform-origin:center top}
  #home .hero-line{position:relative;left:50%;width:max-content;translate:-50% 0}
  #home .tagline{margin-top:18px;font-size:15px;line-height:1.55}
  #home .mobile-break{display:initial}
  #home .cta{position:absolute;top:calc(100svh - 112px - 50px - max(60px,calc(env(safe-area-inset-bottom) + 38px)));left:0;width:158px;height:50px;margin-top:0;padding:0 18px;font-size:10px;box-shadow:4px 4px 0 var(--ink)}
  #home .burger-zone{inset:0}
  #home .burger-stack{left:56%;top:var(--hero-burger-top);bottom:auto;width:var(--hero-burger-width);transform:translate(-50%,0);transform-origin:50% 74%}
  #home .burger-eyes{top:10.5%;left:49%;width:176px;height:66px;gap:16px}
  #home .burger-eye{width:58px;height:60px}
  #home .burger-pupil{width:21px;height:25px}
  #home .lettuce{width:103%}
  #home .bottom-bun{width:100%}
  #home .fresh-stamp{top:calc(var(--hero-burger-top) + var(--hero-burger-width) * .133 + 96px);right:14px;left:auto;width:106px}
  #home .fresh-stamp span{font-size:8px}
  #home .fresh-stamp strong{font-family:var(--sans);font-size:30px;font-weight:900;line-height:1.15;letter-spacing:.06em}
  #home .hero-notes{top:auto;right:12px;bottom:max(18px,calc(env(safe-area-inset-bottom) + 6px));left:auto;width:min(43vw,164px);grid-template-columns:1fr;gap:13px}
  #home .hero-notes p{font-size:16px;line-height:1.15;text-align:right}
  #home .notes-mobile-break{display:initial}
  #home .hero-replay{left:20px;bottom:max(16px,env(safe-area-inset-bottom));height:28px;padding:2px 6px;line-height:1;transform:none;font-size:8px}
  #home .hero-replay>span{font-size:18px;line-height:1}
  #home .hero-wave{height:64%}
  .section-wave{--wave-step:900px;height:180px}
  .story-wave{--wave-step:720px;height:200px}
  .miyazaki-story .story-gallery{row-gap:0}
  .miyazaki-story .story-card:nth-child(n){transform:none}
  .transition-message{display:grid;grid-template-columns:48px minmax(0,1fr);width:calc(100% - 32px);gap:12px;padding:12px;border-radius:18px}
  .transition-message .menu-total{display:flex;flex-direction:column;align-items:center;gap:5px;width:48px}
  .transition-message .menu-total>strong{font-size:60px;line-height:.8}
  .transition-message .menu-total>span{width:100%;font-size:8px;line-height:1.2;letter-spacing:.04em;text-align:center}
  .transition-message>div:not(.menu-total){min-width:0}
  .transition-message>div>p{font-size:11px;white-space:nowrap;line-height:1.7}
  .transition-message>div:not(.menu-total)>span{display:block;font-size:10px;line-height:1.7;margin-top:4px}
  .miyazaki-story{padding-top:24px;padding-bottom:120px}
  .miyazaki-story .story-gallery-scroll{margin-top:16px}
  .miyazaki-story .story-gallery-viewport{padding-top:40px}
  .miyazaki-story .story-copy{padding-top:0}
  .miyazaki-story .story-copy .section-lead{font-size:19px}
  .miyazaki-story .story-description{font-size:14px;line-height:1.85;margin-top:9px}
  .miyazaki-story .mobile-copy-break{display:initial}
  .miyazaki-story .story-card figcaption p{font-size:12px}
  .roadtrip{padding-top:30px;padding-bottom:135px}
  .social-wall,.visit{padding-bottom:130px}
  .social-heading h2 i{font-size:.7em}
}
@media(max-width:640px){
  .story-gallery-scroll{height:auto}
  .story-gallery-viewport{position:relative;top:auto;min-height:0}
  .story-gallery{width:100%;overflow-x:auto;transform:none;transition:none;touch-action:pan-x pan-y;scroll-snap-type:x proximity}
  .story-gallery.is-auto-moving{scroll-snap-type:none}
  .story-controls{gap:14px}
  .story-controls [data-story-pause]{width:auto;min-width:88px;padding:0 12px;border-radius:100px;font-size:10px;font-weight:700}
}
@media(max-width:370px),(max-height:760px) and (max-width:640px){
  #home{--hero-burger-top:clamp(165px,26svh,200px);--hero-burger-width:min(96vw,390px,52svh)}
  #home .hero-copy{top:92px}
  #home .eyebrow{margin-bottom:10px}
  #home .tagline{margin-top:17px}
  #home .cta{top:calc(100svh - 92px - 50px - max(60px,calc(env(safe-area-inset-bottom) + 38px)))}
}
@media(prefers-reduced-motion:reduce){.section-wave,#home .burger-float,#home .burger-eye{animation:none!important}.section-wave{transform:none}}