:root{--bg:#eef0f2;--ink:#0d0f12;--blue:#1f3cff;--rule:#0d0f12;--mono:"Martian Mono",ui-monospace,monospace;--disp:"Big Shoulders",Impact,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--bg);color:var(--ink)}
body{font-family:var(--mono);font-size:13px;line-height:1.55;letter-spacing:-.01em}
a{color:inherit}
img{display:block;max-width:100%;height:auto}

.mast{container-type:inline-size;position:relative;padding:18px 20px 0;border-bottom:2px solid var(--rule)}
.mail-top{position:absolute;top:18px;right:20px;text-decoration:none;border-bottom:1px solid}
.mark{font-family:var(--disp);font-weight:900;text-transform:uppercase;line-height:.78;font-size:min(calc((100vw - 60px) * .205),360px);font-size:min(calc(100cqw * .205),360px);letter-spacing:-.015em;margin-top:44px;white-space:nowrap}
/* Wordmark is sized to the mast's content width (cqw). Measured BRIGHTFORGE advance = 4.69-4.71em in Big Shoulders 900; 1/4.72 = .212, .205 leaves ~3% margin. */
.mark span{color:var(--blue)}
.where{position:absolute;left:20px;top:18px;text-transform:uppercase}

.split{display:grid;grid-template-columns:5fr 7fr;border-bottom:2px solid var(--rule)}
.left{padding:28px 20px;border-right:2px solid var(--rule);display:flex;flex-direction:column;gap:28px}
.claim{font-family:var(--disp);font-weight:500;font-size:clamp(34px,3.6vw,56px);line-height:.95;text-transform:uppercase;max-width:12ch}
.photo{margin-top:auto}
.photo img{filter:grayscale(1) contrast(1.08);aspect-ratio:4/3;object-fit:cover;width:100%}
figcaption{font-size:10px;margin-top:8px;opacity:.7}

.board{padding:28px 20px 40px}
.board-h,.board-h2{font-size:11px;font-weight:400;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px}
.board-h2{margin-top:44px}
.row{display:flex;align-items:baseline;gap:12px;border-top:1px solid var(--rule);padding:10px 0}
.row:last-child{border-bottom:1px solid var(--rule)}
.row dt{flex:1}
.row dd{font-variant-numeric:tabular-nums;text-align:right}
.row.big{padding:6px 0 2px}
.row.big dt,.row.big dd{font-family:var(--disp);font-weight:900;text-transform:uppercase;font-size:clamp(40px,5.6vw,92px);line-height:.95}
.row.big dd{color:var(--blue)}
.row.sub{border-top-style:dashed}
.row.sub dd small{font-size:inherit;opacity:.6}
.care .row dt{display:grid;grid-template-columns:9ch 1fr;gap:16px;align-items:baseline}
.care .row dt span{opacity:.65;font-size:11px;max-width:46ch}
.offer{margin-top:44px;background:var(--blue);color:#fff;padding:20px;display:grid;grid-template-columns:1fr auto;gap:8px 20px;align-items:end}
.offer-k{grid-column:1/-1;text-transform:uppercase;font-size:11px;letter-spacing:.06em}
.offer-v{font-family:var(--disp);font-weight:900;font-size:clamp(36px,4.4vw,68px);line-height:.9;text-transform:uppercase}
.slots{list-style:none;display:flex;gap:6px}
.slots li{width:22px;height:22px;border:2px solid #fff;border-radius:50%}

.foot{padding:28px 20px 20px}
.ask{text-transform:uppercase;font-size:11px;letter-spacing:.06em}
.mail{display:block;font-family:var(--disp);font-weight:900;text-transform:uppercase;font-size:clamp(40px,8.6vw,132px);line-height:.9;text-decoration:none;margin:8px 0 40px;word-break:break-word}
.mail:hover{color:var(--blue)}
.fine{font-size:10px;opacity:.6}

@media (max-width:820px){
  .care .row dt{grid-template-columns:1fr;gap:2px}
  .mast{padding-top:14px}
  .where{position:static;margin:14px 0 0;order:2}
  .mail-top{display:none}
  .mark{margin-top:0;padding-bottom:6px}
  .mast{display:flex;flex-direction:column-reverse;padding-bottom:12px}
  .split{grid-template-columns:1fr}
  .left{border-right:0;border-bottom:2px solid var(--rule)}
  .row.big dt,.row.big dd{font-size:42px}
  .mail{font-size:13.4vw}
}