/* Atelier Staaldier (ambacht a): cortenstaal, lasnaden, hoog gras en het weer.
   Skelet N8/H11/R8: menu als roestplaat in de opening, tijdschrift-asymmetrie, galerij-zwaar. */
@font-face { font-family: "SD Syne"; font-weight: 400 800; font-display: swap; src: url("../../fonts/Syne-Variable.woff2") format("woff2"); }
@font-face { font-family: "SD Golos"; font-weight: 400 900; font-display: swap; src: url("../../fonts/GolosText-Variable.woff2") format("woff2"); }
@font-face { font-family: "SD Azeret"; font-weight: 100 900; font-display: swap; src: url("../../fonts/AzeretMono-Variable.woff2") format("woff2"); }

body.s-ambacht-a {
  --mist: #eceae3; --mist2: #e2dfd5; --papier: #f5f3ee;
  --staal: #1b1d1e; --staal2: #2a2d2f; --walshuid: #4d5a62;
  --corten: #9a4519; --roest: #c2622a; --patina: #5b2a17; --donkerroest: #2a140b;
  --gras: #c4ae68; --olijf: #3d4124;
  --tekst: #1d1f20; --zacht: #4f4a44;
  --g: clamp(16px, 4.2vw, 64px);
  --syne: "SD Syne", "Space Grotesk", sans-serif;
  --golos: "SD Golos", "DM Sans", sans-serif;
  --mono: "SD Azeret", "DM Mono", monospace;
  --ruis: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .12  0 0 0 0 .05  0 0 0 0 .02  .9 0 0 0 -.32'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  --vlek: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='520' height='520'><filter id='v'><feTurbulence type='fractalNoise' baseFrequency='.011' numOctaves='4' seed='7' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .2  0 0 0 0 .07  0 0 0 0 .03  2.6 0 0 0 -1.25'/></filter><rect width='100%' height='100%' filter='url(%23v)'/></svg>");
  --vlek-oranje: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='460' height='460'><filter id='o'><feTurbulence type='fractalNoise' baseFrequency='.02' numOctaves='3' seed='21' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .74  0 0 0 0 .36  0 0 0 0 .15  1.8 0 0 0 -.95'/></filter><rect width='100%' height='100%' filter='url(%23o)'/></svg>");
  --plaat: var(--ruis), var(--vlek), var(--vlek-oranje), linear-gradient(160deg, #94431a 0%, #7a3414 45%, #843b17 70%, #6a2d11 100%);
  background: var(--mist); color: var(--tekst);
  font: 400 17px/1.62 var(--golos);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
body.s-ambacht-a main { display: block; }
body.s-ambacht-a a { color: inherit; }
body.s-ambacht-a h1, body.s-ambacht-a h2, body.s-ambacht-a h3 { margin: 0; font-weight: 800; }
body.s-ambacht-a p { margin: 0 0 1em; }
body.s-ambacht-a ul, body.s-ambacht-a ol { margin: 0; padding: 0; list-style: none; }
body.s-ambacht-a :focus-visible { outline: 3px solid var(--roest); outline-offset: 3px; }

/* ── Foto's en gras ─────────────────────────────────────────── */
body.s-ambacht-a .sd-foto { position: relative; overflow: hidden; background: var(--mist2); }
body.s-ambacht-a .sd-foto .sd-img { width: 100%; height: 100%; object-fit: cover; min-height: 0; display: block; }
body.s-ambacht-a .sd-foto .ph { --a: #8a4a26; --a2: #c4ae68; --bg2: #d9d4c6; position: absolute; inset: 0; height: 100%; }
body.s-ambacht-a .sd-foto .ph-cap { bottom: auto; top: 12px; }
body.s-ambacht-a .sd-gras { position: absolute; left: -3%; width: 106%; bottom: -2px; height: 26%; pointer-events: none; z-index: 2; }
body.s-ambacht-a .sd-gras .halm { fill: none; stroke: var(--olijf); stroke-width: 2.2; stroke-linecap: round; vector-effect: non-scaling-stroke; }
body.s-ambacht-a .sd-gras .pluim { fill: none; stroke: var(--gras); stroke-width: 3.5; stroke-linecap: round; vector-effect: non-scaling-stroke; opacity: .9; }

/* ── Kleine bouwstenen ──────────────────────────────────────── */
body.s-ambacht-a .sd-nr { font: 500 11px/1 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--corten); }
body.s-ambacht-a .sd-staand { position: absolute; top: 0; right: -30px; margin: 0; writing-mode: vertical-rl; font: 400 11px/1 var(--mono); letter-spacing: .08em; color: var(--zacht); white-space: nowrap; }
body.s-ambacht-a .sd-staand .sd-nr { color: var(--corten); }
body.s-ambacht-a .sd-bijschrift { font: 400 12px/1.4 var(--mono); color: var(--zacht); margin: 10px 0 0; }
body.s-ambacht-a .sd-klein { font-size: 13.5px; color: var(--zacht); }
body.s-ambacht-a .sd-lead { font-size: clamp(18px, 1.5vw, 21px); line-height: 1.55; }
body.s-ambacht-a .sd-h2 { font: 700 clamp(34px, 4.6vw, 66px)/.98 var(--syne); letter-spacing: -.03em; color: var(--tekst); text-wrap: balance; }
body.s-ambacht-a .sd-h2 em { font-style: normal; color: var(--corten); }
body.s-ambacht-a .sd-h2.groot { font-weight: 800; font-size: clamp(36px, 7vw, 108px); line-height: .9; letter-spacing: -.045em; }
body.s-ambacht-a .sd-h2.licht { color: var(--papier); }
body.s-ambacht-a .sd-h3 { font: 700 clamp(22px, 2.2vw, 30px)/1.08 var(--syne); letter-spacing: -.015em; }
body.s-ambacht-a .sd-sub { color: var(--zacht); max-width: 46ch; margin: 18px 0 0; }
body.s-ambacht-a .sd-kop2 { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 24px 48px; align-items: end; margin-bottom: clamp(36px, 5vw, 64px); }
body.s-ambacht-a .sd-kop2 .sd-sub { margin: 0; }
body.s-ambacht-a .sd-romein { font: 700 15px/1 var(--syne); color: var(--corten); letter-spacing: .06em; }

/* Knop: een stalen staaf met een gloeiend uiteinde, zoals een verse lasrups */
body.s-ambacht-a .sd-knop { display: inline-flex; align-items: center; gap: 14px; background: var(--staal); color: var(--papier); text-decoration: none; border: 0; cursor: pointer;
  font: 600 16px/1 var(--golos); padding: 17px 22px 17px 24px; border-radius: 2px; position: relative; transition: background .2s; }
body.s-ambacht-a .sd-knop i { width: 26px; height: 6px; border-radius: 3px; background: linear-gradient(90deg, #5c6067 0%, #8a8178 40%, #d18a42 75%, #ffd27a 100%);
  box-shadow: 0 0 10px 1px rgba(255, 170, 70, .55); transition: width .25s, box-shadow .25s; }
body.s-ambacht-a .sd-knop:hover { background: #000; }
body.s-ambacht-a .sd-knop:hover i { width: 40px; box-shadow: 0 0 16px 3px rgba(255, 170, 70, .8); }
body.s-ambacht-a .sd-knop.licht { background: var(--papier); color: var(--staal); }
body.s-ambacht-a .sd-knop.licht:hover { background: #fff; }
body.s-ambacht-a .sd-link { font-weight: 600; text-decoration: none; border-bottom: 2px solid var(--roest); padding-bottom: 2px; }
body.s-ambacht-a .sd-link:hover { color: var(--corten); }
body.s-ambacht-a .sd-link.licht { color: var(--papier); }
body.s-ambacht-a .sd-acties { display: flex; flex-wrap: wrap; gap: 18px 28px; align-items: center; margin-top: 28px; }

/* De lasrups: geschubde naad met aanloopkleuren */
body.s-ambacht-a .sd-naad { position: relative; height: 48px; max-width: 1312px; margin: 0 auto; width: calc(100% - 2 * var(--g));
  background: linear-gradient(180deg, transparent 6%, rgba(70, 100, 150, .28) 11%, rgba(110, 78, 130, .34) 17%, rgba(150, 98, 50, .42) 23%, rgba(214, 176, 100, .62) 30%, rgba(222, 190, 120, .7) 36%,
    rgba(222, 190, 120, .7) 64%, rgba(214, 176, 100, .62) 70%, rgba(150, 98, 50, .42) 77%, rgba(110, 78, 130, .34) 83%, rgba(70, 100, 150, .28) 89%, transparent 94%);
  -webkit-mask: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); mask: linear-gradient(90deg, transparent, #000 4%, #000 96%, transparent); }
body.s-ambacht-a .sd-naad i { position: absolute; left: 0; right: 0; top: 17px; height: 14px; border-radius: 7px;
  background: radial-gradient(circle at -9px 50%, transparent 0 10px, rgba(40, 36, 32, .6) 10.6px 11.6px, rgba(255, 250, 240, .35) 12px, transparent 13px) 0 0 / 6px 14px repeat-x,
    linear-gradient(180deg, #77726a 0%, #d9d3c6 30%, #f1ece2 42%, #aaa396 65%, #4f4b45 100%);
  box-shadow: 0 2px 3px rgba(0,0,0,.3); }
body.s-ambacht-a .sd-naad.op-donker { position: absolute; left: 0; right: 0; top: -24px; max-width: none; width: 100%; }

/* ── Navigatie: roestplaat in de opening (N8) ───────────────── */
body.s-ambacht-a .sd-bovenrij { grid-column: 1 / -1; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 4px 0 0; }
body.s-ambacht-a .sd-woordmerk { display: inline-flex; align-items: center; gap: 12px; text-decoration: none; color: var(--tekst); }
body.s-ambacht-a .sd-woordmerk .sd-merk { width: 40px; height: 40px; fill: var(--corten); }
body.s-ambacht-a .sd-woordmerk span { display: flex; flex-direction: column; font: 500 11px/1 var(--mono); letter-spacing: .3em; text-transform: uppercase; }
body.s-ambacht-a .sd-woordmerk b { font: 800 26px/1 var(--syne); letter-spacing: -.02em; text-transform: none; margin-top: 4px; }
body.s-ambacht-a .sd-woordmerk.licht { color: var(--papier); }
body.s-ambacht-a .sd-woordmerk.licht .sd-merk { fill: var(--roest); }
body.s-ambacht-a .sd-boven-info { display: flex; gap: 22px; align-items: center; margin: 0; font-size: 15px; }
body.s-ambacht-a .sd-boven-info a { text-decoration: none; font-weight: 500; }
body.s-ambacht-a .sd-ods { font-weight: 600; text-decoration: none; border: 1.5px solid currentColor; padding: 8px 14px; border-radius: 40px; font-size: 14px; }
body.s-ambacht-a .sd-ods:hover { background: var(--staal); color: var(--papier); border-color: var(--staal); }

body.s-ambacht-a .sd-plaat { position: relative; background: var(--plaat); background-size: 220px, 520px, 460px, cover; color: var(--donkerroest);
  padding: 30px 32px 20px; border-radius: 3px; box-shadow: 0 30px 50px -28px rgba(40, 20, 8, .7), inset 0 0 0 1px rgba(0,0,0,.18), inset 0 2px 0 rgba(255, 200, 150, .18); }
body.s-ambacht-a .sd-plaat ul { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 26px; }
body.s-ambacht-a .sd-plaat li a { display: flex; align-items: baseline; gap: 10px; text-decoration: none; padding: 7px 0 9px; position: relative;
  font: 700 clamp(20px, 1.75vw, 25px)/1.05 var(--syne); letter-spacing: -.01em; color: #fbefe2;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .55), 0 1px 1px rgba(0, 0, 0, .25); }
body.s-ambacht-a .sd-plaat li a small { font: 500 10px/1 var(--mono); letter-spacing: .1em; color: #f0d2b4; }
body.s-ambacht-a .sd-plaat li a:hover span { color: #fff; text-shadow: 0 0 12px rgba(255, 170, 80, .8); }
body.s-ambacht-a .sd-plaat li a[aria-current] span { color: #f3d98f; }
body.s-ambacht-a .sd-plaat li a[aria-current]::after { content: ""; position: absolute; left: 22px; right: 6px; bottom: 0; height: 6px; border-radius: 3px;
  background: radial-gradient(circle at -4px 50%, transparent 0 4.4px, rgba(40,36,32,.6) 4.8px 5.4px, transparent 5.8px) 0 0 / 3px 6px repeat-x, linear-gradient(180deg, #77726a, #e6e0d3 40%, #a39c8f 70%, #4f4b45); box-shadow: 0 0 0 2px rgba(222, 190, 120, .45); }
body.s-ambacht-a .sd-plaat-voet { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 16px 0 0; padding-top: 12px; border-top: 1px solid rgba(255, 220, 190, .3);
  font: 500 11px/1.3 var(--mono); letter-spacing: .06em; text-transform: uppercase; color: #fbefe2; }
body.s-ambacht-a .sd-plaat-voet a { font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
body.s-ambacht-a .bout { position: absolute; width: 11px; height: 11px; border-radius: 50%;
  background: radial-gradient(circle at 35% 30%, #d9d1c4 0, #8c857a 35%, #3b3833 75%); box-shadow: 0 1px 1px rgba(0,0,0,.5), inset 0 0 0 1px rgba(0,0,0,.3); }
body.s-ambacht-a .bout.b1 { top: 11px; left: 11px; } body.s-ambacht-a .bout.b2 { top: 11px; right: 11px; }
body.s-ambacht-a .bout.b3 { bottom: 11px; left: 11px; } body.s-ambacht-a .bout.b4 { bottom: 11px; right: 11px; }

/* Klein menu na het scrollen */
body.s-ambacht-a .sd-toggle { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
/* Het scrollmenu is een cortenstalen label dat aan twee staalstrips van de bovenrand hangt (zelfde plaat als het menu in de opening) */
body.s-ambacht-a .sd-pil { position: fixed; top: calc(var(--sd-db, 34px) + 10px); right: clamp(14px, 3vw, 40px); z-index: 58;
  display: flex; flex-direction: column; align-items: center; width: 92px; padding: 24px 8px 12px;
  background: var(--plaat); background-size: 220px, 520px, 460px, cover; color: #fbefe2; border-radius: 2px;
  box-shadow: 0 18px 26px -14px rgba(30, 14, 6, .75), inset 0 0 0 1px rgba(0,0,0,.22), inset 0 2px 0 rgba(255, 200, 150, .2);
  transform-origin: 50% -60px; transform: translateY(calc(-100% - 60px)) rotate(-6deg); opacity: 0; pointer-events: none;
  transition: transform .55s cubic-bezier(.3, 1.5, .5, 1), opacity .2s; }
body.s-ambacht-a .sd-pil::before { content: ""; position: absolute; bottom: 100%; left: 16px; right: 16px; height: 420px; pointer-events: none;
  border-left: 4px solid #3b3833; border-right: 4px solid #3b3833;
  background: linear-gradient(90deg, rgba(255,255,255,.18) 0 1px, transparent 1px calc(100% - 1px), rgba(0,0,0,.25) calc(100% - 1px)); }
body.s-ambacht-a .sd-pil .bout { top: 8px; width: 9px; height: 9px; }
body.s-ambacht-a .sd-pil .bout.b1 { left: 13px; } body.s-ambacht-a .sd-pil .bout.b2 { right: 13px; }
body.s-ambacht-a.sd-gescrold .sd-pil, body.s-ambacht-a .sd-toggle:checked ~ .sd-pil { opacity: 1; transform: rotate(-1.5deg); pointer-events: auto; }
body.s-ambacht-a .sd-pil:hover { transform: rotate(1deg); }
body.s-ambacht-a .sd-pil-merk { display: flex; flex-direction: column; align-items: center; gap: 5px; text-decoration: none; color: #fbefe2; }
body.s-ambacht-a .sd-pil-merk .sd-merk { width: 30px; height: 30px; fill: #2a140b; filter: drop-shadow(0 1px 0 rgba(255, 200, 150, .35)); }
body.s-ambacht-a .sd-pil-merk span { font: 500 9px/1 var(--mono); letter-spacing: .16em; text-transform: uppercase; text-shadow: 0 -1px 0 rgba(0,0,0,.5); }
body.s-ambacht-a .sd-pil-knop { cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 6px; width: 100%; margin-top: 9px; padding-top: 10px;
  border-top: 3px solid transparent;
  border-image: repeating-linear-gradient(90deg, #6e675c 0 3px, #cfc6b5 3px 5px, #8a6a3c 5px 7px) 3;
  font: 800 13px/1 var(--syne); letter-spacing: .08em; text-transform: uppercase; color: #fbefe2;
  text-shadow: 0 -1px 0 rgba(0,0,0,.55), 0 1px 1px rgba(0,0,0,.25); }
body.s-ambacht-a .sd-pil-knop::before { content: ""; width: 26px; height: 14px;
  background: linear-gradient(#2a140b 0 0) 0 0 / 100% 3px no-repeat, linear-gradient(#2a140b 0 0) 0 50% / 100% 3px no-repeat, linear-gradient(#2a140b 0 0) 0 100% / 100% 3px no-repeat;
  filter: drop-shadow(0 1px 0 rgba(255, 200, 150, .35)); border-radius: 1px; }
body.s-ambacht-a .sd-pil-knop:hover { color: #fff; }
body.s-ambacht-a .sd-pil-knop .dicht { display: none; }
body.s-ambacht-a .sd-toggle:checked ~ .sd-pil .open { display: none; }
body.s-ambacht-a .sd-toggle:checked ~ .sd-pil .dicht { display: inline; }
body.s-ambacht-a .sd-toggle:checked ~ .sd-pil .sd-pil-knop::before { width: 18px; height: 18px;
  background: linear-gradient(45deg, transparent 45%, #2a140b 45% 58%, transparent 58%), linear-gradient(-45deg, transparent 45%, #2a140b 45% 58%, transparent 58%); }
body.s-ambacht-a .sd-toggle:focus-visible ~ .sd-pil .sd-pil-knop { outline: 3px solid var(--gras); outline-offset: 4px; }
body.s-ambacht-a .sd-overlay { display: none; position: fixed; inset: 0; z-index: 57; background: var(--staal); color: var(--papier); overflow-y: auto; }
body.s-ambacht-a .sd-toggle:checked ~ .sd-overlay { display: block; }
body.s-ambacht-a .sd-overlay-in { max-width: 1320px; margin: 0 auto; padding: 96px var(--g) 200px; display: grid; grid-template-columns: 1.6fr 1fr; gap: 40px 64px; }
body.s-ambacht-a .sd-overlay-in > .sd-woordmerk { grid-column: 1 / -1; }
body.s-ambacht-a .sd-overlay-lijst li a { display: flex; align-items: baseline; gap: 18px; text-decoration: none; font: 800 clamp(36px, 5.4vw, 72px)/1.08 var(--syne); letter-spacing: -.03em; }
body.s-ambacht-a .sd-overlay-lijst small { font: 400 12px/1 var(--mono); color: var(--gras); letter-spacing: .1em; }
body.s-ambacht-a .sd-overlay-lijst a:hover, body.s-ambacht-a .sd-overlay-lijst a[aria-current] { color: var(--roest); }
body.s-ambacht-a .sd-overlay-zij { align-self: end; display: grid; gap: 18px; justify-items: start; color: #d8d3c8; }
body.s-ambacht-a .sd-overlay-zij a { text-decoration: none; }
body.s-ambacht-a .sd-overlay-zij .sd-ods { color: var(--papier); }
body.s-ambacht-a .overlay-gras { position: fixed; height: 150px; bottom: 0; }
body.s-ambacht-a .overlay-gras .halm { stroke: #4a4e2c; }

/* ── Opening home (H11) ─────────────────────────────────────── */
body.s-ambacht-a .sd-hero { max-width: 1440px; margin: 0 auto; padding: 22px var(--g) 40px; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 20px; position: relative; }
body.s-ambacht-a .sd-hero-kop { grid-column: 1 / 9; grid-row: 2; z-index: 3; margin-top: clamp(70px, 11vh, 130px); align-self: start;
  font: 800 clamp(54px, 8.8vw, 140px)/.86 var(--syne); letter-spacing: -.045em; pointer-events: none; }
body.s-ambacht-a .sd-hero-kop span { display: block; }
body.s-ambacht-a .sd-hero-kop .r2 { padding-left: 1.05em; }
body.s-ambacht-a .sd-hero-kop .r3 { color: var(--corten); padding-left: .3em; }
body.s-ambacht-a .sd-hero-foto { grid-column: 6 / 12; grid-row: 2 / 4; position: relative; margin-top: 26px; align-self: start; }
body.s-ambacht-a .sd-hero-foto .sd-foto { aspect-ratio: 4 / 5; max-height: 86vh; width: 100%; }
body.s-ambacht-a .sd-hero-foto .sd-staand { right: -32px; }
body.s-ambacht-a .sd-hero-klein { grid-column: 3 / 7; grid-row: 3; z-index: 2; margin-top: clamp(28px, 3vw, 48px); align-self: start; }
body.s-ambacht-a .sd-hero-klein .sd-foto { aspect-ratio: 5 / 4; outline: 12px solid var(--mist); }
body.s-ambacht-a .sd-hero-tekst { grid-column: 1 / 7; grid-row: 4; align-self: start; padding: 40px 0 0; max-width: 500px; }
body.s-ambacht-a .sd-hero-tekst p { font-size: 18px; }
body.s-ambacht-a .sd-plaat.in-hero { position: absolute; z-index: 4; right: -10%; bottom: -170px; width: min(500px, 88%); transform: rotate(-.6deg); }

/* ── Opening subpagina's ────────────────────────────────────── */
body.s-ambacht-a .sd-open { max-width: 1440px; margin: 0 auto; padding: 22px var(--g) 40px; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 20px; }
body.s-ambacht-a .sd-open-tekst { grid-column: 1 / 8; grid-row: 2; z-index: 3; margin-top: clamp(40px, 8vh, 96px); }
body.s-ambacht-a .sd-open-kop { font: 700 clamp(44px, 6.8vw, 108px)/.9 var(--syne); letter-spacing: -.04em; margin-bottom: 28px; }
body.s-ambacht-a .sd-open-kop span { display: block; }
body.s-ambacht-a .sd-open-kop .r2 { padding-left: .9em; color: var(--corten); }
body.s-ambacht-a .sd-open-kop .r3 { padding-left: .3em; }
body.s-ambacht-a .sd-open-kop .r1:only-child { font-size: .8em; font-weight: 700; letter-spacing: -.035em; max-width: 9em; text-wrap: balance; }
body.s-ambacht-a .sd-open-tekst .sd-lead { max-width: 25em; margin: 0; }
body.s-ambacht-a .sd-kruimel { font: 400 12px/1.4 var(--mono); letter-spacing: .06em; color: var(--zacht); margin-bottom: 18px; }
body.s-ambacht-a .sd-kruimel a { text-decoration: none; }
body.s-ambacht-a .sd-kruimel a:hover { color: var(--corten); }
body.s-ambacht-a .sd-open-foto { grid-column: 6 / 12; grid-row: 2 / 4; position: relative; margin-top: 30px; align-self: start; }
body.s-ambacht-a .sd-open-foto .sd-foto { aspect-ratio: 5 / 6; max-height: 80vh; width: 100%; }
body.s-ambacht-a .sd-plaat.in-open { grid-column: 1 / 6; grid-row: 3; align-self: end; margin-top: 40px; transform: rotate(.5deg); }

/* ── Secties ────────────────────────────────────────────────── */
body.s-ambacht-a .sd-sectie { max-width: 1440px; margin: 0 auto; padding: clamp(72px, 9vw, 140px) var(--g); }
body.s-ambacht-a .sd-donker { background: var(--staal); color: #d8d3c8; }
body.s-ambacht-a .sd-verder { margin: 40px 0 0; text-align: right; }

/* Galerij (R8) */
body.s-ambacht-a .sd-gal-kop { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; margin-bottom: clamp(40px, 6vw, 80px); }
body.s-ambacht-a .sd-gal-kop .sd-sub { justify-self: end; max-width: 38ch; }
body.s-ambacht-a .sd-gal-kop .sd-sub { margin: 0 0 8px; }
body.s-ambacht-a .sd-galerij { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: clamp(28px, 4vw, 56px) 20px; align-items: start; }
body.s-ambacht-a .sd-werk { display: block; text-decoration: none; position: relative; }
body.s-ambacht-a .sd-werk .sd-foto { width: 100%; }
body.s-ambacht-a .sd-werk .sd-img { transition: transform .6s ease; }
body.s-ambacht-a a.sd-werk:hover .sd-img { transform: scale(1.03); }
body.s-ambacht-a .sd-werk-tekst { display: grid; grid-template-columns: auto 1fr; gap: 2px 14px; padding-top: 14px; align-items: baseline; }
body.s-ambacht-a .sd-werk-tekst b { font: 700 20px/1.15 var(--syne); }
body.s-ambacht-a .sd-werk-tekst small, body.s-ambacht-a .sd-werk-tekst em { grid-column: 2; font-size: 14px; color: var(--zacht); }
body.s-ambacht-a .sd-werk-tekst em { font-style: normal; font: 400 12px/1.4 var(--mono); color: var(--corten); }
body.s-ambacht-a .sd-werk-tekst > b:first-child { grid-column: 1 / -1; }
body.s-ambacht-a .sd-werk.g-a { grid-column: 1 / 7; grid-row: 1 / 3; } body.s-ambacht-a .g-a .sd-foto { aspect-ratio: 4 / 5; }
body.s-ambacht-a .sd-werk.g-b { grid-column: 8 / 13; grid-row: 1; margin-top: 90px; } body.s-ambacht-a .g-b .sd-foto { aspect-ratio: 3 / 2; }
body.s-ambacht-a .sd-werk.g-c { grid-column: 8 / 11; grid-row: 2; } body.s-ambacht-a .g-c .sd-foto { aspect-ratio: 1; }
body.s-ambacht-a .sd-werk.g-d { grid-column: 2 / 5; grid-row: 3; } body.s-ambacht-a .g-d .sd-foto { aspect-ratio: 3 / 4; }
body.s-ambacht-a .sd-werk.g-e { grid-column: 6 / 13; grid-row: 3; margin-top: 70px; } body.s-ambacht-a .g-e .sd-foto { aspect-ratio: 16 / 9; }
body.s-ambacht-a .sd-werk.g-f { grid-column: 7 / 11; grid-row: 4; }
body.s-ambacht-a .sd-gal-noot { grid-column: 2 / 6; grid-row: 4; align-self: center; }
body.s-ambacht-a .sd-gal-noot p { font: 700 clamp(22px, 2.2vw, 30px)/1.15 var(--syne); letter-spacing: -.015em; margin-bottom: 22px; } body.s-ambacht-a .g-f .sd-foto { aspect-ratio: 4 / 3; }
body.s-ambacht-a .g-f .sd-img { object-position: 85% 40%; }
body.s-ambacht-a .g-e .sd-img { object-position: 50% 70%; }
body.s-ambacht-a .sd-galerij.drie .sd-werk { grid-column: span 4; }
body.s-ambacht-a .sd-galerij.drie .sd-werk:nth-child(2) { margin-top: 70px; }
body.s-ambacht-a .sd-galerij.drie .sd-foto { aspect-ratio: 4 / 5; }
body.s-ambacht-a .sd-gal-sectie.kort { padding-top: 0; }

/* Naast jou: schaal */
body.s-ambacht-a .sd-schaal-sectie { padding-top: clamp(56px, 7vw, 110px); }
body.s-ambacht-a .sd-schaal-kop { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px 48px; align-items: end; }
body.s-ambacht-a .sd-schaal-kop .sd-sub { margin: 0 0 8px; }
body.s-ambacht-a .sd-schaal-wrap { margin: clamp(32px, 5vw, 64px) 0 0; overflow-x: auto; overflow-y: hidden; }
body.s-ambacht-a .sd-schaal { display: block; width: 100%; min-width: 640px; height: auto; max-height: 460px; }
body.s-ambacht-a .sd-schaal-wrap.klein .sd-schaal { min-width: 0; max-height: 300px; width: auto; max-width: 100%; }
body.s-ambacht-a .sd-schaal .dier { fill: var(--corten); }
body.s-ambacht-a .sd-schaal .dier .gat { fill: var(--mist); }
body.s-ambacht-a .sd-schaal .gewei { fill: none; stroke: var(--corten); stroke-width: 3.2; stroke-linecap: round; stroke-linejoin: round; }
body.s-ambacht-a .sd-schaal .mens { fill: none; stroke: var(--tekst); stroke-width: 1.2; stroke-dasharray: 3 3; }
body.s-ambacht-a .sd-schaal .grond { stroke: var(--tekst); stroke-width: 1; }
body.s-ambacht-a .sd-schaal .halm { fill: none; stroke: var(--olijf); stroke-width: .8; opacity: .8; }
body.s-ambacht-a .sd-schaal text { font: 500 8.5px var(--mono); fill: var(--zacht); letter-spacing: .04em; }
body.s-ambacht-a .sd-schaal text.lbl { font: 700 10px var(--syne); fill: var(--tekst); }
body.s-ambacht-a .sd-collectie { margin-top: clamp(40px, 5vw, 64px); border-top: 2px solid var(--tekst); }
body.s-ambacht-a .sd-collectie li { display: grid; grid-template-columns: 56px 70px minmax(0, 1.2fr) minmax(0, 1.4fr) minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: 14px 0; border-bottom: 1px solid #c9c4b8; }
body.s-ambacht-a .sd-collectie .c-sil svg { height: 40px; width: 50px; fill: var(--corten); }
body.s-ambacht-a .sd-collectie .c-sil .gat { fill: var(--mist); }
body.s-ambacht-a .sd-collectie .c-sil .gewei { fill: none; stroke: var(--corten); stroke-width: 4; }
body.s-ambacht-a .sd-collectie b { font: 700 20px/1.1 var(--syne); }
body.s-ambacht-a .sd-collectie .c-maat { font: 400 13px/1.3 var(--mono); color: var(--zacht); }
body.s-ambacht-a .sd-collectie .c-status { font-size: 14px; }
body.s-ambacht-a .sd-collectie .c-prijs { font: 700 18px/1 var(--syne); text-align: right; }
body.s-ambacht-a .sd-collectie + .sd-klein { margin-top: 14px; }

/* Patina */
body.s-ambacht-a .sd-patina-sectie { padding: clamp(80px, 10vw, 150px) var(--g); }
body.s-ambacht-a .sd-patina-sectie > * { max-width: 1312px; margin-left: auto; margin-right: auto; }
body.s-ambacht-a .sd-patina-kop { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 24px 48px; align-items: end; margin-bottom: clamp(40px, 6vw, 72px); }
body.s-ambacht-a .sd-patina-kop p { max-width: 44ch; margin: 0 0 6px; }
body.s-ambacht-a .sd-patina { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 18px; counter-reset: p; }
body.s-ambacht-a .sd-patina li { display: flex; flex-direction: column; }
body.s-ambacht-a .sd-patina .staal { display: block; aspect-ratio: 3 / 4; margin-bottom: 18px; border-radius: 2px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.06); background-size: 220px, 520px, 460px, cover; }
body.s-ambacht-a .sd-patina li:nth-child(2) .staal { margin-top: 28px; } body.s-ambacht-a .sd-patina li:nth-child(4) .staal { margin-top: 28px; }
body.s-ambacht-a .sd-patina .p0 .staal { background-image: var(--ruis), linear-gradient(170deg, #6e7b83, #4d5a62 55%, #3d474e); }
body.s-ambacht-a .sd-patina .p1 .staal { background-image: var(--ruis), var(--vlek-oranje), linear-gradient(170deg, #66717a, #4e585f); background-size: 220px, 150px, cover; background-position: 0 0, 30px 50px, 0 0; }
body.s-ambacht-a .sd-patina .p0 .staal { background-image: var(--ruis), linear-gradient(100deg, transparent 30%, rgba(255,255,255,.12) 45%, transparent 60%), linear-gradient(170deg, #6e7b83, #4d5a62 55%, #3d474e); background-size: 220px, cover, cover; }
body.s-ambacht-a .sd-patina .p2 .staal { background-image: var(--ruis), var(--vlek-oranje), linear-gradient(170deg, #c7682c, #b0561f 60%, #9d4a1a); }
body.s-ambacht-a .sd-patina .p3 .staal { background-image: var(--ruis), var(--vlek), linear-gradient(170deg, #8f4019, #74331a 60%, #5f2a14); }
body.s-ambacht-a .sd-patina .p4 .staal { background-image: var(--ruis), var(--vlek), linear-gradient(170deg, #5e2c1d, #4a2218 55%, #3a1b16); }
body.s-ambacht-a .sd-patina b { font: 500 12px/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--gras); }
body.s-ambacht-a .sd-patina em { font: 700 22px/1.2 var(--syne); font-style: normal; color: var(--papier); margin: 8px 0 8px; }
body.s-ambacht-a .sd-patina p { font-size: 15px; line-height: 1.5; margin: 0; color: #c9c3b8; }
body.s-ambacht-a .sd-patina.mini { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
body.s-ambacht-a .sd-patina.mini .staal { margin-top: 0 !important; aspect-ratio: 1; margin-bottom: 10px; }
body.s-ambacht-a .sd-patina.mini p { display: none; }
body.s-ambacht-a .sd-patina.mini b { color: var(--zacht); font-size: 10.5px; }
body.s-ambacht-a .sd-patina.mini em { color: var(--tekst); font-size: 15px; }
body.s-ambacht-a .sd-patina.mini li { opacity: .45; }
body.s-ambacht-a .sd-patina.nu-2 li:nth-child(-n+3), body.s-ambacht-a .sd-patina.nu-3 li:nth-child(-n+4) { opacity: 1; }
body.s-ambacht-a .sd-patina.nu-2 li:nth-child(3) .staal, body.s-ambacht-a .sd-patina.nu-3 li:nth-child(4) .staal { outline: 3px solid var(--tekst); outline-offset: 4px; }

/* Diensten op home: getrapte rijen */
body.s-ambacht-a .sd-diensten { border-top: 2px solid var(--tekst); }
body.s-ambacht-a .sd-dienst a { display: grid; grid-template-columns: 80px minmax(0, 300px) minmax(0, 1fr); gap: 28px; align-items: center; padding: 26px 0; border-bottom: 1px solid #c9c4b8; text-decoration: none; transition: background .2s; }
body.s-ambacht-a .sd-dienst.d1 a { margin-left: 6%; } body.s-ambacht-a .sd-dienst.d2 a { margin-left: 12%; } body.s-ambacht-a .sd-dienst.d3 a { margin-left: 18%; }
body.s-ambacht-a .sd-dienst-nr { font: 700 54px/1 var(--syne); color: transparent; -webkit-text-stroke: 1.5px var(--corten); }
body.s-ambacht-a .sd-dienst-foto .sd-foto { aspect-ratio: 16 / 9; }
body.s-ambacht-a .sd-dienst-tekst { display: grid; gap: 6px; }
body.s-ambacht-a .sd-dienst-tekst b { font: 700 clamp(26px, 2.8vw, 40px)/1 var(--syne); letter-spacing: -.02em; }
body.s-ambacht-a .sd-dienst-tekst em { font: 400 13px/1.3 var(--mono); font-style: normal; color: var(--corten); }
body.s-ambacht-a .sd-dienst a:hover .sd-dienst-tekst b { color: var(--corten); }
body.s-ambacht-a .sd-dienst a:hover .sd-dienst-nr { color: var(--corten); }

/* Atelier */
body.s-ambacht-a .sd-atelier { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px clamp(48px, 7vw, 110px); align-items: center; padding-top: 0; }
body.s-ambacht-a .sd-atelier-foto { position: relative; }
body.s-ambacht-a .sd-atelier-foto .sd-foto { aspect-ratio: 3 / 4; }
body.s-ambacht-a .sd-atelier-tekst p { max-width: 40ch; margin-top: 22px; }
body.s-ambacht-a .sd-stappen-mini { display: grid; grid-template-columns: 1fr 1fr; gap: 0 28px; margin-top: 26px; border-top: 1px solid #c9c4b8; }
body.s-ambacht-a .sd-stappen-mini li { display: flex; gap: 14px; align-items: baseline; padding: 11px 0; border-bottom: 1px solid #c9c4b8; }
body.s-ambacht-a .sd-stappen-mini span { font: 500 12px/1 var(--mono); color: var(--corten); }
body.s-ambacht-a .sd-stappen-mini b { font-weight: 600; }

/* Bezoek */
body.s-ambacht-a .sd-bezoek { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px clamp(48px, 7vw, 110px); align-items: center; padding-top: 0; }
body.s-ambacht-a .sd-bezoek p { max-width: 46ch; margin-top: 20px; }
body.s-ambacht-a .sd-groot-getal { font: 800 clamp(56px, 8vw, 128px)/.8 var(--syne); letter-spacing: -.06em; color: var(--corten); margin: 0 !important; white-space: nowrap; }
body.s-ambacht-a .sd-groot-getal span { color: var(--tekst); font-weight: 400; }
body.s-ambacht-a .sd-bezoek-tijd { font: 500 clamp(20px, 2.4vw, 34px)/1 var(--mono); letter-spacing: .06em; margin-top: 18px !important; }

/* Slotband */
body.s-ambacht-a .sd-slot { position: relative; background: var(--staal); color: #d8d3c8; margin-top: 40px; }
body.s-ambacht-a .sd-slot-in { max-width: 1312px; margin: 0 auto; padding: clamp(80px, 10vw, 140px) var(--g) clamp(120px, 13vw, 190px); display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 40px 80px; align-items: end; }
body.s-ambacht-a .sd-slot-in p { max-width: 46ch; margin-top: 22px; }
body.s-ambacht-a .sd-slot-sil { display: flex; align-items: flex-end; gap: 18px; height: 380px; border-bottom: 1px solid #55595b; }
body.s-ambacht-a .sd-slot-sil .sil.groot { height: 100%; width: auto; fill: var(--roest); }
body.s-ambacht-a .sd-slot-sil .sil.mens { height: 88.4%; width: auto; fill: none; stroke: #a8a296; stroke-width: 1; stroke-dasharray: 3 3; }

/* Voet: het typeplaatje op de grond */
body.s-ambacht-a .sd-voet { position: relative; background: #17191a; color: #cfc9bd; padding: 0 var(--g) 28px; }
body.s-ambacht-a .voet-gras { position: absolute; top: -90px; bottom: auto; height: 92px; left: 0; width: 100%; }
body.s-ambacht-a .voet-gras .halm { stroke: #3a3d26; stroke-width: 2; }
body.s-ambacht-a .voet-gras .pluim { stroke: #8f7f4a; stroke-width: 2.5; }
body.s-ambacht-a .sd-voet-in { max-width: 1312px; margin: 0 auto; padding: 70px 0 56px; display: grid; grid-template-columns: minmax(0, 1.25fr) repeat(3, minmax(0, .8fr)); gap: 40px 48px; }
body.s-ambacht-a .sd-typeplaat { position: relative; background: var(--plaat); background-size: 220px, 520px, 460px, cover; color: #fbefe2; padding: 34px 34px 26px; border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.2), inset 0 2px 0 rgba(255, 200, 150, .18); text-shadow: 0 -1px 0 rgba(0,0,0,.45); }
body.s-ambacht-a .sd-typeplaat .tp-kop { font: 800 30px/1 var(--syne); letter-spacing: -.02em; margin: 0 0 6px; }
body.s-ambacht-a .sd-typeplaat .tp-sub { font: 500 11px/1.3 var(--mono); letter-spacing: .14em; text-transform: uppercase; margin: 0 0 22px; }
body.s-ambacht-a .sd-typeplaat dl { margin: 0; display: grid; gap: 10px; }
body.s-ambacht-a .sd-typeplaat dl div { display: grid; grid-template-columns: 90px 1fr; gap: 10px; border-top: 1px solid rgba(255, 220, 190, .28); padding-top: 10px; }
body.s-ambacht-a .sd-typeplaat dt { font: 500 11px/1.6 var(--mono); letter-spacing: .1em; text-transform: uppercase; }
body.s-ambacht-a .sd-typeplaat dd { margin: 0; font-weight: 600; }
body.s-ambacht-a .sd-typeplaat a { text-decoration: none; }
body.s-ambacht-a .sd-typeplaat .tp-nr { font: 500 11px/1 var(--mono); letter-spacing: .2em; margin: 20px 0 0; text-transform: uppercase; }
body.s-ambacht-a .sd-voet-kop { font: 500 11px/1 var(--mono); letter-spacing: .18em; text-transform: uppercase; color: var(--gras); margin-bottom: 18px; }
body.s-ambacht-a .sd-voet-kol ul li { margin-bottom: 9px; }
body.s-ambacht-a .sd-voet-kol a { text-decoration: none; color: #e6e1d6; }
body.s-ambacht-a .sd-voet-kol a:hover { color: var(--roest); }
body.s-ambacht-a .sd-voet-tijden li { display: grid; gap: 2px; margin-bottom: 14px; }
body.s-ambacht-a .sd-voet-tijden li span:first-child { font-size: 14px; color: #a8a296; }
body.s-ambacht-a .sd-voet-tijden li span:last-child { color: #e6e1d6; font-weight: 500; }
body.s-ambacht-a .sd-voet-zin { font: 700 18px/1.3 var(--syne); color: #e6e1d6; margin-top: 20px; }
body.s-ambacht-a .sd-voet-onder { max-width: 1312px; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px 24px; border-top: 1px solid #3a3d3f; padding-top: 22px; font-size: 14px; color: #a8a296; }
body.s-ambacht-a .sd-voet-onder a { color: #e6e1d6; }

/* ── Diensten ───────────────────────────────────────────────── */
body.s-ambacht-a .sd-dblokken { display: grid; gap: clamp(90px, 11vw, 170px); }
body.s-ambacht-a .sd-dblok { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 32px 20px; align-items: center; scroll-margin-top: 80px; }
body.s-ambacht-a .sd-dblok-foto { position: relative; grid-column: 1 / 7; }
body.s-ambacht-a .sd-dblok-foto .sd-foto { aspect-ratio: 4 / 5; }
body.s-ambacht-a .sd-dblok-tekst { grid-column: 8 / 13; }
body.s-ambacht-a .sd-dblok.rechts .sd-dblok-foto { grid-column: 7 / 13; grid-row: 1; }
body.s-ambacht-a .sd-dblok.rechts .sd-dblok-foto .sd-foto { aspect-ratio: 5 / 4; }
body.s-ambacht-a .sd-dblok.rechts .sd-dblok-tekst { grid-column: 1 / 6; grid-row: 1; }
body.s-ambacht-a .sd-dblok-tekst .sd-h2 { margin: 12px 0 18px; }
body.s-ambacht-a .sd-dblok-tekst .sd-lead { font-weight: 500; margin-bottom: 12px; }
body.s-ambacht-a .sd-punten { margin: 18px 0 22px; display: grid; gap: 8px; }
body.s-ambacht-a .sd-punten li { position: relative; padding-left: 28px; }
body.s-ambacht-a .sd-punten li::before { content: ""; position: absolute; left: 0; top: .62em; width: 16px; height: 5px; border-radius: 3px;
  background: radial-gradient(circle at -3px 50%, transparent 0 3.4px, rgba(40,36,32,.55) 3.8px 4.4px, transparent 4.8px) 0 0 / 3px 5px repeat-x, linear-gradient(180deg, #77726a, #e6e0d3 40%, #a39c8f 70%, #4f4b45); box-shadow: 0 0 0 2px rgba(214, 176, 100, .45); }
body.s-ambacht-a .sd-prijsjes { border-top: 1px solid #c9c4b8; margin-bottom: 28px; }
body.s-ambacht-a .sd-prijsjes li { display: flex; justify-content: space-between; gap: 16px; padding: 10px 0; border-bottom: 1px solid #c9c4b8; font-size: 15.5px; }
body.s-ambacht-a .sd-prijsjes b { font: 700 16px/1.3 var(--syne); text-align: right; }
body.s-ambacht-a .sd-maten .sd-tabel-wrap { overflow-x: auto; }
body.s-ambacht-a .sd-tabel { width: 100%; border-collapse: collapse; min-width: 620px; }
body.s-ambacht-a .sd-tabel th, body.s-ambacht-a .sd-tabel td { text-align: left; padding: 16px 14px 16px 0; border-bottom: 1px solid #c9c4b8; vertical-align: baseline; }
body.s-ambacht-a .sd-tabel thead th { font: 500 11px/1 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--zacht); border-bottom: 2px solid var(--tekst); }
body.s-ambacht-a .sd-tabel td:nth-child(4) { font: 700 17px/1.3 var(--syne); white-space: nowrap; }
body.s-ambacht-a .sd-maat { font: 800 34px/1 var(--syne); color: var(--corten); }

/* Dienstpagina */
body.s-ambacht-a .sd-dienst-body { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 32px 20px; align-items: start; }
body.s-ambacht-a .sd-dienst-romein { grid-column: 1 / 3; font: 700 clamp(80px, 9vw, 140px)/.8 var(--syne); color: transparent; -webkit-text-stroke: 2px var(--corten); letter-spacing: -.04em; }
body.s-ambacht-a .sd-dienst-verhaal { grid-column: 3 / 8; }
body.s-ambacht-a .sd-dienst-verhaal > .sd-lead { margin-bottom: 40px; }
body.s-ambacht-a .sd-hfd { padding: 26px 0; border-top: 1px solid #c9c4b8; }
body.s-ambacht-a .sd-hfd h3 { font: 700 24px/1.15 var(--syne); margin-bottom: 10px; }
body.s-ambacht-a .sd-hfd p { margin: 0; }
body.s-ambacht-a .sd-dienst-zij { grid-column: 9 / 13; position: sticky; top: 110px; display: grid; gap: 24px; }
body.s-ambacht-a .sd-roestkaart { position: relative; background: var(--plaat); background-size: 220px, 520px, 460px, cover; color: #fbefe2; padding: 26px 26px 18px; border-radius: 3px;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.2), 0 20px 40px -26px rgba(40, 20, 8, .7); text-shadow: 0 -1px 0 rgba(0,0,0,.45); }
body.s-ambacht-a .sd-roestkaart .sd-prijsjes { border-color: rgba(255, 220, 190, .3); margin-bottom: 8px; }
body.s-ambacht-a .sd-roestkaart .sd-prijsjes li { border-color: rgba(255, 220, 190, .3); }
body.s-ambacht-a .sd-roestkaart .sd-klein { color: #f0d2b4; margin: 0; }
body.s-ambacht-a .sd-roestkaart a { text-decoration: none; font-weight: 700; }
body.s-ambacht-a .sd-roestkaart-kop { font: 500 11px/1 var(--mono); letter-spacing: .18em; text-transform: uppercase; margin-bottom: 14px; }
body.s-ambacht-a .sd-roestkaart-kop.donker { color: var(--corten); }
body.s-ambacht-a .sd-krijg .sd-punten { margin: 0; }
body.s-ambacht-a .sd-dienst-beeld .sd-kop2 { grid-template-columns: 1fr; }
body.s-ambacht-a .sd-dienst-vragen { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 48px clamp(48px, 7vw, 110px); padding-top: 0; align-items: start; }
body.s-ambacht-a .sd-andere ul { border-top: 2px solid var(--tekst); }
body.s-ambacht-a .sd-andere li a { display: flex; gap: 16px; align-items: baseline; padding: 16px 0; border-bottom: 1px solid #c9c4b8; text-decoration: none; font: 700 21px/1.15 var(--syne); }
body.s-ambacht-a .sd-andere li a:hover { color: var(--corten); }

/* Vragen (details) */
body.s-ambacht-a .sd-faq { border-top: 2px solid var(--tekst); }
body.s-ambacht-a .sd-faq details { border-bottom: 1px solid #c9c4b8; }
body.s-ambacht-a .sd-faq summary { cursor: pointer; list-style: none; padding: 20px 44px 20px 0; position: relative; font: 700 19px/1.3 var(--syne); }
body.s-ambacht-a .sd-faq summary::-webkit-details-marker { display: none; }
body.s-ambacht-a .sd-faq summary::after { content: ""; position: absolute; right: 4px; top: 50%; width: 18px; height: 18px; margin-top: -9px;
  background: linear-gradient(var(--corten), var(--corten)) center / 18px 3px no-repeat, linear-gradient(var(--corten), var(--corten)) center / 3px 18px no-repeat; transition: transform .2s; }
body.s-ambacht-a .sd-faq details[open] summary::after { transform: rotate(45deg); }
body.s-ambacht-a .sd-faq details p { padding: 0 44px 22px 0; margin: 0; max-width: 62ch; }

/* Schets op schaal */
body.s-ambacht-a .sd-schets { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px clamp(40px, 6vw, 90px); align-items: center; }
body.s-ambacht-a .sd-schets-blad { background-color: var(--papier); background-image: linear-gradient(rgba(77, 90, 98, .16) 1px, transparent 1px), linear-gradient(90deg, rgba(77, 90, 98, .16) 1px, transparent 1px);
  background-size: 22px 22px; padding: 40px 40px 24px; box-shadow: 0 30px 50px -30px rgba(0,0,0,.35); transform: rotate(-1deg); }
body.s-ambacht-a .sd-schets-tek { position: relative; display: flex; align-items: flex-end; justify-content: center; gap: 30px; height: 400px; }
body.s-ambacht-a .sd-schets-tek .sil { height: 100%; width: auto; fill: none; stroke: var(--corten); stroke-width: 1.2; }
body.s-ambacht-a .sd-schets-tek .sil.mens { height: 88.4%; stroke: var(--walshuid); stroke-dasharray: 3 2; }
body.s-ambacht-a .sd-schets-grond { position: absolute; left: -10px; right: -10px; bottom: 0; border-bottom: 2px solid var(--walshuid); }
body.s-ambacht-a .sd-schets-schaal { font: 400 12px/1 var(--mono); color: var(--walshuid); margin: 16px 0 0; }
body.s-ambacht-a .sd-schets-data { margin: 0; border-top: 2px solid var(--tekst); }
body.s-ambacht-a .sd-schets-data div { display: grid; grid-template-columns: 120px 1fr; gap: 16px; padding: 13px 0; border-bottom: 1px solid #c9c4b8; }
body.s-ambacht-a .sd-schets-data dt { font: 500 11px/1.8 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--zacht); }
body.s-ambacht-a .sd-schets-data dd { margin: 0; }
body.s-ambacht-a .sd-schets-data .totaal dd { font: 800 22px/1.2 var(--syne); color: var(--corten); }

/* Doorsnede fundering */
body.s-ambacht-a .sd-doorsnede { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 40px 64px; align-items: center; }
body.s-ambacht-a .sd-doorsnede svg { width: 100%; height: auto; }
body.s-ambacht-a .ds-lucht { fill: var(--papier); } body.s-ambacht-a .ds-grond { fill: #6b5a43; }
body.s-ambacht-a .ds-poer { fill: #a9a59c; } body.s-ambacht-a .ds-plaat { fill: var(--corten); }
body.s-ambacht-a .ds-anker { stroke: #2a2d2f; stroke-width: 4; } body.s-ambacht-a .ds-poot { fill: var(--corten); }
body.s-ambacht-a .ds-gras .halm { fill: none; stroke: var(--olijf); stroke-width: 1.4; }
body.s-ambacht-a .ds-lijn { fill: none; stroke: #9b9488; stroke-width: 1.2; stroke-dasharray: 2 3; }
body.s-ambacht-a .sd-doorsnede text { font: 500 12.5px var(--mono); fill: var(--tekst); }
body.s-ambacht-a .sd-doorsnede text.op-grond { fill: #f5f3ee; }
body.s-ambacht-a .sd-kop2.klein .sd-h2 { font-size: clamp(28px, 2.8vw, 38px); }
body.s-ambacht-a .sd-kop2.klein { grid-template-columns: 1fr; margin-bottom: 24px; }

/* ── Projecten ──────────────────────────────────────────────── */
body.s-ambacht-a .sd-projecten { display: grid; gap: clamp(90px, 11vw, 160px); }
body.s-ambacht-a .sd-proj a { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 28px 20px; align-items: end; text-decoration: none; }
body.s-ambacht-a .sd-proj-foto { grid-column: 1 / 9; } body.s-ambacht-a .sd-proj-foto .sd-foto { aspect-ratio: 3 / 2; }
body.s-ambacht-a .sd-proj-tekst { grid-column: 9 / 13; display: grid; gap: 10px; padding-bottom: 8px; }
body.s-ambacht-a .sd-proj.p1 .sd-proj-foto { grid-column: 6 / 13; grid-row: 1; } body.s-ambacht-a .sd-proj.p1 .sd-proj-foto .sd-foto { aspect-ratio: 1; }
body.s-ambacht-a .sd-proj.p1 .sd-proj-tekst { grid-column: 1 / 5; grid-row: 1; align-self: center; }
body.s-ambacht-a .sd-proj.p2 .sd-proj-foto { grid-column: 2 / 10; }
body.s-ambacht-a .sd-proj.p2 .sd-proj-tekst { grid-column: 10 / 13; }
body.s-ambacht-a .sd-proj-tekst b { font: 700 clamp(30px, 3.4vw, 48px)/.98 var(--syne); letter-spacing: -.025em; }
body.s-ambacht-a .sd-proj-tekst ul { border-top: 1px solid #c9c4b8; margin-top: 8px; }
body.s-ambacht-a .sd-proj-tekst ul li { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid #c9c4b8; font-size: 14.5px; }
body.s-ambacht-a .sd-proj-tekst ul li span { font: 400 11px/1.9 var(--mono); letter-spacing: .1em; text-transform: uppercase; color: var(--zacht); }
body.s-ambacht-a .sd-proj-tekst em { font-style: normal; font-weight: 600; border-bottom: 2px solid var(--roest); justify-self: start; margin-top: 8px; }
body.s-ambacht-a .sd-proj a:hover .sd-proj-tekst b { color: var(--corten); }
body.s-ambacht-a .sd-ook-lijst { border-top: 2px solid var(--tekst); columns: 2; column-gap: 48px; }
body.s-ambacht-a .sd-ook-lijst li { break-inside: avoid; display: grid; grid-template-columns: 70px 1fr auto; gap: 4px 16px; padding: 16px 0; border-bottom: 1px solid #c9c4b8; align-items: baseline; }
body.s-ambacht-a .sd-ook-lijst b { font: 700 20px/1.1 var(--syne); }
body.s-ambacht-a .sd-ook-lijst span:last-child { font: 400 12px/1 var(--mono); color: var(--zacht); }
body.s-ambacht-a .sd-ook-lijst li > span:nth-child(3) { grid-column: 2; grid-row: 2; font-size: 14px; color: var(--zacht); }
body.s-ambacht-a .sd-ook-lijst li > span:last-child { grid-column: 3; grid-row: 1; }

/* Projectpagina */
body.s-ambacht-a .sd-project-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.7fr); gap: 48px clamp(48px, 7vw, 120px); align-items: start; }
body.s-ambacht-a .sd-specs { margin: 0; position: sticky; top: 110px; background: var(--plaat); background-size: 220px, 520px, 460px, cover; color: #fbefe2; padding: 28px; border-radius: 3px; text-shadow: 0 -1px 0 rgba(0,0,0,.45); }
body.s-ambacht-a .sd-specs div { display: grid; grid-template-columns: 110px 1fr; gap: 12px; padding: 9px 0; border-bottom: 1px solid rgba(255, 220, 190, .28); }
body.s-ambacht-a .sd-specs dt { font: 500 10.5px/1.9 var(--mono); letter-spacing: .12em; text-transform: uppercase; }
body.s-ambacht-a .sd-specs dd { margin: 0; font-weight: 600; font-size: 15.5px; }
body.s-ambacht-a .sd-specs .kop dd .sd-nr { font-size: 18px; color: #f3d98f; letter-spacing: .2em; }
body.s-ambacht-a .sd-project-verhaal .sd-hfd { display: grid; grid-template-columns: 60px 1fr; gap: 6px 20px; padding: 32px 0; }
body.s-ambacht-a .sd-project-verhaal .sd-hfd:first-child { border-top: 0; padding-top: 0; }
body.s-ambacht-a .sd-hfd-nr { grid-row: span 2; font: 700 48px/1 var(--syne); color: transparent; -webkit-text-stroke: 1.5px var(--corten); }
body.s-ambacht-a .sd-project-verhaal p { font-size: 18px; max-width: 56ch; margin: 0; }
body.s-ambacht-a .sd-project-beelden { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 20px; padding-top: 0; }
body.s-ambacht-a .sd-pb-groot { grid-column: 1 / 9; grid-row: 1 / 3; } body.s-ambacht-a .sd-pb-groot .sd-foto { aspect-ratio: 4 / 3; height: 100%; }
body.s-ambacht-a .sd-pb-klein { grid-column: 9 / 13; } body.s-ambacht-a .sd-pb-klein .sd-foto { aspect-ratio: 1; }
body.s-ambacht-a .sd-pb-klein.b { margin-left: 25%; } body.s-ambacht-a .sd-pb-klein.b .sd-foto { aspect-ratio: 4 / 5; }
body.s-ambacht-a .sd-project-nu { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 48px clamp(48px, 7vw, 110px); align-items: center; }
body.s-ambacht-a .sd-project-nu p { max-width: 44ch; margin-top: 20px; }
body.s-ambacht-a .sd-volgende { display: grid; grid-template-columns: 2fr 1fr; gap: 20px; padding-top: 0; }
body.s-ambacht-a .sd-volgende a { display: grid; gap: 8px; text-decoration: none; padding: 34px 0; border-top: 2px solid var(--tekst); }
body.s-ambacht-a .sd-volgende small { font: 500 11px/1 var(--mono); letter-spacing: .16em; text-transform: uppercase; color: var(--corten); }
body.s-ambacht-a .sd-volgende b { font: 800 clamp(28px, 4vw, 56px)/1 var(--syne); letter-spacing: -.03em; }
body.s-ambacht-a .sd-volgende a.terug b { font-size: clamp(22px, 2.2vw, 30px); }
body.s-ambacht-a .sd-volgende a:hover b { color: var(--corten); }

/* ── Werkwijze ──────────────────────────────────────────────── */
body.s-ambacht-a .sd-stappen { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 0 20px; }
body.s-ambacht-a .sd-stap { grid-column: 1 / 8; display: grid; grid-template-columns: 110px 1fr; gap: 6px 26px; padding: 34px 0; border-top: 1px solid #c9c4b8; }
body.s-ambacht-a .sd-stap:nth-child(even) { grid-column: 5 / 13; }
body.s-ambacht-a .sd-stap-nr { grid-row: span 4; font: 700 76px/.85 var(--syne); color: transparent; -webkit-text-stroke: 1.6px var(--corten); letter-spacing: -.04em; }
body.s-ambacht-a .sd-stap-week { font: 500 12px/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--corten); }
body.s-ambacht-a .sd-stap p { margin: 6px 0 0; max-width: 52ch; }
body.s-ambacht-a .sd-stap-krijg { font-size: 15px; }
body.s-ambacht-a .sd-stap-krijg span { font: 500 11px/1 var(--mono); letter-spacing: .12em; text-transform: uppercase; color: var(--zacht); margin-right: 10px; }
body.s-ambacht-a .sd-stap.s6 .sd-stap-nr { -webkit-text-stroke: 0; color: var(--corten); }
body.s-ambacht-a .sd-gereedschap { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 48px clamp(48px, 7vw, 110px); align-items: start; }
body.s-ambacht-a .sd-gr-foto .sd-foto { aspect-ratio: 4 / 5; }
body.s-ambacht-a .sd-gereedschap .sd-kop2 { grid-template-columns: 1fr; gap: 0; }
body.s-ambacht-a .sd-gr-lijst { border-top: 2px solid var(--tekst); counter-reset: gr; }
body.s-ambacht-a .sd-gr-lijst li { display: grid; grid-template-columns: 40px minmax(0, 1fr) minmax(0, 1.3fr); gap: 16px; padding: 16px 0; border-bottom: 1px solid #c9c4b8; align-items: baseline; counter-increment: gr; }
body.s-ambacht-a .sd-gr-lijst li::before { content: counter(gr, decimal-leading-zero); font: 500 12px/1 var(--mono); color: var(--corten); }
body.s-ambacht-a .sd-gr-lijst b { font: 700 19px/1.2 var(--syne); }
body.s-ambacht-a .sd-betalen { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.4fr); gap: 20px; padding-top: 0; align-items: stretch; }
body.s-ambacht-a .sd-betaal-blok { background: var(--plaat); background-size: 220px, 520px, 460px, cover; color: #fbefe2; padding: 30px; border-radius: 3px; text-shadow: 0 -1px 0 rgba(0,0,0,.45); }
body.s-ambacht-a .sd-betaal-blok:nth-child(2) { background: var(--ruis), linear-gradient(170deg, #6e7b83, #4d5a62 55%, #3d474e); color: #f5f3ee; text-shadow: none; }
body.s-ambacht-a .sd-betaal-blok span { display: block; font: 800 clamp(56px, 7vw, 96px)/.9 var(--syne); letter-spacing: -.05em; }
body.s-ambacht-a .sd-betaal-blok p { margin: 14px 0 0; font-weight: 600; }
body.s-ambacht-a .sd-betaal-tekst { padding: 10px 0 0 20px; }
body.s-ambacht-a .sd-betaal-tekst p { margin-top: 14px; max-width: 44ch; }

/* ── Vragen ─────────────────────────────────────────────────── */
body.s-ambacht-a .sd-vragen { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2.2fr); gap: 48px clamp(48px, 7vw, 110px); align-items: start; }
body.s-ambacht-a .sd-vragen-zij { position: sticky; top: 110px; display: grid; gap: 30px; }
body.s-ambacht-a .sd-spring { border-top: 2px solid var(--tekst); }
body.s-ambacht-a .sd-spring a { display: flex; justify-content: space-between; gap: 10px; padding: 12px 0; border-bottom: 1px solid #c9c4b8; text-decoration: none; font-weight: 600; }
body.s-ambacht-a .sd-spring a::after { content: "↓"; color: var(--corten); font-weight: 400; }
body.s-ambacht-a .sd-spring a:hover { color: var(--corten); }
body.s-ambacht-a .sd-faq-groep { scroll-margin-top: 90px; margin-bottom: clamp(48px, 6vw, 80px); }
body.s-ambacht-a .sd-faq-groep h2 { margin-bottom: 18px; }
body.s-ambacht-a .sd-patina-sectie.kort .sd-patina p { display: none; }
body.s-ambacht-a .sd-patina-sectie.licht { background: var(--mist2); }
body.s-ambacht-a .sd-patina-sectie.licht .sd-patina b { color: var(--corten); }
body.s-ambacht-a .sd-patina-sectie.licht .sd-patina em { color: var(--tekst); }
body.s-ambacht-a .sd-patina-sectie.licht .sd-patina-kop p { color: var(--tekst); font: 700 22px/1.3 var(--syne); }
body.s-ambacht-a .sd-galerij.vier .g-d { grid-column: 8 / 11; grid-row: 3; }
body.s-ambacht-a .sd-galerij.vier .sd-gal-noot { grid-column: 2 / 7; grid-row: 3; }
body.s-ambacht-a .sd-project-nu .sd-schaal { height: 300px; width: auto; }

/* ── Over ons ───────────────────────────────────────────────── */
body.s-ambacht-a .sd-over-body { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: 48px clamp(48px, 7vw, 120px); align-items: start; }
body.s-ambacht-a .sd-over-citaat blockquote { margin: 0; font: 700 clamp(30px, 3.4vw, 48px)/1.05 var(--syne); letter-spacing: -.03em; color: var(--corten); }
body.s-ambacht-a .sd-over-citaat p { font: 500 12px/1 var(--mono); letter-spacing: .16em; text-transform: uppercase; margin-top: 22px; }
body.s-ambacht-a .sd-over-tekst > p { max-width: 56ch; }
body.s-ambacht-a .sd-cijfers { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 36px; border-top: 2px solid var(--tekst); padding-top: 22px; }
body.s-ambacht-a .sd-cijfers b { display: block; font: 700 clamp(26px, 2.6vw, 36px)/1 var(--syne); letter-spacing: -.03em; color: var(--corten); white-space: nowrap; margin-bottom: 6px; }
body.s-ambacht-a .sd-cijfers span { font-size: 14.5px; color: var(--zacht); }
body.s-ambacht-a .sd-tijdlijn { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 24px; position: relative; padding-top: 44px; }
body.s-ambacht-a .sd-tijdlijn::before { content: ""; position: absolute; left: 0; right: 0; top: 11px; height: 10px; border-radius: 5px;
  background: radial-gradient(circle at -7px 50%, transparent 0 7.4px, rgba(40,36,32,.6) 8px 8.8px, transparent 9.4px) 0 0 / 5px 10px repeat-x, linear-gradient(180deg, #77726a, #e6e0d3 40%, #a39c8f 70%, #4f4b45);
  box-shadow: 0 0 0 3px rgba(222, 190, 120, .4), 0 0 0 6px rgba(110, 78, 130, .12); }
body.s-ambacht-a .sd-tijdlijn li { position: relative; }
body.s-ambacht-a .sd-tijdlijn li::before { content: ""; position: absolute; top: -40px; left: 0; width: 14px; height: 14px; border-radius: 50%; background: var(--roest); box-shadow: 0 0 0 4px var(--mist), 0 0 14px 2px rgba(255, 160, 60, .6); }
body.s-ambacht-a .sd-tijdlijn b { font: 800 clamp(30px, 3vw, 44px)/1 var(--syne); letter-spacing: -.03em; }
body.s-ambacht-a .sd-tijdlijn p { font-size: 15.5px; margin-top: 12px; }

/* ── Contact ────────────────────────────────────────────────── */
body.s-ambacht-a .sd-contact { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 48px clamp(48px, 7vw, 110px); align-items: start; }
body.s-ambacht-a .sd-form { display: grid; gap: 34px; }
body.s-ambacht-a .sd-form fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
body.s-ambacht-a .sd-form legend { display: flex; align-items: baseline; gap: 14px; font: 700 24px/1.2 var(--syne); margin-bottom: 16px; padding: 0; }
body.s-ambacht-a .sd-form legend span { font: 500 12px/1 var(--mono); color: var(--corten); border: 1.5px solid var(--corten); border-radius: 50%; width: 28px; height: 28px; display: inline-grid; place-items: center; flex: none; transform: translateY(-3px); }
body.s-ambacht-a .sd-chips { display: flex; flex-wrap: wrap; gap: 10px; }
body.s-ambacht-a .sd-chip input, body.s-ambacht-a .sd-hoogte input { position: absolute; opacity: 0; }
body.s-ambacht-a .sd-chip span { display: inline-block; padding: 11px 18px; border: 1.5px solid #a9a397; border-radius: 2px; cursor: pointer; font-weight: 500; background: var(--papier); transition: all .15s; }
body.s-ambacht-a .sd-chip input:checked + span { background: var(--plaat); background-size: 220px, 520px, 460px, cover; border-color: #5a2a12; color: #fff3e6; text-shadow: 0 1px 1px rgba(0,0,0,.45); }
body.s-ambacht-a .sd-chip input:focus-visible + span, body.s-ambacht-a .sd-hoogte input:focus-visible + span { outline: 3px solid var(--roest); outline-offset: 2px; }
body.s-ambacht-a .sd-hoogtes { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
body.s-ambacht-a .sd-hoogte span { display: grid; grid-template-rows: 80px auto auto; gap: 4px; padding: 14px; border: 1.5px solid #a9a397; background: var(--papier); cursor: pointer; height: 100%; }
body.s-ambacht-a .sd-hoogte i { align-self: end; width: 14px; height: var(--h); background: var(--walshuid); border-radius: 1px; }
body.s-ambacht-a .sd-hoogte b { font: 700 16px/1.2 var(--syne); text-transform: none; letter-spacing: 0; color: var(--tekst); }
body.s-ambacht-a .sd-hoogte small { font: 400 13px/1.3 var(--golos); text-transform: none; letter-spacing: 0; color: var(--zacht); }
body.s-ambacht-a .sd-hoogte input:checked + span { border-color: var(--corten); box-shadow: inset 0 0 0 1.5px var(--corten); }
body.s-ambacht-a .sd-hoogte input:checked + span i { background: var(--corten); }
body.s-ambacht-a .sd-velden { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
body.s-ambacht-a .sd-form label { display: grid; gap: 6px; font: 500 12px/1.2 var(--mono); letter-spacing: .08em; text-transform: uppercase; color: var(--zacht); }
body.s-ambacht-a .sd-form .vol { grid-column: 1 / -1; }
body.s-ambacht-a .sd-form input[type=text], body.s-ambacht-a .sd-form input[type=tel], body.s-ambacht-a .sd-form input[type=email], body.s-ambacht-a .sd-form textarea {
  font: 400 17px/1.4 var(--golos); color: var(--tekst); text-transform: none; letter-spacing: 0; background: var(--papier); border: 0; border-bottom: 2px solid var(--tekst); padding: 13px 14px; border-radius: 0; width: 100%; }
body.s-ambacht-a .sd-form input:focus, body.s-ambacht-a .sd-form textarea:focus { outline: none; border-bottom-color: var(--roest); background: #fff; }
body.s-ambacht-a .sd-form .sd-klein { text-transform: none; letter-spacing: 0; margin: 10px 0 0; font-family: var(--golos); }
body.s-ambacht-a .sd-form > .sd-knop { justify-self: start; }
body.s-ambacht-a .sd-form > .sd-klein { margin: -18px 0 0; }
body.s-ambacht-a .sd-contact-zij { display: grid; gap: 34px; position: sticky; top: 100px; }
body.s-ambacht-a .sd-typeplaat.klein { padding: 30px 28px 22px; }
body.s-ambacht-a .sd-typeplaat.klein .tp-kop { font-size: 24px; margin-bottom: 18px; }
body.s-ambacht-a .sd-contact-tijden ul { border-top: 2px solid var(--tekst); }
body.s-ambacht-a .sd-contact-tijden li { display: flex; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid #c9c4b8; flex-wrap: wrap; }
body.s-ambacht-a .sd-kaartje { width: 100%; height: auto; background: var(--papier); margin-bottom: 12px; }
body.s-ambacht-a .sd-kaartje .weg { stroke: #b3ad9f; stroke-width: 14; fill: none; }
body.s-ambacht-a .sd-kaartje .pad { stroke: var(--gras); stroke-width: 5; fill: none; stroke-dasharray: 2 5; stroke-linecap: round; }
body.s-ambacht-a .sd-kaartje .schuur, body.s-ambacht-a .sd-kaartje .schuur-dak { fill: var(--staal); }
body.s-ambacht-a .sd-kaartje g { fill: var(--corten); }
body.s-ambacht-a .sd-kaartje text { font: 500 10px var(--mono); fill: var(--zacht); }
body.s-ambacht-a .sd-contact-vragen { padding-top: 0; max-width: 1000px; margin-left: max(0px, calc((100% - 1440px) / 2)); }
body.s-ambacht-a .sd-contact-vragen .sd-kop2 { grid-template-columns: 1fr; margin-bottom: 24px; }
body.s-ambacht-a .sd-contact-vragen > p { margin-top: 24px; }

/* "Over deze website" krijgt ruimte onder de kop */
body.s-ambacht-a .ods-wrap { padding-top: 10px; }

/* ── Tablet ─────────────────────────────────────────────────── */
@media (max-width: 1080px) {
  body.s-ambacht-a .sd-plaat.in-hero { grid-column: 6 / 13; }
  body.s-ambacht-a .sd-collectie li { grid-template-columns: 48px 60px minmax(0, 1fr) minmax(0, 1fr) auto; }
  body.s-ambacht-a .sd-collectie .c-status { display: none; }
  body.s-ambacht-a .sd-voet-in { grid-template-columns: 1fr 1fr; }
  body.s-ambacht-a .sd-patina { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.s-ambacht-a .sd-patina.mini { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

/* ── Mobiel ─────────────────────────────────────────────────── */
@media (max-width: 820px) {
  body.s-ambacht-a { font-size: 16.5px; }
  body.s-ambacht-a .sd-pil { width: 74px; padding: 20px 6px 10px; top: calc(var(--sd-db, 68px) + 8px); }
  body.s-ambacht-a .sd-pil-merk .sd-merk { width: 24px; height: 24px; }
  body.s-ambacht-a .sd-pil-merk span { font-size: 8px; letter-spacing: .1em; }
  body.s-ambacht-a .sd-pil-knop { font-size: 12px; }
  body.s-ambacht-a .sd-overlay-in { grid-template-columns: 1fr; padding-top: 80px; }
  body.s-ambacht-a .sd-boven-info > a:first-child { display: none; }
  body.s-ambacht-a .sd-woordmerk b { font-size: 22px; }
  body.s-ambacht-a .sd-woordmerk .sd-merk { width: 34px; height: 34px; }
  body.s-ambacht-a .sd-ods { padding: 7px 11px; font-size: 13px; white-space: nowrap; }
  body.s-ambacht-a .sd-hero, body.s-ambacht-a .sd-open { grid-template-columns: minmax(0, 1fr); padding-top: 16px; }
  body.s-ambacht-a .sd-hero > *, body.s-ambacht-a .sd-open > * { grid-column: 1 !important; grid-row: auto !important; }
  body.s-ambacht-a .sd-hero-kop { margin-top: 34px; font-size: clamp(42px, 13.4vw, 72px); }
  body.s-ambacht-a .sd-hero-foto { margin: -12px 26px 0 22px; z-index: 1; }
  body.s-ambacht-a .sd-hero-foto .sd-foto { aspect-ratio: 4 / 5; }
  body.s-ambacht-a .sd-hero-foto .sd-staand, body.s-ambacht-a .sd-open-foto .sd-staand { right: -22px; font-size: 10px; }
  body.s-ambacht-a .sd-hero-klein { display: none; }
  body.s-ambacht-a .sd-hero-tekst { padding-top: 28px; }
  body.s-ambacht-a .sd-plaat.in-hero, body.s-ambacht-a .sd-plaat.in-open { margin-top: 26px; transform: none; padding: 26px 20px 16px; }
  body.s-ambacht-a .sd-plaat.in-hero { position: relative; right: auto; bottom: auto; width: auto; margin: -44px -26px 0 12px; }
  body.s-ambacht-a .sd-hero-foto .sd-foto { margin-bottom: 0; }
  body.s-ambacht-a .sd-h2.groot { font-size: 9.2vw; }
  body.s-ambacht-a .sd-open-kop .r1:only-child { font-size: .78em; }
  body.s-ambacht-a .sd-plaat ul { gap: 0 16px; }
  body.s-ambacht-a .sd-plaat li a { font-size: 20px; }
  body.s-ambacht-a .sd-open-tekst { margin-top: 30px; }
  body.s-ambacht-a .sd-open-kop { font-size: clamp(42px, 13vw, 66px); }
  body.s-ambacht-a .sd-open-foto { margin: 22px 24px 0 0; }
  body.s-ambacht-a .sd-open-tekst .sd-lead { padding-right: 0; }
  body.s-ambacht-a .sd-kop2, body.s-ambacht-a .sd-gal-kop, body.s-ambacht-a .sd-schaal-kop, body.s-ambacht-a .sd-patina-kop { grid-template-columns: 1fr; }
  body.s-ambacht-a .sd-galerij { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 30px 14px; }
  body.s-ambacht-a .sd-galerij > * { grid-row: auto !important; }
  body.s-ambacht-a .sd-werk-tekst { grid-template-columns: 1fr; gap: 3px; padding-top: 10px; }
  body.s-ambacht-a .sd-werk-tekst > * { grid-column: 1 !important; }
  body.s-ambacht-a .sd-galerij .sd-werk, body.s-ambacht-a .sd-gal-noot { grid-column: 1 / -1 !important; margin-top: 0 !important; }
  body.s-ambacht-a .sd-galerij .sd-werk.g-c, body.s-ambacht-a .sd-galerij .sd-werk.g-d { grid-column: span 3 !important; }
  body.s-ambacht-a .sd-galerij .sd-werk.g-c .sd-werk-tekst small, body.s-ambacht-a .sd-galerij .sd-werk.g-d .sd-werk-tekst small { display: none; }
  body.s-ambacht-a .sd-galerij .sd-werk.g-b { margin-left: 18% !important; grid-column: 1 / -1 !important; }
  body.s-ambacht-a .sd-galerij.drie .sd-werk:nth-child(2) { margin-left: 15% !important; }
  body.s-ambacht-a .sd-schaal { min-width: 0; }
  body.s-ambacht-a .sd-collectie li { grid-template-columns: 40px minmax(0, 1fr) auto; gap: 4px 12px; }
  body.s-ambacht-a .sd-collectie .c-sil { grid-row: span 2; }
  body.s-ambacht-a .sd-collectie .sd-nr { display: none; }
  body.s-ambacht-a .sd-collectie .c-maat { grid-column: 2; grid-row: 2; font-size: 12px; }
  body.s-ambacht-a .sd-collectie .c-prijs { grid-column: 3; grid-row: 1 / span 2; }
  body.s-ambacht-a .sd-collectie .c-sil svg { width: 40px; }
  body.s-ambacht-a .sd-patina { grid-template-columns: 1fr 1fr; gap: 26px 14px; }
  body.s-ambacht-a .sd-patina li:nth-child(n) .staal { margin-top: 0; aspect-ratio: 4 / 3; }
  body.s-ambacht-a .sd-patina li:last-child { grid-column: 1 / -1; }
  body.s-ambacht-a .sd-patina.mini { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; }
  body.s-ambacht-a .sd-patina.mini li:last-child { grid-column: auto; }
  body.s-ambacht-a .sd-patina.mini em { font-size: 11px; }
  body.s-ambacht-a .sd-patina.mini b { font-size: 9px; letter-spacing: 0; }
  body.s-ambacht-a .sd-patina.mini .staal { aspect-ratio: 1; }
  body.s-ambacht-a .sd-dienst a, body.s-ambacht-a .sd-dienst.d1 a, body.s-ambacht-a .sd-dienst.d2 a, body.s-ambacht-a .sd-dienst.d3 a { grid-template-columns: 44px minmax(0, 1fr); margin-left: 0; gap: 12px 16px; }
  body.s-ambacht-a .sd-dienst-nr { font-size: 34px; grid-row: span 2; align-self: start; }
  body.s-ambacht-a .sd-dienst-foto { grid-column: 2; }
  body.s-ambacht-a .sd-dienst-tekst { grid-column: 2; }
  body.s-ambacht-a .sd-atelier, body.s-ambacht-a .sd-bezoek, body.s-ambacht-a .sd-slot-in, body.s-ambacht-a .sd-dienst-vragen, body.s-ambacht-a .sd-schets,
  body.s-ambacht-a .sd-doorsnede, body.s-ambacht-a .sd-project-body, body.s-ambacht-a .sd-project-nu, body.s-ambacht-a .sd-gereedschap, body.s-ambacht-a .sd-vragen,
  body.s-ambacht-a .sd-over-body, body.s-ambacht-a .sd-contact { grid-template-columns: minmax(0, 1fr); }
  body.s-ambacht-a .sd-atelier-foto { margin-right: 24px; }
  body.s-ambacht-a .sd-stappen-mini { grid-template-columns: 1fr; }
  body.s-ambacht-a .sd-slot-sil { height: 240px; }
  body.s-ambacht-a .sd-voet-in { grid-template-columns: 1fr; padding-top: 50px; }
  body.s-ambacht-a .sd-dblok, body.s-ambacht-a .sd-dienst-body, body.s-ambacht-a .sd-proj a, body.s-ambacht-a .sd-project-beelden, body.s-ambacht-a .sd-stappen { grid-template-columns: minmax(0, 1fr); }
  body.s-ambacht-a .sd-dblok > *, body.s-ambacht-a .sd-dienst-body > *, body.s-ambacht-a .sd-proj a > *, body.s-ambacht-a .sd-project-beelden > *, body.s-ambacht-a .sd-stappen > * { grid-column: 1 !important; grid-row: auto !important; }
  body.s-ambacht-a .sd-dblok-foto { margin-right: 24px; }
  body.s-ambacht-a .sd-dblok.rechts .sd-dblok-foto { margin: 0 0 0 24px; }
  body.s-ambacht-a .sd-dienst-romein { font-size: 80px; }
  body.s-ambacht-a .sd-dienst-zij, body.s-ambacht-a .sd-specs, body.s-ambacht-a .sd-vragen-zij, body.s-ambacht-a .sd-contact-zij { position: static; }
  body.s-ambacht-a .sd-proj.p1 .sd-proj-foto, body.s-ambacht-a .sd-proj.p2 .sd-proj-foto { margin-left: 24px; }
  body.s-ambacht-a .sd-ook-lijst { columns: 1; }
  body.s-ambacht-a .sd-pb-klein.b { margin-left: 30%; }
  body.s-ambacht-a .sd-volgende { grid-template-columns: 1fr; }
  body.s-ambacht-a .sd-stap { grid-template-columns: 64px minmax(0, 1fr); gap: 4px 16px; }
  body.s-ambacht-a .sd-stap-nr { font-size: 52px; }
  body.s-ambacht-a .sd-betalen { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  body.s-ambacht-a .sd-betaal-tekst { grid-column: 1 / -1; padding: 0; }
  body.s-ambacht-a .sd-betaal-blok { padding: 22px 18px; }
  body.s-ambacht-a .sd-betaal-blok span { font-size: 46px; }
  body.s-ambacht-a .sd-dblok.rechts .sd-staand { right: auto; left: -22px; }
  body.s-ambacht-a .sd-galerij.vier .sd-gal-noot { grid-column: 1 / -1 !important; }
  body.s-ambacht-a .sd-tijdlijn { grid-template-columns: 1fr; gap: 26px; padding: 0 0 0 40px; }
  body.s-ambacht-a .sd-tijdlijn::before { left: 0; right: auto; top: 0; bottom: 0; width: 12px; height: auto;
    background: radial-gradient(circle at 50% -7px, transparent 0 7.4px, rgba(40,36,32,.6) 8px 8.8px, transparent 9.4px) 0 0 / 10px 5px repeat-y, linear-gradient(90deg, #77726a, #e6e0d3 40%, #a39c8f 70%, #4f4b45); width: 10px; }
  body.s-ambacht-a .sd-tijdlijn li::before { top: 8px; left: -34px; }
  body.s-ambacht-a .sd-cijfers { grid-template-columns: 1fr; }
  body.s-ambacht-a .sd-hoogtes { grid-template-columns: 1fr 1fr; }
  body.s-ambacht-a .sd-velden { grid-template-columns: 1fr; }
  body.s-ambacht-a .sd-schets-tek { height: 300px; }
  body.s-ambacht-a .sd-schets-blad { padding: 26px 20px 18px; }
  body.s-ambacht-a .sd-schets-data div, body.s-ambacht-a .sd-specs div { grid-template-columns: 96px minmax(0, 1fr); }
  body.s-ambacht-a .sd-staand { white-space: nowrap; }
  body.s-ambacht-a .sd-faq summary { font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) {
  body.s-ambacht-a * { transition: none !important; }
}
body.s-ambacht-a .sd-overlay .overlay-gras { z-index: 0; }
body.s-ambacht-a .sd-overlay-in { position: relative; z-index: 1; }
@media (max-width: 820px) { body.s-ambacht-a .overlay-gras { height: 90px; } }
body.s-ambacht-a .sd-pil.altijd { opacity: 1; transform: rotate(-1.5deg); pointer-events: auto; }
body.s-ambacht-a .sd-kop-ods { max-width: 1440px; margin: 0 auto; padding: 18px var(--g) 14px; }
body.s-ambacht-a .sd-kop-ods .sd-boven-info { display: none; }