/* Editorial treatment, scoped to the two fragrance discovery pages. */
.scent-editorial { --guide-gold: #c5a56a; --guide-line: color-mix(in srgb, var(--color-text) 13%, transparent); padding-block: clamp(28px, 5vw, 64px); }
.scent-editorial__hero { display: grid; grid-template-columns: 1.2fr 1fr; min-height: 470px; overflow: hidden; border: 1px solid var(--guide-line); border-radius: 28px; background: color-mix(in srgb, var(--color-surface) 94%, var(--guide-gold)); }
.scent-editorial__hero-copy { align-self: center; padding: clamp(28px, 5vw, 68px); }
.scent-editorial__eyebrow { display: block; margin-bottom: 25px; font-size: 11px; font-weight: 650; letter-spacing: .16em; color: var(--guide-gold); }
.scent-editorial__hero h1 { margin: 0; font-size: clamp(30px, 4vw, 56px); line-height: 1.2; letter-spacing: -.035em; text-wrap: balance; }
.scent-editorial__hero-copy > p { margin: 24px 0 0; max-width: 48ch; font-size: 16px; line-height: 1.85; color: var(--color-muted-text); }
.scent-editorial__hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; margin-top: 32px; }
.scent-editorial__hero-actions .btn { display: inline-flex; gap: 24px; align-items: center; padding: 14px 22px; border-radius: 12px; }
.scent-editorial__text-link { font-size: 13px; text-decoration: none; border-bottom: 1px solid var(--guide-gold); padding-block: 6px; }
.scent-editorial__text-link span { margin-inline-start: 10px; }
.scent-editorial__hero-visual { position: relative; min-width: 0; background: #e9e4dc; }
.scent-editorial__hero-visual img { display: block; width: 100%; height: 100%; max-height: 560px; object-fit: cover; object-position: center; }
.scent-editorial__visual-label { position: absolute; bottom: 22px; left: 24px; border: 1px solid #ffffff60; padding: 9px 18px; border-radius: 30px; background: #17191da6; color: #fff; font-size: 12px; letter-spacing: .1em; }
.scent-editorial .page-content { max-width: none; margin-top: 48px; }
.scent-story, .scent-editorial .space-guide { scroll-margin-top: 110px; }
.scent-story__intro { max-width: 760px; margin: 0 auto 38px; text-align: center; font-size: clamp(17px, 2vw, 21px); line-height: 1.85; }
.scent-story__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.scent-story__step { display: flex; gap: 22px; padding: clamp(24px, 3vw, 38px); border: 1px solid var(--guide-line); border-radius: 20px; background: var(--color-surface); }
.scent-story__step:first-child { grid-column: 1 / -1; background: color-mix(in srgb, var(--guide-gold) 9%, var(--color-surface)); }
.scent-story__number { flex: 0 0 42px; color: var(--guide-gold); font-size: 28px; line-height: 1.25; font-weight: 400; }
.scent-editorial .scent-story__step h3 { margin: 0 0 16px; font-size: 20px; line-height: 1.45; }
.scent-editorial .scent-story__step p, .scent-editorial .scent-story__step li { color: var(--color-muted-text); font-size: 14px; line-height: 1.85; }
.scent-editorial .scent-story__step p:last-child { margin-bottom: 0; }
.scent-editorial .scent-story__step ul { padding-inline-start: 18px; margin-bottom: 0; }
.scent-editorial .scent-story__step li + li { margin-top: 12px; }
.scent-editorial .scent-story__step a { text-decoration: underline; text-underline-offset: 4px; }
.scent-editorial .space-guide { margin-block: 8px 0; }
.scent-editorial__hero + .space-guide { margin-top: 56px; }
.scent-editorial .space-guide h2 { max-width: 760px; margin: 0 auto 18px; text-align: center; font-size: clamp(25px, 3vw, 36px); line-height: 1.4; text-wrap: balance; }
.scent-editorial .space-guide__intro { max-width: 760px; margin: 0 auto; text-align: center; color: var(--color-muted-text); font-size: 15px; }
.scent-editorial .space-guide__grid { gap: 24px; margin-block: 36px; }
.scent-editorial .space-guide__card { padding: clamp(24px, 3vw, 36px); border-color: var(--guide-line); border-radius: 22px; background: var(--color-surface); }
.space-guide__card-heading { display: flex; align-items: center; gap: 14px; margin-bottom: 24px; }
.space-guide__room-icon { display: grid; place-items: center; flex: 0 0 44px; height: 44px; border-radius: 14px; color: var(--guide-gold, var(--color-text)); background: color-mix(in srgb, var(--color-text) 5%, transparent); }
.space-guide__room-icon svg { width: 24px; height: 24px; }
.scent-editorial .space-guide__card-heading h3 { margin: 0; font-size: 20px; line-height: 1.4; }
.space-guide__card-number { margin-inline-start: auto; opacity: .35; font-size: 13px; }
.scent-editorial .space-guide__card h4 { font-size: 11px; letter-spacing: .06em; margin: 22px 0 10px; color: var(--guide-gold); }
.scent-editorial .space-guide__card h4:last-of-type { border-top: 1px solid var(--guide-line); padding-top: 22px; }
.scent-editorial .space-guide__card p { font-size: 14px; line-height: 1.85; color: var(--color-muted-text); }
.scent-editorial .space-guide__families { gap: 8px; margin-block: 18px; }
.scent-editorial .space-guide__families a { font-size: 12px; border-color: var(--guide-line); padding: 7px 13px; text-decoration: none; transition: background .2s, border-color .2s; }
.scent-editorial .space-guide__families a:hover { background: color-mix(in srgb, var(--guide-gold) 15%, transparent); border-color: var(--guide-gold); }
.scent-editorial .space-guide__note { max-width: none; margin: 0; padding: 24px 28px; border-inline-start: 3px solid var(--guide-gold); border-radius: 0 14px 14px 0; background: color-mix(in srgb, var(--guide-gold) 7%, var(--color-surface)); font-size: 13px; color: var(--color-muted-text); }
.scent-editorial .space-guide__actions { justify-content: center; gap: 14px; margin-top: 28px; }
.scent-editorial .space-guide__actions .btn { border-radius: 12px; padding: 14px 24px; text-align: center; }
.scent-editorial a:focus-visible { outline: 2px solid var(--guide-gold); outline-offset: 5px; }
@media (max-width: 760px) {
    .scent-editorial__hero { grid-template-columns: 1fr; min-height: 0; border-radius: 22px; }
    .scent-editorial__hero-visual { height: 300px; }
    .scent-editorial__hero-visual img { object-position: center 45%; }
    .scent-editorial__eyebrow { margin-bottom: 18px; font-size: 10px; }
    .scent-editorial__hero-actions { gap: 16px; }
    .scent-story__grid, .scent-editorial .space-guide__grid { grid-template-columns: 1fr; }
    .scent-story__step { gap: 14px; }
    .scent-story__number { flex-basis: 32px; font-size: 24px; }
    .scent-editorial .page-content { margin-top: 32px; }
    .scent-editorial .space-guide__actions { align-items: stretch; flex-direction: column; }
}