:root{--accent:#742238;--bg:#faf4ee;--ink:#252b27;--heading:Batang,Georgia,serif}

.footer-brand-original{background:transparent;filter:brightness(0) invert(1)}
.hero-x{height:min(1080px,calc(100svh - 82px));min-height:650px;position:relative;padding:5vw;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr) auto;gap:3vw;overflow:hidden;isolation:isolate}.hero-x h1{font-size:clamp(48px,5.6vw,92px);line-height:1.15}.hx-copy{align-self:center;z-index:2}.hx-copy>p:not(.eyebrow){margin:25px 0;font-size:15px}.hx-visual{min-height:0;position:relative}.hx-visual img{width:100%;height:100%;object-fit:cover}.hx-meta{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid;padding-top:18px;font-size:12px;gap:20px}.hx-note{position:absolute;right:15px;bottom:15px;color:white;background:#0009;font-size:10px;padding:5px 10px;z-index:3}.hx-number{font:12px Arial;letter-spacing:.24em}.hero-x .button-row{margin-top:30px}.hx-extra{display:none}.sub-hero{border-bottom:6px solid var(--accent)}
@media(max-width:900px){.hero-x{height:auto;min-height:0;padding:40px 24px;gap:30px;grid-template-columns:1fr!important}.hero-x h1{font-size:clamp(38px,8vw,65px)}.hero-x .hx-visual{height:420px}.hx-meta{font-size:11px}.hero-x .button{font-size:12px;padding:12px 17px;gap:15px}}
@media(prefers-reduced-motion:no-preference){.hx-copy{animation:hx-in .8s both}@keyframes hx-in{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}}
.v20 .hero-x{grid-template-columns:1fr 1fr;padding:0;background:#eee0d5}.v20 .hx-copy{padding:5vw;position:relative;background:#742238;color:#fff4ea;clip-path:polygon(0 0,100% 0,93% 100%,0 100%);align-self:stretch;display:flex;flex-direction:column;justify-content:center;margin-right:-40px}.v20 .hero-x .eyebrow{color:#f4cbac}.v20 .hero-x .button{background:#f8e6d4;color:#742238}.v20 .hx-meta{padding:20px 5vw;border:0}.v20 .section-heading{border-left:12px solid #742238;padding-left:28px}.v20 .benefits{background:#eee0d5}.v20 .community-feature{clip-path:polygon(0 0,100% 0,96% 100%,0 100%)}@media(max-width:900px){.v20 .hx-copy{padding:45px 28px;clip-path:none;margin:0}.v20 .hx-meta{padding:22px}.v20 .section-heading{padding-left:18px;border-left-width:6px}}