/* Typography v9: Secular One (heavy Hebrew display), Gveret Levin (handwritten accents), Assistant (body). All SIL OFL, free. */
:root{--disp:'Secular One','Heebo',system-ui,sans-serif;--hand:'Gveret Levin','Secular One',cursive;--ui:'Assistant','Heebo',system-ui,sans-serif;--inkb:#25384a}
h1,h2,h3,.brand,.drop,blockquote,.big-price,.chap .num,.mq-track span,summary,.chef b,.nutri th,.steps li::before,.foot-brand{font-family:var(--disp);font-weight:400!important;font-synthesis:none}
.lead,.hero p.sub,.tagline,.cta p,.sec-head p.lead-p,#taste .lead-p{font-family:var(--hand);font-weight:400!important;font-synthesis:none}
body{font-family:var(--ui)}
/* hero: big, tight, printed-offset colour layers */
.hero h1{font-size:clamp(88px,25vw,200px);line-height:.88;color:var(--inkb);text-shadow:.035em .035em 0 #ffc9b8,.07em .07em 0 #bfe3ee;transform-origin:50% 80%}
.hero p.sub{font-size:clamp(26px,4.4vw,40px);color:#c4532f;line-height:1.25;transform:rotate(-2deg);display:inline-block;margin-top:18px}
h2,.sec-head h2,#about h2{font-size:clamp(46px,10vw,96px);line-height:.98;letter-spacing:-.01em;color:var(--inkb)}
h2{background:linear-gradient(transparent 62%,#ffd9c9 62%,#ffd9c9 92%,transparent 92%);background-repeat:no-repeat;background-size:100% 100%;display:block;width:fit-content;padding:0 .1em}
.lead{font-size:clamp(28px,3.6vw,40px);color:#c4532f;line-height:1.2}
.tagline{font-size:clamp(26px,3.6vw,36px);color:#4b5b6c}
.cta p{font-size:clamp(24px,3vw,32px)}
.sec-head p.lead-p,#taste .lead-p{font-size:clamp(24px,2.8vw,30px);color:#3f5266;line-height:1.35}
h3,.chap h3,.taste h3{font-size:clamp(30px,3.6vw,42px);line-height:1.05}
.chap h3{color:var(--inkb)}
.chap .num{font-size:210px;opacity:.55;color:#e98a6b}
.mq-track span{font-size:clamp(38px,7vw,64px);letter-spacing:0}
.brand{font-size:28px}
.drop,blockquote{font-family:var(--ui);font-weight:600!important;font-size:clamp(22px,2.7vw,28px)}
.drop::first-letter{font-family:var(--disp);color:#c4532f;font-size:1.6em}
.big-price{font-size:clamp(96px,19vw,190px)}
.foot-brand{font-size:clamp(76px,18vw,210px)}
summary{font-family:var(--ui);font-weight:700!important;font-size:22px}
/* Emil/mobile guidance: no sticky hover on touch, press at .97, tap highlight, no tap delay */
html{-webkit-tap-highlight-color:transparent}
a,button,summary,[role=button]{touch-action:manipulation}
.btn:active{transform:scale(.97)!important}
@media(hover:none),(pointer:coarse){
 .chap a:hover,.taste a:hover,.tags span:hover,.wl-versions label:hover{transform:none!important}
 .chap a:hover img,.taste a:hover img{transform:none!important}
}
/* reduced motion: gentler, not zero. keep colour fades only */
@media(prefers-reduced-motion:reduce){
 .btn,.chap a,.taste a,summary,.nav-links a{transition:background-color .2s ease,color .2s ease,box-shadow .2s ease!important}
}
.taste h3{font-size:clamp(24px,2.5vw,32px)}
/* decorative sprigs sit behind content, never over CTA or text */
.art-sprig{z-index:-1!important}
@media(min-width:900px){.art-sprig{z-index:3!important;width:clamp(60px,7vw,110px)!important}.art-sprig.l{left:-24px!important}.art-sprig.r{right:-24px!important}}
/* stronger scrim so white text over recipe photos reaches contrast (measured) */
.taste a::after{background:linear-gradient(180deg,rgba(10,16,6,0) 8%,rgba(10,16,6,.7) 38%,rgba(10,16,6,.93) 100%)!important}
.taste a p,.taste a .go{color:#fff!important}
@media(min-width:701px){.hero-sprig{left:calc(50% - 190px)!important}}