/* Scoped presentation only. Original sample artwork and commerce hooks stay intact. */
#introduction{min-height:0;padding-bottom:0}
#editions.hero-offers{padding-top:clamp(32px,4vw,56px)}
.hero-offers .four-offers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 36px;align-items:start;margin-top:32px}
.hero-offers .review-offer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.78fr);gap:16px;align-items:center;min-width:0}
.hero-offers .offer-heading{grid-column:1/-1;margin:0;font:400 clamp(22px,3vw,34px)/1.2 var(--sp-type-label);color:var(--paper)}
.hero-offers .offer-art{display:grid;place-items:center;position:relative;min-width:0;margin:0}
.hero-offers .offer-art .edition-product-image{display:block;position:static;inset:auto;width:100%;max-width:100%;margin:0;transform:none}
.hero-offers .offer-art img{display:block;position:static;width:100%;height:auto;max-width:100%;object-fit:contain;transform:none;aspect-ratio:auto}
.hero-offers .offer-art--square{aspect-ratio:1;border:1px dashed var(--gold);padding:10px 8px 34px}
.hero-offers .offer-art-note{position:absolute;bottom:8px;left:6px;right:6px;text-align:center;font:12px/1.25 var(--sp-type-metadata);color:var(--muted)}
.hero-offers .offer-label{min-width:0;align-self:center}
.hero-offers .offer-label .edition-paper{width:100%;max-width:100%;margin:0}
/* Every offering uses the same uncropped original Astro Compass canvas. */
.hero-offers .offer-label .shop-service-tag__image{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.hero-offers .offer-study-label{min-width:0;text-align:center;color:var(--muted);font:14px/1.4 var(--sp-type-metadata)}
.hero-offers .offer-study-label img{display:block;width:100%;height:auto;object-fit:contain}
.hero-offers .offer-study-label p{margin:6px 0}
.hero-offers .offer-caption{grid-column:1/-1;min-width:0;margin:0;font:15px/1.5 var(--sp-type-metadata);color:var(--muted)}
.hero-offers .offer-guide,.hero-offers .offer-source-note{max-width:80ch;font:15px/1.6 var(--sp-type-metadata);color:var(--muted)}
.hero-offers .offer-source-note{margin:24px auto 0}
.hero-offers a,.research-invite a{text-underline-offset:.2em}
.hero-offers .offer-guide a{display:inline-flex;align-items:center;min-height:44px}
.hero-offers #currentChartCommerceStatus{margin:28px auto 0;max-width:80ch;text-align:center}
.future-edition{max-width:560px;margin-block:64px}
.future-edition .serviceable-tag-figure{margin:0}
.research-invite{padding-block:54px 78px}
.research-invite h2{max-width:18ch;text-transform:none}
.research-invite a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:900px){
 .hero-offers .four-offers{gap:42px 24px}
 .hero-offers .review-offer{grid-template-columns:minmax(0,1fr);gap:12px}
 .hero-offers .offer-art{grid-column:1;grid-row:2;width:100%}
 .hero-offers .offer-label{grid-column:1;grid-row:3;width:100%;max-width:320px;justify-self:center}
 .hero-offers .offer-heading,.hero-offers .offer-caption{grid-column:1}
}
@media(max-width:540px){
 .hero-offers .four-offers{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 18px}
 .hero-offers .offer-heading{font-size:21px;min-height:2.4em}
 .hero-offers .offer-caption,.hero-offers .offer-study-label{font-size:13px;line-height:1.45}
 .hero-offers .offer-art-note{font-size:11px}
 /* The archive photographs remain unchanged. Move live labels into readable
    flow at phone size instead of squeezing lettering over their old ink. */
 .hero-offers .offer-label .edition-paper{display:flex;flex-direction:column;gap:8px;color:var(--paper)}
 .hero-offers .offer-label .edition-paper :is(h3,p){position:static;transform:none;width:auto;font:13px/1.4 var(--sp-type-metadata);color:inherit}
 .hero-offers .offer-label .edition-paper__title{font-weight:700!important;white-space:normal}
 .hero-offers .offer-label .edition-paper__face{display:flex;flex-direction:column;gap:8px}
 .hero-offers .offer-label .edition-paper__details{margin-top:0}
 .hero-offers .offer-label .edition-paper__ref,.hero-offers .offer-label .edition-paper__body--full,.hero-offers .offer-label .edition-paper__closer,.hero-offers .offer-label .edition-paper__tagline{display:none}
 .hero-offers .offer-label .edition-paper__body--compact{display:block}
 .hero-offers .offer-label .edition-paper__hit,.hero-offers .offer-label .edition-paper__cart{position:static;inset:auto;width:100%;height:auto;min-height:44px;transform:none;display:flex;align-items:center;padding:6px 0;color:var(--paper)}
 .hero-offers .offer-label .edition-paper__action,.hero-offers .offer-label .edition-paper__cart>span{position:static;width:auto;transform:none;white-space:normal;font:700 14px/1.4 var(--sp-type-metadata)}
 .hero-offers .offer-label .edition-paper__small-copy{display:inline}
 .hero-offers .offer-label .edition-paper__wide-copy{display:none}
 .hero-offers .offer-source-note{font-size:13px}
}
@media(forced-colors:active){.hero-offers .offer-art--square{border-color:CanvasText}.hero-offers .offer-label .edition-paper{color:CanvasText}}

/* Marked headings and source-tag photographs were removed. Keep real controls in flow. */
.hero-offers .review-offer .offer-art{grid-row:auto}
.hero-offers .review-offer .offer-label{grid-row:auto}
.hero-offers .edition-paper__face{display:flex;flex-direction:column;gap:8px}
.hero-offers .offer-label .edition-paper__title,.hero-offers .offer-label .edition-paper__hit,.hero-offers .offer-label .edition-paper__action{position:static;inset:auto;transform:none;width:auto;height:auto;white-space:normal}
.hero-offers .offer-label .edition-paper__hit{display:flex;align-items:center;justify-content:center;min-height:44px}

/* Each poster owns a full row, in existing rectangle-then-square DOM order. */
.hero-offers .review-offer:is([data-offering="portrait-print"],[data-offering="square-print"]){grid-column:1/-1}

/* The approved phone crop fills the actual layout viewport, including on
   scrollbar-bearing desktops. Gutters are grid tracks, not clipped 100vw art.
   The two original copy/offer columns retain their exact previous widths. */
#editions.hero-offers{
 --approved-content-width:min(1080px,92vw);
 --approved-column-gap:36px;
 width:100%;
}
#editions.hero-offers > :is(.editions-head,.existing-digital-edition,#currentChartCommerceStatus){
 width:var(--approved-content-width);
 margin-inline:auto;
}
#editions.hero-offers .four-offers{
 grid-template-columns:minmax(0,1fr) minmax(0,calc((var(--approved-content-width) - var(--approved-column-gap))/2)) var(--approved-column-gap) minmax(0,calc((var(--approved-content-width) - var(--approved-column-gap))/2)) minmax(0,1fr);
 column-gap:0;
}
#editions.hero-offers .review-offer:is([data-offering="portrait-print"],[data-offering="square-print"]){grid-column:2/5}
#editions.hero-offers [data-offering="instagram-card"]{grid-column:2}
#editions.hero-offers [data-offering="tiktok-video"]{grid-column:4}
#editions.hero-offers .approved-shared-phone-hero{
 grid-column:1/-1;
 width:100%;
 max-width:none;
 margin-inline:0;
}
@media(max-width:900px){#editions.hero-offers{--approved-column-gap:24px}}
@media(max-width:540px){#editions.hero-offers{--approved-column-gap:18px}}
@media(max-width:420px){#editions.hero-offers{--approved-content-width:88vw}}
