/* מצבות ישראל. one page, one font, one plate system. */

:root{
  /* --ink is the dark band colour and never flips, because the hero, the contact band,
     the footer and the call bar are dark in both themes. Text on the page ground uses
     --text, which does flip. Mixing the two is what makes a dark mode come out blank. */
  --ink:#1A1813;
  --text:#1A1813;
  --graphite:#4C4740;
  --sand:#F0EBE3;
  --sand-2:#E3DBCE;
  --plate:#FFFFFF;
  --moss:#4E5A41;
  --moss-d:#3E4834;
  --bronze:#745C33;
  --line:#D3C9B9;

  --on-ink:#EDE7DD;
  --on-ink-2:rgba(237,231,221,.82);
  --bronze-on-ink:#C9A86A;

  --max:1180px;
  --e:cubic-bezier(.22,.61,.36,1);
  --bar:0px;
}

/* Dark theme. --ink, --plate and --moss deliberately stay put: the bands stay dark, the
   product plate stays a white museum mat, and --moss keeps 7.3:1 against white button text. */
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --sand:#1C1A17;
    --sand-2:#26231E;
    --text:#EDE7DD;
    --graphite:#B4ACA1;
    --line:#3A352E;
    --bronze:#C9A86A;
  }
}
:root[data-theme="dark"]{
  --sand:#1C1A17; --sand-2:#26231E; --text:#EDE7DD; --graphite:#B4ACA1;
  --line:#3A352E; --bronze:#C9A86A;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:72px;scroll-padding-bottom:calc(var(--bar) + 16px);-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--sand);color:var(--text);
  font-family:"Heebo","Arial Hebrew",Arial,sans-serif;font-weight:400;
  font-size:17px;line-height:1.75;-webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block;height:auto}
a{color:inherit}
h1,h2,h3{font-weight:600;line-height:1.15;margin:0;letter-spacing:-.005em}
p{margin:0}
.wrap{max-width:var(--max);margin-inline:auto;padding-inline:20px}

.skip{position:absolute;inset-inline-start:-9999px;top:0;z-index:999;background:var(--moss);color:#fff;padding:12px 20px;font-weight:600}
.skip:focus{inset-inline-start:12px;top:12px}
:focus-visible{outline:3px solid var(--bronze);outline-offset:3px;border-radius:2px}

.eyebrow{
  position:relative;font-size:13px;font-weight:600;letter-spacing:.16em;
  color:var(--bronze);margin:0 0 14px;padding-top:18px;
}
.eyebrow::before{content:"";position:absolute;top:0;inset-inline-start:0;width:28px;height:1px;background:var(--bronze)}

/* ---------- header ---------- */
.hd{
  position:sticky;top:0;z-index:60;
  background:color-mix(in srgb, var(--sand) 92%, transparent);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line);
}
@supports not (background: color-mix(in srgb, red 50%, blue)){ .hd{background:var(--sand)} }
.hd-in{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px;padding-block:8px;transition:min-height .25s var(--e)}
.hd.sm .hd-in{min-height:50px}
.mark{text-decoration:none;display:block;line-height:1.2}
.mark-n{display:block;font-size:19px;font-weight:600;letter-spacing:.01em}
.mark-t{display:block;font-size:11.5px;font-weight:400;letter-spacing:.1em;color:var(--graphite);margin-top:2px}
.hd-tel{
  display:inline-flex;align-items:center;min-height:44px;padding-inline:4px;
  font-size:16px;font-weight:600;color:var(--text);
  text-decoration:underline;text-decoration-color:var(--bronze);text-underline-offset:5px;
  font-variant-numeric:tabular-nums;
}
.hd-tel:hover{color:var(--bronze)}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:0 24px;border:0;border-radius:4px;cursor:pointer;
  font-family:inherit;font-size:16.5px;font-weight:600;text-decoration:none;
  transition:background .22s var(--e),color .22s var(--e),border-color .22s var(--e);
}
.btn svg{width:19px;height:19px;flex:0 0 19px;fill:currentColor}
.btn-go{background:var(--moss);color:#fff}
.btn-go:hover{background:var(--moss-d);color:#fff}
.btn-num{font-variant-numeric:tabular-nums;letter-spacing:.01em}
.btn-ghost{background:transparent;color:var(--on-ink);border:1px solid var(--bronze-on-ink)}
.btn-ghost:hover{background:var(--bronze-on-ink);color:#1A1813}
.btn-full{width:100%}

/* ---------- hero ---------- */
.hero{position:relative;background:var(--ink);color:var(--on-ink);overflow:hidden}
.hero-in{display:grid;gap:8px;padding-block:44px 0}
.hero .eyebrow{color:var(--bronze-on-ink)}
.hero .eyebrow::before{background:var(--bronze-on-ink)}
.hero h1{font-size:clamp(32px,8.4vw,54px);color:var(--on-ink);font-weight:600}
.hero-sub{margin-top:16px;max-width:30ch;font-weight:300;font-size:clamp(16px,4.3vw,19px);color:var(--on-ink-2);line-height:1.7}
.hero-cta{display:flex;flex-direction:column;gap:12px;margin-top:26px}
.hero-note{margin-top:14px;font-size:14px;font-weight:300;color:rgba(237,231,221,.62)}
.hero-im{margin-top:26px}
/* Every stop in this gradient is opaque on purpose. The photo is composited with
   multiply inside an isolated group, so anywhere the panel were transparent the blend
   would have no backdrop and the shot's own white rectangle would show through.
   Opaque throughout means white multiplies into the panel and disappears, while the
   bright pool at the base reads as a lit plinth. */
.plinth{
  position:relative;isolation:isolate;margin-inline:auto;max-width:420px;
  padding:10px;border-radius:16px;overflow:hidden;
  background:radial-gradient(ellipse 62% 50% at 50% 74%,
      #FFFFFF 0%, #F6F2EA 40%, #E8E1D5 72%, #DCD4C5 100%);
  border:1px solid rgba(201,168,106,.34);
  box-shadow:0 26px 62px rgba(0,0,0,.45);
}
.plinth img{mix-blend-mode:multiply;width:100%;transform:scale(1.014);transition:transform .9s var(--e)}
.plinth.lit img{transform:none}

/* ---------- trust ---------- */
.trust{background:var(--sand);padding-block:30px}
.trust-l{list-style:none;margin:0;padding:0}
.trust-l li{
  padding:14px 0;border-top:1px solid var(--line);
  font-size:15.5px;font-weight:400;color:var(--graphite);
}
.trust-l li:last-child{border-bottom:1px solid var(--line)}

/* ---------- generic bands ---------- */
.band,.gal,.contact{padding-block:clamp(48px,9vw,78px)}
.band.alt,.gal.alt{background:var(--sand-2)}
.band h2,.gal h2{font-size:clamp(26px,6.6vw,38px);max-width:18ch}
.lede{margin-top:14px;max-width:56ch;color:var(--graphite);font-weight:300;font-size:16.5px}
.inline-cta{margin-top:30px;font-size:16px;color:var(--graphite)}
.inline-cta a{font-weight:600;color:var(--text);text-decoration:underline;text-decoration-color:var(--bronze);text-underline-offset:5px;font-variant-numeric:tabular-nums}

/* ---------- steps ---------- */
.steps{list-style:none;margin:30px 0 0;padding:0}
.steps li{padding:20px 0;border-top:1px solid var(--line)}
.steps li:last-child{border-bottom:1px solid var(--line)}
.num{display:block;font-size:13px;font-weight:600;letter-spacing:.22em;color:var(--bronze);margin-bottom:6px;font-variant-numeric:tabular-nums}
.steps h3{font-size:19px;margin-bottom:6px}
.steps p{color:var(--graphite);font-weight:300;font-size:16px;max-width:62ch}

/* ---------- the plate system ---------- */
.plates{margin-top:30px;display:grid;gap:28px}
.plates-sq{grid-template-columns:repeat(2,1fr);gap:16px}
.more-wrap{display:contents}
.more-wrap[hidden]{display:none}

.plate{margin:0;background:var(--plate);border:1px solid var(--line);border-radius:14px;overflow:hidden;
  box-shadow:0 1px 2px rgba(26,24,19,.06),0 10px 24px rgba(26,24,19,.05)}
.shot{display:block;width:100%;padding:18px;border:0;background:var(--plate);cursor:zoom-in}
.mat{position:relative;display:block;isolation:isolate;background:var(--plate)}
.mat img{position:relative;z-index:1;mix-blend-mode:multiply;width:100%}
.floor{
  position:absolute;z-index:0;left:50%;transform:translateX(-50%);
  bottom:11%;width:70%;height:14px;opacity:0;
  background:radial-gradient(ellipse 50% 50% at 50% 50%, rgba(26,24,19,.30) 0%, rgba(26,24,19,0) 72%);
  transition:width .7s var(--e),opacity .7s var(--e);
}
.plates-sq .floor{bottom:13%}
.plate.lit .floor{width:100%;opacity:.46}
.plate figcaption{padding:14px 18px 18px;border-top:1px solid var(--line);background:var(--plate);text-align:start}
.plate figcaption b{display:block;font-size:16px;font-weight:600;color:#1A1813}
.plate figcaption span{display:block;margin-top:3px;font-size:13.5px;font-weight:300;color:#4C4740}

.more{
  display:block;width:100%;margin-top:26px;min-height:50px;
  background:transparent;border:1px solid var(--graphite);border-radius:4px;
  font-family:inherit;font-size:16px;font-weight:600;color:var(--text);cursor:pointer;
  transition:background .22s var(--e),color .22s var(--e);
}
.more:hover{background:var(--text);color:var(--sand)}
.more[hidden]{display:none}

/* ---------- split (stone book) ---------- */
.split-in{display:grid;gap:26px}
.split-tx h2{margin-bottom:14px}
.split-tx p{color:var(--graphite);font-weight:300;font-size:16.5px;max-width:58ch}
.split-tx p + p{margin-top:12px}

/* ---------- notes ---------- */
.notes{margin-top:28px;display:grid;gap:0}
.notes article{padding:20px 0;border-top:1px solid var(--line)}
.notes article:last-child{border-bottom:1px solid var(--line)}
.notes h3{font-size:19px;margin-bottom:6px}
.notes p{color:var(--graphite);font-weight:300;font-size:16px;max-width:64ch}

/* ---------- faq ---------- */
.faq{margin-top:28px}
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{
  position:relative;list-style:none;cursor:pointer;
  padding:18px 0 18px 36px;font-size:17px;font-weight:600;min-height:44px;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before,.faq summary::after{
  content:"";position:absolute;background:var(--bronze);inset-inline-end:4px;top:50%;transition:transform .3s var(--e);
}
.faq summary::before{width:16px;height:2px;margin-top:-1px;margin-inline-end:-8px}
.faq summary::after{width:2px;height:16px;margin-top:-8px;margin-inline-end:-1px}
.faq details[open] summary::after{transform:scaleY(0)}
.faq summary:hover{color:var(--bronze)}
.faq details div{padding:0 0 20px}
.faq details p{color:var(--graphite);font-weight:300;font-size:16px;max-width:66ch}

/* ---------- contact ---------- */
.contact{background:var(--ink);color:var(--on-ink)}
.contact .eyebrow{color:var(--bronze-on-ink)}
.contact .eyebrow::before{background:var(--bronze-on-ink)}
.contact h2{font-size:clamp(26px,6.6vw,38px);color:var(--on-ink)}
.contact-in{display:grid;gap:34px}
.contact-sub{margin-top:14px;color:var(--on-ink-2);font-weight:300;max-width:42ch}
.big-tel{
  display:inline-block;margin-top:24px;font-size:28px;font-weight:600;color:var(--on-ink);
  text-decoration:underline;text-decoration-color:var(--bronze-on-ink);text-underline-offset:7px;
  font-variant-numeric:tabular-nums;letter-spacing:.02em;
}
.big-tel:hover{color:var(--bronze-on-ink)}
.wa-line{display:inline-flex;align-items:center;gap:9px;margin-top:16px;min-height:44px;color:var(--on-ink-2);font-size:15.5px;text-decoration:none}
.wa-line svg{width:19px;height:19px;fill:var(--bronze-on-ink)}
.wa-line:hover{color:var(--on-ink)}
.areas{margin-top:22px;font-size:14.5px;font-weight:300;color:rgba(237,231,221,.62);max-width:46ch}

.contact-form{background:rgba(237,231,221,.045);border:1px solid rgba(237,231,221,.14);border-radius:12px;padding:22px 18px}
.fld{margin:0 0 16px}
.fld label{display:block;font-size:14.5px;font-weight:400;color:var(--on-ink-2);margin-bottom:7px}
.opt{font-size:12.5px;color:rgba(237,231,221,.5)}
.fld input[type=text],.fld input[type=tel],.fld select,.fld textarea{
  width:100%;min-height:48px;padding:10px 13px;border-radius:4px;
  background:#FFFFFF;border:1.5px solid #4C4740;color:#1A1813;
  font-family:inherit;font-size:16px;line-height:1.5;
}
.fld textarea{min-height:92px;resize:vertical}
.fld input:focus-visible,.fld select:focus-visible,.fld textarea:focus-visible{outline:3px solid var(--bronze-on-ink);outline-offset:2px}
.fld-chk{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap}
.fld-chk input{width:26px;height:26px;flex:0 0 26px;margin-top:2px;accent-color:var(--moss)}
.fld-chk label{margin:0;flex:1;font-size:14.5px;line-height:1.55}
.fld-chk a{color:var(--on-ink);text-decoration:underline;text-decoration-color:var(--bronze-on-ink);text-underline-offset:4px}
.err{display:block;margin-top:6px;font-size:13.5px;color:#F2B8A2}
.err:empty{display:none}
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.form-note{margin-top:12px;font-size:13.5px;font-weight:300;color:rgba(237,231,221,.62);text-align:center}
.form-msg{margin-top:14px;font-size:15.5px}
.form-msg:empty{display:none}
.form-msg.ok{color:#BFE0A8}
.form-msg.bad{color:#F2B8A2}
.sent{text-align:center;padding:22px 6px}
.sent h3{font-size:21px;color:var(--on-ink);margin-bottom:10px}
.sent p{color:var(--on-ink-2);font-weight:300}
.sent a{display:inline-block;margin-top:14px;font-size:24px;font-weight:600;color:var(--on-ink);text-decoration:underline;text-decoration-color:var(--bronze-on-ink);text-underline-offset:6px;font-variant-numeric:tabular-nums}

/* ---------- footer ---------- */
.ft{background:var(--ink);color:rgba(237,231,221,.7);border-top:1px solid rgba(237,231,221,.12);padding-block:34px 24px;padding-bottom:calc(24px + var(--bar))}
.ft-in{display:grid;gap:22px}
.ft-mark{font-size:18px;font-weight:600;color:var(--on-ink)}
.ft-tag{font-size:12px;letter-spacing:.1em;color:rgba(237,231,221,.55);margin-top:3px}
.ft-c{display:flex;flex-direction:column;gap:8px;font-size:15px}
.ft-c a{min-height:30px;display:inline-flex;align-items:center;text-decoration:underline;text-decoration-color:rgba(201,168,106,.6);text-underline-offset:5px}
.ft-c a[dir=ltr]{font-variant-numeric:tabular-nums;font-weight:600;color:var(--on-ink)}
.ft-c a:hover{color:var(--on-ink)}
.ft-bot{margin-top:24px;padding-top:16px;border-top:1px solid rgba(237,231,221,.1);font-size:13px;color:rgba(237,231,221,.5)}

/* ---------- sticky call bar ---------- */
.callbar{
  position:fixed;inset-inline:0;bottom:0;z-index:70;display:flex;gap:10px;align-items:center;
  padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  background:var(--ink);border-top:1px solid rgba(237,231,221,.14);
  opacity:0;transform:translateY(6px);transition:opacity .24s var(--e),transform .24s var(--e);
}
.callbar[hidden]{display:none}
.callbar.on{opacity:1;transform:none}
.cb-go{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
  min-height:48px;border-radius:4px;background:var(--moss);color:#fff;text-decoration:none;line-height:1.15;
}
.cb-go:hover{background:var(--moss-d)}
.cb-lbl{font-size:11.5px;font-weight:400;opacity:.85}
.cb-num{font-size:18px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.cb-wa{
  flex:0 0 48px;height:48px;display:grid;place-items:center;border-radius:4px;
  border:1px solid var(--bronze-on-ink);color:var(--bronze-on-ink);
}
.cb-wa svg{width:22px;height:22px;fill:currentColor}
.cb-wa:hover{background:var(--bronze-on-ink);color:#1A1813}

/* ---------- lightbox ---------- */
.lb{
  width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:0;border:0;background:transparent;
  overscroll-behavior:contain;
}
.lb::backdrop{background:rgba(14,12,9,.94)}
.lb figure{margin:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:64px 16px 20px}
.lb-mat{display:block;isolation:isolate;background:#fff;border-radius:10px;padding:14px;max-width:min(92vw,620px);max-height:72vh;overflow:hidden}
.lb-mat img{mix-blend-mode:multiply;max-height:calc(72vh - 28px);width:auto;max-width:100%;object-fit:contain}
.lb figcaption{color:#D9D0BE;font-size:15px;font-weight:300;text-align:center;max-width:40ch}
.lb-x,.lb-nav{
  position:fixed;display:grid;place-items:center;cursor:pointer;
  background:rgba(237,231,221,.08);border:1px solid rgba(201,168,106,.42);color:#C9A86A;
  font-family:inherit;line-height:1;
}
.lb-x{top:14px;inset-inline-end:14px;width:46px;height:46px;border-radius:50%;font-size:26px}
.lb-nav{direction:ltr;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;font-size:28px}
.lb-prev{right:14px}
.lb-next{left:14px}
.lb-x:hover,.lb-nav:hover{background:#C9A86A;color:#1A1813}

/* ---------- accessibility widget ---------- */
.a11y-btn{
  position:fixed;z-index:80;inset-inline-start:14px;bottom:calc(14px + var(--bar) + env(safe-area-inset-bottom));
  width:48px;height:48px;border-radius:50%;border:2px solid #fff;background:#155A9E;color:#fff;
  display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.28);
  transition:bottom .24s var(--e);
}
.a11y-btn svg{width:26px;height:26px;fill:currentColor}
.a11y-panel{
  position:fixed;z-index:81;inset-inline-start:14px;bottom:calc(70px + var(--bar) + env(safe-area-inset-bottom));
  width:min(290px,calc(100vw - 28px));background:#fff;color:#1A1813;border:1px solid #C9CFD6;border-radius:10px;
  box-shadow:0 12px 34px rgba(0,0,0,.26);padding:14px;transition:bottom .24s var(--e);
}
.a11y-panel[hidden]{display:none}
.a11y-panel h2{font-size:16px;margin-bottom:10px;color:#1A1813}
.a11y-panel button{
  display:block;width:100%;text-align:start;margin-bottom:6px;min-height:40px;padding:0 12px;
  background:#F2F5F8;border:1px solid #D4DBE2;border-radius:6px;color:#1A1813;
  font-family:inherit;font-size:14.5px;cursor:pointer;
}
.a11y-panel button:hover{background:#E4EBF2}
.a11y-panel button[aria-pressed=true]{background:#155A9E;border-color:#155A9E;color:#fff}
.a11y-panel .a11y-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:13.5px}
.a11y-panel .a11y-foot a{color:#155A9E}

html.a11y-links a{text-decoration:underline !important;text-underline-offset:3px}
html.a11y-contrast body{background:#000 !important;color:#fff !important}
html.a11y-contrast .hero,html.a11y-contrast .contact,html.a11y-contrast .ft,
html.a11y-contrast .band,html.a11y-contrast .gal,html.a11y-contrast .trust{background:#000 !important;color:#fff !important}
html.a11y-contrast h1,html.a11y-contrast h2,html.a11y-contrast h3,html.a11y-contrast p,
html.a11y-contrast li,html.a11y-contrast summary,html.a11y-contrast span,html.a11y-contrast a{color:#fff !important}
html.a11y-contrast .eyebrow,html.a11y-contrast .num,html.a11y-contrast .inline-cta a{color:#FFD966 !important}
html.a11y-contrast .btn-go,html.a11y-contrast .cb-go{background:#FFD966 !important;color:#000 !important}
html.a11y-contrast .plate,html.a11y-contrast .shot,html.a11y-contrast .mat,html.a11y-contrast .plate figcaption{background:#fff !important}
html.a11y-contrast .plate figcaption b,html.a11y-contrast .plate figcaption span{color:#000 !important}
/* The blanket white-text rule above would otherwise paint the label inside a yellow
   button, and the panel's own heading and link, white on a light background. */
html.a11y-contrast .btn-go,html.a11y-contrast .btn-go span,
html.a11y-contrast .cb-go,html.a11y-contrast .cb-go span{color:#000 !important}
html.a11y-contrast .btn-go svg,html.a11y-contrast .cb-go svg{fill:#000 !important}
html.a11y-contrast .a11y-panel{background:#fff !important;border-color:#000 !important}
html.a11y-contrast .a11y-panel h2,html.a11y-contrast .a11y-panel button,
html.a11y-contrast .a11y-panel span{color:#000 !important}
html.a11y-contrast .a11y-panel button{background:#fff !important;border-color:#000 !important}
html.a11y-contrast .a11y-panel a{color:#0B3D91 !important}
html.a11y-contrast .a11y-panel button[aria-pressed=true]{background:#000 !important;color:#FFD966 !important}
html.a11y-contrast .a11y-btn{background:#000 !important;border-color:#FFD966 !important;color:#FFD966 !important}
html.a11y-readable body,html.a11y-readable .btn,html.a11y-readable input,html.a11y-readable select,html.a11y-readable textarea{font-family:Arial,"Arial Hebrew",sans-serif !important;letter-spacing:.01em}
html.a11y-still *,html.a11y-still *::before,html.a11y-still *::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}

/* ---------- breakpoints ---------- */
@media (min-width:560px){
  .plates-tall{grid-template-columns:repeat(2,1fr)}
  .hero-cta{flex-direction:row;flex-wrap:wrap}
  .hero-cta .btn{flex:1 1 auto}
  .trust-l{display:grid;grid-template-columns:repeat(3,1fr);gap:0 24px}
  .trust-l li{border-bottom:1px solid var(--line)}
}
@media (min-width:700px){
  .plates-sq{grid-template-columns:repeat(3,1fr);gap:22px}
  .notes{grid-template-columns:repeat(2,1fr);column-gap:34px}
  .notes article:nth-child(2){border-top:1px solid var(--line)}
  .notes article:nth-last-child(2){border-bottom:1px solid var(--line)}
  .ft-in{grid-template-columns:1.4fr 1fr 1fr;align-items:start}
}
@media (min-width:860px){
  .wrap{padding-inline:32px}
  html{scroll-padding-top:84px}
  .hero-in{grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding-block:64px 64px}
  .hero-im{margin-top:0}
  .plinth{max-width:none}
  .hero h1{font-size:clamp(40px,4.4vw,56px)}
  .steps{display:grid;grid-template-columns:repeat(2,1fr);column-gap:40px}
  .steps li:nth-child(2){border-top:1px solid var(--line)}
  .steps li:nth-last-child(2){border-bottom:1px solid var(--line)}
  .split-in{grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
  .contact-in{grid-template-columns:1fr 1fr;gap:48px;align-items:start}
  .contact-form{padding:28px 26px}
  .callbar{display:none}
  .a11y-btn{bottom:16px}
  .a11y-panel{bottom:72px}
}
@media (min-width:1000px){
  .plates-tall{grid-template-columns:repeat(4,1fr);gap:22px}
  .plates-sq{grid-template-columns:repeat(3,1fr)}
}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}
  .plinth img{transform:none}
  .floor{opacity:.46;width:100%}
  .callbar{opacity:1;transform:none}
}

@media print{
  .hd,.callbar,.a11y-btn,.a11y-panel,.lb,.skip{display:none !important}
  body{background:#fff;color:#000}
}

/* ---------- legal and statement pages ---------- */
.doc{padding-block:clamp(36px,7vw,62px) clamp(48px,9vw,78px)}
.doc .wrap{max-width:760px}
.doc h1{font-size:clamp(28px,6.6vw,40px)}
.doc h2{font-size:clamp(19px,4vw,23px);margin:34px 0 10px}
.doc p{color:var(--graphite);font-weight:300;font-size:16.5px}
.doc p + p{margin-top:12px}
.doc ul{margin:12px 0 0;padding-inline-start:1.3em;color:var(--graphite);font-weight:300;font-size:16.5px}
.doc li{margin-bottom:8px}
.doc a{color:var(--text);text-decoration:underline;text-decoration-color:var(--bronze);text-underline-offset:5px}
.doc a[dir=ltr]{font-weight:600;font-variant-numeric:tabular-nums}
.doc-date{font-size:14px;color:var(--bronze);margin-top:10px}
.doc-back{margin-top:40px;padding-top:20px;border-top:1px solid var(--line)}