html[data-essentrx-v2-mode="public-live"] .guide-section { visibility: hidden; }
html.ess-v2-public-ready .guide-section { visibility: visible; }
.ess-v2-preview-notice { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:10px clamp(16px,4vw,64px); background:#ece5db; color:#4c4034; font:500 11px/1.5 Arial,sans-serif; letter-spacing:.04em; }
.ess-v2-preview-notice > span { display:flex; align-items:center; gap:8px; }
.ess-v2-preview-notice i { width:6px; height:6px; border-radius:50%; background:#9f793f; }
.ess-v2-preview-notice a { color:inherit; text-decoration:underline; text-underline-offset:3px; }
.ess-v2-public-hero { display:grid; grid-template-columns:63% 37%; grid-template-rows:minmax(0,1fr); height:clamp(420px,40vw,575px); overflow:hidden; background:#f7ead6; }
.ess-v2-public-hero__media { display:grid; place-items:center; min-height:0; height:100%; overflow:hidden; background:#e9e1d5; }
.ess-v2-public-hero__scene { display:block; width:100%; height:100%; max-height:100%; object-fit:cover; }
.ess-v2-public-hero__panel { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; min-width:0; min-height:0; height:100%; margin-left:-48px; width:calc(100% + 48px); padding:clamp(25px,3vw,44px) 16px 8px 64px; overflow:hidden; background:#d9d4c4; -webkit-mask-image:linear-gradient(to right,transparent,#000 48px); mask-image:linear-gradient(to right,transparent,#000 48px); }
.ess-v2-public-hero__panel::after { content:""; position:absolute; z-index:1; inset:0; pointer-events:none; background:linear-gradient(to bottom,rgba(248,243,234,.9),rgba(248,243,234,.76) 34%,transparent 53%); }
.ess-v2-public-hero__tabletop { position:absolute; inset:0; display:block; width:100%; height:100%; object-fit:cover; object-position:right center; }
.ess-v2-public-hero__lineup { position:absolute; z-index:2; left:25%; right:7%; bottom:15%; display:grid; grid-template-columns:repeat(4,1fr); height:46%; }
.ess-v2-public-hero__lineup a { display:block; min-width:0; height:100%; }
.ess-v2-public-hero__lineup a:focus-visible { outline:3px solid #173039; outline-offset:-4px; }
.ess-v2-public-hero__copy { position:relative; z-index:2; width:100%; color:#173039; text-align:center; }
.ess-v2-public-hero__copy > p { margin:0 0 16px; color:#956d34; font:700 10px/1.4 Arial,sans-serif; letter-spacing:.24em; text-transform:uppercase; }
.ess-v2-public-hero h1 { margin:0 0 15px; font:400 clamp(37px,3.5vw,60px)/.98 Georgia,serif; letter-spacing:-.04em; }
.ess-v2-public-hero h1 em { color:#9f793f; font-weight:400; }
.ess-v2-public-hero__copy > span { display:block; margin-bottom:14px; font:400 14px/1.6 Arial,sans-serif; }
.ess-v2-public-hero__copy > a { display:inline-flex; align-items:center; gap:28px; min-height:46px; padding:0 22px; color:#fff !important; background:#173039; text-decoration:none; font:700 10px/1.4 Arial,sans-serif; text-transform:uppercase; letter-spacing:.12em; }
html[data-essentrx-v2-mode="public-live"] .ess-v2-public-hero__cta { position:absolute; z-index:4; bottom:20px; left:50%; transform:translateX(-50%); display:inline-flex; align-items:center; justify-content:space-between; gap:28px; width:min(280px,calc(100% - 40px)); min-height:46px; padding:0 22px; color:#fff !important; background:#173039; text-decoration:none; font:700 10px/1.4 Arial,sans-serif; text-transform:uppercase; letter-spacing:.12em; }
.ess-v2-preview-empty { padding:80px 24px; max-width:760px; margin:auto; text-align:center; }
.ess-v2-preview-empty h1,.ess-v2-preview-empty h2 { font:400 clamp(28px,4vw,44px)/1.15 Georgia,serif; }
.ess-v2-preview-empty p { line-height:1.6; }
.ess-v2-preview-empty a { display:inline-block; margin-top:18px; padding:14px 24px; background:#171310; color:#fff; }
.ess-package__preview-note { margin:10px 0 0; max-width:620px; color:#71695e; font:400 12px/1.6 Arial,sans-serif; }
html[data-essentrx-v2-mode="public-live"] .ess-v2-new-hero__visual { background:#f4f0e9; }
html[data-essentrx-v2-mode="public-live"] .ess-v2-new-hero__visual > img { position:absolute; inset:0; object-fit:contain; padding:28px 24px 110px; }
html[data-essentrx-v2-mode="public-live"] .ess-v2-home-rail-card__retail,
html[data-essentrx-v2-mode="public-live"] .ess-v2-rating,
html[data-essentrx-v2-mode="public-live"] .ess-v2-px-reviews { display:none !important; }
@media(max-width:1100px) { .ess-v2-public-hero { grid-template-columns:61% 39%; height:clamp(390px,45vw,500px); } .ess-v2-public-hero__panel { padding-top:25px; } .ess-v2-public-hero h1 { font-size:clamp(29px,4vw,44px); } }
@media(max-width:700px) { .ess-v2-public-hero { display:block; height:auto; } .ess-v2-public-hero__media { width:100%; height:auto; aspect-ratio:3/2; } .ess-v2-public-hero__panel { min-height:420px; height:420px; margin-left:0; width:100%; padding:25px 12px 8px; -webkit-mask-image:none; mask-image:none; } .ess-v2-public-hero h1 { font-size:clamp(38px,9vw,54px); } .ess-v2-public-hero__lineup { height:44%; bottom:13%; } }
@media(max-width:600px) { .ess-v2-preview-notice { justify-content:center; flex-wrap:wrap; gap:3px; text-align:center; font-size:10px; } .ess-v2-public-hero__scene { aspect-ratio:1.15/1; object-position:17% center; } .ess-v2-public-hero__focus { top:34vw; right:5%; width:32%; } .ess-v2-public-hero__focus img { height:145%; bottom:-22%; } .ess-v2-public-hero__copy>a { width:100%; justify-content:space-between; } }
@media(max-width:700px) {
  .ess-v2-public-hero__panel { padding-bottom:70px; }
  .ess-v2-public-hero__copy > a { position:absolute; top:calc(420px - 25px - 58px); left:0; right:0; z-index:3; justify-content:space-between; min-height:46px; padding-right:68px; }
  html[data-essentrx-v2-mode="public-live"] .ess-v2-public-hero__cta { bottom:25px; left:12px; right:12px; transform:none; width:auto; padding-right:100px; }
}