@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;900&family=Instrument+Serif:ital@1&display=swap');
.phase1 .product-hero.editorial-hero{align-items:flex-start;text-align:left;position:relative;max-width:none;min-height:640px;padding:50px 6vw 100px;font-family:'Archivo',Arial,sans-serif}
.editorial-hero .immersive-position{font-family:'Archivo',Arial,sans-serif;font-size:10px;letter-spacing:.12em;margin-bottom:22px}
.phase1 .editorial-hero h1{font-family:'Archivo',Arial,sans-serif;font-size:clamp(40px,4.6vw,68px);font-weight:900;letter-spacing:-.035em;line-height:1.05;max-width:70%;margin:0}
.phase1 .editorial-hero h1>span{display:block}
.phase1 .editorial-hero h1 em{display:block;font-family:'Instrument Serif',Georgia,serif;font-size:1.16em;line-height:.95;letter-spacing:-.015em;color:#ff9a72;font-weight:400;margin:.04em 0 .1em}
.editorial-hero .immersive-description{font-family:'Archivo',Arial,sans-serif;font-size:17px;line-height:1.65;max-width:530px;margin-top:24px}
.phase1 .editorial-hero .immersive-actions{justify-content:flex-start;flex-direction:row;gap:20px;margin-top:25px}
.phase1 .editorial-hero .immersive-actions .product-button{font-family:'Archivo',Arial,sans-serif;font-size:14px;background:#f2e9dc;color:#152725;border:1px solid #f2e9dc;border-radius:5px;padding:12px 18px;min-height:46px;backdrop-filter:none;-webkit-backdrop-filter:none;gap:20px}
.phase1 .editorial-hero .immersive-actions .product-contact{font-family:'Archivo',Arial,sans-serif;font-size:14px;background:none;border:0;border-bottom:1px solid #eee7dc80;border-radius:0;padding:12px 0;min-height:46px;backdrop-filter:none;-webkit-backdrop-filter:none;gap:16px}
.editorial-hero .immersive-footnote{font-size:10px;margin-top:22px}
.hero-cloud-mascot{position:absolute;width:170px;height:auto;right:15%;top:46%;pointer-events:none;filter:drop-shadow(0 12px 16px #080f0e45);animation:cloud-float 4.5s ease-in-out infinite alternate}
@keyframes cloud-float{from{transform:translateY(-4px) rotate(-.4deg)}to{transform:translateY(4px) rotate(.4deg)}}
@media(hover:hover){.phase1 .editorial-hero .immersive-actions .product-button:hover{background:#fff5e8;color:#152725}.phase1 .editorial-hero .immersive-actions .product-contact:hover{background:none;color:#ffb498}}
@media(min-width:761px) and (max-width:1100px){.hero-cloud-mascot{right:7%;width:145px}.editorial-hero .immersive-description{max-width:55%}.phase1 .editorial-hero h1{font-size:clamp(38px,4.6vw,52px)}}
@media(max-width:760px){.phase1 .product-hero.editorial-hero{padding:36px 6vw 82px;min-height:0}.phase1 .editorial-hero h1{font-size:clamp(30px,7.8vw,54px);max-width:100%;line-height:1.08}.editorial-hero .immersive-position{font-size:8px;letter-spacing:.06em;gap:7px}.editorial-hero .immersive-description{max-width:100%;font-size:16px}.phase1 .editorial-hero .immersive-actions{flex-direction:column;align-items:flex-start;gap:10px}.phase1 .editorial-hero .immersive-actions .product-button,.phase1 .editorial-hero .immersive-actions .product-contact{min-width:0}.hero-cloud-mascot{position:relative;top:auto;right:auto;align-self:flex-end;width:110px;margin-top:12px}.editorial-hero .immersive-footnote{order:0;font-size:9px;max-width:none;margin-top:12px}}
@media(prefers-reduced-motion:reduce){.hero-cloud-mascot{animation:none}}
@media(max-width:760px){.phase1 .editorial-hero .immersive-actions{order:0}}

/* Centered serif variant with sea-view background. */
.phase1 .hero-shell{background-image:url('assets/hero-mer-test.png');background-position:center center}
.phase1 .product-hero.editorial-hero{align-items:center;text-align:center;font-family:Arial,Helvetica,sans-serif}
.phase1 .editorial-hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(46px,5.3vw,78px);line-height:1.05;letter-spacing:-.035em;max-width:1200px}
.phase1 .editorial-hero h1 em{font-family:Georgia,'Times New Roman',serif;font-size:1em;line-height:1.08;display:inline-block;color:#f0d5c5;margin-top:.08em}
.editorial-hero .immersive-description{font-family:Arial,Helvetica,sans-serif;max-width:66ch}
.phase1 .editorial-hero .immersive-actions{justify-content:center}
.hero-cloud-mascot{width:145px;right:5%;top:auto;bottom:100px;filter:grayscale(1) brightness(1.35) drop-shadow(0 10px 16px #080f0e45)}
@media(max-width:1100px) and (min-width:761px){.hero-cloud-mascot{width:110px;right:4%;bottom:100px}.editorial-hero .immersive-description{max-width:66ch}}
@media(max-width:760px){.phase1 .editorial-hero h1{font-size:clamp(36px,9.4vw,60px);max-width:100%;line-height:1.08}.phase1 .editorial-hero .immersive-actions{align-items:center}.hero-cloud-mascot{position:relative;right:auto;bottom:auto;align-self:center;width:95px;margin-top:18px}.phase1 .hero-shell{background-position:center center}}

/* Primary CTA glass trial. */
.phase1 .editorial-hero .immersive-actions .product-button{background:#f4f0e52e;color:#f6f1e8;border:1px solid #f6f1e880;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
@media(hover:hover){.phase1 .editorial-hero .immersive-actions .product-button:hover{background:#f4f0e54a;color:#f6f1e8}}

/* Match the editorial section headings. */
.phase1 .editorial-hero h1,.phase1 .editorial-hero h1 em{font-family:'Instrument Serif',Georgia,serif}

/* Raise the mascot slightly on desktop. */
@media(min-width:761px){.hero-cloud-mascot{bottom:160px}}