:root{--ink:#0b0a09;--surface:#131110;--paper:#f3ede2;--muted:#8a8076;--line:#221f1b;--gold:#c2a15a;--orange:#ef762f;--progress:0;--header:66px}
*{box-sizing:border-box}
html{scroll-behavior:auto;background:var(--ink);color:var(--paper);overflow-x:clip}
body{margin:0;background:var(--ink);color:var(--paper);font:400 14px/1.65 Inter,"Noto Sans JP",sans-serif;overflow-x:clip}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.36'/%3E%3C/svg%3E")}
img{display:block;width:100%;height:100%;object-fit:cover}
button,input{font:inherit;color:inherit}
button,a{touch-action:manipulation}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin-top:0}
h1,h2,h3,.eyebrow,.tracking,.brand,nav,.menu-toggle,.tags,button,dt,dd,.profile,.thermo-number,.timeline{font-family:"Chakra Petch","Noto Sans JP",sans-serif}
.eyebrow{font-size:11px;line-height:1.3;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);font-weight:500}
.section-pad{padding:92px max(4.85vw,30px);position:relative}
.section-head{display:flex;justify-content:space-between;gap:48px;align-items:flex-end;border-bottom:1px solid var(--line);padding-bottom:34px;margin-bottom:44px}
.section-head h2{font-size:60px;line-height:1;margin:0;font-weight:300;letter-spacing:-.04em}.section-head h2 span,.section-head h3{color:var(--gold)}
.section-head>p,.section-head>div:last-child{max-width:470px;color:var(--muted)}
.section-head h3{font-size:24px;font-weight:400;margin-bottom:12px}.section-head p{margin-bottom:0}
.media-cover{position:absolute;inset:0}.media-cover img{height:100%}

.site-header{position:fixed;z-index:100;top:0;left:0;width:100%;height:var(--header);display:grid;grid-template-columns:260px 1fr 180px;align-items:center;padding:0 4.1%;border-bottom:1px solid rgba(255,255,255,.09);background:rgba(11,10,9,.88);backdrop-filter:blur(14px)}
.brand{display:flex;flex-direction:column;letter-spacing:.28em;line-height:1}.brand b{font-size:16px}.brand small{font-size:7px;color:var(--muted);margin-top:7px;letter-spacing:.45em}
nav{display:flex;justify-content:center;gap:31px;font-size:11px;letter-spacing:.13em;color:var(--muted);white-space:nowrap}nav a{transition:color .25s}nav a:hover,nav a:focus-visible{color:var(--paper)}
.menu-toggle{justify-self:end;background:none;border:0;color:var(--muted);font-size:11px;letter-spacing:.25em}.menu-toggle i,.menu-toggle i:after{display:inline-block;width:15px;height:1px;background:currentColor;margin-left:8px;vertical-align:middle;content:""}.menu-toggle i:after{transform:translate(-8px,5px);margin:0;width:9px}

.hero{height:6300px;position:relative;background:#050505}.hero-fixed{position:sticky;top:0;height:100vh;overflow:hidden;isolation:isolate}.hero-bg{z-index:-6}.hero-bg img{filter:brightness(.45) saturate(.75);transform:scale(calc(1.04 + var(--progress)*.04))}
.hero-shade{position:absolute;z-index:-4;inset:0;background:linear-gradient(to right,#000 0%,rgba(0,0,0,.35) 26%,transparent 54%),radial-gradient(circle at 55% 50%,rgba(11,10,9,.1),rgba(11,10,9,.84) 70%),linear-gradient(90deg,rgba(0,0,0,.85) 0,transparent 46%,rgba(0,0,0,.45))}
.grid-overlay{position:absolute;z-index:-2;inset:0;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 88%)}
/* 旧ヒーロー用の湯気写真層。連番動画には湯気が焼き込まれており、この不透明写真がcanvasを覆い隠していた
   （2026-08-17実測）。湯気の重ねは元サイト同等のループ動画（発注書9番）で別途やる */
.steam-visual{display:none}
.steam-visual picture{position:absolute;inset:0}.steam-visual i,.overview-media i{position:absolute;width:38%;height:75%;bottom:-25%;background:radial-gradient(ellipse at bottom,rgba(238,226,208,.3),rgba(255,255,255,0) 66%);filter:blur(22px);animation:steam 5.5s ease-in infinite}.steam-visual i:nth-of-type(1){left:26%}.steam-visual i:nth-of-type(2){left:45%;animation-delay:-3s;transform:scale(.7)}
@keyframes steam{0%{opacity:0;transform:translateY(8%) scale(.65)}35%{opacity:.55}100%{opacity:0;transform:translateY(-90%) scale(1.3)}}
.camera-ui{position:absolute;z-index:8;inset:0;pointer-events:none;font-family:"Chakra Petch",sans-serif;font-size:9px;letter-spacing:.22em;color:rgba(243,237,226,.55)}.cam-top{position:absolute;top:80px}.cam-rec{left:32px;color:var(--paper)}.cam-rec em{display:inline-block;width:10px;height:10px;border-radius:50%;background:#ff3838;box-shadow:0 0 12px #f33;margin-right:7px;vertical-align:-1px;animation:rec 1s steps(2,end) infinite}.cam-rec time{margin-left:14px}.cam-title{left:50%;transform:translateX(-50%)}.cam-meta{right:32px}
@keyframes rec{50%{opacity:.25}}
.corner{position:absolute;width:36px;height:36px;border-color:rgba(243,237,226,.7)}.corner.tl{left:32px;top:97px;border-left:2px solid;border-top:2px solid}.corner.tr{right:32px;top:97px;border-right:2px solid;border-top:2px solid}.corner.bl{left:32px;bottom:99px;border-left:2px solid;border-bottom:2px solid}.corner.br{right:32px;bottom:99px;border-right:2px solid;border-bottom:2px solid}
.vertical-copy{position:absolute;left:11px;top:42%;writing-mode:vertical-rl;letter-spacing:.35em}.vertical-copy--right{left:auto;right:34px;top:24%;font-size:9px;opacity:.6;letter-spacing:.3em}.side-scale{position:absolute;right:13px;top:32%;height:33%;width:14px;background:repeating-linear-gradient(to bottom,transparent 0 8px,rgba(243,237,226,.42) 8px 9px)}
@media(max-width:700px){.vertical-copy--right{display:none}}
.scrub-info{position:absolute;left:32px;right:32px;bottom:69px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.scrub-info>b{padding:7px 10px;border:1px solid rgba(194,161,90,.35);color:var(--gold);justify-self:start}.scrub-info>b:last-child{justify-self:end}.scrub-info strong{color:var(--paper)}
.scrubber{position:absolute;left:32px;right:32px;bottom:29px;height:21px;border-bottom:1px solid rgba(243,237,226,.55);background:repeating-linear-gradient(to right,rgba(243,237,226,.45) 0 1px,transparent 1px 10px)}.scrubber:after{content:"";position:absolute;inset:8px 0 auto;height:13px;background:repeating-linear-gradient(to right,transparent 0 49px,rgba(194,161,90,.65) 49px 50px)}.scrubber i{position:absolute;z-index:2;left:0;bottom:-1px;height:2px;width:calc(var(--progress)*100%);background:var(--gold);box-shadow:0 0 14px var(--gold)}.scrubber b{position:absolute;z-index:3;left:calc(var(--progress)*100%);bottom:-6px;width:12px;height:12px;background:var(--gold);transform:rotate(45deg) translateX(-50%);box-shadow:0 0 14px var(--gold)}
.hero-cut{position:absolute;left:3.9%;top:50%;width:min(850px,75vw);opacity:0;transform:translateY(100px);will-change:transform,opacity}.hero-cut .eyebrow{color:rgba(243,237,226,.62)}.hero-cut h1{font-size:96px;line-height:.95;font-weight:300;letter-spacing:-.045em;margin:29px 0 21px}.hero-cut h1 span,.hero-cut h2 span{color:var(--gold)}.hero-cut .tracking{font-size:14px;letter-spacing:.35em;color:var(--muted)}
.hero-cut h2{font-size:60px;line-height:1;font-weight:300;letter-spacing:-.035em;margin:22px 0}.hero-cut .lead{max-width:520px;color:#aaa099;line-height:1.85}.cut-two{width:min(900px,76vw)}.cut-two .temperature-label{position:absolute;left:610px;top:125px;color:var(--muted);font:12px/1.4 "Chakra Petch",sans-serif;letter-spacing:.2em;white-space:nowrap}.temperature-label strong{display:block;color:var(--gold);font-size:46px;font-weight:300}.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:750px;border-top:1px solid var(--line);margin-top:35px}.spec-grid div{padding:16px 18px 15px 0;border-bottom:1px solid var(--line)}dt{font-size:9px;letter-spacing:.2em;color:var(--muted)}dd{margin:4px 0 0;color:var(--paper);font-size:12px}.cut-three{width:min(440px,42vw)}.cut-three .profile{font-size:11px;letter-spacing:.26em;color:var(--muted);margin-top:38px}.cut-three .profile strong{display:block;font-size:24px;color:var(--gold);font-weight:400;margin-top:8px}
.scroll-callout{position:absolute;z-index:7;left:50%;top:50%;width:460px;max-width:48vw;height:186px;transform:translate(-3%,-50%);border:1px solid rgba(194,161,90,.55);border-radius:17px;background:rgba(5,5,5,.65);display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:"Chakra Petch","Noto Sans JP",sans-serif;letter-spacing:.32em;transition:opacity .4s}.scroll-callout strong{color:var(--gold);font-size:34px;font-weight:400}.scroll-callout span{font-size:11px;margin:5px 0 10px}.scroll-callout b{color:var(--gold);font-size:28px;animation:nudge 1.6s ease-in-out infinite}@keyframes nudge{50%{transform:translateY(7px)}}

.lineup{height:961px;background:var(--ink);z-index:10}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.menu-card{height:636px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface);transition:border-color .3s,transform .3s}.menu-card>picture{display:block;height:260px;overflow:hidden}.menu-card img{transition:transform .7s cubic-bezier(.2,.8,.2,1)}.menu-card:hover{border-color:var(--gold);transform:translateY(-4px)}.menu-card:hover img{transform:scale(1.06)}.card-body{padding:23px}.card-body h3{display:flex;justify-content:space-between;font-size:20px;font-weight:400;margin-bottom:12px}.card-body h3 b{color:var(--gold);font-weight:400}.card-body>p:not(.eyebrow){height:68px;color:var(--muted);font-size:13px}.tags{display:flex;gap:7px;flex-wrap:wrap;min-height:52px;margin:16px 0}.tags span{font-size:8px;letter-spacing:.18em;border:1px solid var(--line);border-radius:5px;padding:5px 8px;color:var(--muted)}.card-body button,.build-result button,.reserve-button{width:100%;height:43px;border:1px solid rgba(194,161,90,.55);border-radius:12px;background:linear-gradient(100deg,rgba(194,161,90,.07),rgba(194,161,90,.15));color:var(--gold);font-size:11px;letter-spacing:.25em;transition:background .25s,transform .1s}.card-body button:hover,.build-result button:hover,.reserve-button:hover{background:rgba(194,161,90,.2)}button:active{transform:translateY(1px)!important}

.builder{height:1130px;background:linear-gradient(120deg,#161411,#0c0b0a);z-index:10}.builder-layout{display:grid;grid-template-columns:1fr minmax(380px,51%);gap:48px}.builder-controls fieldset{border:0;padding:0;margin:0 0 28px}.builder-controls legend{font-family:"Chakra Petch","Noto Sans JP",sans-serif;font-size:10px;letter-spacing:.3em;color:var(--gold);margin-bottom:17px}.size-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.size-card{position:relative;height:218px;padding:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#111}.size-card picture{position:absolute;inset:0}.size-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,rgba(0,0,0,.82))}.size-card>b{position:absolute;z-index:2;left:13px;top:8px;color:var(--paper);font-size:25px;font-weight:400}.size-card>span{position:absolute;z-index:2;bottom:12px;left:13px;right:8px;text-align:left;font-size:11px;letter-spacing:.1em}.size-card small{display:block;color:var(--muted);margin-top:3px}.size-card.active,.topping-grid button.active{border-color:var(--gold);box-shadow:inset 0 0 0 1px rgba(194,161,90,.45)}
.topping-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.topping-grid button{height:76px;border:1px solid var(--line);border-radius:12px;background:#151311;display:flex;align-items:center;text-align:left;padding:8px;gap:10px}.topping-grid picture{width:48px;height:48px;border-radius:50%;overflow:hidden;flex:0 0 48px}.topping-grid span{font:9px/1.4 "Chakra Petch",sans-serif;letter-spacing:.05em}.topping-grid small{display:block;color:var(--gold);font-size:11px;margin-top:3px}
.build-result{position:relative;height:710px;border:1px solid var(--line);border-radius:18px;padding:31px;background:rgba(7,7,6,.85);overflow:hidden}.build-result>picture{display:block;height:388px;margin:-31px -31px 28px;width:calc(100% + 62px);overflow:hidden}.build-result>picture img{object-position:center 60%;transition:transform .5s}.build-result.has-build>picture img{transform:scale(1.04)}.build-result h3{font-size:28px;font-weight:300;margin:6px 0}.build-result>p:not(.eyebrow){height:27px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.total{display:flex;align-items:end;justify-content:space-between;border-top:1px solid var(--line);margin-top:14px;padding:12px 0}.total span{font:10px/1 "Chakra Petch","Noto Sans JP",sans-serif;letter-spacing:.22em;color:var(--muted)}.total strong{font:38px/1 "Chakra Petch",sans-serif;color:var(--gold);font-weight:300}.build-result button:disabled{opacity:.35;cursor:not-allowed}

.overview{height:842px;background:var(--ink);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 124px;gap:32px 65px;z-index:10}.overview-copy{align-self:center;max-width:560px}.overview-copy h2{font-size:96px;line-height:.92;font-weight:300;letter-spacing:-.055em;margin:20px 0 28px}.overview-copy h2 span{color:var(--gold)}.overview-copy>p:not(.eyebrow){max-width:520px;color:var(--muted)}.overview-copy>a{font:11px/1 "Chakra Petch","Noto Sans JP",sans-serif;letter-spacing:.2em;color:var(--gold);display:inline-block;margin-top:20px}.searing-dot{font:10px/1 "Chakra Petch",sans-serif;letter-spacing:.2em;margin-top:52px}.searing-dot i{display:inline-block;width:8px;height:8px;background:#f44336;border-radius:50%;box-shadow:0 0 11px #f44336;margin-right:7px;animation:rec 1.1s steps(2,end) infinite}.searing-dot b{color:var(--gold);margin-left:10px}.overview-media{position:relative;align-self:center;width:min(100%,580px);aspect-ratio:1;border:1px solid var(--line);overflow:hidden}.overview-media picture img,.overview-media .steam-loop{filter:brightness(.72)}.steam-loop{display:block;width:100%;height:100%;object-fit:cover;background:#0b0a09}.overview-media i{left:30%;z-index:2}.overview-media i:nth-of-type(2){left:54%;animation-delay:-2.7s}.overview-specs{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);margin:0}.overview-specs div{padding-top:25px;border-right:1px solid var(--line)}.overview-specs div+div{padding-left:22px}.overview-specs dd{color:var(--gold);font-size:16px}

.stats{height:436px;background:var(--surface);display:grid;grid-template-columns:repeat(4,1fr);padding:0 4.85%;position:relative;z-index:10}.stats article{padding:51px 34px 30px;border-left:1px solid var(--line)}.stats article:last-child{border-right:1px solid var(--line)}.stats article>span{font:10px/1 "Chakra Petch",sans-serif;color:var(--gold);letter-spacing:.2em}.stats strong{display:block;position:relative;font:300 101px/1 "Chakra Petch",sans-serif;margin:16px 0 12px;color:var(--gold)}.stats strong:before{content:"";position:absolute;left:-26px;top:50%;width:180px;height:180px;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,rgba(194,161,90,.22),transparent 68%);z-index:-1}.stats strong b{font-weight:300}.stats h3{font-size:13px;line-height:1.4;letter-spacing:.13em;font-weight:400}.stats h3 small{font-size:1em;color:var(--muted);font-weight:400}.stats p{font-size:12px;color:var(--muted);margin-top:20px}

.sear{height:3420px;position:relative;z-index:10;background:#070605}.sear-sticky{height:100vh;position:sticky;top:0;overflow:hidden;--heat:0}.sear-bg{z-index:0}.sear-bg img{filter:brightness(calc(.34 + var(--heat)*.34)) saturate(calc(.55 + var(--heat)*.9));transform:scale(calc(1.03 + var(--heat)*.08));transition:filter .1s}.sear-flame{opacity:var(--heat)}.sear-vignette{position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(7,6,5,.7),transparent 58%,rgba(7,6,5,.35)),linear-gradient(to bottom,rgba(7,6,5,.35),transparent 40%,rgba(7,6,5,.42))}.sear-label{position:absolute;z-index:3;left:3.3%;top:11%}.sear-label h2{font-size:48px;line-height:1;font-weight:300}.sear-label h2 span{color:var(--gold)}.sear-copy{position:absolute;z-index:4;left:8%;top:41%;width:650px;opacity:0;transform:translateY(80px);will-change:transform,opacity}.sear-copy .eyebrow{color:var(--gold)}.sear-copy h3{font-size:79.2px;line-height:1;font-weight:300;margin:17px 0 22px;letter-spacing:-.04em}.sear-copy>p:last-child{max-width:500px;color:#b4aaa0;font-size:15px}.thermo-number{position:absolute;z-index:4;right:6.2%;top:14%;color:var(--gold)}.thermo-number strong{font-size:120px;line-height:1;font-weight:300}.thermo-number span{display:block;text-align:center;color:var(--muted);font-size:13px}.thermometer{position:absolute;z-index:4;right:6.9%;top:34%;height:52%;width:52px;display:flex;flex-direction:column;justify-content:space-between;font:8px/1 "Chakra Petch",sans-serif;color:rgba(243,237,226,.34)}.thermometer i{position:absolute;right:14px;top:0;width:19px;height:100%;border:1px solid var(--line);border-radius:12px;background:#14110f;overflow:hidden}.thermometer b{position:absolute;bottom:0;left:0;width:100%;height:calc(var(--heat)*100%);border-radius:10px;background:linear-gradient(var(--gold),var(--orange));box-shadow:0 0 24px rgba(239,118,47,.45)}.heat-hint{position:absolute;z-index:4;left:50%;bottom:23px;transform:translateX(-50%);font:9px/1 "Chakra Petch","Noto Sans JP",sans-serif;letter-spacing:.35em;color:var(--muted)}

.craft{height:1309px;background:var(--ink);z-index:10;overflow:hidden}.craft .section-head{align-items:flex-start}.craft-strip{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden}.craft-strip article{height:342px;position:relative;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:218px 16px 15px;background:var(--surface);overflow:hidden}.craft-strip article:nth-child(5n){border-right:0}.craft-strip picture{position:absolute;inset:0 0 auto;height:202px;overflow:hidden}.craft-strip img{transition:transform .6s}.craft-strip article:hover img{transform:scale(1.08)}.craft-strip b,.craft-strip span{display:block;font-family:"Chakra Petch","Noto Sans JP",sans-serif}.craft-strip b{font-size:10px;letter-spacing:.08em}.craft-strip span{font-size:9px;color:var(--muted);margin-top:5px}.ticker-row{display:flex;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:50px -7vw 0;padding:14px 0}.ticker{display:flex;flex:1 1 auto;min-width:0;width:auto;padding-left:7vw;color:var(--gold);font:12px/1 "Chakra Petch","Noto Sans JP",sans-serif;letter-spacing:.15em;white-space:nowrap;overflow:hidden}.ticker div{animation:ticker 26s linear infinite;padding-right:2em}@keyframes ticker{to{transform:translateX(-100%)}}.ticker-line{flex:0 0 64px;height:1px;background:var(--line);margin:0 18px}.ticker-end{flex:0 0 auto;padding-right:7vw;color:var(--gold);font:11px/1 "Chakra Petch",sans-serif;letter-spacing:.3em;white-space:nowrap}
@media(max-width:700px){.ticker-line{flex-basis:24px;margin:0 10px}.ticker-end{font-size:9px}}

.cut{height:2991px;background:var(--surface);position:relative;z-index:10}.cut-sticky{height:100vh;position:sticky;top:0;overflow:hidden;padding:100px 0 50px}/* 横に流れるカードが見出しの上を通過して読めなくなっていた（実測）。
   見出しの帯を不透明にして前面へ置き、カードはその後ろへ隠す。 */
.cut-sticky:after{content:"";position:absolute;left:0;top:0;bottom:0;width:30%;background:var(--surface);z-index:2;pointer-events:none}
.cut-heading{position:absolute;left:4.85%;top:95px;width:360px;z-index:3}
.cut-track{z-index:1}
.cut-heading{position:absolute;left:4.85%;top:95px;width:360px}.cut-heading h2{font-size:60px;font-weight:300;line-height:1}.cut-heading h2 span{color:var(--gold)}.cut-heading>p:last-child{margin-top:38px;color:var(--gold);font:10px/1 "Chakra Petch","Noto Sans JP",sans-serif;letter-spacing:.2em}.cut-track{position:absolute;left:31%;top:130px;display:flex;gap:22px;will-change:transform}.cut-track article{position:relative;flex:0 0 410px;height:625px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--ink);padding:375px 28px 28px}.cut-track picture{position:absolute;inset:0 0 auto;height:345px;overflow:hidden}.cut-track img{transition:transform .7s}.cut-track article:hover img{transform:scale(1.06)}.cut-track article>span{font:12px/1 "Chakra Petch",sans-serif;color:var(--gold)}.cut-track article>p{font:10px/1 "Chakra Petch",sans-serif;letter-spacing:.22em;color:var(--muted);margin:13px 0 8px}.cut-track h3{font-size:22px;font-weight:300;margin-bottom:16px}.cut-track article>div{color:var(--muted);font-size:13px}.cut-progress{position:absolute;bottom:40px;left:4.85%;right:4.85%;height:2px;background:var(--line)}.cut-progress i{display:block;width:calc(var(--progress)*100%);height:100%;background:var(--gold);box-shadow:0 0 12px var(--gold)}

.story{height:1541px;background:var(--ink);z-index:10}.timeline{display:flex;align-items:center;gap:18px;margin:0 auto 42px;max-width:900px;color:var(--gold);font-size:12px;letter-spacing:.16em}.timeline i{height:1px;flex:1;background:linear-gradient(90deg,var(--gold),var(--line))}.timeline span{font-size:9px;color:var(--muted)}.story-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.story-grid article{height:384px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--surface)}.story-grid picture{display:block;height:225px;overflow:hidden}.story-grid img{filter:saturate(.75);transition:filter .4s,transform .6s}.story-grid article:hover img{filter:saturate(1);transform:scale(1.03)}.story-grid article>div{padding:18px 28px}.story-grid span{display:inline-block;margin-top:-35px;transform:translateY(-9px);background:rgba(28,24,18,.88);border:1px solid rgba(194,161,90,.3);border-radius:20px;color:var(--gold);padding:5px 12px;font:8px/1 "Chakra Petch",sans-serif;letter-spacing:.19em}.story-grid h3{font-size:20px;font-weight:400;margin:4px 0 8px}.story-grid p{font-size:12px;color:var(--muted);line-height:1.65}

.booking{height:1661px;background:linear-gradient(140deg,#15120f,#090807);z-index:10;display:grid;grid-template-columns:31% 1fr;gap:8%;padding-top:130px}.booking-title{position:sticky;top:130px;align-self:start}.booking-title h2{font-size:72px;line-height:.95;font-weight:300;margin:25px 0 28px;letter-spacing:-.04em}.booking-title>p:last-child{color:var(--muted)}#booking-form{border-top:1px solid var(--line)}.booking-step{border-bottom:1px solid var(--line);padding:27px 0}.booking-step header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;font:11px/1 "Chakra Petch","Noto Sans JP",sans-serif;letter-spacing:.16em}.booking-step header b{color:var(--gold)}.booking-step header b:after{content:"·";margin:0 10px;color:var(--muted)}.booking-step header strong{color:var(--gold);font-weight:400}.calendar{width:480px;max-width:100%;margin:26px 0 0 48px}
.calendar-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.calendar-top button{background:none;border:0;color:var(--gold)}.calendar-top b{font:14px/1 "Chakra Petch","Noto Sans JP",sans-serif;font-weight:400}.weekdays,.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.weekdays span{text-align:center;color:var(--muted);font-size:10px}.calendar-days button{aspect-ratio:1;border:1px solid transparent;border-radius:50%;background:transparent}.calendar-days button:not(:disabled):hover{border-color:var(--gold)}.calendar-days button.active{background:var(--gold);color:var(--ink)}.calendar-days button:disabled{color:#46413c;cursor:default}.people{display:flex;align-items:center;gap:28px;margin:25px 0 0 48px}.people button{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--gold)}.people strong{font:28px/1 "Chakra Petch","Noto Sans JP",sans-serif;font-weight:300}.time-groups{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:22px 0 0 48px}.time-groups p{font:9px/1 "Chakra Petch",sans-serif;letter-spacing:.2em;color:var(--muted)}.time-groups>div>div{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.time-groups button{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:8px 5px;font:11px/1 "Chakra Petch",sans-serif}.time-groups button.active{border-color:var(--gold);color:var(--gold);background:rgba(194,161,90,.1)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:24px 0 20px 48px}.fields label{font:9px/1 "Chakra Petch","Noto Sans JP",sans-serif;letter-spacing:.15em;color:var(--muted)}.fields label:first-child{grid-column:1/-1}.fields input{width:100%;display:block;margin-top:7px;border:0;border-bottom:1px solid var(--line);background:transparent;padding:11px 0;outline:0;color:var(--paper);border-radius:0}.fields input:focus{border-color:var(--gold)}.reserve-button{width:calc(100% - 48px);margin-left:48px}.details-step>small,.details-step>#booking-status{display:block;margin:11px 0 0 48px;color:var(--muted)}#booking-status{min-height:24px;color:var(--gold);font-size:12px}
footer{height:150px;position:relative;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4.85%;border-top:1px solid var(--line);background:#080706}footer>div{display:flex;gap:25px;font:9px/1 "Chakra Petch","Noto Sans JP",sans-serif;letter-spacing:.18em;color:var(--muted)}footer>p{justify-self:end;color:var(--muted);font-size:11px}

.reveal{opacity:0;transform:translateY(55px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.75,.25,1)}.reveal.is-visible{opacity:1;transform:none}.menu-card:nth-child(2),.craft-strip article:nth-child(2n),.story-grid article:nth-child(2n){transition-delay:.09s}.menu-card:nth-child(3),.craft-strip article:nth-child(3n){transition-delay:.17s}

@media(max-width:1100px){nav{gap:14px;font-size:9px}.site-header{grid-template-columns:180px 1fr 100px}.section-head h2{font-size:48px}.menu-card>picture{height:220px}.card-body{padding:18px}.card-body>p:not(.eyebrow){font-size:11px}.builder-layout{grid-template-columns:48% 1fr;gap:25px}.topping-grid{grid-template-columns:repeat(2,1fr)}.build-result{height:735px}.cut-track{left:37%}}

@media(max-width:700px){:root{--header:58px}.section-pad{padding:70px 20px}.site-header{height:58px;padding:0 20px;grid-template-columns:1fr auto}.site-header nav{position:absolute;top:58px;left:0;right:0;display:none;flex-direction:column;gap:0;padding:12px 20px;background:#0b0a09;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.site-header nav a{padding:10px 0}.menu-toggle{display:block}.section-head{display:block;margin-bottom:28px;padding-bottom:23px}.section-head h2{font-size:36px;line-height:1.05}.section-head>p,.section-head>div:last-child{margin-top:18px}.eyebrow{font-size:9px}.hero{height:3300px}.hero-bg img{object-position:60% center}.steam-visual{width:100vw;left:5%;top:22%;height:55vh}.grid-overlay{background-size:48px 48px}.cam-title,.cam-meta,.side-scale,.scrub-info span,.scrub-info b:last-child{display:none}.cam-top{top:70px}.cam-rec{left:20px}.corner.tl,.corner.bl{left:14px}.corner.tr,.corner.br{right:14px}.corner.tl,.corner.tr{top:84px}.corner.bl,.corner.br{bottom:82px}.vertical-copy{left:4px}.scrub-info{left:20px;right:20px;bottom:53px;display:block}.scrubber{left:20px;right:20px;bottom:20px}.hero-cut{left:28px;top:46%;width:calc(100% - 56px)}.hero-cut h1{font-size:53px;line-height:1}.hero-cut h2{font-size:42px}.hero-cut .tracking{font-size:9px;line-height:1.7}.cut-two .temperature-label{position:static;margin-top:15px}.temperature-label strong{font-size:32px}.spec-grid{grid-template-columns:repeat(2,1fr);margin-top:20px}.spec-grid div{padding:9px 5px 8px 0}.cut-three{width:calc(100% - 56px)}.scroll-callout{width:calc(100% - 72px);max-width:none;height:132px;left:50%;top:26%;transform:translate(-50%,-50%)}/* 390pxで見出しへ318x106px重なっていた（実測）ため上へ逃がす */.scroll-callout strong{font-size:26px}.scroll-callout span{font-size:9px}.lineup{height:2200px}.menu-grid{grid-template-columns:1fr;gap:15px}.menu-card{height:630px}.menu-card>picture{height:290px}.card-body>p:not(.eyebrow){font-size:12px;height:auto;min-height:62px}.builder{height:2600px}.builder-layout{display:block}.size-grid{gap:6px}.size-card{height:178px}.size-card>span{font-size:8px}.topping-grid{grid-template-columns:1fr 1fr}.topping-grid button{height:70px}.build-result{height:650px;margin-top:30px;padding:20px}.build-result>picture{height:360px;margin:-20px -20px 24px;width:calc(100% + 40px)}.overview{height:1400px;display:block;padding-top:95px}.overview-copy h2{font-size:61px}.overview-media{position:relative;margin-top:45px;width:100%;height:auto;aspect-ratio:1}.overview-specs{grid-template-columns:repeat(2,1fr);margin-top:42px}.overview-specs div{padding:16px 8px;border-bottom:1px solid var(--line)}.overview-specs div+div{padding-left:8px}.stats{height:1450px;grid-template-columns:1fr;padding:0 20px}.stats article{padding:42px 25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.stats strong{font-size:62px}.sear{height:2500px}.sear-bg img{object-position:54% center}.sear-label{left:20px;top:11%}.sear-label h2{font-size:38px}.sear-copy{left:20px;top:40%;width:calc(100% - 70px)}.sear-copy h3{font-size:49px}.sear-copy>p:last-child{font-size:12px;max-width:285px}.thermo-number{right:20px;top:20%}.thermo-number strong{font-size:73px}.thermometer{right:12px;top:39%;height:43%;width:40px}.heat-hint{font-size:8px;width:100%;text-align:center}.craft{height:2400px}.craft-strip{grid-template-columns:repeat(2,1fr)}.craft-strip article{height:185px;padding:117px 10px 8px}.craft-strip picture{height:108px}.craft-strip b{font-size:8px}.craft-strip span{font-size:7px}.ticker{font-size:16px;margin-top:35px}.cut{height:auto;padding:70px 20px}.cut-sticky:after{display:none}.cut-sticky{position:static;height:auto;overflow:visible;padding:0}.cut-heading{position:static;width:auto}.cut-heading h2{font-size:48px}.cut-track{position:static;display:grid;transform:none!important;margin-top:35px}.cut-track article{width:100%;height:520px;flex:none;padding:318px 22px 22px}.cut-track picture{height:290px}.cut-progress{display:none}.story{height:2300px}.timeline{font-size:9px;gap:7px}.timeline span{font-size:7px}.story-grid{grid-template-columns:1fr}.story-grid article{height:445px}.story-grid picture{height:245px}.story-grid article>div{padding:18px}.booking{height:2200px;display:block;padding-top:90px}.booking-title{position:static}.booking-title h2{font-size:54px}#booking-form{margin-top:55px}.calendar{margin-left:0}.booking-step header{grid-template-columns:38px 1fr auto}.people,.time-groups,.fields{margin-left:38px}.time-groups{display:block}.time-groups>div+div{margin-top:20px}.time-groups>div>div{grid-template-columns:repeat(4,1fr)}.fields{display:block}.fields label{display:block;margin-bottom:18px}.reserve-button{width:calc(100% - 38px);margin-left:38px}.details-step>small,.details-step>#booking-status{margin-left:38px}footer{height:200px;grid-template-columns:1fr auto;padding:30px 20px}footer>div{display:grid;grid-template-columns:1fr 1fr;gap:15px}footer>p{grid-column:1/-1;justify-self:start;margin:0}}

@media(max-width:700px){.builder{height:1600px}.craft{height:1400px}.booking{height:1800px}}

main>section:not(.hero):not(.sear):not(.cut) .section-head{position:relative}
main>section:not(.hero):not(.sear):not(.cut) .section-head:after{content:"";position:absolute;left:0;bottom:-1px;width:calc(var(--progress)*100%);height:1px;background:var(--gold);opacity:.5}
main>section:not(.hero):not(.sear):not(.cut) picture img{filter:brightness(calc(.82 + var(--progress)*.18))}
main>section:not(.hero):not(.sear):not(.cut) .eyebrow{opacity:calc(.55 + var(--progress)*.45)}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.hero-bg img,.sear-bg img{transform:none}.hero-cut{transform:none}.ticker{transform:none}.cut-track{transform:none!important}}

/* ===== 検品①（2026-08-17）④⑤の是正：元サイトの実測級数へ戻す ===== */
/* 05・06 の節見出しは元サイト実測 48px（60pxで作っていた） */
.craft .section-head h2, .cut-heading h2 { font-size: 48px; }
/* 05 の主見出し「一枚のパティに、妥協なし。」は元サイトでは H2 48px の主役。
   当社は 24px の脇役になっていたため主従を戻す。 */
.craft .section-head + div h3, .craft h3 { font-size: 48px; line-height: 1.08; font-weight: 300; letter-spacing: -.03em; }
/* 06 のカード名は元 30px（当社22px） */
.cut-track h3 { font-size: 30px; line-height: 1.2; }
/* 07 の節見出しは元 96px（当社60px） */
.story .section-head h2 { font-size: 96px; line-height: .96; }
/* 07 のカード見出しは元 24px（当社20px） */
.story-grid h3 { font-size: 24px; line-height: 1.35; }
/* 予約の見出しは元 128px。和文は字面が詰まるため 96px で受ける（当社72px） */
.booking-title h2 { font-size: 96px; }

/* ⑤ クラフトは写真の上に名称と補足を重ねる（下半分が黒い空白になっていた） */
.craft-strip article { height: auto; padding: 0; }
.craft-strip picture { position: absolute; inset: 0; height: 100%; }
.craft-strip img { width: 100%; height: 100%; object-fit: cover; }
.craft-strip article > b,
.craft-strip article > span { position: absolute; left: 14px; z-index: 2; text-shadow: 0 1px 6px rgba(0,0,0,.85); }
.craft-strip article > b { bottom: 30px; color: var(--gold); }
.craft-strip article > span { bottom: 12px; color: var(--paper); }
.craft-strip article:after { content: ""; position: absolute; inset: 40% 0 0; z-index: 1;
  background: linear-gradient(180deg, rgba(11,10,9,0), rgba(11,10,9,.88)); pointer-events: none; }

/* ③ 05クラフトを3列の不均等グリッドへ（元 ref_09 実測: 3列・10枚・先頭と最後が横長） */
.craft-strip{grid-template-columns:repeat(3,1fr);grid-auto-rows:217px}
.craft-strip article:nth-child(1),.craft-strip article:nth-child(10){grid-column:span 2}
.craft-strip article:nth-child(2),.craft-strip article:nth-child(5),.craft-strip article:nth-child(8),.craft-strip article:nth-child(10){border-right:0}
@media(max-width:1100px){.craft-strip{grid-auto-rows:180px}}
@media(max-width:700px){.craft-strip article{padding:0!important;height:auto}}

@media (max-width: 1100px) {
  .story .section-head h2 { font-size: 68px; }
  .booking-title h2 { font-size: 72px; }
  .craft .section-head + div h3, .craft h3 { font-size: 36px; }
}
@media (max-width: 700px) {
  .craft .section-head h2, .cut-heading h2 { font-size: 36px; }
  .craft .section-head + div h3, .craft h3 { font-size: 28px; }
  .story .section-head h2 { font-size: 44px; }
  .booking-title h2 { font-size: 48px; }
  .cut-track h3 { font-size: 24px; }
  .craft-strip article { height: 178px; }
}

/* 「// 06. ザ・カット」が360px枠で2行に折れていた（実測）。目隠し幅30%=432pxの内側で1行に収める。 */
.cut-heading{width:400px}
.cut-heading h2{white-space:nowrap}
@media(max-width:700px){.cut-heading{width:auto}.cut-heading h2{white-space:normal}}

/* ヒーローの連番canvas（元サイトの /frames/smash/f_*.webp と同じ役割）。
   写真の hero-bg は canvas が描けるまでの下地として残す。 */
/* 層の確定（2026-08-17実測）: z1だと暗幕(-4)と見出しを覆い文字が消える。-6だとDOM後方の
   代替写真(picture.hero-bg--fallback -6)に負けて連番が隠れる。-5＝代替写真の上・暗幕と文字の下 */
#smash-sequence{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:-5;background:#070605}
.hero-bg--fallback{z-index:-6}/* canvas(-5)の下。canvas未対応環境でだけ見える保険 */
@media(max-width:700px){#smash-sequence{object-fit:cover}}

/* #DESIGN_FROM_CHATGPT: 出典=元サイト実測 https://smash-burger-hq.vercel.app/ （compare_0817/ref_10.png・
   発注書 _automation/orders/smash_fidelity_fix_2026-08-17.md 項目5/6）の値をそのまま転記。
   新規意匠ではなく、確定済み外部サイトの移植（06のカードを全面背景+重ね文字へ） */
.cut-track article{padding:0 26px 24px;display:flex;flex-direction:column;justify-content:flex-end}
.cut-track picture{position:absolute;inset:0;height:100%}
.cut-track picture:after{content:"";position:absolute;inset:36% 0 0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(11,10,9,0),rgba(11,10,9,.85) 55%,rgba(11,10,9,.98))}
.cut-track article>span{position:absolute;right:20px;bottom:10px;z-index:1;font:300 84px/1 "Chakra Petch",sans-serif;color:rgba(243,237,226,.13);letter-spacing:-.02em;pointer-events:none}
.cut-track article>p{position:relative;z-index:2;font:11px/1 "Chakra Petch",sans-serif;letter-spacing:.26em;color:var(--gold);text-transform:uppercase;margin:0 0 10px}
.cut-track h3{position:relative;z-index:2;color:var(--paper)}
.cut-track article>div{position:relative;z-index:2}
@media(max-width:700px){.cut-track article>span{font-size:56px}}

/* #DESIGN_FROM_CHATGPT: 出典=元サイト実測 https://smash-burger-hq.vercel.app/ （compare_0817/ref_13.png・
   発注書 _automation/orders/smash_fidelity_fix_2026-08-17.md 項目7）の値をそのまま転記。
   新規意匠ではなく、確定済み外部サイトの移植（予約フォームのステップ番号・カード状入力欄・GUESTSステッパー） */
.people{max-width:480px;height:64px;padding:0 22px;border:1px solid var(--line);border-radius:14px;background:var(--surface);justify-content:space-between}
.people button{width:32px;height:32px;border-radius:50%;background:transparent;border:0}
.fields input{border:1px solid var(--line);background:var(--surface);padding:14px 16px;border-radius:12px}
@media(max-width:700px){.people{max-width:none}}