/* /data — for AI and data teams. Layout follows the audience pages; white frames hold scans and sheets. */
.data-page p{margin:0}
.data-page h1,.data-page h2,.data-page h3{margin:0;text-wrap:balance}
.data-page section{padding:var(--section-space) 0}
.data-page section+section{border-top:1px solid var(--rule)}
.data-hero{display:grid;gap:clamp(32px,4vw,56px)}
.data-hero-words{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,5vw,72px);align-items:end}
.data-hero .actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
.data-secondary{font-size:15px;text-underline-offset:5px;padding-block:12px}
.data-job{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:16px;align-items:stretch}
.data-job .media-frame{aspect-ratio:4/3}
.data-job .media-kind{left:auto;right:12px}
.data-job-facts{margin:0;display:grid;align-content:start;padding:clamp(18px,2.2vw,28px);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);min-width:0}
.data-job-facts div{display:grid;gap:6px;padding:16px 0;border-top:1px solid var(--rule)}
.data-job-facts div:first-child{border-top:0;padding-top:0}
.data-job-facts dt{font:10.5px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}
.data-job-facts dd{margin:0;font-size:15.5px;line-height:1.5}
.data-chain{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.data-chain li{display:grid;gap:4px;padding-top:12px;border-top:1px solid var(--rule);font-size:14px;line-height:1.45;color:var(--text-muted)}
.data-chain span{font:11px/1.4 var(--font-mono);color:var(--text-faint)}
.data-hero .eyebrow{margin-bottom:18px}
.data-hero h1{font-size:clamp(34px,4.4vw,62px);max-width:760px}
.data-lead{margin-top:24px!important;max-width:540px;color:var(--text-muted);font-size:var(--text-lead);line-height:1.55}
.data-hero .actions{margin-top:30px}
.data-white{background:#fff}
.data-white>img,.data-white>video{object-fit:contain}

.data-scale{padding-block:clamp(28px,4vw,44px)!important}
.data-scale dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0}
.data-scale div{display:grid;gap:8px;align-content:start;min-width:0}
.data-scale dt{font:10.5px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}
.data-scale dd{margin:0;font:600 clamp(18px,1.8vw,24px)/1.25 var(--font-head);letter-spacing:-.01em}

.data-section-head{display:grid;gap:16px;max-width:720px;margin-bottom:clamp(28px,3.5vw,44px)}
.data-section-head h2{font-size:clamp(28px,3.2vw,42px)}
.data-section-head p{color:var(--text-muted);font-size:17px;line-height:1.6}

.data-record-grid{display:grid;gap:clamp(28px,4vw,48px)}
.data-site-pair{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px}
.data-site-pair .media-frame{aspect-ratio:auto}
.data-site-pair img{height:100%;object-fit:cover}
.data-site-pair .data-white img{object-fit:contain}
.data-holds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.data-holds{list-style:none;margin:0;padding:0}
.data-holds li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:16px;padding-top:18px;border-top:1px solid var(--rule)}
.data-holds li>span{font:12px/1.5 var(--font-mono);padding-top:5px;color:var(--text-faint)}
.data-holds h3{font-size:21px;line-height:1.35;margin-bottom:8px}
.data-holds p{color:var(--text-muted);font-size:16px;line-height:1.6}

.data-trade-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.data-trade{display:grid;grid-template-rows:auto 1fr auto auto;gap:16px;padding:16px;border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);min-width:0}
.data-trade .sheet{aspect-ratio:4/3}
.data-trade .sheet>img{padding:8px}
.data-trade ol{margin:0;padding-left:22px;display:grid;gap:6px;font-size:14.5px;line-height:1.45}
.data-trade ol li::marker{font:600 13px var(--font-mono);color:var(--trade)}
.data-trade.tile{--trade:#a58fd6}.data-trade.plumb{--trade:#4fb3a8}.data-trade.elec{--trade:#d8b45a}
.data-takeoff,.data-update{padding-top:12px;border-top:1px solid var(--rule);font-size:14px;line-height:1.5;color:var(--text-muted)}
.data-update{border-top:0;padding-top:0}
.data-takeoff b,.data-update b{display:block;margin-bottom:3px;font:10.5px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--trade)}

.data-day{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(32px,5vw,72px);align-items:center}
.data-day .media-frame{aspect-ratio:1150/770}
.data-day .data-section-head{margin-bottom:0}

.data-close{display:flex;justify-content:space-between;align-items:center;gap:32px}
.data-close h2{font-size:clamp(26px,3vw,36px);margin-bottom:16px}
.data-close p{max-width:610px;color:var(--text-muted);font-size:17px;line-height:1.6}
.data-close .button{flex-shrink:0}

@media(max-width:1000px){.data-chain{grid-template-columns:repeat(2,minmax(0,1fr))}.data-trade-grid{grid-template-columns:1fr;max-width:620px}.data-scale dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.data-site-pair,.data-holds,.data-hero-words,.data-job,.data-record-grid,.data-day{grid-template-columns:1fr}.data-day .media{order:2}.data-close{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.data-hero h1{font-size:34px}.data-holds li{gap:12px}.data-close .button{white-space:normal;text-align:center}}
/* The model and the map carry their own labels top-left; keep the kind label clear of them. */
.data-day .media-kind{top:auto;bottom:12px;left:auto;right:12px}