/* Jewellery-first art direction. Transparent black replaces the former beige wash. */
.campaign-hero,.campaign-hero .slide,.campaign-hero .supplied-portrait{background:#101010}
.campaign-hero .slide>img,.campaign-hero .supplied-portrait>img{inset:0;width:100%;height:100%;object-position:var(--image-focus);mask-image:none;-webkit-mask-image:none;background:#101010}
.campaign-hero .slide:after,.campaign-hero .jewellery-slide:after,.campaign-hero .face-slide:after,.campaign-hero .supplied-portrait:after{background:linear-gradient(90deg,#0009, #0004 36%,#0000 70%),linear-gradient(0deg,#0006,transparent 42%)}
.campaign-hero .hero-copy{bottom:100px;width:47%;max-width:640px}
.campaign-hero .right-portrait .hero-copy h1{font-size:clamp(50px,5.4vw,83px);font-weight:400;letter-spacing:-.03em}
.campaign-hero .hero-copy h1 em{font-weight:400}.campaign-hero .hero-copy p:not(.eyebrow){max-width:355px}
.campaign-hero .hero-copy .button{background:#f7f3eb;color:#201c17;border-color:#f7f3eb;box-shadow:none;min-height:48px}
.campaign-hero .hero-copy .button:hover{background:#e4d2b1;border-color:#e4d2b1}
.campaign-hero .earring-slide>img{object-position:50% 58%}
.campaign-hero .hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s;pointer-events:none}.campaign-hero .hero-film.playing{opacity:1}
.hero-film-toggle{position:absolute;right:3%;bottom:78px;z-index:4;background:#0005;border:1px solid #fff8;color:white;border-radius:0;padding:9px 12px;font-size:11px}.hero-film-toggle[hidden]{display:none}
.home-personal-banner{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:start;padding:0;overflow:visible;isolation:auto;background:#e9e5dd;color:var(--ink)}
.home-personal-banner:after{display:none}.home-personal-banner>.personal-story-copy{position:sticky;top:calc(var(--header-height,130px) + 24px);width:100%;max-width:610px;padding:80px 12% 70px 14%;z-index:1}
.home-personal-banner h2{font-size:clamp(45px,4.8vw,72px);line-height:1.02}.home-personal-banner p:not(.eyebrow){max-width:355px}.home-personal-banner small{color:#665c4e}
.personal-story-images{min-width:0;max-width:none!important;width:100%;padding:0}
.personal-story-images figure{position:relative;margin:0;overflow:hidden;background:#d2c9b9}
.personal-story-images img{display:block;aspect-ratio:1/1;object-fit:cover;object-position:76% 48%;width:100%;height:auto;transition:transform 1.2s cubic-bezier(.2,.6,.3,1)}
.personal-story-images figure:hover img{transform:scale(1.025)}
.personal-story-images figcaption{position:absolute;left:28px;bottom:24px;color:white;font:11px var(--sans);letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 8px #000}
.personal-story-images figure:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#0005);pointer-events:none}
.personal-story-images figcaption{z-index:1}.personal-story-images figure:nth-child(2) img{object-position:78% 46%}
.home-face-banner.gift-story{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:580px;padding:0;background:#171a16;color:#fbf7ee;isolation:auto;overflow:hidden}
.home-face-banner.gift-story:after{display:none}.gift-story>.gift-photo{position:relative;inset:auto;z-index:auto;width:100%;height:640px;object-fit:cover;object-position:50% 52%}
.home-face-banner.gift-story>div{width:100%;max-width:620px;padding:65px 12%}
.gift-story h2{font-size:clamp(43px,4.5vw,67px);line-height:1.04}.gift-story p:not(.eyebrow){color:#e5e1d8;line-height:1.8}.gift-story .button{background:#f5f0e5;border-color:#f5f0e5;color:#221e18}.gift-story .text-link{display:block;width:fit-content;margin-top:20px}.gift-story small{display:block;font-size:11px;color:#bcbdb4;line-height:1.6;margin-top:22px;max-width:310px}
.shopping-card:nth-child(2){--reveal-delay:60ms}.shopping-card:nth-child(3){--reveal-delay:120ms}.shopping-card:nth-child(4){--reveal-delay:180ms}.shopping-card:nth-child(5){--reveal-delay:240ms}.shopping-card:nth-child(6){--reveal-delay:300ms}
.journal-cover>img{object-position:55% 50%}
@media(min-width:701px){.campaign-hero .supplied-portrait>img{object-position:50% 28%}}
@media(max-width:700px){
 .campaign-hero .slide>img,.campaign-hero .jewellery-slide>img,.campaign-hero .supplied-portrait>img{inset:0;width:100%;height:100%;object-position:var(--mobile-focus);mask-image:none;-webkit-mask-image:none}
 .campaign-hero .slide:after,.campaign-hero .jewellery-slide:after,.campaign-hero .face-slide:after,.campaign-hero .supplied-portrait:after{background:linear-gradient(0deg,#000c 0%,#0007 27%,#0001 56%,transparent 78%)}
 .campaign-hero .hero-copy{left:24px;right:24px;bottom:92px;width:auto;max-width:calc(100% - 48px)}
 .campaign-hero .right-portrait .hero-copy h1{font-size:clamp(42px,11.4vw,56px)}.campaign-hero .hero-copy p:not(.eyebrow){font-size:14px;max-width:270px}
 .campaign-hero .hero-copy .button{font-size:11px;min-height:45px;padding:12px 20px}.campaign-disclaimer{font-size:9px}
 .home-personal-banner{display:flex;flex-direction:column;min-height:0;padding:0}
 .home-personal-banner>.personal-story-copy{position:static;max-width:none;padding:42px 24px;order:2}
 .home-personal-banner h2{font-size:44px}.home-personal-banner h2 br:nth-child(2){display:initial}
 .personal-story-images{display:grid;grid-template-columns:1fr 1fr;order:1}.personal-story-images img{aspect-ratio:3/4;object-position:78% 45%}
 .personal-story-images figcaption{left:12px;bottom:14px;font-size:9px;letter-spacing:.08em;max-width:145px}
 .home-face-banner.gift-story{grid-template-columns:1fr;min-height:0;padding:0}.gift-story>.gift-photo{height:440px;object-position:center 50%}.home-face-banner.gift-story>div{max-width:none;padding:39px 24px 45px}.gift-story h2{font-size:43px;max-width:none}.gift-story small{max-width:320px}
 .shopping-card{--reveal-delay:0ms!important}
}
@media(prefers-reduced-motion:reduce){.personal-story-images img{transition:none}.home-personal-banner>.personal-story-copy{position:static}.campaign-hero .slide>img{transform:none}}
@media(min-width:701px) and (max-height:800px){.home-personal-banner>.personal-story-copy{padding-top:34px;padding-bottom:34px}.home-personal-banner h2{font-size:56px;margin:18px 0}.home-personal-banner p:not(.eyebrow){font-size:14px;line-height:1.65}}
@media(min-width:701px) and (prefers-reduced-motion:reduce){.personal-story-images{display:grid;grid-template-columns:1fr 1fr;align-self:stretch}.personal-story-images figure{height:100%}.personal-story-images img{height:100%;aspect-ratio:auto;min-height:400px}.personal-story-images figcaption{left:15px;bottom:20px;font-size:10px;max-width:210px}}
