/* Local Spacia photo story only. The other drafts and public styles are unchanged. */
/* Restore the common hero typography overridden by the generic draft heading. */
.spacia-story .mag-cover-copy h1{font-size:clamp(36px,4.3vw,64px);line-height:1.3;letter-spacing:.015em;margin:16px 0 22px}
.spacia-story .spacia-comparison{padding-block:64px 0;scroll-margin-top:100px}
.spacia-story .spacia-comparison h2{margin:0 0 32px;font-size:clamp(26px,2.4vw,36px);line-height:1.5}
.spacia-story .spacia-cover-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.spacia-story .spacia-comparison-photo{margin:0}
.spacia-story .spacia-comparison-photo img{width:100%;height:auto}
.spacia-story .spacia-comparison-photo figcaption{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:space-between;gap:4px 14px;margin:14px 0 0;padding-bottom:14px;border-bottom:1px solid #ccc}
.spacia-story .spacia-comparison-photo figcaption b{font-size:17px;color:#111;font-weight:700}
.spacia-story .spacia-comparison-photo figcaption span{font-size:10px;letter-spacing:.08em}
.spacia-story .spacia-cover-credit{margin:12px 0 0;font-size:11px;line-height:1.8;color:#666}
.spacia-story .draft-copy p{font-weight:400}
.spacia-story .spacia-intro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px 56px;padding-block:48px 56px}
.spacia-story .spacia-intro>.draft-label{grid-column:1/-1;margin:0}
.spacia-story .spacia-intro h2{margin:0;font-size:clamp(26px,2.3vw,34px)}
.spacia-story .spacia-palettes{display:grid;gap:64px}
.spacia-story .spacia-color-story{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:44px;align-items:center}
.spacia-story .spacia-color-story>*{min-width:0}
.spacia-story .spacia-color-story .draft-photo{margin:0}
.spacia-story .spacia-color-copy h3{margin:0 0 22px;font-size:28px}
.spacia-story .spacia-color-story--brown{grid-template-columns:minmax(0,1fr) minmax(0,1.65fr)}
.spacia-story .spacia-color-story--brown .draft-photo{grid-column:2;grid-row:1}
.spacia-story .spacia-color-story--brown .spacia-color-copy{grid-column:1;grid-row:1}
.spacia-story .spacia-caption-note{font-size:13px;line-height:2;color:#666;margin:28px 0 0;max-width:900px}
.spacia-story .spacia-film-board{background:#191919;color:#fff;margin-inline:-48px;padding:48px}
.spacia-story .spacia-film-heading{margin-bottom:36px;max-width:850px}
.spacia-story .spacia-film-heading .draft-label{color:#ef7167}
.spacia-story .spacia-film-heading h2{font-size:clamp(27px,2.6vw,38px);line-height:1.6;margin:0}
.spacia-story .spacia-film-heading>p:last-child{font-size:17px;line-height:2;color:#ddd;font-weight:400;margin:16px 0 0}
.spacia-story .spacia-film-grid{display:grid;grid-template-columns:minmax(0,.44fr) minmax(0,.56fr);gap:44px;align-items:start}
.spacia-story .spacia-film-grid>*{min-width:0}
.spacia-story .spacia-portrait{margin:0}
.spacia-story .spacia-portrait video{width:100%;height:auto;aspect-ratio:406/720;object-fit:contain;background:#000}
.spacia-story .spacia-film-board figcaption{color:#ccc}
.spacia-story .spacia-film-stills .draft-photo{margin-bottom:28px}
.spacia-story .spacia-film-stills .draft-photo:last-child{margin-bottom:0}
.spacia-story .spacia-film-summary{margin-top:28px;color:#ddd}
.spacia-story .spacia-detail-grid{display:grid;grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);gap:44px;align-items:start}
.spacia-story .spacia-detail-grid>*{min-width:0}
.spacia-story .spacia-detail-grid h3{margin:0 0 18px;font-size:25px}
.spacia-story .spacia-rear-story{margin-top:64px}
.spacia-story .spacia-rear-story .draft-photo{margin:0 0 28px}
.spacia-story .spacia-rear-copy{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:44px}
.spacia-story .spacia-rear-copy h3{margin:0;font-size:28px}
.spacia-story .spacia-rear-copy .spacia-caption-note{margin:18px 0 0}
.spacia-story .spacia-fit .draft-copy{max-width:820px}
.spacia-story .spacia-fit [id]{scroll-margin-top:100px}
.spacia-story .spacia-models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:32px 0 20px}
.spacia-story .spacia-model-card{display:flex;flex-direction:column;min-width:0;padding:24px 20px;border:1px solid #dedede;background:#fff}
.spacia-story .spacia-model-card picture{height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.spacia-story .spacia-model-card img{width:180px;max-width:100%;height:auto}
.spacia-story .spacia-model-card .draft-label{margin:0 0 10px}
.spacia-story .spacia-model-card h3{font-size:22px;line-height:1.7;margin:0 0 14px}
.spacia-story .spacia-model-card>p:not(.draft-label){font-size:16px;line-height:2;font-weight:400;margin:0 0 24px}
.spacia-story .spacia-model-card>a{margin-top:auto;padding-top:16px;border-top:1px solid #dedede;font-size:14px;line-height:1.8;font-weight:700;text-decoration:none;display:flex;justify-content:space-between;gap:12px}
.spacia-story .spacia-model-card>a:hover{text-decoration:underline}
.spacia-story .spacia-model-card>a:focus-visible{outline:2px solid #c72d29;outline-offset:6px}
.spacia-story .spacia-model-note{font-size:13px;line-height:2;color:#666;margin:0 0 40px}
@media(min-width:761px) and (max-width:1100px){
 .spacia-story .spacia-intro{grid-template-columns:1fr;gap:20px}
 .spacia-story .spacia-color-story{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px}
 .spacia-story .spacia-color-story--brown{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}
 .spacia-story .spacia-color-copy h3{font-size:25px}
 .spacia-story .spacia-film-grid,.spacia-story .spacia-detail-grid{gap:28px}
 .spacia-story .spacia-rear-copy{grid-template-columns:1fr;gap:20px}
}
@media(max-width:760px){
 /* Keep the exterior photo's full landscape composition, with the title below it. */
 .spacia-story .spacia-cover{height:auto;min-height:0;max-height:none}
 .spacia-story .spacia-cover .mag-cover-media{position:relative;inset:auto;aspect-ratio:3/2}
 .spacia-story .spacia-cover .mag-cover-copy{position:relative;inset:auto;max-width:none;padding:28px 26px 40px}
 .spacia-story .spacia-cover .mag-cover-shade{bottom:auto;aspect-ratio:3/2;background:linear-gradient(180deg,rgba(0,0,0,.4),transparent 40%,transparent 80%,#101010)}
 .spacia-story .mag-cover-copy h1{font-size:clamp(29px,7.8vw,43px);line-height:1.4;margin:16px 0}
 .spacia-story .spacia-cover .mag-cover-media img{object-position:center}
 .spacia-story .spacia-comparison{padding-top:40px}
 .spacia-story .spacia-comparison h2{margin-bottom:24px}
 .spacia-story .spacia-cover-pair{grid-template-columns:1fr;gap:24px}
 .spacia-story .spacia-intro{grid-template-columns:1fr;gap:18px;padding-block:36px 44px}
 .spacia-story .spacia-palettes{gap:40px}
 .spacia-story .spacia-color-story{grid-template-columns:1fr;gap:24px}
 .spacia-story .spacia-color-story--brown .draft-photo,.spacia-story .spacia-color-story--brown .spacia-color-copy{grid-column:auto;grid-row:auto}
 .spacia-story .spacia-color-copy h3{font-size:25px;margin-bottom:18px}
 .spacia-story .spacia-film-board{margin-inline:-20px;padding:32px 20px}
 .spacia-story .spacia-film-heading{margin-bottom:28px}
 .spacia-story .spacia-film-grid{grid-template-columns:1fr;gap:32px}
 .spacia-story .spacia-detail-grid{grid-template-columns:1fr;gap:24px}
 .spacia-story .spacia-rear-story{margin-top:40px}
 .spacia-story .spacia-rear-copy{grid-template-columns:1fr;gap:20px}
 .spacia-story .spacia-rear-copy h3{font-size:25px}
 .spacia-story .spacia-models{grid-template-columns:1fr;gap:20px}
 .spacia-story .spacia-model-card{padding:24px}
}