/* De Meesterbakker. Layout: warm flour-cream pages framed by deep wine bands, with the arch of a shop
   window as the recurring shape. One fixed look on purpose: the brand colours, not the viewer's theme. */
/* Westgate (the logo face) is embedded so it loads with the stylesheet, on the live site and in previews */
@font-face{font-family:'Westgate';src:url(data:font/woff2;base64,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) format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{
  color-scheme:light;
  --wine:#5c1017; --wine-deep:#3e0a0f; --wine-dark:#4a0d13; --ink:#22060a;
  --gold:#c9a227; --gold-bright:#f0c64a; --gold-soft:#e8ce82; --gold-deep:#7a5b0f;
  --gold-text:#a27e1b;   /* gold that still reads as large text on cream and paper (3:1) */
  --cream:#f5ede0; --paper:#faf5ec; --cream-warm:#f1d9a0;
  --text:#3e0a0f; --text-soft:#6a3b37; --line:rgba(62,10,15,.14); --line-gold:rgba(201,162,39,.45);
  --on-wine:#f5ede0; --on-wine-soft:rgba(245,237,224,.78);
  --f-display:'Westgate','Anton','Arial Narrow',Impact,sans-serif;
  --f-deco:'Poiret One','Century Gothic','Trebuchet MS',sans-serif;
  --f-serif:'EB Garamond',Garamond,'Times New Roman',serif;
  --f-ui:'Montserrat','Helvetica Neue',Arial,sans-serif;
  --gut:clamp(16px,5vw,64px); --max:clamp(1240px,84vw,2000px); --hdr:72px;
  --e:cubic-bezier(.2,.7,.2,1);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr) + 16px)}
body{margin:0;background:var(--paper);color:var(--text);font:400 1.18rem/1.6 var(--f-serif);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden;overflow-x:clip}
img{max-width:100%;display:block}
h1,h2,h3,p,figure,blockquote,ol,ul,dl,dd{margin:0}
ol,ul{padding:0;list-style:none}
a{color:inherit}
button{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px;border-radius:4px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;left:12px;top:-60px;z-index:100;background:var(--gold-bright);color:var(--wine-deep);padding:10px 16px;font:600 .8rem var(--f-ui);text-decoration:none;border-radius:6px}
.skip:focus{top:12px}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
.sec{padding-block:clamp(72px,10vw,128px)}

/* ---------- type ---------- */
.kick{font:400 .98rem/1.3 var(--f-deco);letter-spacing:.26em;text-transform:uppercase;color:var(--gold-deep);display:flex;align-items:center;gap:14px}
.kick::before{content:"";width:34px;height:1px;background:currentColor;opacity:.7;flex:none}
h2{font:500 clamp(2.1rem,4.4vw,3.6rem)/1.05 var(--f-serif);letter-spacing:-.01em;text-wrap:balance}
h3{font:600 1.35rem/1.2 var(--f-serif)}
.lead{font-size:clamp(1.2rem,1.6vw,1.38rem);color:var(--text-soft);max-width:36em}
blockquote{font:italic 500 clamp(1.4rem,2.2vw,1.8rem)/1.3 var(--f-serif);color:var(--wine)}

/* ---------- buttons ---------- */
.btns{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;align-items:center;gap:.7em;min-height:50px;padding:0 22px;border-radius:999px;font:600 .76rem/1 var(--f-ui);letter-spacing:.14em;text-transform:uppercase;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s,transform .2s var(--e)}
.btn svg{width:18px;height:18px;flex:none}
.btn svg[viewBox="0 0 24 14"]{width:22px;height:13px;transition:transform .25s var(--e)}
.btn:hover svg[viewBox="0 0 24 14"]{transform:translateX(4px)}
.btn:active{transform:scale(.98)}
@media (max-width:520px){.btn{white-space:normal;text-align:center;line-height:1.3;padding-block:10px}}
.btn-gold{background:var(--gold-bright);color:var(--wine-deep)}
.btn-gold:hover{background:#ffd866}
.btn-wine{background:var(--wine);color:var(--cream)}
.btn-wine:hover{background:var(--wine-deep)}
.btn-line{color:var(--cream);box-shadow:inset 0 0 0 1px rgba(232,206,130,.5)}
.btn-line:hover{box-shadow:inset 0 0 0 1px var(--gold-soft);background:rgba(232,206,130,.08)}
.btn-ghost-wine{color:var(--wine);box-shadow:inset 0 0 0 1px rgba(92,16,23,.4)}
.btn-ghost-wine:hover{box-shadow:inset 0 0 0 1px var(--wine)}
.g-mono svg{width:18px;height:18px}

/* ---------- header ---------- */
.hdr{position:fixed;inset:0 0 auto 0;z-index:50;height:calc(var(--hdr) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(var(--gut),calc((100% - var(--max)) / 2 + var(--gut))) 0;display:flex;align-items:center;gap:clamp(14px,2vw,28px);color:var(--on-wine);transition:background .35s,box-shadow .35s}
/* no backdrop blur: over the croissant film it would be redrawn on every scroll frame */
.hdr.solid,.hdr.always,.hdr.open{background:rgba(42,7,11,.95);box-shadow:0 1px 0 rgba(232,206,130,.16)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--gold-soft);margin-right:auto;min-width:0}
/* the gold logo carries the name itself, so no text beside it */
.brand img{width:auto;height:56px;flex:none}
.nav{display:flex;align-items:center;gap:clamp(16px,2.2vw,30px)}
.nav a{position:relative;font:600 .72rem/1 var(--f-ui);letter-spacing:.17em;text-transform:uppercase;text-decoration:none;padding:10px 0;color:var(--on-wine)}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:var(--gold-bright);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--e)}
.nav a:hover::after,.nav a[aria-current="page"]::after{transform:scaleX(1)}
.nav a[aria-current="page"]{color:var(--gold-bright)}
.lang{display:flex;border:1px solid rgba(232,206,130,.32);border-radius:999px;padding:3px;flex:none}
.lang button{border:0;background:none;cursor:pointer;font:600 .66rem/1 var(--f-ui);letter-spacing:.1em;padding:8px 10px;border-radius:999px;color:var(--on-wine)}
.lang button[aria-pressed="true"]{background:var(--gold-bright);color:var(--wine-deep)}
.call{display:inline-flex;align-items:center;gap:9px;min-height:40px;padding:0 16px;border-radius:999px;background:var(--gold-bright);color:var(--wine-deep);text-decoration:none;font:600 .74rem/1 var(--f-ui);letter-spacing:.06em;flex:none}
.call svg{width:16px;height:16px}
.call:hover{background:#ffd866}
.menu-btn{display:none;width:44px;height:44px;border:1px solid rgba(232,206,130,.35);border-radius:50%;background:none;align-items:center;justify-content:center;cursor:pointer;flex:none}
.menu-btn svg{width:20px;height:20px}
.mnav{position:absolute;left:0;right:0;top:100%;background:var(--wine-deep);border-top:1px solid rgba(232,206,130,.16);padding:18px var(--gut) 26px;display:grid;gap:4px;box-shadow:0 30px 40px rgba(20,3,5,.4)}
.mnav[hidden]{display:none}
.mnav>a{font:500 1.7rem/1.2 var(--f-serif);text-decoration:none;padding:10px 0;border-bottom:1px solid rgba(232,206,130,.12);color:var(--on-wine)}
.mnav>a[aria-current="page"]{color:var(--gold-bright)}
.mnav-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:16px}
.mnav-addr{font:500 .82rem/1.6 var(--f-ui);color:var(--on-wine-soft)}
.mnav-addr a{color:var(--gold-bright);text-decoration:none}
@media (max-width:940px){
  .nav,.lang-top{display:none}
  .menu-btn{display:inline-flex}
  .call{width:44px;height:44px;padding:0;justify-content:center}
  .call-t{display:none}
}
@media (max-width:380px){.brand img{height:46px}}

/* ---------- loader: the logo on flour-cream, then the page shows from under it ---------- */
.ld{display:none}
/* the 4.5 s step aside is for when the script never runs; normally it lifts the loader well before */
.js .ld{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:var(--cream) radial-gradient(circle at 50% 44%,#fff8e8,rgba(255,248,232,0) 62%);animation:ld-safe 0s 4.5s forwards}
@keyframes ld-safe{to{visibility:hidden}}
.ld-in{display:grid;justify-items:center;gap:26px}
.ld img{width:min(64vw,320px);height:auto;opacity:0;translate:0 12px;animation:ld-show .9s var(--e) .1s forwards}
.ld-line{position:relative;width:min(36vw,160px);height:2px;border-radius:2px;background:rgba(62,10,15,.12);overflow:hidden}
.ld-line i{position:absolute;inset:0;background:var(--gold);transform:scaleX(0);transform-origin:left;animation:ld-fill 1.15s cubic-bezier(.6,0,.2,1) .25s forwards}
@keyframes ld-show{to{opacity:1;translate:0 0}}
@keyframes ld-fill{to{transform:scaleX(1)}}
/* later pages of the same visit: the same loader, quicker */
.ld-quick .ld img,.ld-quick .ld-line i{animation-duration:.3s;animation-delay:0s}
/* out: the cream lifts like a shop blind, its lower edge curved like the arches on the site */
.ld-out .ld{pointer-events:none;translate:0 -102%;border-radius:0 0 50% 50%/0 0 18vh 18vh;transition:translate .85s cubic-bezier(.7,0,.25,1),border-radius .85s cubic-bezier(.7,0,.25,1)}
.ld-out .ld-in{opacity:0;translate:0 -40px;transition:opacity .35s,translate .6s var(--e)}
@media (prefers-reduced-motion:reduce){
  .ld img{translate:none}
  .ld-out .ld{translate:none;border-radius:0;opacity:0;transition:opacity .3s}
}

/* ---------- hero: from dough to croissant ---------- */
.hero{position:relative;background:var(--ink);color:var(--on-wine)}
.hero-pin{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;display:flex}
.hero-poster{position:absolute;top:0;bottom:0;right:0;left:30%;width:70%;height:100%;object-fit:cover;object-position:54% 50%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 34%);mask-image:linear-gradient(90deg,transparent,#000 34%)}
.hero-canvas{position:absolute;inset:0;width:100%;height:100%;display:none}
.hero-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(34,6,10,.95) 0%,rgba(34,6,10,.86) 28%,rgba(34,6,10,.45) 45%,rgba(34,6,10,0) 62%),linear-gradient(0deg,rgba(34,6,10,.9) 0%,rgba(34,6,10,0) 26%)}
.hero-copy{position:relative;z-index:2;width:100%;max-width:var(--max);margin:0 auto;padding:calc(var(--hdr) + 40px) var(--gut) 150px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(12px,1.8vh,20px)}
.hero .kick{color:var(--gold-soft)}
.mark{display:flex;flex-direction:column;font:700 clamp(3.4rem,8.2vw,7.6rem)/.86 var(--f-display);letter-spacing:.03em;text-transform:uppercase;color:var(--cream);text-shadow:0 2px 30px rgba(20,3,5,.45)}
.mark-de{font:700 .3em/1 var(--f-display);letter-spacing:.16em;color:var(--gold-soft);margin:0 0 .2em .04em}
.est{font:italic 400 1.15rem/1 var(--f-serif);color:var(--gold-soft);letter-spacing:.04em}
.tag{font:italic 400 clamp(1.4rem,2.3vw,1.95rem)/1.25 var(--f-serif);color:var(--cream);max-width:20em}
.status{display:inline-flex;align-items:center;gap:10px;font:600 .74rem/1.2 var(--f-ui);letter-spacing:.08em;padding:10px 16px;border-radius:999px;background:rgba(34,6,10,.5);box-shadow:inset 0 0 0 1px rgba(232,206,130,.3);color:var(--cream)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--on-wine-soft);flex:none}
.is-open .dot{background:#8fd18b;box-shadow:0 0 0 0 rgba(143,209,139,.6);animation:pulse 2.2s infinite}
.is-break .dot{background:var(--gold-bright)}
.is-closed .dot{background:#d77a6f}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(143,209,139,.55)}70%{box-shadow:0 0 0 9px rgba(143,209,139,0)}100%{box-shadow:0 0 0 0 rgba(143,209,139,0)}}
.hero .btns{margin-top:6px}
.hero .btn-line{background:rgba(34,6,10,.72)}
.hero .btn-line:hover{background:rgba(34,6,10,.85)}
.hero-foot{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:0 var(--gut) calc(24px + env(safe-area-inset-bottom,0px));max-width:var(--max);margin:0 auto;display:none;align-items:center;justify-content:space-between;gap:20px}
.steps{display:flex;gap:clamp(10px,2vw,28px);counter-reset:s}
.steps li{display:flex;align-items:center;gap:9px;font:600 .66rem/1 var(--f-ui);letter-spacing:.16em;text-transform:uppercase;color:rgba(245,237,224,.5);transition:color .35s}
.steps i{position:relative;width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(232,206,130,.35);flex:none;transition:background .35s,box-shadow .35s}
.steps i::after{counter-increment:s;content:counter(s);position:absolute;inset:0;display:grid;place-items:center;font:600 .66rem/1 var(--f-ui);letter-spacing:0;color:inherit}
.steps li.on{color:var(--cream)}
.steps li.on i{background:var(--gold-bright);box-shadow:none;color:var(--wine-deep)}
.steps li.past i{box-shadow:inset 0 0 0 1px var(--gold-bright)}
.hint{display:flex;align-items:center;gap:10px;font:600 .66rem/1 var(--f-ui);letter-spacing:.2em;text-transform:uppercase;color:var(--gold-soft);transition:opacity .4s}
.hint i{width:1px;height:30px;background:linear-gradient(var(--gold-soft),transparent);animation:drip 2s var(--e) infinite}
@keyframes drip{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.done{position:absolute;right:var(--gut);bottom:calc(76px + env(safe-area-inset-bottom,0px));font:italic 500 1.35rem/1 var(--f-serif);color:var(--gold-bright);opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s var(--e)}
.done::before{content:"✦ ";font-style:normal}
.hero.baked .done{opacity:1;transform:none}
/* the scroll film runs only with script, without reduced motion */
.scrub .hero{height:250vh;height:250svh}
.scrub .hero-pin{position:sticky;top:0;height:100vh;height:100svh}
.scrub .hero-canvas{display:block}
.scrub .hero-poster{opacity:0}
.scrub .hero-foot{display:flex}
.hero.scrolled .hint{opacity:0}
@media (max-width:760px){
  .hero-copy{justify-content:flex-end;padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}
  .hero-shade{background:linear-gradient(0deg,rgba(34,6,10,.96) 0%,rgba(34,6,10,.86) 34%,rgba(34,6,10,.2) 58%,rgba(34,6,10,0) 70%)}
  .hero-poster{left:0;width:100%;height:62%;bottom:auto;object-position:52% 50%;-webkit-mask-image:linear-gradient(0deg,transparent,#000 40%);mask-image:linear-gradient(0deg,transparent,#000 40%)}
  .mark{font-size:clamp(2.7rem,12.5vw,4rem)}
  .tag{font-size:1.32rem}
  .hero .btns{width:100%}
  .hero .btn{flex:1 1 auto;justify-content:center;padding:0 16px}
  .steps span{display:none}
  .steps li.on span{display:inline}
  .done{bottom:auto;top:calc(var(--hdr) + 18px);right:var(--gut);font-size:1.1rem}
}
@media (max-height:640px) and (min-width:761px){.tag{display:none}.hero-copy{padding-bottom:110px}}

/* ---------- quick facts ---------- */
.facts{background:var(--cream);border-bottom:1px solid var(--line)}
.facts-in{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.fact{display:grid;gap:6px;padding:22px 20px 22px 0;text-decoration:none;border-right:1px solid var(--line);min-width:0}
.fact+.fact{padding-left:24px}
.fact:last-child{border-right:0}
.fact-k{font:600 .66rem/1 var(--f-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep)}
.fact-v{display:flex;align-items:center;gap:9px;font:500 1.12rem/1.3 var(--f-serif);color:var(--text)}
a.fact:hover .fact-v{color:var(--wine)}
.facts .dot{background:var(--text-soft)}
.facts .is-open .dot{background:#3f9a4b}
.facts .is-closed .dot{background:#b14a3e}
.facts .is-break .dot{background:var(--gold)}
@media (max-width:900px){
  .facts-in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fact{padding:18px 14px 18px 0}
  .fact:nth-child(2){border-right:0}
  .fact:nth-child(3){padding-left:0}
  .fact:nth-child(-n+2){border-bottom:1px solid var(--line)}
}

/* ---------- ratings ---------- */
.rating{position:relative;display:inline-block;line-height:0;vertical-align:middle}
.rating svg{width:18px;height:18px}
.rating.sm svg{width:14px;height:14px}
.st-base svg{fill:rgba(201,162,39,.28)}
.st-fill{position:absolute;inset:0 auto 0 0;overflow:hidden;white-space:nowrap}
.st-fill svg{fill:var(--gold)}
.st-base,.st-fill{display:flex;gap:2px}

/* ---------- featured: one compact row; the room takes on the colour of the product you point at ---------- */
.feat-sec{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(56px,7vw,96px);background-color:var(--paper);transition:background-color .7s var(--e)}
.feat-sec.lit{background-color:var(--feat-bg,var(--wine-deep))}
/* warm light that drifts slowly behind the row, on cream and on the dark colours alike */
.feat-glow{position:absolute;z-index:-1;inset:-35% -20%;pointer-events:none;background:radial-gradient(closest-side at 26% 36%,rgba(240,198,74,.2),rgba(240,198,74,0)),radial-gradient(closest-side at 76% 68%,rgba(201,162,39,.13),rgba(201,162,39,0));animation:feat-drift 24s ease-in-out infinite alternate;will-change:transform}
@keyframes feat-drift{from{transform:translate3d(-6%,-4%,0) rotate(-4deg)}to{transform:translate3d(6%,5%,0) rotate(6deg)}}
.feat-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 40px;margin-bottom:clamp(28px,4vw,48px)}
.feat-intro{display:grid;gap:14px;max-width:42rem}
.feat-sec :is(h2,.lead,.kick,.pcard h3,.pcard-cat,.feat-disc,.feat-disc a,.pmore-go){transition:color .5s var(--e)}
.feat-sec.lit h2,.feat-sec.lit .pcard h3{color:var(--cream)}
.feat-sec.lit :is(.lead,.feat-disc){color:var(--on-wine-soft)}
.feat-sec.lit :is(.kick,.pcard-cat,.feat-disc svg){color:var(--gold-soft)}
.feat-sec.lit :is(.feat-disc a,.pmore-go){color:var(--gold-bright)}
.feat-sec.lit .feat-cta{background:var(--gold-bright);color:var(--wine-deep)}
.feat{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(14px,1.8vw,26px)}
.pcard a{display:grid;gap:8px;text-decoration:none;color:inherit}
.arch{position:relative;display:block;aspect-ratio:4/5;border-radius:999px 999px 14px 14px;overflow:hidden;background:var(--wine-deep);isolation:isolate}
.arch img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--e)}
.arch::after{content:"";position:absolute;inset:8px;border-radius:999px 999px 8px 8px;box-shadow:inset 0 0 0 1px rgba(240,198,74,.55);pointer-events:none}
.pcard a:hover .arch img{transform:scale(1.07)}
/* "Bekijk": shows on hover and focus, so the click to the full range is obvious */
.pcard-go{position:absolute;z-index:1;left:50%;bottom:18px;translate:-50% 8px;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:var(--gold-bright);color:var(--wine-deep);font:600 .62rem/1 var(--f-ui);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;opacity:0;transition:opacity .3s,translate .4s var(--e)}
.pcard-go svg{width:16px;height:10px}
.pcard a:is(:hover,:focus-visible) .pcard-go{opacity:1;translate:-50% 0}
.pcard-cat,.gcat{font:600 .64rem/1 var(--f-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep);margin-top:8px}
.pcard h3{font:500 1.22rem/1.15 var(--f-serif);color:var(--wine)}
/* the last tile: everything else */
.pmore{display:grid;gap:8px;align-content:start;text-decoration:none}
.pmore-arch{position:relative;display:grid;place-items:center;aspect-ratio:4/5;border-radius:999px 999px 14px 14px;overflow:hidden;background:var(--wine-deep);isolation:isolate;text-align:center}
.pmore-arch::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 50% 58%,rgba(62,10,15,.9),rgba(62,10,15,.62))}
.pmore-arch::after{content:"";position:absolute;inset:8px;border-radius:999px 999px 8px 8px;box-shadow:inset 0 0 0 1px rgba(240,198,74,.55);pointer-events:none}
.pmore-pics{position:absolute;inset:0;z-index:-2;display:grid;grid-template-columns:1fr 1fr;transition:transform .8s var(--e)}
.pmore-pics img{width:100%;height:100%;object-fit:cover}
.pmore:hover .pmore-pics{transform:scale(1.08)}
.pmore-in{display:grid;gap:6px;padding:28px 14px 0}
.pmore-n{font:700 clamp(2.6rem,4vw,3.4rem)/.9 var(--f-display);color:var(--gold-bright)}
.pmore-t{font:italic 500 1.05rem/1.2 var(--f-serif);color:var(--cream)}
.pmore-go{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font:600 .68rem/1.3 var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--wine)}
.pmore-go svg{width:20px;height:12px;flex:none;transition:transform .25s var(--e)}
.pmore:is(:hover,:focus-visible) .pmore-go svg{transform:translateX(4px)}
.feat-disc{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:clamp(24px,3vw,36px);font:500 .8rem/1.5 var(--f-ui);color:var(--text-soft)}
.feat-disc svg{width:16px;height:16px;flex:none;color:var(--gold-deep)}
.feat-disc a{font-weight:600;color:var(--wine);text-decoration:none;border-bottom:1px solid currentColor}
/* narrower screens: the row scrolls sideways */
@media (max-width:1100px){
  .feat{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);margin-inline:calc(var(--gut) * -1);padding:4px var(--gut) 12px;scrollbar-width:none}
  .feat::-webkit-scrollbar{display:none}
  .feat>*{flex:0 0 27%;scroll-snap-align:start}
}
@media (max-width:760px){.feat>*{flex-basis:42%}}
@media (max-width:480px){.feat>*{flex-basis:58%}}

/* ---------- availability note ---------- */
.note{display:flex;gap:16px;align-items:flex-start;max-width:44rem;padding:20px 22px;border-radius:16px;background:#fff8e8;box-shadow:inset 0 0 0 1px var(--line-gold)}
.note-ico{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--wine);color:var(--gold-bright)}
.note-ico svg{width:20px;height:20px}
.note-t{font:600 .7rem/1.2 var(--f-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--wine);margin-bottom:6px}
.note p:not(.note-t){font-size:1.08rem;line-height:1.5;color:var(--text)}
.note-call{display:inline-flex;align-items:center;gap:8px;margin-top:10px;font:600 .74rem/1 var(--f-ui);letter-spacing:.08em;color:var(--wine);text-decoration:none;border-bottom:1px solid rgba(92,16,23,.35);padding-bottom:4px}
.note-call{position:relative}
.note-call::after{content:"";position:absolute;inset:-12px -8px}
.note-call svg{width:15px;height:15px}
.note-call:hover{border-color:var(--wine)}
.note-lg{max-width:none;padding:24px 28px}
.note-lg p:not(.note-t){font-size:1.18rem}

/* ---------- morning band ---------- */
.band{position:relative;overflow:hidden;background:var(--ink);color:var(--cream);text-align:center;padding-block:clamp(110px,16vw,200px)}
.band-bg{position:absolute;inset:-12% 0;background:url('../img/oven.webp') center 40%/cover no-repeat;opacity:.55;will-change:transform}
.band::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(34,6,10,.25) 0%,rgba(34,6,10,.82) 78%),linear-gradient(rgba(34,6,10,.5),rgba(34,6,10,.2) 40%,rgba(34,6,10,.6))}
.band-in{position:relative;z-index:1;padding-inline:var(--gut);display:grid;gap:12px;justify-items:center}
.orn{color:var(--gold-bright);font-size:1.1rem}
.band-1{font:700 clamp(3rem,10vw,8.4rem)/.9 var(--f-display);letter-spacing:.05em;text-transform:uppercase;color:var(--gold-soft)}
.band-2{font:italic 400 clamp(1.3rem,2.4vw,1.9rem)/1.3 var(--f-serif)}

/* ---------- story teaser ---------- */
.story-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(36px,6vw,96px);align-items:center}
.arch-photo{position:relative;justify-self:center;width:100%;max-width:460px}
.arch-photo img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;object-position:50% 25%;border-radius:999px 999px 18px 18px}
.arch-photo::before{content:"";position:absolute;inset:-14px 14px 14px -14px;border-radius:999px 999px 18px 18px;box-shadow:inset 0 0 0 1px var(--line-gold);pointer-events:none}
.story-copy{display:grid;gap:20px;justify-items:start}
.story-copy h2{color:var(--wine)}
.story-copy p{max-width:34em;color:var(--text-soft)}
@media (max-width:860px){.story-grid{grid-template-columns:minmax(0,1fr)}.arch-photo{max-width:380px}}

/* ---------- hours & visit ---------- */
.visit{background:var(--wine-deep);color:var(--on-wine);padding-block:clamp(72px,10vw,128px);background-image:radial-gradient(circle at 12% 0%,rgba(201,162,39,.12),transparent 40%)}
.visit .kick{color:var(--gold-soft)}
.visit h2{color:var(--cream)}
.visit-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,90px);align-items:start}
.hours-card,.visit-card{display:grid;gap:22px;justify-items:start}
.status.big{font-size:.8rem}
.hours{width:100%;border-top:1px solid rgba(232,206,130,.2)}
.hours>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 12px;border-bottom:1px solid rgba(232,206,130,.2);border-radius:10px;transition:background .3s}
.hours dt{font:500 1.18rem/1.3 var(--f-serif)}
.hours dd{font:500 .86rem/1.3 var(--f-ui);letter-spacing:.04em;color:var(--on-wine-soft);text-align:right;font-variant-numeric:tabular-nums}
.hours .off dd{color:#e4a397}
.hours .today{background:rgba(240,198,74,.12)}
.hours .today dt::after{content:attr(data-today);margin-left:10px;font:600 .58rem/1 var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--wine-deep);background:var(--gold-bright);padding:4px 8px;border-radius:999px;vertical-align:3px}
.hours-note{font-size:1rem;color:var(--on-wine-soft);max-width:30em}
.addr{font-size:1.3rem;line-height:1.45}
.addr strong{font-weight:600;color:var(--gold-soft)}
.visit-note{color:var(--on-wine-soft);font-style:italic}
.review{width:100%;display:grid;gap:12px;justify-items:start;margin-top:10px;padding:26px;border-radius:18px;background:rgba(245,237,224,.06);box-shadow:inset 0 0 0 1px rgba(232,206,130,.22)}
.review-top{display:flex;align-items:center;gap:12px}
.g-chip{width:40px;height:40px;border-radius:50%;background:#fff;display:grid;place-items:center}
.g-chip svg{width:22px;height:22px}
.review-score{font:500 2.4rem/1 var(--f-serif);color:var(--cream)}
.review .rating svg{width:20px;height:20px}
.review .st-base svg{fill:rgba(232,206,130,.25)}
.review .st-fill svg{fill:var(--gold-bright)}
.review-cap{font:600 .66rem/1 var(--f-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-soft)}
.review h3{color:var(--cream);font-size:1.5rem;font-weight:500}
.review p:not(.review-cap){color:var(--on-wine-soft);font-size:1.06rem}
.review .btn{margin-top:4px}
@media (max-width:860px){.visit-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:420px){.hours>div{flex-direction:column;gap:4px;padding:14px 8px}.hours dd{text-align:left}}

/* ---------- footer ---------- */
.ftr{background:var(--ink);color:var(--on-wine-soft);padding-top:clamp(56px,7vw,88px)}
.ftr-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1.2fr);gap:40px;padding-bottom:44px;border-bottom:1px solid rgba(232,206,130,.14)}
.ftr-brand{display:grid;gap:16px;justify-items:start}
.ftr-brand img{width:min(220px,62vw);height:auto}
.ftr-tag{font:italic 400 1.3rem/1.3 var(--f-serif);color:var(--gold-soft)}
.ftr-nav{display:grid;align-content:start;margin-top:-12px}
.ftr-nav a,.ftr-contact a{text-decoration:none;color:var(--on-wine);font:500 .8rem/1.4 var(--f-ui);letter-spacing:.08em}
.ftr-nav a{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;padding-block:12px}
.ftr-nav a:hover,.ftr-contact a:hover{color:var(--gold-bright)}
.ftr-contact{display:grid;align-content:start;margin-top:-10px}
.ftr-contact a{display:flex;gap:12px;align-items:flex-start;padding-block:10px}
.ftr-contact svg{width:18px;height:18px;flex:none;color:var(--gold-soft);margin-top:1px}
.ftr-base{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 30px;padding-block:24px calc(28px + env(safe-area-inset-bottom,0px));font:500 .72rem/1.6 var(--f-ui);letter-spacing:.04em}
.ftr-disc{flex:1 1 100%;color:var(--gold-soft);font-size:.78rem}
.ftr-credit a{color:var(--gold-soft)}
@media (max-width:820px){.ftr-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ftr-brand{grid-column:1/-1}}
@media (max-width:480px){.ftr-grid{grid-template-columns:minmax(0,1fr)}}

/* ---------- page heads (assortiment, verhaal) ---------- */
.phero{position:relative;overflow:hidden;background:var(--wine-deep);color:var(--on-wine);padding:calc(var(--hdr) + clamp(60px,9vw,120px)) 0 clamp(64px,8vw,110px);background-image:radial-gradient(circle at 85% 30%,rgba(201,162,39,.16),transparent 45%)}
.phero .kick{color:var(--gold-soft)}
.phero-in{position:relative;z-index:1;display:grid;gap:18px}
.ptitle{font:400 clamp(2.9rem,8.6vw,7.4rem)/.95 var(--f-deco);letter-spacing:.06em;text-transform:uppercase;color:var(--cream)}
.ptitle.sm{font:500 clamp(2.6rem,5.4vw,4.6rem)/1.02 var(--f-serif);letter-spacing:-.01em;text-transform:none;color:var(--wine)}
.psub{font:italic 400 clamp(1.3rem,2.2vw,1.75rem)/1.35 var(--f-serif);color:var(--on-wine-soft);max-width:30em}
.phero-orn{position:absolute;right:max(-60px,calc(var(--gut) - 80px));bottom:-40px;width:clamp(240px,34vw,460px);aspect-ratio:600/477;background:var(--gold);-webkit-mask:url('../img/croissant.webp') center/contain no-repeat;mask:url('../img/croissant.webp') center/contain no-repeat;opacity:.22}
.note-wrap{position:relative;z-index:2;margin-top:-36px}
.phero .btns{margin-top:6px}
.btn svg.i-down{width:13px;height:20px;transition:transform .25s var(--e)}
.btn:hover svg.i-down{transform:translateY(3px)}

/* ---------- gallery ---------- */
.gallery{padding-top:clamp(40px,5vw,64px)}
.gbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin-bottom:clamp(28px,4vw,44px)}
.filters{display:flex;flex-wrap:wrap;gap:10px}
.filters button{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border-radius:999px;border:0;background:var(--cream);box-shadow:inset 0 0 0 1px var(--line);cursor:pointer;font:600 .7rem/1 var(--f-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--text);transition:background .2s,color .2s}
.filters button i{font-style:normal;font-weight:500;opacity:.6}
.filters button:hover{box-shadow:inset 0 0 0 1px var(--wine)}
.filters button[aria-pressed="true"]{background:var(--wine);color:var(--cream);box-shadow:none}
.count{font:500 .76rem/1 var(--f-ui);letter-spacing:.1em;color:var(--text-soft)}
.masonry{columns:3 300px;column-gap:clamp(18px,2.4vw,32px)}
.gitem{break-inside:avoid;margin:0 0 clamp(24px,3vw,40px);display:grid;gap:12px}
.gitem[hidden]{display:none}
.gbtn{display:block;width:100%;padding:0;border:0;background:var(--wine-deep);border-radius:18px;overflow:hidden;cursor:zoom-in;position:relative}
.gbtn img{width:100%;height:auto;transition:transform .8s var(--e),opacity .3s}
.gbtn::after{content:"";position:absolute;inset:0;border-radius:18px;box-shadow:inset 0 0 0 1px rgba(62,10,15,.08);pointer-events:none}
.gbtn:hover img{transform:scale(1.04)}
.gitem figcaption{display:grid;gap:6px;padding-inline:2px}
.gname{font:500 1.5rem/1.15 var(--f-serif);color:var(--wine)}
.gitem p{font-size:1.04rem;line-height:1.5;color:var(--text-soft)}
.gitem.flash .gbtn{box-shadow:0 0 0 3px var(--gold-bright)}

/* ---------- lightbox ---------- */
.lb{border:0;padding:0;max-width:min(1100px,calc(100vw - 32px));width:100%;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);background:var(--paper);color:var(--text);border-radius:22px;overflow:hidden;box-shadow:0 40px 90px rgba(10,2,3,.55)}
.lb::backdrop{background:rgba(26,4,7,.82);backdrop-filter:blur(4px)}
.lb-in{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);max-height:inherit}
.lb-fig{background:var(--wine-deep);display:grid;place-items:center;min-height:0;touch-action:pan-y}
.lb-fig img{width:100%;height:100%;max-height:calc(100dvh - 32px);object-fit:contain}
.lb-txt{display:grid;align-content:center;gap:14px;padding:clamp(24px,3.4vw,44px);overflow:auto}
.lb-txt h2{font-size:clamp(1.8rem,3vw,2.5rem);color:var(--wine)}
.lb-txt #lb-desc{color:var(--text-soft)}
.lb-note{display:flex;gap:10px;align-items:flex-start;font:500 .8rem/1.5 var(--f-ui);color:var(--text-soft);padding:12px 14px;border-radius:12px;background:#fff3d6}
.lb-note svg{width:18px;height:18px;flex:none;color:var(--wine);margin-top:1px}
.lb-nav{display:flex;align-items:center;gap:14px;margin-top:8px}
.lb-nav button,.lb-x{width:46px;height:46px;border-radius:50%;border:0;background:var(--cream);box-shadow:inset 0 0 0 1px var(--line);display:grid;place-items:center;cursor:pointer;color:var(--wine)}
.lb-nav button:hover,.lb-x:hover{background:var(--wine);color:var(--cream)}
.lb-nav svg{width:20px;height:12px}
.lb-nav [data-lb="prev"] svg,.lb-nav [data-vlb="prev"] svg{transform:scaleX(-1)}
#lb-pos,#vlb-pos{font:600 .72rem/1 var(--f-ui);letter-spacing:.14em;color:var(--text-soft);font-variant-numeric:tabular-nums}
.lb-x{position:absolute;top:14px;right:14px;z-index:2}
.lb-x svg{width:18px;height:18px}
@media (max-width:760px){
  .lb{max-height:calc(100dvh - 24px);max-width:calc(100vw - 24px);border-radius:18px}
  .lb-in{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);overflow:auto}
  .lb-fig img{max-height:52dvh}
  .lb-txt{padding:22px 20px 24px}
}

/* ---------- reel player: the Instagram videos, watched here with sound ---------- */
.vlb{width:fit-content;max-width:min(1000px,calc(100vw - 32px))}
.vlb .lb-in{grid-template-columns:auto minmax(0,24rem)}
.vlb-fig{background:#160406;touch-action:auto}
.vlb-fig video{display:block;width:auto;max-width:100%;height:min(86vh,860px);height:min(86dvh,860px);aspect-ratio:9/16;background:#160406}
.vlb .lb-txt{padding-top:clamp(64px,6vw,76px)}
.vlb .lb-txt h2{font-size:clamp(1.6rem,2.4vw,2.1rem)}
#vlb-text{color:var(--text-soft)}
@media (max-width:760px){
  .vlb{width:100%}
  .vlb .lb-in{grid-template-columns:minmax(0,1fr)}
  .vlb-fig video{width:100%;height:auto;max-height:62vh;max-height:62dvh;object-fit:contain}
  .vlb .lb-txt{padding-top:20px}
}

/* ---------- order band ---------- */
.cta-band{background:var(--wine);color:var(--on-wine);padding-block:clamp(56px,7vw,88px)}
.cta-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 40px}
.cta-in h2{color:var(--cream);font-size:clamp(1.9rem,3.6vw,2.9rem)}
.cta-in p{color:var(--on-wine-soft);margin-top:8px;max-width:32em}

/* ---------- product list: the whole range, like the card on the counter ---------- */
.plist{background:var(--cream);border-top:1px solid var(--line)}
.plist-head{display:grid;justify-items:center;gap:16px;max-width:46rem;margin:0 auto clamp(28px,4vw,44px);text-align:center}
.plist-logo{width:min(220px,56vw);height:auto;margin-bottom:4px}
.plist-head .kick::after{content:"";width:34px;height:1px;background:currentColor;opacity:.7;flex:none}
.plist-head h2{color:var(--wine)}
.plist-note{display:flex;align-items:flex-start;gap:10px;max-width:36rem;margin-top:4px;padding:12px 18px;border-radius:14px;background:#fff8e8;box-shadow:inset 0 0 0 1px var(--line-gold);font:500 .84rem/1.5 var(--f-ui);color:var(--text);text-align:left}
.plist-note svg{width:18px;height:18px;flex:none;margin-top:1px;color:var(--wine)}
/* the categories stay in reach under the header while the list scrolls by */
.plist-nav{position:sticky;top:calc(var(--hdr) + env(safe-area-inset-top,0px));z-index:5;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 calc(var(--gut) * -1) clamp(12px,2vw,24px);padding:12px var(--gut);background:var(--cream);box-shadow:0 1px 0 var(--line)}
.plist-nav a{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border-radius:999px;background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);font:600 .68rem/1 var(--f-ui);letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--text);white-space:nowrap;transition:box-shadow .2s,color .2s}
.plist-nav a:hover{box-shadow:inset 0 0 0 1px var(--wine);color:var(--wine)}
.plist-nav i{font-style:normal;font-weight:500;opacity:.6}
.plist-cat{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:14px clamp(24px,4vw,64px);padding-block:clamp(24px,3vw,38px);border-top:1px solid var(--line);scroll-margin-top:72px}
.plist-cat:first-child{border-top:0}
.plist-cat h3{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px;font:500 clamp(1.55rem,2.3vw,1.95rem)/1.1 var(--f-serif);color:var(--wine)}
.plist-cat h3 i{font:600 .68rem/1 var(--f-ui);font-style:normal;letter-spacing:.1em;color:var(--gold-deep)}
.plist-items{columns:3 13rem;column-gap:clamp(20px,3vw,44px)}
.plist-items li{position:relative;break-inside:avoid;padding:7px 0 7px 16px;border-bottom:1px dotted rgba(62,10,15,.2);font-size:1.12rem;line-height:1.35}
.plist-items li::before{content:"";position:absolute;left:0;top:calc(7px + .58em);width:5px;height:5px;border-radius:50%;background:var(--gold)}
/* a note moves to the next line as a whole when the column is narrow */
.plist-items small{display:inline-block;margin-left:8px;font:600 .6rem/1 var(--f-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--gold-deep);white-space:nowrap}
.plist-foot{margin-top:clamp(28px,4vw,44px);text-align:center;font-style:italic;color:var(--text-soft)}
.plist-foot a{font-style:normal;font-weight:600;color:var(--wine);white-space:nowrap}
@media (max-width:760px){
  /* on phones the categories scroll sideways in one row instead of stacking */
  .plist-nav{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}
  .plist-nav::-webkit-scrollbar{display:none}
  .plist-cat{grid-template-columns:minmax(0,1fr)}
  .plist-items{columns:2;column-gap:18px}
  .plist-items li{font-size:1.04rem}
}
@media (max-width:360px){.plist-items{columns:1}}

/* ---------- our story page ---------- */
.shero{background:var(--cream);padding:calc(var(--hdr) + clamp(48px,7vw,96px)) 0 clamp(64px,8vw,110px);border-bottom:1px solid var(--line)}
.shero-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(36px,6vw,96px);align-items:center}
.shero-copy{display:grid;gap:22px}
.arch-photo.big{max-width:500px}
.lead2{font-style:italic;color:var(--text-soft)}
.chap-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(20px,4vw,64px);align-items:start;max-width:62rem}
.wrap.chap-row{max-width:var(--max)}   /* a chapter that is its own page column lines up with the others */
.chap-n{font:italic 500 clamp(2.4rem,4.6vw,3.8rem)/.9 var(--f-serif);color:var(--gold);min-width:1.6em}
.chap-body{display:grid;gap:18px}
.chap-body h2{color:var(--wine)}
.chap-body p{color:var(--text-soft);max-width:36em;font-size:clamp(1.18rem,1.5vw,1.3rem)}
.chap:not(.chap-skin):not(.chap-cream)+.chap:not(.chap-skin):not(.chap-cream){padding-top:0}
.chap-cream{background:var(--cream)}
.chap-skin{background:var(--wine-deep);color:var(--on-wine);position:relative;overflow:hidden}
.chap-skin h2{color:var(--cream)}
.chap-skin p{color:var(--on-wine-soft)}
.chap-skin blockquote{color:var(--gold-soft)}
/* the five tattoos, listed beside the arm that carries them */
.skin-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(32px,6vw,96px);align-items:center}
.chap-skin .chap-row{position:relative;z-index:1;max-width:46rem}
.tats{counter-reset:t;border-top:1px solid rgba(232,206,130,.22)}
.tats li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:16px;align-items:center;padding:12px 0;border-bottom:1px solid rgba(232,206,130,.22)}
.tats li::before{counter-increment:t;content:counter(t);grid-row:span 2;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--gold-soft);font:600 .7rem/1 var(--f-ui);color:var(--gold-soft)}
.tats b{font:500 1.3rem/1.2 var(--f-serif);color:var(--cream)}
.tats span{font-style:italic;color:var(--on-wine-soft)}
.tat-photo{width:min(320px,30vw)}
.tat-photo img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:999px 999px 18px 18px;box-shadow:0 0 0 1px rgba(232,206,130,.35),0 30px 60px rgba(10,2,3,.35)}

/* Robin's own story, with his portrait and his jacket */
.bio{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(36px,6vw,96px);align-items:center}
.bio-pics{position:relative;width:min(340px,72vw);padding:0 0 56px 56px}
.bio-pics .arch-photo{max-width:none}
.bio-pics .arch-photo img{object-position:50% 64%}
.bio-inset{position:absolute;left:0;bottom:0;width:48%;border-radius:16px;overflow:hidden;box-shadow:0 0 0 6px var(--paper),0 20px 40px rgba(34,6,10,.22)}
.bio-inset img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.chap-body .sign{display:grid;gap:6px;margin-top:4px;font:italic 500 1.6rem/1.1 var(--f-serif);color:var(--wine)}
.chap-body .sign span{font:600 .66rem/1 var(--f-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--gold-deep)}
@media (max-width:860px){
  .shero-grid{grid-template-columns:minmax(0,1fr)}
  .arch-photo.big{max-width:340px;justify-self:start}
  .chap-row{grid-template-columns:minmax(0,1fr);gap:10px}
  .skin-grid,.bio{grid-template-columns:minmax(0,1fr)}
  .tat-photo{width:min(240px,62vw);justify-self:center}
  .bio-pics{justify-self:center}
}

/* the bakehouse film, in the arch of a shop window */
.film{background:var(--paper)}
/* on the homepage it sits on wine, between the cream info bar and the range */
.film-dark{background:var(--wine-deep) radial-gradient(circle at 85% 20%,rgba(201,162,39,.14),transparent 45%);color:var(--on-wine)}
.film-dark .kick{color:var(--gold-soft)}
.film-dark .film-copy h2{color:var(--cream)}
.film-dark .film-copy p:not(.kick){color:var(--on-wine-soft)}
.film-dark .film-frame{box-shadow:0 40px 80px rgba(10,2,3,.45),0 0 0 1px rgba(201,162,39,.4)}
.film-grid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(36px,6vw,96px);align-items:center}
.film-frame{position:relative;width:min(380px,80vw);aspect-ratio:9/16;border-radius:999px 999px 22px 22px;overflow:hidden;background:var(--wine-deep);box-shadow:0 40px 80px rgba(34,6,10,.28),0 0 0 1px rgba(201,162,39,.35);isolation:isolate}
.film-frame::after{content:"";position:absolute;inset:8px;z-index:1;border-radius:999px 999px 16px 16px;box-shadow:inset 0 0 0 1px rgba(240,198,74,.5);pointer-events:none}
.film-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;cursor:pointer}
.film-ctl{position:absolute;z-index:2;left:0;right:0;bottom:20px;display:flex;justify-content:center;gap:10px}
.film-ctl button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:0 16px;border:0;border-radius:999px;background:rgba(26,4,7,.66);color:#fff;font:600 .66rem/1 var(--f-ui);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .2s}
.film-ctl button:hover{background:rgba(92,16,23,.9)}
.film-ctl svg{width:18px;height:18px;flex:none}
.film-pause{padding:0}
.film-pause .i-play,.film-pause.paused .i-pause,.film-sound .i-on,.film-sound[aria-pressed="true"] .i-off{display:none}
.film-pause.paused .i-play{display:block;margin-left:2px}
.film-sound[aria-pressed="true"] .i-on{display:block}
.film-copy{display:grid;gap:20px;justify-items:start;max-width:34rem}
.film-copy h2{color:var(--wine)}
.film-copy p:not(.kick){color:var(--text-soft);font-size:clamp(1.18rem,1.5vw,1.3rem)}
@media (max-width:760px){
  .film-grid{grid-template-columns:minmax(0,1fr)}
  .film-frame{justify-self:center;width:min(320px,78vw)}
}

/* the baker's hands, and the pastries tattooed on his arm */
.hands{position:relative;z-index:1;margin-top:clamp(44px,6vw,80px)}
.hands-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(12px,1.6vw,22px);align-items:start}
.hands-row li:nth-child(even){margin-top:clamp(20px,3vw,44px)}
.hands-row img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:999px 999px 14px 14px;box-shadow:0 0 0 1px rgba(232,206,130,.3)}
@media (max-width:860px){
  .hands-row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);margin-inline:calc(var(--gut) * -1);padding:0 var(--gut) 8px;scrollbar-width:none}
  .hands-row::-webkit-scrollbar{display:none}
  .hands-row li{flex:0 0 42%;scroll-snap-align:start}
  .hands-row li:nth-child(even){margin-top:24px}
}

/* the shop on Oranjeboomstraat */
.shop{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,28px);align-items:end;margin-top:clamp(40px,5vw,64px)}
.shop img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:18px}
.shop figure:nth-child(2) img{border-radius:999px 999px 18px 18px}
@media (max-width:620px){
  .shop{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);padding-bottom:8px;scrollbar-width:none}
  .shop::-webkit-scrollbar{display:none}
  .shop figure{flex:0 0 74%;scroll-snap-align:start}
}

/* ---------- instagram: scroll through the reels ---------- */
.ig{position:relative;background:var(--cream);border-top:1px solid var(--line);padding-block:clamp(72px,10vw,128px) clamp(56px,8vw,100px);overflow:clip}
.ig::before{content:"";position:absolute;left:-6%;top:12%;width:clamp(260px,34vw,520px);aspect-ratio:600/477;background:var(--gold);-webkit-mask:url('../img/croissant.webp') center/contain no-repeat;mask:url('../img/croissant.webp') center/contain no-repeat;opacity:.08;pointer-events:none}
.ig-head{position:relative;display:grid;gap:18px}
.ig-head>*{max-width:46rem}
.ig-head h2{color:var(--wine)}
.ig-layout{position:relative;display:grid;grid-template-columns:minmax(0,46rem) minmax(auto,1fr);gap:clamp(40px,7vw,120px);align-items:start;margin-top:clamp(20px,3vw,40px)}
.ig-steps{display:grid}
.ig-step{display:grid;gap:14px;align-content:center;justify-items:start;min-height:calc(var(--ph,620px) * .9);padding-block:clamp(28px,4vw,48px)}
.ig-date{display:flex;align-items:center;gap:12px;font:600 .68rem/1 var(--f-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-deep)}
.ig-n{font:italic 500 1.5rem/1 var(--f-serif);letter-spacing:0;color:var(--gold-text)}
.ig-step h3{font:500 clamp(1.7rem,3vw,2.5rem)/1.12 var(--f-serif);color:var(--wine);max-width:16em;text-wrap:balance}
.ig-txt{font-size:clamp(1.1rem,1.4vw,1.26rem);color:var(--text-soft);max-width:32em}
.ig-link{display:inline-flex;align-items:center;gap:10px;margin-top:4px;font:600 .74rem/1 var(--f-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--wine);text-decoration:none;padding:10px 0;border-bottom:1px solid rgba(92,16,23,.3)}
.ig-link svg{width:17px;height:17px}
.ig-link svg[viewBox="0 0 24 14"]{width:20px;height:12px;transition:transform .25s var(--e)}
.ig-link:hover{border-color:var(--wine)}
.ig-link:hover svg[viewBox="0 0 24 14"]{transform:translateX(4px)}
.ig-cover{width:min(100%,300px);border-radius:18px;overflow:hidden;background:var(--wine-deep);box-shadow:0 20px 40px rgba(62,10,15,.18)}
.ig-cover img{width:100%;height:auto;aspect-ratio:9/16;object-fit:cover}
.ig-stage{display:none}
.ig-follow{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 32px;margin-top:clamp(32px,5vw,64px);padding-top:clamp(24px,3vw,36px);border-top:1px solid var(--line)}
.ig-follow p{font:italic 400 clamp(1.25rem,2vw,1.6rem)/1.3 var(--f-serif);color:var(--wine);max-width:26em}

/* with script: one phone stays in view and shows the reel you are reading about */
.js .ig-cover{display:none}
.js .ig-stage{display:grid;justify-items:center;gap:16px;position:sticky;top:calc(50vh - var(--ph,620px) / 2 + var(--hdr) / 2);top:calc(50svh - var(--ph,620px) / 2 + var(--hdr) / 2)}
/* the reel being read is crisp; the others recede, but each part keeps its WCAG contrast (titles 3:1, text and links 4.5:1) */
.js .ig-step :is(h3,.ig-txt,.ig-link){transition:opacity .45s}
.js .ig-steps.live .ig-step h3{opacity:.55}
.js .ig-steps.live .ig-step .ig-txt{opacity:.82}
.js .ig-steps.live .ig-step .ig-link{opacity:.72}
.js .ig-steps.live .ig-step:is(.on,:focus-within) :is(h3,.ig-txt,.ig-link){opacity:1}
.ig{--ph:min(74vh,660px);--ph:min(74svh,660px)}
.ig-device{position:relative;translate:0 var(--fy,0px);rotate:var(--rot,0deg);will-change:transform;transform-origin:50% 60%}
.ig-phone{position:relative;display:block;height:var(--ph);aspect-ratio:9/16;border-radius:34px;padding:9px;background:linear-gradient(145deg,#2d0a0f,#160406);box-shadow:0 40px 80px rgba(34,6,10,.35),0 0 0 1px rgba(201,162,39,.35),inset 0 0 0 1px rgba(255,255,255,.06);color:#fff;text-decoration:none}
.ig-screens{position:absolute;inset:9px;border-radius:26px;overflow:hidden;background:#1a0508}
.ig-screens video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;background:#1a0508;opacity:0;transform:scale(1.12);transition:opacity .6s var(--e),transform 1.2s var(--e);will-change:transform,opacity}
.ig-screens video.on{opacity:1;transform:scale(1.02)}
.ig-screens video{translate:0 var(--iy,0px)}
.ig-screens::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,0,0,.42),rgba(0,0,0,0) 22%,rgba(0,0,0,0) 70%,rgba(0,0,0,.35));pointer-events:none}
.ig-bars{position:absolute;z-index:2;left:22px;right:22px;top:20px;display:flex;gap:4px}
.ig-bars i{flex:1;height:3px;border-radius:2px;background:rgba(255,255,255,.35);overflow:hidden}
.ig-bars b{display:block;height:100%;width:100%;background:#fff;transform:scaleX(0);transform-origin:left}
.ig-top{position:absolute;z-index:2;left:22px;right:68px;top:34px;display:flex;align-items:center;gap:9px;font:600 .74rem/1 var(--f-ui);letter-spacing:.02em;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.ig-top img{width:30px;height:30px;border-radius:50%;box-shadow:0 0 0 2px #fff}
.ig-play{position:absolute;z-index:2;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;display:grid;place-items:center;background:rgba(34,6,10,.6);box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);opacity:.9;transition:transform .3s var(--e),background .3s,opacity .3s}
.ig-play svg{width:26px;height:26px;margin-left:3px}
.ig-phone:hover .ig-play{transform:scale(1.08);background:rgba(92,16,23,.75)}
/* while a preview plays: no play button, a hint that the full video has sound */
.ig-phone.playing .ig-play{opacity:0;transform:scale(.8)}
.ig-sound{position:absolute;z-index:2;left:50%;bottom:22px;translate:-50% 0;display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:rgba(0,0,0,.55);font:600 .64rem/1 var(--f-ui);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;opacity:0;transition:opacity .3s,background .3s}
.ig-sound svg{width:15px;height:15px}
.ig-phone.playing .ig-sound{opacity:1}
.ig-phone:hover .ig-sound{background:rgba(92,16,23,.85)}
/* pause and play for the looping previews (WCAG 2.2.2), top right where Instagram keeps its own controls */
.ig-pause{position:absolute;z-index:3;top:29px;right:21px;width:40px;height:40px;border:0;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.5);color:#fff;cursor:pointer;transition:background .2s}
.ig-pause:hover{background:rgba(92,16,23,.85)}
.ig-pause svg{width:18px;height:18px}
.ig-pause .i-play,.ig-pause.paused .i-pause{display:none}
.ig-pause.paused .i-play{display:block;margin-left:2px}
.ig-count{font:600 .72rem/1 var(--f-ui);letter-spacing:.18em;color:var(--text-soft);font-variant-numeric:tabular-nums}
.ig-count b{font-weight:600;color:var(--wine)}
@media (max-width:860px){
  .ig{--ph:min(46vh,400px);--ph:min(46svh,400px)}
  .ig-layout{grid-template-columns:minmax(0,1fr);gap:0}
  .js .ig-stage{order:-1;top:var(--hdr);z-index:3;padding:12px 0 10px;background:var(--cream);margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut)}
  .js .ig-stage::after{content:"";position:absolute;left:0;right:0;top:100%;height:40px;background:linear-gradient(var(--cream),rgba(245,237,224,0));pointer-events:none}
  .ig-phone{border-radius:26px;padding:7px;box-shadow:0 18px 30px rgba(34,6,10,.22),0 0 0 1px rgba(201,162,39,.35)}
  .ig-screens{inset:7px;border-radius:20px}
  .ig-bars{left:16px;right:16px;top:15px}
  .ig-top{left:16px;right:56px;top:26px;font-size:.66rem}
  .ig-top img{width:24px;height:24px}
  .ig-play{width:48px;height:48px;margin:-24px 0 0 -24px}
  .ig-sound{bottom:14px;padding:7px 11px;font-size:.56rem;gap:6px}
  .ig-sound svg{width:13px;height:13px}
  .ig-pause{top:21px;right:15px;width:34px;height:34px}
  .ig-pause svg{width:15px;height:15px}
  .ig-count{display:none}
  .js .ig-step{min-height:calc(100vh - var(--ph) - var(--hdr) - 30px);min-height:calc(100svh - var(--ph) - var(--hdr) - 30px);align-content:start;padding-block:28px}
}

/* ---------- depth while scrolling ---------- */
.js .arch img{scale:1.16;translate:0 var(--py,0px);will-change:translate}
.js .arch-photo{translate:0 var(--py,0px)}
.js .band-1{letter-spacing:var(--ls,.05em)}
.js .feat>:nth-child(2){transition-delay:.06s}
.js .feat>:nth-child(3){transition-delay:.12s}
.js .feat>:nth-child(4){transition-delay:.18s}
.js .feat>:nth-child(5){transition-delay:.24s}
.js .feat>:nth-child(6){transition-delay:.3s}

/* ---------- reveal ---------- */
.js [data-reveal]{transform:translateY(24px);transition:transform 1s var(--e)}
.js [data-reveal].in{transform:none}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js [data-reveal]{transform:none;transition:none}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}