/* A framed editorial hero: copy and photography have independent space. */
.editorial-hero { background:#f8f1eb; padding:125px 0 0; }
.editorial-hero .royal-hero-grid { display:grid; width:100%; max-width:none; margin:0; grid-template-columns:1fr 1fr; gap:0; align-items:stretch; padding:0; background:#26283f; border-radius:0; overflow:hidden; box-shadow:none; }
.editorial-hero .royal-hero-copy { position:relative; padding:70px clamp(28px,5vw,90px) 60px max(32px,calc((100vw - 1240px)/2)); background:radial-gradient(ellipse at 0 0,#414157,transparent 75%); }
.editorial-hero .royal-eyebrow { color:#f1c5b1; font-size:10px; letter-spacing:.14em; gap:12px; margin-bottom:32px; }
.editorial-hero .royal-eyebrow:before { width:24px; background:#e7b7a6; }
.skin-story-layout .editorial-hero h1 { font:400 clamp(38px,4.3vw,60px)/1.15 'Playfair Display',Georgia,serif; letter-spacing:-.035em; color:#fff8f1; margin:0 0 26px; }
.editorial-hero h1 em { color:#f0ba9f; }
.skin-story-layout .editorial-hero .royal-hero-copy>p { font-size:15px; line-height:1.85; color:#e3dcd9; max-width:410px; margin-bottom:28px; }
.editorial-hero .royal-actions { gap:18px; }
.editorial-hero .royal-actions .ss-button { color:#26283f; background:#f1c5b1; padding:16px 22px; border-radius:30px; font-size:12px; }
.editorial-hero .royal-actions .ss-button:hover { background:#fff5ea; transform:translateY(-2px); }
.editorial-hero .royal-secondary { color:#fff3e9; font-size:12px; border-color:#a38b85; }
.hero-doctor-note { display:flex; gap:13px; align-items:center; border-top:1px solid #575261; padding-top:24px; margin-top:32px; }
.hero-doctor-note img { width:48px; height:48px; border:2px solid #d5aa95; border-radius:50%; object-fit:cover; object-position:top; }
.hero-doctor-note strong,.hero-doctor-note span { display:block; }
.hero-doctor-note strong { color:#fff8f1; font-size:13px; font-weight:500; }
.hero-doctor-note span { color:#dfd3ce; font-size:11px; margin-top:4px; }
.editorial-hero .royal-portrait.royal-lady { position:relative; min-height:550px; margin:0; padding:0; border:0; border-radius:0; background:#f28e76; box-shadow:none; overflow:hidden; }
.editorial-hero .royal-portrait.royal-lady>img { position:absolute; inset:0; height:100%; width:100%; object-fit:cover; object-position:66% center; border-radius:0; }
.editorial-hero .royal-portrait.royal-lady:after { content:''; position:absolute; inset:26px; border:1px solid #ffffff65; border-radius:140px 8px 8px 8px; pointer-events:none; }
.editorial-hero .royal-portrait-caption { z-index:1; left:42px; right:auto; max-width:calc(100% - 84px); bottom:38px; padding:18px 24px; border-radius:3px 24px 3px 3px; background:#fff8f1; box-shadow:0 8px 30px #26283f12; }
.editorial-hero .royal-portrait-caption>span { color:#814735; font-size:9px; letter-spacing:.12em; }
.editorial-hero .royal-portrait-caption strong { color:#26283f; font:400 23px/1.3 'Playfair Display',Georgia,serif; margin:7px 0 0; }
.editorial-hero .royal-portrait-caption strong br { display:none; }
.hero-care-strip { display:grid; grid-template-columns:1.2fr 1fr 1fr 1fr; align-items:center; gap:24px; padding-top:28px; padding-bottom:30px; }
.hero-care-strip>span { color:#775648; font-size:9px; letter-spacing:.12em; }
.hero-care-strip>a { display:flex; justify-content:space-between; gap:12px; color:#26283f; font-size:12px; padding-left:24px; border-left:1px solid #d9c8bd; }
.hero-care-strip>a:hover { color:#884b39; }
@media(max-width:991px) { .editorial-hero .royal-hero-copy { padding:36px 26px; } .editorial-hero .royal-portrait.royal-lady { min-height:510px; } .hero-care-strip { gap:14px; } }
@media(max-width:650px) { .editorial-hero { padding-top:110px; } .editorial-hero .royal-hero-grid { grid-template-columns:1fr; border-radius:0; } .editorial-hero .royal-hero-copy { padding:36px 24px; } .skin-story-layout .editorial-hero h1 { font-size:40px; } .editorial-hero .royal-portrait.royal-lady { min-height:390px; max-width:none; } .editorial-hero .royal-portrait-caption { left:24px; right:24px; max-width:none; bottom:24px; } .hero-care-strip { grid-template-columns:1fr; gap:16px; } .hero-care-strip>a { padding-left:0; border:0; } }