@charset "UTF-8";
:root{font-family:"Hiragino Mincho ProN","Yu Mincho","Noto Serif JP",serif;color:#f7ecd6;background:#111a20;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}img{display:block;width:100%;height:auto}a{color:inherit}button{font:inherit;cursor:pointer}
a:focus-visible,button:focus-visible{outline:3px solid #ffb371;outline-offset:4px}.skip{position:absolute;top:-6rem;left:1rem;z-index:10;padding:.8rem;background:#fff;color:#111}.skip:focus{top:1rem}
.disclaimer{padding:.45rem 1rem;background:#ead9b9;color:#262727;text-align:center;font:600 .7rem/1.55 sans-serif}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem clamp(20px,4vw,72px);background:#111a20;border-bottom:1px solid #5b4a3c}
.brand{text-decoration:none;font-size:1.4rem;font-weight:900;letter-spacing:.08em;white-space:nowrap}.brand small{display:block;margin-top:.2rem;font:700 .57rem monospace;letter-spacing:.2em;color:#dca673}
nav{display:flex;flex-wrap:wrap;gap:clamp(.8rem,2.5vw,2.5rem);font:700 .78rem sans-serif}nav a{text-decoration:none}nav a:hover{color:#ffb371}
.hero{display:grid;grid-template-columns:minmax(340px,42%) minmax(0,58%);min-height:min(780px,86vh);background:#101b20}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(28px,4vw,72px);border-right:1px solid #5b4a3c}.eyebrow,.kicker{font:700 .72rem monospace;letter-spacing:.16em;color:#d6a16d}.eyebrow{margin:0 0 4rem}.hero-lead{font-size:clamp(1.1rem,1.6vw,1.65rem);line-height:1.7;margin:0 0 1.5rem;color:#e6bf89}.hero h1{font-size:clamp(4.3rem,7.4vw,8.6rem);line-height:1.05;letter-spacing:-.09em;margin:0;font-weight:900;white-space:nowrap}.hero h1 span{display:block;margin-top:1.3rem;font-size:clamp(1.5rem,2.4vw,2.8rem);letter-spacing:.16em;white-space:normal}.hero-note{max-width:24em;margin:3rem 0 1.8rem;line-height:2;color:#e5d8c6}.hero-link{display:inline-flex;gap:3rem;align-items:center;padding:.95rem 1.25rem;border:1px solid #d2a074;text-decoration:none;font:700 .82rem sans-serif}.hero-link:hover{background:#ad6341}.hero-photo{position:relative;min-width:0;min-height:600px;margin:0;overflow:hidden}.hero-photo img{height:100%;object-fit:cover;object-position:center}.hero-photo figcaption{position:absolute;right:1.4rem;bottom:1.1rem;padding:.4rem .6rem;background:#101a20bd;font:600 .65rem/1.5 sans-serif}
.counter{display:grid;grid-template-columns:26% 1fr 18%;gap:2rem;align-items:end;padding:clamp(76px,9vw,140px) clamp(20px,4vw,72px);background:#e9dac0;color:#232a2c}.counter-number{align-self:start;font:700 .85rem monospace;color:#9e5841}.counter h2,.serving h2,.closing h2{font-size:clamp(2.7rem,5vw,6.4rem);letter-spacing:-.08em;line-height:1.2;margin:1rem 0 2rem}.counter p:not(.kicker){max-width:36em;line-height:2}.counter-detail{display:grid;gap:.7rem;text-align:right;color:#a25b40;font:700 .72rem monospace;letter-spacing:.18em}
.serving{display:grid;grid-template-columns:1fr minmax(0,1.1fr);gap:clamp(2rem,5vw,6rem);align-items:center;min-height:550px;padding:clamp(76px,9vw,140px) clamp(20px,4vw,72px);background:#1c2a30}.serving-head{max-width:40rem}.serving-head>p:not(.kicker){max-width:32em;line-height:1.95;color:#ddd0bb}.serving button{margin-top:2rem;padding:1rem 1.3rem;background:#d69d69;color:#1d2425;border:0;font:700 .9rem sans-serif}.serving button span{margin-left:2rem}.serving button:hover{background:#f0b783}.detail-photo{margin:0}.detail-photo img{max-height:530px;object-fit:cover}.detail-photo figcaption{margin-top:.7rem;font:600 .66rem/1.6 sans-serif;color:#cbbb9d}.detail-photo[hidden]{display:none}
.closing{padding:clamp(80px,10vw,150px) clamp(20px,4vw,72px);background:#995941}.closing>p:first-child{font:700 .72rem monospace;letter-spacing:.2em}.closing>p:not(:first-child){line-height:1.9;max-width:38em}.closing a{display:inline-block;margin-top:2rem;border-bottom:1px solid currentColor;padding-bottom:.5rem;text-decoration:none}
footer{display:flex;justify-content:space-between;gap:1rem;padding:2rem clamp(20px,4vw,72px);font:600 .7rem sans-serif}footer a:hover{color:#ffb371}
@media(max-width:900px){.hero{grid-template-columns:44% 56%;min-height:670px}.hero-copy{padding:2rem}.hero h1{font-size:clamp(4rem,8vw,6rem)}.hero-photo{min-height:0}.eyebrow{margin-bottom:3rem}.counter{grid-template-columns:18% 1fr}.counter-detail{display:none}}
@media(max-width:650px){.site-header{align-items:flex-start;padding:1rem 20px}.brand{font-size:1.1rem}nav{justify-content:flex-end;font-size:.65rem;gap:.35rem .8rem}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:3rem 20px 2.4rem;border-right:0}.eyebrow{margin-bottom:2rem}.hero-lead{font-size:1rem;margin-bottom:.8rem}.hero h1{font-size:clamp(4.2rem,17vw,6rem)}.hero h1 span{font-size:1.45rem;margin-top:.5rem}.hero-note{margin:1.5rem 0}.hero-photo{height:440px;flex:none}.hero-photo img{height:100%;object-position:60% center}.hero-photo figcaption{right:.6rem;bottom:.6rem;left:.6rem;text-align:right;font-size:.57rem}.counter{display:block}.counter-number{margin-bottom:2.5rem}.counter h2,.serving h2,.closing h2{font-size:clamp(2.5rem,10vw,4rem)}.serving{display:block}.serving-head{max-width:none}.detail-photo{margin-top:3rem}footer{flex-direction:column}}
@media(max-width:380px){.hero h1{font-size:4rem}.site-header{gap:.5rem}nav{font-size:.61rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.hero{grid-template-rows:1fr auto}
.hero-copy{justify-content:flex-end;padding-bottom:1.5rem}
.hero-photo{grid-column:2;grid-row:1/3}
.hero-tail{grid-column:1;grid-row:2;padding:0 clamp(28px,4vw,72px) 4rem}
.hero-tail .hero-note{margin:1rem 0 1.8rem}
@media(max-width:900px){.hero-tail{padding:0 2rem 3rem}}
@media(max-width:650px){.hero{display:flex;flex-direction:column}.hero-copy{padding:2.4rem 20px 2rem}.hero-photo{order:2;height:400px}.hero-tail{order:3;padding:1.3rem 20px 3rem}.hero-tail .hero-note{margin:0 0 1.3rem}.eyebrow{margin-bottom:1.5rem}}