/* Local proposal: one connected surface; original photographs and masks retained. */
.collection-hero{background:#f8fafc;padding:36px 0 36px;isolation:isolate}
.collection-hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);grid-template-rows:auto 1fr auto;column-gap:24px;isolation:isolate}
.collection-hero-inner:before{content:"";position:absolute;z-index:-1;inset:auto 0 0;height:300px;background:var(--navy);mask-image:url("/assets/hero/connected-base.svg");mask-size:100% 100%;mask-repeat:no-repeat;mask-mode:alpha;pointer-events:none}
.collection-hero-copy{grid-column:1;grid-row:1;align-self:start;padding:38px 0 0;max-width:500px}
.collection-hero-eyebrow{font-size:11px;letter-spacing:.16em;font-weight:600;color:#647990;margin-bottom:18px}
.collection-hero h1{font-size:clamp(38px,3.7vw,52px);font-weight:600;line-height:1.1;letter-spacing:-.04em;margin:0;color:var(--navy);max-width:17ch}
.collection-hero-description{font-size:16px;line-height:1.65;color:#5b6f84;margin:20px 0 0;max-width:40ch}
.collection-hero-cta{align-self:start;grid-column:1;grid-row:2;justify-self:start;margin:24px 0 116px;background:var(--navy);border-color:var(--navy);color:white;min-height:48px;padding:12px 24px;font-size:15px;font-weight:600}
.collection-hero-cta:hover{background:var(--navy);border-color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.collection-hero-stage{grid-column:2;grid-row:1/3;position:relative;align-self:end;aspect-ratio:1.25;min-width:0;width:100%;max-width:620px;justify-self:end;isolation:isolate}
.hero-bottle{position:absolute;z-index:1;filter:none}
.hero-bottle:after{content:"";position:absolute;bottom:-1.3%;left:-7%;width:120%;height:5%;background:radial-gradient(ellipse 38% 20% at 47% 32%,#07121e5c 0,#07121e24 48%,transparent 100%),radial-gradient(ellipse 49% 48% at 53% 51%,#07121e2e 0,#07121e14 40%,transparent 100%);z-index:-1;transform:rotate(-3deg)}
.hero-bottle-cut{position:relative;overflow:hidden;mask-size:100% 100%;mask-repeat:no-repeat}
.hero-bottle img{position:absolute;max-width:none;height:auto;display:block}
.hero-bottle-nad{left:6%;width:33.5%;bottom:8%}
.hero-bottle-reta{left:36%;width:27.5%;bottom:4%;z-index:3}
.hero-bottle-ghk{left:61%;width:22.4%;bottom:8%}
.hero-bottle-nad .hero-bottle-cut{aspect-ratio:282/612;mask-image:url("/assets/hero/nad-mask.svg")}
.hero-bottle-nad img{width:255.31914893617022%;left:-74.822695035461%;top:-49.34640522875817%}
.hero-bottle-reta .hero-bottle-cut{aspect-ratio:262/654;mask-image:url("/assets/hero/reta-mask.svg")}
.hero-bottle-reta img{width:274.80916030534354%;left:-87.78625954198473%;top:-23.394495412844037%}
.hero-bottle-ghk .hero-bottle-cut{aspect-ratio:226/551;mask-image:url("/assets/hero/ghk-mask.svg")}
.hero-bottle-ghk img{width:318.5840707964602%;left:-110.61946902654867%;top:-35.75317604355717%}

.collection-hero-notes{grid-column:1/-1;grid-row:3;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin:0;padding:22px 44px 30px;color:white;background:none}
.collection-hero-notes li{display:flex;flex-direction:column;align-items:flex-start;gap:9px;font-size:18px;line-height:1.35;font-weight:600}
.collection-hero-notes svg{width:38px;height:38px;flex:none;color:white}
/* Existing lower collection remains unchanged. */
.products-head h2{font-size:clamp(28px,3.1vw,40px);max-width:12ch;line-height:1.15;letter-spacing:-.035em}
@media(max-width:1000px) and (min-width:741px){
 .collection-hero{padding-top:22px}.collection-hero-inner{gap:16px;grid-template-columns:1fr 1fr}.collection-hero-inner:before{height:240px}
 .collection-hero-copy{padding-top:12px}.collection-hero h1{font-size:38px}.collection-hero-description{font-size:14px}.collection-hero-cta{margin-bottom:82px}
 .collection-hero-notes{padding:18px 28px 26px;gap:20px}.collection-hero-notes li{font-size:15px}.collection-hero-notes svg{width:32px;height:32px}
}
@media(max-width:740px){
 .collection-hero{padding:25px 0 24px}
 .collection-hero-inner{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;gap:0}
 .collection-hero-inner:before{height:300px;mask-image:url("/assets/hero/connected-base-mobile.svg")}
 .collection-hero-copy{grid-column:1;grid-row:1;max-width:100%;padding:0}
 .collection-hero-eyebrow{font-size:9px;letter-spacing:.15em;margin-bottom:10px}
 .collection-hero h1{font-size:34px;line-height:1.08;max-width:15ch;letter-spacing:-.04em}
 .collection-hero-description{font-size:14px;line-height:1.55;margin-top:12px;max-width:38ch}
 .collection-hero-stage{grid-column:1;grid-row:2;max-width:430px;aspect-ratio:1.19;justify-self:center;margin-top:14px}
 .hero-bottle-nad{left:2%;width:35.4%;bottom:8%}.hero-bottle-reta{left:34%;width:29%;bottom:4%;z-index:3}.hero-bottle-ghk{left:61%;width:24%;bottom:8%}
 .collection-hero-cta{align-self:start;grid-column:1;grid-row:3;margin:6px 22px 0;justify-self:stretch;justify-content:center;min-height:46px;background:var(--navy);border-color:#fff;color:#fff;font-size:14px}
 .collection-hero-cta:hover{background:var(--navy);border-color:#fff;color:#fff}
 .collection-hero-notes{grid-column:1;grid-row:4;gap:9px;padding:20px 14px 24px}
 .collection-hero-notes li{align-items:center;text-align:center;gap:8px;font-size:11px;line-height:1.4;font-weight:600}
 .collection-hero-notes svg{width:28px;height:28px}
 .products-head h2{font-size:23px;line-height:1.2;max-width:12ch}
}