/* The Toolkit — the dressing room (child of the joinery door, 2026-07-20).
   One static plate, held; the room does not need to perform. Bands, facts,
   steps, questions and the invitation all come from main.css + scene.css —
   this file only dresses what is particular to the page. */

/* ---- the opening plate ---- */
.wd-open{position:relative;height:88svh;min-height:600px;overflow:hidden;background:var(--forest)}
.wd-open > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.wd-open .scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,31,25,.45),rgba(20,31,25,.12) 36%,rgba(20,31,25,.62) 84%)}
.wd-open .cap{position:absolute;top:calc(64px + 26px);right:var(--mx);z-index:2;font-family:var(--mono);
  font-size:.625rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bone);opacity:.75;text-align:right}
.wd-open .inner{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:0 var(--mx) 7vh;color:var(--bone);
  display:flex;flex-direction:column;align-items:flex-start}
.wd-open .idx{font-family:var(--mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;opacity:.82}
.wd-open .idx .tlink{color:var(--bone)}
.wd-open h1{font-family:var(--sans);font-weight:300;font-size:clamp(2.2rem,5.4vw,4rem);letter-spacing:.08em;
  text-transform:uppercase;line-height:1.04;margin:14px 0 0;color:var(--bone)}
.wd-open .stand{font-family:var(--serif);font-style:italic;font-weight:300;
  font-size:clamp(1.15rem,2.2vw,1.6rem);margin:20px 0 0;max-width:34ch}
.wd-open .line{font-family:var(--mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;
  margin:16px 0 0;opacity:.85}
.wd-open .acts{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:clamp(22px,3.5vh,34px)}
.wd-open .tel{font-family:var(--mono);font-size:.6875rem;letter-spacing:.14em;color:var(--bone);opacity:.85}

/* ---- plates within the bands ---- */
.wd-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,44px);margin-top:clamp(28px,4vh,48px)}
.wd-pair figure,.wd-figure figure{margin:0}
.wd-pair img,.wd-figure img{width:100%;height:auto;display:block}
.wd-pair figcaption,.wd-figure figcaption{padding:10px 0 0;font-family:var(--mono);font-size:.625rem;
  letter-spacing:.14em;text-transform:uppercase;color:var(--stone)}
.wd-figure{margin-top:clamp(28px,4vh,48px)}
.b--forest .wd-figure figcaption{color:var(--bone);opacity:.7}

@media (max-width:880px){
  .wd-open{height:76svh;min-height:520px}
  .wd-open .cap{display:none}
  .wd-pair{grid-template-columns:1fr}
}