/* Edition 17: asymmetric photographic spreads; original assets and copy retained. */
.hero{isolation:isolate;overflow:hidden}
/* The second exposure is preloaded in the DOM for a reversible crossfade. */
.hero>img.hero-relit{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity 1.2s cubic-bezier(.4,0,.2,1)}
.hero.is-lit>img.hero-relit{opacity:1}
.hero-copy{transition:opacity .45s ease}
.hero.is-lit .hero-copy{opacity:1;pointer-events:auto}
.hero:has(.hero-copy :focus-visible) .hero-copy{opacity:1;pointer-events:auto}

.light-toggle{position:absolute;right:3%;bottom:5%;display:flex;align-items:center;gap:12px;padding:8px 12px;border:1px solid #f3c8d34d;background:#19091080;color:#f4dbe2;font-size:12px;cursor:pointer;z-index:2}.light-toggle span:last-child{font-size:19px;line-height:1}
@media(max-width:760px){.hero>img.hero-relit{height:62.5vw;max-height:none}.hero.is-lit .hero-copy{opacity:1;pointer-events:auto}.light-toggle{top:calc(62.5vw - 48px);bottom:auto;right:5%;font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero>img.hero-relit,.hero-copy{transition:none}}
.intro{max-width:1400px;padding:0 7%;grid-template-columns:1fr 1fr;gap:26px 10%;margin:90px auto 110px}
.intro h2{font-size:clamp(36px,4.7vw,68px);line-height:1.25;letter-spacing:-.05em}.intro-copy{font-size:15px}.intro>.section-name{margin:0}
.campaign-edit{max-width:1440px;padding:0 6%;margin-bottom:110px}
.campaign-heading{grid-template-columns:7fr 4fr;gap:22px 8%;margin-bottom:50px}.campaign-heading h2{font-size:clamp(32px,4.7vw,66px);letter-spacing:-.055em;line-height:1.22}.campaign-heading h2 strong{font-weight:500}.campaign-heading>p:last-child{font-size:14px;max-width:24em;padding-bottom:6px}
.campaign-pair{grid-template-columns:repeat(12,minmax(0,1fr));gap:0 24px;align-items:start}
.campaign-pair>figure:first-child{grid-column:1/8}.campaign-pair>figure:nth-child(2){grid-column:9/13;margin-top:26%}
.campaign-edit figcaption{padding:18px 0 24px}.campaign-edit figcaption span{display:block;font-size:11px;letter-spacing:.18em}.campaign-edit figcaption h3{font-size:clamp(19px,2vw,28px);font-weight:400;line-height:1.5}.campaign-edit figcaption p{font-size:13px;line-height:1.9;max-width:30em}
.campaign-feature{grid-template-columns:4fr 7fr;gap:6%;background:transparent;color:var(--ink);margin:64px 0 90px;align-items:center}.campaign-feature>img{grid-column:2;grid-row:1}.campaign-feature>div{grid-column:1;grid-row:1;padding:0}.campaign-feature h3{font-size:clamp(25px,3.1vw,44px);line-height:1.4;letter-spacing:-.04em}.campaign-feature .section-name{color:var(--muted)}.campaign-feature p:not(.section-name){color:var(--muted);font-size:14px}.campaign-feature .text-link{font-size:12px}
.campaign-triptych{grid-template-columns:3fr 4.4fr 3fr;gap:26px;align-items:start}.campaign-triptych>figure:first-child{margin-top:85px}.campaign-triptych>figure:last-child{margin-top:170px}.campaign-triptych img,.campaign-triptych .still-life img{aspect-ratio:auto;height:auto;background:transparent}.campaign-triptych figcaption h3{font-size:clamp(18px,1.7vw,24px)}
.scent{max-width:1260px;width:88%;grid-template-columns:1.25fr 1fr;gap:6%;background:transparent;align-items:center;margin-bottom:110px}.scent-copy{padding:0}.scent-copy h2{font-size:clamp(28px,3.4vw,45px)}.scent-image{align-self:center}.note-tabs{margin-top:24px}
.story.story-editorial{max-width:1440px;width:100%;padding:64px 8%;grid-template-columns:4fr 6fr;gap:8%;background:#151113}.story.story-editorial>img{grid-column:2;grid-row:1;max-width:620px}.story.story-editorial>div{grid-column:1;grid-row:1;padding:0}.story h2{font-size:clamp(28px,3.3vw,48px);line-height:1.45}.story h2 span{font-size:.7em}.story h2 strong{font-weight:500}.story p{line-height:2.1}
.refill{max-width:1240px;grid-template-columns:5fr 6fr;gap:12%;margin:80px auto}.refill>img{height:380px}.refill h2{font-size:clamp(30px,3.4vw,46px)}
@media(max-width:900px){.campaign-edit{padding:0 5%}.campaign-pair{gap:0 18px}.campaign-pair>figure:first-child{grid-column:1/8}.campaign-pair>figure:nth-child(2){grid-column:8/13}.campaign-triptych{gap:18px}.campaign-triptych>figure:last-child{margin-top:110px}.scent{gap:5%}.story.story-editorial{padding:48px 5%;gap:6%}.story h2{font-size:30px}}
@media(max-width:760px){.intro{display:block;margin:50px auto 65px;padding:0 7%}.intro h2{font-size:38px;margin:18px 0 28px}.campaign-heading{display:block;margin-bottom:30px}.campaign-heading h2{font-size:36px;line-height:1.3;margin:15px 0}.campaign-heading>p:last-child{font-size:13px}.campaign-edit{padding:0 6%;margin-bottom:55px}.campaign-pair{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:0}.campaign-pair>figure:first-child{grid-column:1/11}.campaign-pair>figure:nth-child(2){grid-column:4/13;margin-top:18px}.campaign-feature{display:flex;flex-direction:column;gap:28px;margin:40px 0 55px}.campaign-feature>img{width:92%;align-self:flex-end}.campaign-feature>div{width:90%;align-self:flex-start}.campaign-feature h3{font-size:32px;margin-bottom:18px}.campaign-triptych{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px 0}.campaign-triptych>figure:first-child{grid-column:1/10;margin:0}.campaign-triptych>figure:nth-child(2){grid-column:3/13}.campaign-triptych>figure:last-child{grid-column:1/11;margin:0}.campaign-edit figcaption h3,.campaign-triptych figcaption h3{font-size:21px}.scent{display:flex;flex-direction:column;width:88%;gap:30px;margin-bottom:55px}.scent-copy{padding:0;width:100%}.story.story-editorial{display:flex;flex-direction:column;padding:30px 6% 38px;gap:30px}.story.story-editorial>img{width:92%;align-self:flex-end}.story.story-editorial>div{width:100%;padding:0}.refill{grid-template-columns:1fr;gap:25px;margin:50px auto}.refill>img{height:300px}}