/* ELY-078: selected photos keep their full frame; existing media stays intact. */
.ely-about-page .ely-about-editorial { background:none; }
.ely-about-page .ely-about-editorial .ely-editorial-image { display:block; width:100%; height:auto; border-radius:inherit; }
.ely-about-page .ely-about-hero-art.ely-about-editorial { aspect-ratio:2 / 1; }
.ely-about-page .ely-about-brand-art.ely-about-editorial { aspect-ratio:4 / 5; }
.single-product .ely-editorial-serving { display:grid; grid-template-columns:144px minmax(0,1fr); align-items:center; gap:20px; max-width:400px; margin:24px 0 0; }
.single-product .ely-editorial-serving img { display:block; width:144px; height:auto; border-radius:8px; }
.single-product .ely-editorial-serving figcaption { font-size:.8rem; line-height:1.6; color:var(--ely-muted); }
.single-product .ely-editorial-serving strong { display:block; color:var(--ely-navy); font-size:.95rem; margin-bottom:8px; }
.ely-event .ely-event-editorial { position:relative; display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); align-items:center; background:var(--ely-cream); color:var(--ely-navy); border:1px solid var(--ely-border); border-radius:var(--ely-radius-card); overflow:hidden; padding:0; gap:0; box-shadow:none; }
.ely-event .ely-event-editorial .ely-event-hero-copy { position:relative; min-width:0; width:100%; padding:clamp(20px,2.5vw,32px); box-sizing:border-box; background:var(--ely-cream); }
.ely-event .ely-event-editorial h1 { font-size:clamp(1.5rem,2.6vw,2.1rem); line-height:1.12; margin:10px 0 12px; color:var(--ely-navy); }
.ely-event .ely-event-editorial p { color:var(--ely-navy); font-size:14px; line-height:1.55; margin:0; max-width:34rem; }
.ely-event .ely-event-editorial .ely-event-hint { font-size:12px; line-height:1.5; color:var(--ely-muted); }
.ely-event .ely-event-editorial .ely-section-label { color:#73501e; }
.ely-event .ely-event-hero-media { position:relative; min-width:0; }
.ely-event .ely-event-hero-media .ely-editorial-image { display:block; width:100%; height:auto; object-fit:contain; }
.ely-event .ely-event-hero-media::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,var(--ely-cream),transparent 18%); }
@media(min-width:1024px) {
 .ely-event .ely-event-hero-media { align-self:stretch; }
 .ely-event .ely-event-hero-media .ely-editorial-image { position:absolute; inset:0; height:100%; object-fit:cover; object-position:right center; }
}
.ely-event .ely-event-intro-steps { display:grid; gap:6px; list-style:none; counter-reset:planner-intro; padding:0; margin:16px 0; color:var(--ely-navy); font-size:13px; line-height:1.4; }
.ely-event .ely-event-intro-steps li { display:flex; gap:9px; align-items:center; counter-increment:planner-intro; }
.ely-event .ely-event-intro-steps li::before { content:counter(planner-intro); display:grid; place-items:center; flex:0 0 20px; height:20px; border:1px solid #ae9362; border-radius:50%; color:#73501e; font-size:11px; font-weight:600; }
@media(max-width:767px) {
 .ely-event .ely-event-editorial { grid-template-columns:minmax(0,1fr); padding:0; gap:0; }
 /* Keep copy and the mobile crop inside one continuous hero frame. */
 .ely-event .ely-event-editorial .ely-event-hero-copy { padding:20px 16px 220px; z-index:1; background:transparent; }
 .ely-event .ely-event-hero-media { position:absolute; inset:auto 0 0; height:220px; overflow:hidden; }
 .ely-event .ely-event-hero-media .ely-editorial-image { width:100%; height:100%; object-fit:cover; object-position:right bottom; }
 .ely-event .ely-event-editorial h1 { font-size:1.5rem; margin:8px 0 10px; }
 .ely-event .ely-event-editorial p { font-size:13px; line-height:1.5; }
 .ely-event .ely-event-editorial .ely-event-hint { font-size:12px; }
 .ely-event .ely-event-intro-steps { margin:10px 0; gap:4px; font-size:12px; }
 .ely-event .ely-event-hero-media::after { display:block; background:linear-gradient(to bottom,var(--ely-cream),transparent 30%); }
}
@media(max-width:430px) {
 .single-product .ely-editorial-serving { grid-template-columns:112px minmax(0,1fr); gap:14px; }
 .single-product .ely-editorial-serving img { width:112px; }
}