@font-face{font-family:Archivo;font-style:normal;font-weight:400 800;font-stretch:62% 100%;font-display:swap;src:url(assets/fonts/archivo-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Archivo;font-style:italic;font-weight:400;font-stretch:62% 100%;font-display:swap;src:url(assets/fonts/archivo-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo Fallback";src:local("Arial");size-adjust:100%;ascent-override:88%;descent-override:22%;line-gap-override:0%}

/* amresh.sr: rustig en neutraal. De beelden dragen de kleur.
   Archivo · steen, papier en inkt */

:root{
  --bg:#dfdedb;          /* steen: de grond */
  --paper:#f3f2ef;       /* papier: kaarten en vlakken */
  --surface:#d3d2ce;
  --ink:#26251e;
  --muted:#55534b;
  --accent:#f26a1b;      /* oranje: knoppen, selecties en markeringen (tekst in inkt, 5:1) */
  --accent-deep:#ff8a4c; /* hover: lichter oranje */
  --accent-ink:#26251e;  /* tekst op oranje */
  --accent-text:#a63c06; /* oranje als tekstkleur op licht (4,8:1) */
  --focus:#d9500a;       /* focusring, 3:1 op steen en inkt */

  --step-small:clamp(.875rem,.85rem + .1vw,.9375rem);
  --step-body:clamp(1.0625rem,1rem + .25vw,1.1875rem);
  --step-lead:clamp(1.25rem,1.1rem + .7vw,1.625rem);
  --step-head:clamp(2.5rem,1.2rem + 5vw,5.5rem);
  --step-display:clamp(2.1rem,.6rem + 3.8vw,4.75rem);

  --m:clamp(16px,2.2vw,32px);       /* één paar buitenmarges */
  --gap:clamp(16px,1.8vw,24px);
  --section:clamp(80px,9vw,144px);
  --hh:64px;
  --ease:cubic-bezier(.2,.7,.2,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--hh)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Archivo,"Archivo Fallback",system-ui,sans-serif;font-size:var(--step-body);line-height:1.5;font-stretch:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3,p,ul,dl,dd,figure{margin:0}
ul{padding:0;list-style:none}
p{text-wrap:pretty}
::selection{background:var(--accent);color:var(--accent-ink)}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:var(--m);top:-60px;background:var(--ink);color:var(--paper);padding:12px 16px;z-index:10}
.skip:focus{top:var(--m)}

.wrap{padding-inline:var(--m)}

/* Type */
.display,.head,.ticket-title,.ticket-price strong,.foot-name{
  font-family:Archivo,sans-serif;font-weight:800;font-stretch:62%;font-variation-settings:"wdth" 62;
  text-transform:uppercase;letter-spacing:-.01em;line-height:.9;text-wrap:balance}
.display{font-size:var(--step-display)}
.head{font-size:var(--step-head)}
.lead{font-size:var(--step-lead);line-height:1.35}
.card-title{font-size:var(--step-lead);font-weight:600;line-height:1.2;text-wrap:balance}

/* Controls */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:clamp(44px,7vh,52px);padding:0 26px;background:var(--accent);color:var(--accent-ink);font:600 var(--step-body)/1 Archivo,sans-serif;text-decoration:none;border:0;cursor:pointer;
  transition:background-color .2s,transform .2s var(--ease)}
.btn:hover{background:var(--accent-deep);transform:translateY(-2px)}
.btn:active{transform:translateY(0) scale(.98)}
.textlink{font:600 var(--step-body)/1.3 Archivo,sans-serif;color:var(--ink);background:none;border:0;padding:0;cursor:pointer;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;transition:text-underline-offset .2s,color .2s}
.textlink:hover{text-underline-offset:8px;color:var(--accent-text)}

/* ---------- HERO ---------- */
.hero>*{min-width:0}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px var(--m) var(--m);height:calc(100svh - var(--hh));min-height:calc(100svh - var(--hh))}
.hero-photo{position:relative;overflow:hidden;background:var(--surface);order:2;min-height:0}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.6s ease;transform:scale(1.06)}
.hero-img.is-on{opacity:1}
.hero-img:nth-child(2){object-position:40% 40%}
.hero-cap{position:absolute;left:0;bottom:0;background:var(--paper);color:var(--ink);font-size:var(--step-small);padding:10px 14px;min-width:0}
.hero-cap span{display:block;transition:opacity .8s}
.hero-cap .cap-b{position:absolute;left:14px;top:10px;opacity:0;white-space:nowrap}
.hero-photo.show-b .cap-a{opacity:0}
.hero-photo.show-b .cap-b{opacity:1}

.pass{order:1;background:var(--paper);display:flex;flex-direction:column;padding:clamp(14px,3vh,32px) clamp(20px,3vw,48px) clamp(16px,3.4vh,40px);min-height:0;overflow:hidden}
.site-head{position:sticky;top:0;z-index:20;height:var(--hh);display:flex;justify-content:space-between;align-items:center;gap:16px;padding-inline:var(--m);background:var(--bg);border-bottom:1px solid var(--surface)}
.brand{display:inline-flex;align-items:center;gap:10px;font-family:Archivo,"Archivo Fallback",sans-serif;font-weight:800;font-stretch:62%;font-variation-settings:"wdth" 62;text-transform:uppercase;font-size:clamp(1.6rem,1.4rem + .8vw,2rem);line-height:1;text-decoration:none;letter-spacing:-.01em}
.mark{width:26px;height:26px;color:var(--accent)}
.pass-nav{display:flex;align-items:center;gap:clamp(14px,2vw,28px)}
.pass-nav .head-cta{background:var(--accent);color:var(--accent-ink);padding:10px 18px;text-decoration:none;transition:background-color .2s}
.pass-nav .head-cta:hover{background:var(--accent-deep);color:var(--accent-ink)}
.pass-nav a{font-weight:600;padding:6px 0;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:2px;text-underline-offset:6px;transition:text-decoration-color .2s,color .2s}
.pass-nav a:hover{text-decoration-color:currentColor;color:var(--accent-text)}
.pass .display{margin-top:auto;font-size:min(var(--step-display),7.4vh)}
.pass-sub strong{display:block;margin-top:.5em;font-weight:600}
.pass-sub{font-size:min(var(--step-lead),2.6vh);margin-top:clamp(12px,2.4vh,28px);margin-bottom:clamp(16px,3vh,40px);max-width:44ch}
.pass-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(10px,2vh,22px) var(--gap);margin-top:auto;padding-top:clamp(12px,2.2vh,24px);border-top:2px solid var(--surface)}
.pass-fields dd[data-hf]{transition:opacity .5s ease}
.pass-fields.is-out dd[data-hf]{opacity:0}
.pass-fields dt{font-size:var(--step-small);color:var(--muted)}
.pass-fields dd{font-weight:600;font-size:min(var(--step-body),2.3vh);line-height:1.25;margin-top:2px;font-variant-numeric:tabular-nums}
.pass-foot{display:flex;align-items:center;gap:28px;margin-top:clamp(14px,3vh,36px);flex-wrap:wrap}

@media (min-width:961px) and (max-height:700px){.pass-fields{grid-template-columns:repeat(4,1fr)}.pass-fields>div:has([data-today]),.pass-fields>div:has([data-arrive]){display:none}.pass .display{font-size:min(var(--step-display),5.2vh)}}

/* ---------- AANPAK: de tien werkdagen ---------- */
.plan{background:var(--ink);color:var(--paper);padding-block:var(--section)}
.plan-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap);align-items:start}
.plan-copy{grid-column:1/6;display:flex;flex-direction:column;gap:24px}
.plan-copy .lead{max-width:30ch}
.plan-copy p:not(.lead){max-width:36ch}
.slip{grid-column:7/12;background:var(--paper);color:var(--ink);padding:36px 36px 28px;font-variant-numeric:tabular-nums}
.slip h3{font-size:var(--step-body);font-weight:600;margin-top:28px}
.slip h3:first-child{margin-top:0}
.slip li{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:10px 0;border-bottom:1px solid var(--surface)}
.slip li b{white-space:nowrap;font-weight:600;color:var(--muted)}
.slip-total{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-top:32px;padding-top:18px;border-top:2px solid var(--ink);font-weight:600}

/* ---------- PRIJZEN ---------- */
.prices{background:var(--surface);color:var(--ink);padding-block:var(--section)}
.prices-intro{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap);align-items:end;margin-bottom:56px}
.prices-intro .head{grid-column:1/7}
.prices-intro .lead{grid-column:8/13;max-width:38ch}
.ticket{position:relative;display:grid;grid-template-columns:7fr 3fr;width:min(100%,1100px);margin-inline:auto;color:var(--ink)}
.ticket-main,.ticket-stub{background:var(--paper);padding:clamp(24px,3vw,44px)}
.ticket-main{display:flex;flex-direction:column;gap:20px}
.ticket-stub{display:flex;flex-direction:column;justify-content:space-between;gap:24px;border-left:2px solid var(--surface)}
.ticket-title{font-size:var(--step-head)}
.ticket-for{max-width:44ch}
.ticket-lines{display:grid;grid-template-columns:1fr 1fr;gap:8px var(--gap);margin-top:8px}
.ticket-lines li{padding-left:20px;position:relative}
.ticket-lines li::before{content:"";position:absolute;left:0;top:.6em;width:8px;height:8px;background:var(--accent)}
.ticket-case{color:var(--muted)}
.ticket-lines{order:1}
.ticket-case a{color:var(--ink);font-weight:600}
.ticket-price{display:flex;flex-direction:column;gap:6px}
.ticket-price small{font-size:var(--step-small);color:var(--muted)}
.ticket-price strong{font-size:var(--step-display);font-variant-numeric:tabular-nums;display:block}
.btn-bar{width:100%;min-height:56px;order:3}
.ticket-stub .seg{order:2}
.ticket-price{order:1}

.seg{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.seg label{position:relative}
.seg input{position:absolute;opacity:0;inset:0;cursor:pointer}
.seg span{display:block;padding:10px 16px;background:var(--surface);color:var(--ink);font-weight:600;transition:background-color .2s,color .2s,transform .15s}
.seg label:hover span{background:#c6c5c0}
.seg input:checked+span{background:var(--accent);color:var(--accent-ink)}
.seg input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}
.seg label:active span{transform:scale(.97)}
.seg-small span{padding:8px 12px;font-size:var(--step-small)}
.prices-note{max-width:70ch;margin:48px auto 0;width:min(100%,1100px)}
.prices-note a{font-weight:600}

/* ---------- OVER ---------- */
.about{padding-block:var(--section)}
.about-grid{display:grid;grid-template-columns:1fr minmax(0,680px) 1fr;gap:clamp(24px,4vw,64px);align-items:start}
.letter{grid-column:2}
.plate{margin-top:clamp(60px,10vw,160px)}
.plate img{width:100%;aspect-ratio:3/4;object-fit:cover}
.plate-l{grid-column:1;grid-row:1}
.plate-l img{object-position:50% 12%}
.plate-r{grid-column:3;grid-row:1;margin-top:clamp(200px,28vw,420px)}
.plate figcaption,.faq-photos figcaption{font-size:var(--step-small);margin-top:10px;color:var(--ink)}
.letter-sheet{position:relative;background:var(--paper);padding:clamp(28px,5vw,64px);padding-bottom:clamp(40px,5vw,64px)}
.letter-face{display:block;width:84px;height:84px;border-radius:50%;background:url(assets/photos/amresh-portret.webp) 50% 35%/cover no-repeat;box-shadow:0 0 0 4px var(--paper),0 0 0 5px var(--ink)}
/* Polaroid: losjes naast de brief, met een stukje tape */
.plate-m{grid-column:1;grid-row:1;rotate:-3deg}
.plate-f{grid-column:3;grid-row:1;rotate:2.5deg}
.plate-m,.plate-f{align-self:end;margin-top:0;position:relative;background:var(--paper);padding:10px 10px 12px;box-shadow:0 10px 24px -12px rgba(38,37,30,.45)}
.plate-l,.plate-r{position:relative}
.plate-l::before,.plate-r::before,.plate-m::before,.plate-f::before{z-index:1;content:"";position:absolute;top:-12px;left:50%;width:84px;height:24px;translate:-50% 0;rotate:2deg;background:rgba(211,210,206,.85);box-shadow:0 1px 2px rgba(38,37,30,.15)}
.plate-l::before{left:0;top:-6px;translate:-28% 0;rotate:-38deg}
.plate-r::before{left:auto;right:0;top:-6px;translate:28% 0;rotate:38deg}
.plate-m img,.plate-f img{aspect-ratio:4/5;object-position:50% 40%}
.plate-m figcaption,.plate-f figcaption{font-style:italic;margin-top:10px;text-align:center}
.letter .head{margin:56px 0 32px}
.letter p{max-width:58ch}
.letter p+p{margin-top:1.2em}
.letter mark{background:rgba(242,106,27,.28);color:inherit;padding:0 .2em}
@font-face{font-family:"Mrs Saint Delafield";font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/signature-latin.woff2) format("woff2")}
.sign{margin-top:1.4em!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.sign-ink{position:relative;display:block;width:max-content;max-width:100%;rotate:-4deg;transform-origin:left bottom;margin-bottom:.4em}
.sign-name{display:block;font-family:"Mrs Saint Delafield",cursive;font-size:clamp(2.5rem,1.9rem + 2.4vw,3.5rem);line-height:.9;color:var(--ink);padding:.1em .2em .1em .3em}
.sign-swoosh{position:absolute;left:2%;bottom:-.1em;width:96%;height:auto;overflow:visible;fill:none;stroke:var(--accent);stroke-width:2.6;stroke-linecap:round}
.sign-swoosh path{stroke-dasharray:1;stroke-dashoffset:0}
.js .letter .sign-name{clip-path:inset(-20% 100% -20% -20%)}
.js .letter .sign-swoosh path{stroke-dashoffset:1}
.js .letter.is-in .sign-name{clip-path:inset(-20% -20% -20% -20%);transition:clip-path 1.6s cubic-bezier(.45,.05,.25,1) .5s}
.js .letter.is-in .sign-swoosh path{stroke-dashoffset:0;transition:stroke-dashoffset 1s ease-out 1.9s}
@media (prefers-reduced-motion:reduce){.js .letter .sign-name{clip-path:none!important;transition:none!important}.js .letter .sign-swoosh path{stroke-dashoffset:0!important;transition:none!important}}
.sign small{display:block;font-style:normal;font-size:var(--step-small);color:var(--muted);margin-top:4px}
.letter-strip{display:flex;align-items:center;justify-content:center;min-height:72px;margin-top:28px;background:var(--paper);font-weight:600;font-size:var(--step-lead);text-decoration:none;transition:background-color .2s,color .2s}
.letter-strip:hover{background:var(--accent);color:var(--accent-ink)}

/* ---------- VRAGEN ---------- */
.faq{background:var(--paper);padding-block:var(--section)}
.faq-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap);align-items:start}
.faq-copy{grid-column:1/6;display:flex;flex-direction:column;align-items:flex-start;gap:32px}
.facts li{font-size:var(--step-body);font-weight:600}
.facts li+li{margin-top:6px}
.qs{width:100%}
.qs details+details{margin-top:6px}
.qs summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;align-items:center;font-size:clamp(1.125rem,1rem + .45vw,1.375rem);font-weight:600;line-height:1.25;padding:12px 0;transition:color .2s}
.qs summary::-webkit-details-marker{display:none}
.qs summary:hover{color:var(--muted)}
.qs summary::after{content:"";flex:none;width:10px;height:10px;border-right:3px solid currentColor;border-bottom:3px solid currentColor;transform:translateY(-3px) rotate(45deg);transition:transform .25s var(--ease)}
.qs details[open] summary::after{transform:translateY(2px) rotate(-135deg)}
.qs details p{padding:0 0 16px;max-width:52ch}
.faq-photos{grid-column:7/13;margin:0}
.faq-tall{width:100%;aspect-ratio:3/4;object-fit:cover}

/* ---------- CONTACT ---------- */
.contact{position:relative;min-height:100svh;padding:clamp(40px,6vh,60px) var(--m)}
.contact-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:0% 50%}
.contact-card{position:relative;margin-left:auto;width:min(100%,460px);background:var(--paper);padding:32px;display:flex;flex-direction:column;gap:18px}
.intake legend{font-weight:600;font-size:var(--step-body);margin-bottom:14px;padding:0}
.intake fieldset{border:0;margin:0;padding:0;display:none}
.intake fieldset.is-active{display:block}
.intake-bar{display:flex;gap:6px;margin-bottom:20px}
.intake-bar i{flex:1;height:6px;background:var(--surface);transition:background-color .3s}
.intake-bar i.on{background:var(--accent)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips label{position:relative}
.chips input{position:absolute;opacity:0;inset:0;cursor:pointer}
.chips span{display:block;padding:10px 14px;background:var(--surface);font-weight:600;transition:background-color .2s,color .2s,transform .15s}
.chips label:hover span{background:#c6c5c0}
.chips label:active span{transform:scale(.97)}
.chips input:checked+span{background:var(--accent);color:var(--accent-ink)}
.chips input:focus-visible+span{outline:3px solid var(--focus);outline-offset:2px}
.field{display:flex;flex-direction:column;gap:6px;font-size:var(--step-small);font-weight:600;margin-top:12px}
.field input,.field textarea{font:inherit;font-size:var(--step-body);font-weight:400;color:var(--ink);background:#fff;border:1px solid #8d8b84;padding:12px;border-radius:0;width:100%}
.field input:focus,.field textarea:focus{outline:3px solid var(--focus);outline-offset:0;border-color:var(--focus)}
.hint{font-size:var(--step-small);color:var(--muted);margin-top:12px}
.honeypot{position:absolute;left:-9999px}
.intake-msg{font-weight:600;color:var(--accent-text)}
.intake-msg:empty{display:none}
.intake-nav{display:flex;align-items:center;justify-content:flex-end;gap:24px;margin-top:20px}
.intake-nav .textlink{margin-right:auto}
.wa{font-weight:400;font-size:var(--step-small);color:var(--muted);text-decoration-thickness:1px;text-underline-offset:4px;transition:color .2s}
.wa:hover,.wa:focus-visible{color:var(--ink)}

/* ---------- FOOTER ---------- */
.foot{background:var(--ink);padding:calc(var(--section) * .6) var(--m) 0;overflow:hidden}
.postcard{position:relative;background:var(--paper);max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,64px);padding:clamp(28px,4vw,56px)}
.pc-msg{display:flex;flex-direction:column;gap:18px}
.pc-msg .card-title{font-size:var(--step-head);font-family:Archivo,sans-serif;font-weight:800;font-stretch:62%;font-variation-settings:"wdth" 62;text-transform:uppercase;line-height:.9}
.pc-msg p{max-width:40ch}
.pc-nav{display:flex;gap:20px;flex-wrap:wrap}
.pc-nav a{font-weight:600;text-underline-offset:4px}
.pc-addr{position:relative;display:flex;flex-direction:column;gap:12px;justify-content:flex-end;font-size:var(--step-lead)}
.pc-ask{font-size:var(--step-body);opacity:.7;margin-bottom:4px}
.pc-addr a{font-weight:600;text-underline-offset:5px;text-decoration-thickness:1px;transition:color .2s}
.pc-addr a:hover{color:var(--muted)}
.pc-addr span{font-size:var(--step-body);opacity:.7;margin-top:8px}
.pc-imprint{grid-column:1/-1;display:flex;flex-direction:column;gap:8px;font-size:var(--step-small);text-align:center;padding-top:16px}
.foot-name{color:var(--bg);font-size:min(19vw,320px);line-height:.8;text-align:center;padding:clamp(32px,5vw,64px) 0 clamp(16px,2vw,32px);white-space:nowrap}

/* ---------- Beweging ---------- */
.js [data-reveal]>*{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .8s var(--ease);transition-delay:calc(var(--d,0) * 75ms)}
.js [data-reveal].is-in>*{opacity:1;transform:none}
.hero-img.is-on{animation:drift 14s ease-out both}
@keyframes drift{from{transform:scale(1.08)}to{transform:scale(1)}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js [data-reveal]>*{transform:none!important;transition:opacity .3s ease!important}
  .hero-img{transition:none;animation:none!important;transform:none}
  .btn{transition:none}
}

/* ---------- Tablet en telefoon ---------- */
@media (max-width:960px){
  .hero{grid-template-columns:1fr;gap:0;height:auto;min-height:0;padding-top:0}
  .hero-photo{order:0;min-height:0;height:52svh}
  @media (max-width:560px){.hero-photo{height:34svh}.pass-fields{order:5}.pass-foot{margin-top:24px}}
  .pass{order:1;min-height:0;margin:-24px 12px 0;position:relative;overflow:visible}
  .pass .display{padding-top:28px;font-size:clamp(2.1rem,.2rem + 7vw,4rem)}
  .work-intro,.prices-intro{grid-template-columns:1fr;gap:20px}
  .work-intro>*,.prices-intro>*{grid-column:1/-1!important}
  .plan-grid,.faq-grid{grid-template-columns:1fr;gap:48px}
  .plan-copy,.slip,.faq-copy,.faq-photos{grid-column:1/-1}
  .ticket{grid-template-columns:1fr}
  .ticket-stub{border-left:0;border-top:2px solid var(--surface);display:grid;grid-template-columns:1fr auto;align-items:end;padding-top:56px}
  .ticket-price{grid-column:1}
  .ticket-stub .seg{grid-column:2;grid-row:1;align-self:start}
  .btn-bar{grid-column:1/-1}
  .faq-photos{order:-1}
  .faq-tall{aspect-ratio:4/5}
  .about-grid{grid-template-columns:1fr 1fr;gap:16px}
  .letter{grid-column:1/-1;grid-row:1}
  .plate,.plate-l,.plate-r{grid-row:2;margin-top:24px}
  .plate-l{grid-column:1}
  .plate-r{grid-column:2}
  .plate-m,.plate-f{grid-row:3;margin-top:28px;align-self:start}
  .plate-m{grid-column:1}
  .plate-f{grid-column:2}
  .hero-cap{display:none}
  .faq-photos figcaption{display:none}
  .contact{min-height:0;padding:0 0 var(--m)}
  .contact-photo{position:relative;height:70svh}
  .contact-card{margin:-80px var(--m) 0;width:auto}
  .postcard{grid-template-columns:1fr}
  .pc-addr{font-size:var(--step-body)}
}
@media (max-width:560px){
  .pass{margin-inline:0}
  .site-head{gap:12px}
  .pass-nav .head-cta{display:none}
  .pass-nav{gap:14px}
  .pass-fields{grid-template-columns:1fr 1fr}
  .slip{padding:28px 20px 22px}
  .ticket-lines{grid-template-columns:1fr}
  .letter .head{padding-right:0;margin-top:48px}
  .contact-card{padding:24px}
}

/* Afronding: kleine radius, zodat de site minder hoekig oogt */
:root{--r-sm:4px;--r:8px;--r-lg:14px}
.btn,.pass-nav .head-cta,.seg span,.chips span,.field input,.field textarea,.letter-strip,.skip{border-radius:var(--r)}
.hero-photo,.pass,.slip,.letter-sheet,.contact-card,.faq-tall,.plate-l img,.plate-r img{border-radius:var(--r-lg)}
.plate-m,.plate-f{border-radius:var(--r-sm)}
.plate-m img,.plate-f img{border-radius:2px}
.ticket-main{border-radius:var(--r-lg) 0 0 var(--r-lg)}
.ticket-stub{border-radius:0 var(--r-lg) var(--r-lg) 0}
.intake-bar i,.letter mark{border-radius:3px}
.hero-cap{border-top-right-radius:var(--r)}
@media (max-width:960px){
  .ticket-main{border-radius:var(--r-lg) var(--r-lg) 0 0}
  .ticket-stub{border-radius:0 0 var(--r-lg) var(--r-lg)}
}