:root{
  --v9-ink:#111111;
  --v9-body:#4e4e4e;
  --v9-bronze:#a35f30;
  --v9-rule:#d9d3c7;
  --v9-serif:"Cormorant Garamond",Georgia,"Times New Roman",serif;
  --v9-sans:"Inter",Arial,Helvetica,sans-serif;
}

.first-slide-typography-v9 .project-name{
  color:var(--v9-ink);
  font:500 11px/1.4 var(--v9-sans);
  letter-spacing:.2em;
}

.first-slide-typography-v9 .project-location{
  color:var(--v9-body);
  font:400 11px/1.4 var(--v9-sans);
  letter-spacing:.12em;
}

.first-slide-typography-v9 .project-identity{border-color:var(--v9-rule)}

.first-slide-typography-v9 .first-slide-copy>.eyebrow{
  color:var(--v9-bronze);
  font:500 11px/1.35 var(--v9-sans);
  letter-spacing:.22em;
}

.first-slide-typography-v9 .first-slide-copy h1{
  color:var(--v9-ink);
  font:300 68px/.94 var(--v9-serif);
  letter-spacing:-.04em;
}

.first-slide-typography-v9 .first-slide-copy .copy-rule{
  height:1px;
  background:var(--v9-bronze);
}

.first-slide-typography-v9 .approved-opening-copy p{
  color:var(--v9-body);
  font:400 17px/1.58 var(--v9-sans);
}

/* Preserve V7 image/label geometry across every typography direction. */
.first-slide-typography-v9 .staircase-composition figcaption{
  margin-top:12px;
  color:var(--v9-bronze);
  font:500 9.5px/1.4 var(--v9-sans);
  letter-spacing:.18em;
  text-transform:uppercase;
}

/* Direction 1 — unmistakable gallery pauses and a calmer reading measure. */
.typography-direction-1 .first-slide-copy{
  width:650px;
  max-width:100%;
}

.typography-direction-1 .project-identity{
  margin-bottom:44px;
  padding-bottom:24px;
}

.typography-direction-1 .project-location{margin-top:10px}
.typography-direction-1 .first-slide-copy>.eyebrow{margin-bottom:24px}
.typography-direction-1 .first-slide-copy h1{max-width:650px}
.typography-direction-1 .first-slide-copy .copy-rule{width:52px;margin:31px 0}
.typography-direction-1 .approved-opening-copy{max-width:625px;gap:18px}
.typography-direction-1 .staircase-composition figcaption{letter-spacing:.21em}

/* Direction 2 — emotional serif lead, then a quiet supporting paragraph group. */
.typography-direction-2 .first-slide-copy{
  width:700px;
  max-width:100%;
}

.typography-direction-2 .project-identity{
  margin-bottom:35px;
  padding-bottom:0;
  border-bottom:0;
}

.typography-direction-2 .project-name{
  color:#3b3935;
  font-size:10px;
  font-weight:400;
  letter-spacing:.19em;
}

.typography-direction-2 .project-location{
  margin-top:9px;
  color:#777168;
  font-size:10px;
  letter-spacing:.14em;
}

.typography-direction-2 .first-slide-copy>.eyebrow{margin-bottom:20px}
.typography-direction-2 .first-slide-copy h1{max-width:690px;line-height:.92}
.typography-direction-2 .first-slide-copy .copy-rule{width:76px;margin:27px 0 25px}
.typography-direction-2 .approved-opening-copy{max-width:675px;display:block}
.typography-direction-2 .approved-opening-copy p{font-size:15.5px;line-height:1.55}
.typography-direction-2 .approved-opening-copy p:first-child{
  margin-bottom:25px;
  color:#2d2b27;
  font:300 20px/1.42 var(--v9-serif);
  letter-spacing:-.012em;
}
.typography-direction-2 .approved-opening-copy p+p{margin-top:11px}
.typography-direction-2 .approved-opening-copy p:first-child+p{margin-top:0}
.typography-direction-2 .staircase-composition figcaption{color:#8d552f;letter-spacing:.16em}

/* Direction 3 — a controlled local offset beneath an otherwise symmetric axis. */
.typography-direction-3 .first-slide-copy{
  width:700px;
  max-width:100%;
}

.typography-direction-3 .project-identity{
  margin-bottom:31px;
  padding-bottom:20px;
}

.typography-direction-3 .first-slide-copy>.eyebrow{
  margin:0 0 19px 24px;
}

.typography-direction-3 .first-slide-copy h1{max-width:690px}
.typography-direction-3 .first-slide-copy .copy-rule{
  width:58px;
  margin:25px 0 25px 48px;
}

.typography-direction-3 .approved-opening-copy{
  max-width:620px;
  gap:13px;
  margin-left:48px;
}

.typography-direction-3 .staircase-composition figcaption{
  padding-left:14px;
  letter-spacing:.19em;
}

@media(max-width:1550px){
  .first-slide-typography-v9 .project-name,
  .first-slide-typography-v9 .project-location{font-size:10px}
  .first-slide-typography-v9 .first-slide-copy>.eyebrow{font-size:10.5px}
  .first-slide-typography-v9 .first-slide-copy h1{font-size:52px;line-height:.95}
  .first-slide-typography-v9 .approved-opening-copy p{font-size:15.5px;line-height:1.52}
  .first-slide-typography-v9 .staircase-composition figcaption{margin-top:9px;font-size:8.7px}

  .typography-direction-1 .first-slide-copy{width:650px}
  .typography-direction-1 .project-identity{margin-bottom:34px;padding-bottom:20px}
  .typography-direction-1 .first-slide-copy>.eyebrow{margin-bottom:19px}
  .typography-direction-1 .first-slide-copy .copy-rule{margin:25px 0}
  .typography-direction-1 .approved-opening-copy{gap:14px}

  .typography-direction-2 .project-identity{margin-bottom:28px}
  .typography-direction-2 .first-slide-copy>.eyebrow{margin-bottom:16px}
  .typography-direction-2 .first-slide-copy .copy-rule{margin:22px 0 21px}
  .typography-direction-2 .approved-opening-copy p{font-size:14.5px;line-height:1.5}
  .typography-direction-2 .approved-opening-copy p:first-child{margin-bottom:20px;font-size:18px;line-height:1.4}
  .typography-direction-2 .approved-opening-copy p+p{margin-top:9px}

  .typography-direction-3 .project-identity{margin-bottom:25px;padding-bottom:17px}
  .typography-direction-3 .first-slide-copy>.eyebrow{margin:0 0 16px 20px}
  .typography-direction-3 .first-slide-copy .copy-rule{margin:21px 0 21px 40px}
  .typography-direction-3 .approved-opening-copy{gap:10px;margin-left:40px}
}

@media(max-width:1400px){
  .first-slide-typography-v9 .project-name,
  .first-slide-typography-v9 .project-location{font-size:9.5px}
  .first-slide-typography-v9 .first-slide-copy>.eyebrow{font-size:9.5px}
  .first-slide-typography-v9 .first-slide-copy h1{font-size:46px;line-height:.95}
  .first-slide-typography-v9 .approved-opening-copy p{font-size:14.5px;line-height:1.48}
  .first-slide-typography-v9 .staircase-composition figcaption{margin-top:7px;font-size:8px}

  .typography-direction-1 .first-slide-copy{width:640px}
  .typography-direction-1 .project-identity{margin-bottom:28px;padding-bottom:17px}
  .typography-direction-1 .project-location{margin-top:7px}
  .typography-direction-1 .first-slide-copy>.eyebrow{margin-bottom:16px}
  .typography-direction-1 .first-slide-copy .copy-rule{margin:22px 0}
  .typography-direction-1 .approved-opening-copy{gap:12px}

  .typography-direction-2 .project-identity{margin-bottom:23px}
  .typography-direction-2 .project-name,
  .typography-direction-2 .project-location{font-size:9px}
  .typography-direction-2 .first-slide-copy>.eyebrow{margin-bottom:13px}
  .typography-direction-2 .first-slide-copy .copy-rule{margin:18px 0}
  .typography-direction-2 .approved-opening-copy p{font-size:14px;line-height:1.46}
  .typography-direction-2 .approved-opening-copy p:first-child{margin-bottom:16px;font-size:17.5px;line-height:1.38}
  .typography-direction-2 .approved-opening-copy p+p{margin-top:7px}

  .typography-direction-3 .project-identity{margin-bottom:21px;padding-bottom:15px}
  .typography-direction-3 .first-slide-copy>.eyebrow{margin:0 0 13px 16px}
  .typography-direction-3 .first-slide-copy .copy-rule{margin:18px 0 18px 32px}
  .typography-direction-3 .approved-opening-copy{max-width:640px;gap:8px;margin-left:32px}
  .typography-direction-3 .staircase-composition figcaption{padding-left:10px}
}

@media(prefers-reduced-motion:reduce){
  .first-slide-typography-v9 *{scroll-behavior:auto}
}