.hero-content{position:relative;z-index:1;width:100%;max-width:900px}
.hero-content .hero-note{margin-left:auto;margin-right:auto}
.hero--cinema .hero-veil{background:linear-gradient(180deg,#080c1680,#080c1699 48%,#080c16d9)}
.hero--split{align-items:flex-start;text-align:left;background:var(--bg-soft);color:var(--ink);min-height:800px;padding:170px 6vw 110px}
.hero--split .hero-content{width:42%;max-width:560px}
.hero--split .hero-bg{left:48%;width:52%;z-index:0}
.hero--split .hero-veil,.hero--framed .hero-veil{display:none}
.hero--split .hero-title{font-size:clamp(2rem,3.3vw,3.25rem);text-wrap:initial}
.hero--split .hero-actions{justify-content:flex-start}
.hero--split .hero-note{margin-left:0}
.hero--split .hero-eyebrow,.hero--framed .hero-eyebrow{color:var(--brand-accent)}
.hero--split .hero-sub,.hero--framed .hero-sub{color:var(--ink-soft)}
.hero--split .btn-solid,.hero--framed .btn-solid{background:var(--brand-accent);color:#fff}
.hero--split .btn-ghost,.hero--framed .btn-ghost{color:var(--ink);border-color:var(--brand-accent)}
body[data-brand="moriette"] .nav,body[data-brand="noue"] .nav{background:#ffffffed;color:var(--ink);backdrop-filter:blur(12px)}
body[data-brand="moriette"] .nav-cta,body[data-brand="noue"] .nav-cta{background:var(--brand-accent);color:#fff}
.hero--framed{background:var(--bg-soft);color:var(--ink);padding:128px 6vw 64px;min-height:0}
.hero--framed .hero-content{order:1;max-width:1000px}
.hero--framed .hero-bg{order:2;position:relative;inset:auto;z-index:0;width:100%;max-width:1400px;height:clamp(340px,44vw,600px);margin-top:26px;border-radius:3px;object-position:50% 30%}
.hero--framed .hero-title{font-size:clamp(2rem,3.8vw,3rem);line-height:1.25}
.hero--framed .hero-eyebrow{margin-bottom:12px}
.hero--framed .hero-note{margin-top:14px}
.hero--framed .hero-actions{margin-top:18px}
.hero--framed .hero-promo{margin-top:12px}
.hero--editorial{align-items:flex-start;text-align:left;padding-left:8vw}
.hero--editorial .hero-content{max-width:670px}
.hero--editorial .hero-title{font-size:clamp(2rem,4vw,3.6rem)}
.hero--editorial .hero-actions{justify-content:flex-start}
.hero--editorial .hero-note{margin-left:0}
.hero--editorial .hero-veil{background:linear-gradient(90deg,#170f0bf0,#170f0baa 40%,#170f0b55 78%),linear-gradient(0deg,#170f0b99,transparent)}
body[data-brand="moriette"] .about-layout{grid-template-columns:1fr 1.15fr}
body[data-brand="moriette"] .about-content{grid-column:1;grid-row:1}
body[data-brand="moriette"] .about-visual{grid-column:2;grid-row:1}
body[data-brand="moriette"] .about-visual img{aspect-ratio:4/5;border-radius:160px 160px 4px 4px}
body[data-brand="noue"] .about-visual img{border-radius:4px;aspect-ratio:1/1}
body[data-brand="avelo"] .about-layout{grid-template-columns:1.2fr 1fr}
body[data-brand="avelo"] .about-visual img{aspect-ratio:3/2;border-radius:4px}
@media(max-width:1020px) and (min-width:761px){
 .hero--split{min-height:720px;padding-left:5vw;padding-right:5vw}
 .hero--split .hero-content{width:43%}
 .hero--split .hero-title{font-size:2rem}
 .hero--split .hero-eyebrow{font-size:.8125rem;letter-spacing:0}
 .hero--split .hero-actions{flex-direction:column;align-items:flex-start}
 .hero--split .hero-actions .btn{min-width:180px}
}
@media(max-width:760px){
 .hero-content{max-width:540px}
 .hero--split{padding:120px 20px 0;min-height:0;align-items:center;text-align:center}
 .hero--split .hero-content{width:100%;max-width:540px}
 .hero--split .hero-title{font-size:clamp(1.8rem,6.5vw,3rem)}
 .hero--split .hero-note{margin-left:auto}
 .hero--split .hero-bg{position:relative;inset:auto;order:2;display:block;width:calc(100% + 40px);max-width:none;height:auto;aspect-ratio:4/3;margin-top:36px;object-position:40% 45%}
 .hero--split .hero-actions{justify-content:center}
 .hero--framed{padding:120px 20px 30px}
 .hero--framed .hero-bg{margin-top:30px;height:auto;aspect-ratio:4/3;width:100%;object-position:50% 20%}
 .hero--framed .hero-title{font-size:clamp(1.8rem,6.5vw,3rem)}
 .hero--editorial{padding:140px 20px 70px;align-items:center;text-align:center}
 .hero--editorial .hero-title{font-size:clamp(1.8rem,6.5vw,3rem)}
 .hero--editorial .hero-note{margin-left:auto}
 .hero--editorial .hero-actions{justify-content:center}
 .hero--editorial .hero-veil{background:linear-gradient(180deg,#170f0b99,#170f0ba6 55%,#170f0bd9)}
 body[data-brand="moriette"] .about-layout,body[data-brand="avelo"] .about-layout{grid-template-columns:1fr}
 body[data-brand="moriette"] .about-visual,body[data-brand="moriette"] .about-content{grid-column:auto;grid-row:auto}
 body[data-brand="moriette"] .about-visual img{border-radius:100px 100px 4px 4px;aspect-ratio:4/5}
}