:root{--paper:#eee8dc;--paper2:#f5f0e7;--ink:#302823;--cocoa:#4a342d;--pistachio:#c7c9ae;--rose:#d8bbb2;--champagne:#c9ad7e;--serif:"Cormorant Garamond",serif;--sans:"DM Sans",sans-serif;--hand:"Nanum Pen Script",cursive}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.skip{position:fixed;left:1rem;top:-5rem;background:var(--paper2);padding:1rem;z-index:100}.skip:focus{top:1rem}.masthead{position:fixed;z-index:30;top:0;left:0;width:100%;height:64px;padding:0 2.5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(48,40,35,.25);mix-blend-mode:multiply}.masthead>a{font:1rem var(--serif);letter-spacing:.14em}.masthead>span{font-size:.55rem;letter-spacing:.14em}.masthead button{justify-self:end;border:0;background:none;font:500 .58rem var(--sans);letter-spacing:.1em;cursor:pointer}.masthead nav{position:absolute;right:2vw;top:53px;display:none;width:210px;padding:1.2rem;background:var(--paper2);border:1px solid rgba(48,40,35,.25)}.masthead nav.is-open{display:grid}.masthead nav a{padding:.65rem 0;border-bottom:1px solid rgba(48,40,35,.16);font-size:.68rem}.page{min-height:100svh;position:relative;overflow:hidden;border-bottom:1px solid rgba(48,40,35,.22)}.folio{position:absolute;bottom:2rem;font-size:.53rem;letter-spacing:.12em;z-index:5}.folio.left{left:2.5vw}.folio.right{right:2.5vw}.folio.light{color:#fff}.chapter,.label{font-size:.58rem;text-transform:uppercase;letter-spacing:.16em}.cover{padding-top:64px;background:var(--paper)}.cover-copy{position:absolute;z-index:3;left:7vw;top:26%;}.cover h1{font:clamp(7rem,16vw,17rem)/.72 var(--serif);letter-spacing:-.04em;margin:2rem 0;color:var(--cocoa);text-shadow:0 1px rgba(255,255,255,.35)}.cover-line{font:1.25rem/1.35 var(--serif)}.cover figure{position:absolute;right:7vw;top:13%;width:46vw;height:75%;margin:0}.cover figure img{object-position:center;}.cover>.folio.left{top:9rem;bottom:auto}.margin-note{position:absolute;right:2vw;top:40%;writing-mode:vertical-rl;font:italic .8rem var(--serif)}.turn{position:absolute;left:7vw;bottom:5rem;width:230px;display:flex;justify-content:space-between;padding-bottom:.7rem;border-bottom:1px solid;font-size:.6rem;text-transform:uppercase;letter-spacing:.12em}.preface{min-height:1100px;background:var(--paper2);padding:11rem 7vw}.preface-title{width:70%}.preface-title span{font-size:.58rem;letter-spacing:.14em}.preface h2,.story h2,.ingredients h2,.atelier h2,.end h2{font:clamp(4.2rem,8vw,8rem)/.88 var(--serif);letter-spacing:-.045em;margin:2rem 0}.preface h2 em,.story h2 em,.ingredients h2 em,.atelier h2 em,.end h2 em{color:var(--champagne);font-weight:400}.preface-text{margin:4rem 0 0 35%;width:38%;font-size:.86rem;line-height:1.8}.preface-text p+ p{margin-top:2rem}.signature{display:block;font:2rem var(--hand);margin-top:2rem}.preface figure{position:absolute;right:6vw;bottom:-4rem;width:27vw;height:430px;margin:0;;overflow:hidden}.preface aside{position:absolute;left:6vw;bottom:4rem;font-size:.55rem;line-height:1.7;letter-spacing:.08em}.story-one{min-height:1050px;padding:10rem 6vw;background:var(--rose)}.story-one header{width:48%}.story-one header>p,.story-one header>span{font-size:.57rem;letter-spacing:.13em}.story-main{position:absolute;right:5vw;top:8rem;width:44vw;height:72%;margin:0}.story-main img{}.story-main figcaption{padding-top:.8rem;font-size:.56rem;text-transform:uppercase;letter-spacing:.1em}.story-copy{position:absolute;left:34%;bottom:7rem;width:28%;font-size:.8rem;line-height:1.7}.story-copy dl{margin-top:2rem;border-top:1px solid}.story-copy dl div{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid}.story-copy dt,.story-copy dd{margin:0;font-size:.56rem;text-transform:uppercase}.handnote{position:absolute;font:1.8rem var(--hand);transform:rotate(-7deg)}.story-one .handnote{left:5vw;bottom:14rem}.story-two{background:#1f1916;color:#fff}.full-bleed{position:absolute;inset:0;margin:0}.full-bleed:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(31,25,22,.7),transparent 70%)}.overlay-card{position:absolute;z-index:2;left:7vw;top:18%;width:40%;padding:3rem;background:rgba(238,232,220,.9);color:var(--ink);backdrop-filter:blur(8px)}.overlay-card>p:first-child,.overlay-card>span{font-size:.55rem;letter-spacing:.12em}.overlay-card h2{font-size:clamp(3.8rem,7vw,7rem)}.overlay-card>p:not(:first-child){font-size:.83rem;line-height:1.7;max-width:330px}.story-two blockquote{position:absolute;z-index:2;right:5vw;bottom:5rem;margin:0;font:italic 1.7rem/1.2 var(--serif)}.story-three{min-height:1150px;background:var(--paper);padding:10rem 6vw}.story-three-head{width:60%;margin-left:auto}.story-three-head>p,.recipe-note>span{font-size:.56rem;letter-spacing:.14em}.oval{position:absolute;left:6vw;top:9rem;width:35vw;height:68%;margin:0;overflow:hidden}.detail{position:absolute;right:6vw;bottom:4rem;width:24vw;height:270px;margin:0}.detail img{}.recipe-note{position:absolute;left:44%;bottom:8rem;width:25%;padding-top:1rem;border-top:1px solid;font-size:.78rem;line-height:1.7}.recipe-note small{font-size:.54rem;text-transform:uppercase;letter-spacing:.08em}.story-three .handnote{right:7vw;top:44%;color:#8c6954}.ingredients{background:var(--pistachio);padding:10rem 6vw}.ingredients h2{width:75%;margin:4rem 0 7rem}.ingredients-list{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.ingredients-list>div{min-height:300px;border-top:1px solid;padding:1.2rem 0;display:flex;flex-direction:column}.ingredients-list span{font-size:.55rem}.ingredients-list h3{font:2.5rem var(--serif);font-weight:400;margin:auto 0}.ingredients-list p{font-size:.65rem;line-height:1.6;text-transform:uppercase}.side-quote{position:absolute;right:2vw;top:40%;writing-mode:vertical-rl;font:italic 1rem var(--serif)}.atelier{min-height:1050px;background:var(--paper2);padding:10rem 7vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.atelier-copy h2{margin:3rem 0}.atelier ol{list-style:none;padding:0;margin:3rem 0 0}.atelier li{display:grid;grid-template-columns:45px 1fr;padding:1rem 0;border-top:1px solid}.atelier li:last-child{border-bottom:1px solid}.atelier li span{font-size:.54rem}.atelier li p{font-size:.73rem;line-height:1.6;margin:0}.atelier figure{height:750px;margin:0;;overflow:hidden}.atelier-note{position:absolute;right:3vw;bottom:4rem;font:1.5rem var(--hand);transform:rotate(-5deg)}.end{background:var(--cocoa);color:var(--paper);padding:11rem 7vw}.end h2{margin:4rem 0}.end-intro{font:.95rem/1.6 var(--serif)}.email{display:flex;justify-content:space-between;align-items:center;width:70%;margin-top:6rem;padding-bottom:1rem;border-bottom:1px solid;font:clamp(2.3rem,5vw,5rem) var(--serif)}.end-meta{display:flex;gap:7rem;margin-top:4rem;font-size:.6rem;line-height:1.8;text-transform:uppercase;letter-spacing:.1em}.end-signature{position:absolute;right:8vw;top:45%;font-size:3.5rem;transform:rotate(-8deg)}.concept{position:absolute;right:7vw;bottom:5rem;text-align:right;font-size:.55rem;line-height:1.6;text-transform:uppercase;letter-spacing:.08em}@media(max-width:800px){.masthead{height:58px}.masthead>span{display:none}.cover{min-height:820px}.cover-copy{left:6vw;top:20%}.cover h1{font-size:24vw}.cover figure{width:72vw;height:63%;right:4vw;top:25%}.cover-line{font-size:1rem}.margin-note{display:none}.preface{padding:8rem 6vw;min-height:1200px}.preface-title{width:100%}.preface-text{margin-left:20%;width:76%}.preface figure{width:60vw;height:380px;bottom:0}.story-one{min-height:1250px;padding:8rem 6vw}.story-one header{width:100%}.story-main{width:72vw;height:520px;top:31rem}.story-copy{left:20%;bottom:7rem;width:70%}.story-one .handnote{bottom:22rem}.overlay-card{left:5vw;width:80%;padding:2rem}.story-two blockquote{font-size:1.2rem}.story-three{min-height:1250px;padding:8rem 6vw}.story-three-head{width:100%}.oval{width:70vw;height:520px;top:33rem}.detail{width:45vw;height:220px}.recipe-note{left:auto;right:5vw;bottom:18rem;width:43%}.ingredients{padding:8rem 6vw}.ingredients h2{width:100%}.ingredients-list{grid-template-columns:1fr 1fr}.atelier{grid-template-columns:1fr;padding:8rem 6vw}.atelier figure{height:550px}.end{padding:8rem 6vw}.email{width:100%;font-size:2.1rem}.end-signature{top:auto;bottom:13rem}.concept{bottom:3rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Final art-direction pass: readable editorial overlaps and stronger tonal contrast. */
.story-one h2 em,.story-three h2 em{color:#9a7448}
.story-three-head{position:relative;z-index:2;width:54%;margin-left:auto}
.story-two blockquote{text-shadow:0 2px 16px rgba(31,25,22,.9)}
.end-intro{font-size:1.08rem;max-width:34rem}

/* Chapter 01: keep editorial copy fully on paper, never on the image edge. */
.story-one .story-copy{left:6vw;bottom:4.5rem;width:27vw}
.story-one .handnote{left:6vw;bottom:24rem}
.story-one .story-main{height:70%}

@media(max-width:800px){
  .story-three-head{width:100%;margin-left:0}
  .story-two blockquote{max-width:82%;text-align:right}
  .end-intro{font-size:.95rem}
  .story-one{min-height:1450px}
  .story-one .story-copy{left:6vw;bottom:5rem;width:88%}
  .story-one .handnote{left:6vw;bottom:25rem}
  .story-one .story-main{height:520px}
}