/* The Practice: oxblood room. Intimate, editorial, few components.
   Gold: rules, key numerals, focus only. No gold buttons. */
:root{
  --brand-primary:#5C1E26;
  --brand-primary-light:#7A2C33;
  --brand-primary-deep:#381015;
  --brand-xbar:#1C0A0E;
  --brand-surface:#F2EBDD;   /* parchment */
  --brand-paper:#FAF6EE;
  --brand-text:#1E1416;
  --brand-muted:#5B4649;
  --brand-line:rgba(92,30,38,.2);
  --label-color:#7A2C33;
  --tab-mark:#5C1E26;
}
.lockup-parent{font-size:12.5px;font-weight:500;color:var(--on-primary-muted)}
.lockup-sep{color:rgba(255,255,255,.35)}
.lockup-name{font-family:var(--font-display);font-size:25px;line-height:1}
.mark-img{width:34px;height:auto}
.marker{display:flex;align-items:center;gap:12px;font-family:var(--font-data);font-size:12px;letter-spacing:.12em;color:var(--on-primary-muted)}
.marker::before{content:"";width:36px;height:1px;background:var(--gold)}
.brass-rule{width:56px;height:1px;background:var(--gold)}

/* Hero */
.pr-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,500px);gap:56px;align-items:end;padding-block:clamp(40px,7vw,96px) clamp(40px,7vw,104px)}
.pr-hero .lede{color:var(--on-primary-muted)}
.pr-hero .h1{font-size:clamp(44px,5.4vw,78px)}
.facts{display:flex;flex-direction:column;gap:8px;padding-top:22px;border-top:1px solid var(--on-primary-line);max-width:640px}
.facts .data{color:rgba(255,255,255,.82);line-height:1.7}
.facts .num{color:var(--gold-light)}
.hero-shot img{border:1px solid var(--on-primary-line);aspect-ratio:16/9;object-fit:cover;width:100%}
.hero-shot figcaption{font-size:12.5px;color:var(--on-primary-muted);margin-top:10px}

/* Notes from the room */
.notes{border-top:1px solid var(--brand-line)}
.note{display:grid;grid-template-columns:130px minmax(0,1fr);gap:20px;padding:26px 0;border-bottom:1px solid var(--brand-line)}
.note .data{color:var(--label-color);padding-top:10px}
.note-line{font-family:var(--font-display);font-style:italic;font-size:clamp(22px,2.3vw,31px);line-height:1.18}
.note p.body{margin-top:10px}

/* 10 / 90 */
.ratio{display:grid;grid-template-columns:150px 300px minmax(0,1fr);gap:56px;align-items:end}
.ratio .ten{font-family:var(--font-display);font-size:110px;line-height:.8;color:rgba(255,255,255,.4)}
.ratio .ninety{font-family:var(--font-display);font-size:230px;line-height:.78}
.ratio .cap{font-size:13.5px;line-height:1.45;color:var(--on-primary-muted);margin-top:10px}

/* Friday anatomy */
.anatomy{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--brand-primary)}
.anatomy li{padding:22px 28px 0;border-left:1px solid var(--brand-line);display:flex;flex-direction:column;gap:10px}
.anatomy li:first-child{padding-left:0;border-left:0}
.anatomy .data{color:var(--label-color)}
.rotation .ledger-row{grid-template-columns:100px 160px minmax(0,1fr);align-items:baseline}
.rotation .data{color:var(--label-color)}
.slides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.slides img{border:1px solid var(--brand-line);width:100%;aspect-ratio:16/9;object-fit:cover}
.slides .wide{grid-column:span 2}
.case-note{background:var(--brand-surface);padding:36px 40px;display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px}

/* Quote band */
.big-quote{font-family:var(--font-display);font-style:italic;font-size:clamp(28px,4vw,52px);line-height:1.12;max-width:22em}

/* Host */
.host{display:grid;grid-template-columns:300px minmax(0,1fr);gap:72px;align-items:start}
.host img{width:100%;aspect-ratio:1;object-fit:cover}

/* Cost */
.places{display:flex;flex-direction:column;gap:8px;max-width:360px;margin-top:6px}
.places[hidden]{display:none}
.places-bar{height:4px;background:var(--on-primary-line)}
.places-bar i{display:block;height:100%;background:var(--gold-light)}
.places-t{font-size:14px;font-weight:600;color:var(--on-primary)}
.places--light .places-bar{background:var(--brand-line)}
.places--light .places-bar i{background:var(--brand-primary)}
.places--light .places-t{color:var(--brand-text)}
/* Primary action on oxblood: light brass, same "act here" colour as TPP and PSH (decision Tue 29 Sep) */
.site-nav .btn--light,.on-dark .btn--light,.bg-primary .btn--light{background:var(--gold-light);color:var(--ink)}
.site-nav .btn--light:hover,.on-dark .btn--light:hover,.bg-primary .btn--light:hover{background:#E8D6AA}
.price{display:flex;align-items:baseline;gap:14px}
.price .n{font-family:var(--font-display);font-size:clamp(84px,9vw,120px);line-height:.9;color:var(--brand-primary)}
.gold-num{color:var(--gold-deep);font-weight:600}

@media (max-width:1100px){
  .pr-hero{grid-template-columns:minmax(0,1fr)}
  .ratio{grid-template-columns:auto auto;gap:24px 40px}
  .ratio > :last-child{grid-column:1 / -1}
}
@media (max-width:820px){
  .lockup-parent,.lockup-sep{display:none}
  .lockup-name{font-size:21px}
  .mark-img{width:26px}
  .hero-shot{margin-inline:calc(var(--gutter) * -1)}
  .hero-shot img{border:0}
  .hero-shot figcaption{padding-inline:var(--gutter)}
  .note{grid-template-columns:minmax(0,1fr);gap:6px;padding:18px 0}
  .note .data{padding-top:0}
  .note p.body{display:none}
  .ratio .ten{font-size:58px}.ratio .ninety{font-size:132px}
  .anatomy{grid-template-columns:minmax(0,1fr)}
  .anatomy li{padding:16px 0;border-left:0;border-bottom:1px solid var(--brand-line);display:grid;grid-template-columns:92px minmax(0,1fr);gap:6px 14px}
  .anatomy li .data{grid-row:span 2;padding-top:5px}
  .rotation .ledger-row{grid-template-columns:90px minmax(0,1fr)}
  .rotation .ledger-row > span:last-child{grid-column:2}
  .slides{grid-template-columns:minmax(0,1fr)}
  .slides .wide{grid-column:auto}
  .slides .extra{display:none}
  .case-note{grid-template-columns:minmax(0,1fr);gap:12px;padding:24px 20px}
  .host{grid-template-columns:76px minmax(0,1fr);gap:16px}
}