/* Shared photo covers for the blog, its articles and the home page. */
.editorial-cover{--cover-accent:#f8d589;position:relative;display:block;isolation:isolate;overflow:hidden;min-width:0;aspect-ratio:5/4;border-radius:20px;background:#33443b;color:#fff;text-decoration:none}
.cover-lilac{--cover-accent:#ded0f7}.cover-rose{--cover-accent:#ffc4ce}
.editorial-cover>.editorial-cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s ease}
.editorial-cover::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(16,20,17,.64),rgba(16,20,17,.20) 47%,rgba(16,20,17,.06) 64%,rgba(16,20,17,.62))}
.editorial-cover-copy{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;height:100%;padding:30px;box-sizing:border-box}
.editorial-cover-label{font-family:Figtree,sans-serif;font-size:11px;line-height:1.5;font-weight:650;letter-spacing:.12em;text-transform:uppercase;margin:0 0 16px;color:#fff}
.editorial-cover .editorial-cover-title{font-family:Figtree,sans-serif;font-size:clamp(30px,3.5vw,48px);line-height:1.02;letter-spacing:-1.6px;font-weight:800;margin:0;max-width:100%;text-shadow:0 2px 12px #0005;text-wrap:balance}
.editorial-cover-title>span{display:block}.editorial-cover-title>span:first-child{color:var(--cover-accent)}
.editorial-cover-read{display:flex;gap:14px;align-items:center;margin-top:auto;padding-top:20px;font-size:13px;font-weight:650;color:#fff;text-decoration:none}.editorial-cover-read>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff85;border-radius:50%;font-size:20px}
a.editorial-cover:hover>.editorial-cover-image{transform:scale(1.035)}
a.editorial-cover:focus-visible,.editorial-cover-read:focus-visible{outline:3px solid #436b53;outline-offset:5px}
.selection-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.selections-intro{max-width:760px;margin-bottom:32px}.selections-intro h1{margin:12px 0;font-size:46px}.selections-intro>p:last-child{font-size:16px;margin:0}
.selection-story{display:block;width:100%;max-width:none;margin:0;padding:0;border:0;background:none}
.selection-story .editorial-cover-hero{aspect-ratio:auto;min-height:330px;height:clamp(330px,32vw,400px)}
.editorial-cover-hero .editorial-cover-image{object-position:center 55%}
.editorial-cover-hero .editorial-cover-copy{padding:34px 40px}
.editorial-cover-hero .editorial-cover-title{font-size:clamp(38px,5vw,66px)}
.selection-story .selection-lead{max-width:850px;margin:20px 0 10px;line-height:1.5}
.selection-story .selection-byline{margin:0;color:#766c65;font-size:12px;line-height:1.6}
.selection-story+.selection-section-heading{padding-top:26px}
.welcome-articles .editorial-cover{aspect-ratio:5/4}.welcome-articles .editorial-cover-title{font-size:clamp(26px,3vw,42px)}
@media(max-width:1000px){.editorial-cover-copy{padding:24px}.editorial-cover .editorial-cover-title{font-size:36px}.editorial-cover-label{font-size:10px;margin-bottom:12px}}
@media(max-width:600px){.selection-tiles{grid-template-columns:1fr;gap:18px}.selections-intro h1{font-size:34px}.selections-intro>p:last-child{font-size:15px}.editorial-cover{aspect-ratio:1/1;border-radius:16px}.editorial-cover .editorial-cover-title{font-size:38px;letter-spacing:-1.2px}.editorial-cover-copy{padding:25px}.selection-story .editorial-cover-hero{height:330px;min-height:0}.editorial-cover-hero .editorial-cover-copy{padding:26px}.editorial-cover-hero .editorial-cover-image{object-position:center}.selection-story .selection-lead{font-size:15px;margin-top:16px}.selection-story+.selection-section-heading{padding-top:22px}.welcome-articles{grid-template-columns:1fr}.welcome-articles .editorial-cover{aspect-ratio:6/5}.welcome-articles .editorial-cover-title{font-size:36px}}
@media(prefers-reduced-motion:reduce){.editorial-cover>.editorial-cover-image{transition:none}a.editorial-cover:hover>.editorial-cover-image{transform:none}}

.editorial-cover.cover-room>.editorial-cover-image{scale:1.17}
@media(min-width:800px){
 .editorial-cover-hero{background:#252922}
 .editorial-cover-hero>.editorial-cover-image{left:auto;width:58%;object-position:center 55%}
 .editorial-cover-hero::after{background:linear-gradient(90deg,#252922 32%,#252922d9 43%,#25292200 65%),linear-gradient(0deg,#0002,#0000 50%)}
 .editorial-cover-hero .editorial-cover-title{max-width:55%;font-size:clamp(38px,4.5vw,60px)}
}

/* Short age-led gift guides: four compact cards across on desktop. */
.selection-age-nav{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 12px}
.selection-age-nav a{padding:10px 18px;border:1px solid #bdcbb9;border-radius:24px;background:#ecf1e7;color:#365342;font-weight:700;text-decoration:none}
.selection-age-nav a:hover,.selection-age-nav a:focus-visible{background:#dce8d3}
.selection-age-note{font-size:13px;color:#706c64;margin-bottom:26px}
.selection-age-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 22px}
.selection-age-group{min-width:0;scroll-margin-top:130px}
.selection-age-intro{min-height:144px;padding:0 2px}
.selection-age-intro h3{font-size:24px;margin:6px 0 8px}
.selection-age-intro>p:last-child{font-size:14px;line-height:1.6;max-width:440px;margin:0 0 20px;color:#68635c}
.selection-age-group .selection-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.product-tile-age{align-self:flex-start;color:#365342;background:#edf2e8;border-radius:6px;padding:3px 7px;font-size:12px;font-weight:650;margin:0 0 8px}
@media(max-width:800px){.selection-age-groups{grid-template-columns:1fr;gap:30px}.selection-age-intro{min-height:0}.selection-age-intro h3{font-size:22px}.selection-age-group{scroll-margin-top:90px}}

.editorial-notes{margin:28px 0;color:#746d64;font-size:12px}
.editorial-notes summary{cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.editorial-notes .selection-transparency{margin:12px 0 0;padding:0;border:0;max-width:900px}
.editorial-notes .selection-transparency h2{font:650 14px Figtree,sans-serif;margin:12px 0 8px}
.editorial-related{margin:42px 0 0}
.editorial-related-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px}
.editorial-related-heading h2{font-size:26px;margin:0}
.editorial-related-heading>a{font-size:13px;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
.editorial-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.editorial-related-grid .editorial-cover{aspect-ratio:4/5;border-radius:14px}
.editorial-related-grid .editorial-cover-copy{padding:18px}
.editorial-related-grid .editorial-cover-label{font-size:9px;letter-spacing:.06em;margin-bottom:10px}
.editorial-related-grid .editorial-cover-title{font-size:28px;letter-spacing:-.8px}
.editorial-related-grid .editorial-cover-read{font-size:12px;gap:8px}
.editorial-related-grid .editorial-cover-read>span{width:26px;height:26px;font-size:17px}
@media(max-width:900px){.editorial-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-related-grid .editorial-cover{aspect-ratio:5/4}}
@media(max-width:600px){.editorial-related{margin-top:30px}.editorial-related-heading{align-items:flex-start;flex-direction:column;gap:10px}.editorial-related-heading h2{font-size:23px}.editorial-related-grid{gap:12px}.editorial-related-grid .editorial-cover{aspect-ratio:3/4}.editorial-related-grid .editorial-cover-copy{padding:14px}.editorial-related-grid .editorial-cover-title{font-size:23px}.editorial-related-grid .editorial-cover-label{display:none}.editorial-related-grid .editorial-cover-read{font-size:11px;gap:6px}.editorial-related-grid .editorial-cover-read>span{width:22px;height:22px;font-size:15px}}