/* Classic home: public editorial sections, independently rendered membership. */
.myopal-home { width:100%; min-width:0; background:var(--myopal-color-background); }
.myopal-home a { text-decoration:none; }.myopal-home-section-title > h2 { font-size:1.15rem; line-height:1.3; }
.myopal-home-hero { position:relative; color:#fff; background:#090909; }
.myopal-home-track { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; overscroll-behavior-inline:contain; padding:0; margin:0; list-style:none; }
.myopal-home-track::-webkit-scrollbar { display:none; }
.myopal-home-track > * { flex:0 0 100%; min-width:0; scroll-snap-align:center; }
.myopal-home-hero-slide { position:relative; display:flex; align-items:flex-end; isolation:isolate; min-height:25rem; aspect-ratio:750 / 760; max-height:42rem; overflow:hidden; }
.myopal-home-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.myopal-home-hero-slide::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(transparent 20%,#000c); }
.myopal-home-hero-slide > img { z-index:-2; }
.myopal-home-hero-copy { width:100%; padding:6rem 1.4rem 3.5rem; }
.myopal-home-hero-copy :is(h1,h2) { max-width:20ch; font-size:clamp(1.65rem,5vw,3.1rem); line-height:1.15; font-weight:600; color:#fff; }
.myopal-home-hero-copy > p { max-width:42ch; font-size:.9rem; line-height:1.7; color:#ffffffd1; margin-block:.8rem 1.1rem; }
.myopal-home-gold-button { display:inline-flex; align-items:center; gap:.6rem; padding:.65rem 1rem; border-radius:var(--myopal-radius-pill); background:linear-gradient(135deg,#f3d188,#c69238); color:#111; font-size:.8rem; font-weight:600; }
.myopal-home-content { position:relative; max-width:var(--myopal-content-wide); margin:-.9rem auto 0; padding:1.1rem var(--myopal-container-gutter) 2.5rem; border-radius:1.1rem 1.1rem 0 0; background:var(--myopal-color-background); display:flex; flex-direction:column; gap:2rem; }
.myopal-home-entries { display:flex; overflow:hidden; border-radius:var(--myopal-radius-md); }
.myopal-home-entry { position:relative; flex:1; min-width:0; min-height:12rem; aspect-ratio:.9; max-height:23rem; color:#fff; background:#29241e; }
.myopal-home-entry::after { content:''; position:absolute; inset:0; background:linear-gradient(transparent 25%,#000c); }
.myopal-home-entry > span { position:absolute; inset:auto .8rem 1rem; z-index:1; }
.myopal-home-entry strong { display:block; font-size:1.05rem; margin-bottom:.4rem; }.myopal-home-entry small { display:flex; gap:.2rem; align-items:center; font-size:.7rem; }
.myopal-home-design-banner { position:relative; isolation:isolate; display:block; padding:1.3rem; overflow:hidden; border-radius:var(--myopal-radius-md) var(--myopal-radius-md) 0 0; background:#28251e; color:#fff; }
.myopal-home-design-banner .myopal-home-image { z-index:-2; }.myopal-home-design-banner::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#000d,#0005); }
.myopal-home-design-banner h2,.myopal-home-feature-heading h2 { display:flex; justify-content:space-between; align-items:center; gap:.5rem; font:700 1.3125rem/1.2 var(--myopal-font-body); color:var(--myopal-color-gold-light); }.myopal-home-design-banner p,.myopal-home-feature-heading > p { max-width:46ch; font:.8rem/1.75 var(--myopal-font-body); color:#ffffffcf; margin-top:.75rem; }
.myopal-home-design-preview { position:relative; overflow:hidden; border-radius:0 0 var(--myopal-radius-md) var(--myopal-radius-md); background:#e9e3d9; }
.myopal-home-work { position:relative; display:block; aspect-ratio:1; }
.myopal-home-work img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.myopal-home-controls { display:flex; gap:.5rem; align-items:center; justify-content:center; padding:.5rem; }.myopal-home-controls[hidden] { display:none; }
.myopal-home-controls button { min-width:2rem; min-height:2rem; padding:.25rem; display:grid; place-items:center; border:0; background:#17140eee; color:var(--myopal-color-gold); font-size:.65rem; border-radius:var(--myopal-radius-pill); }
.myopal-home-dots { display:flex; align-items:center; gap:.4rem; }.myopal-home-dots button { min-width:1.3rem; min-height:1.8rem; background:transparent; }.myopal-home-dots button::after { content:''; width:.3rem; height:.3rem; border-radius:1rem; background:currentColor; opacity:.5; }.myopal-home-dots [aria-pressed=true]::after { width:1rem; opacity:1; }
.myopal-home-hero > .myopal-home-controls { position:absolute; right:.75rem; bottom:1.15rem; }.myopal-home-design-preview > .myopal-home-controls { position:absolute; inset:auto 0 .25rem; background:linear-gradient(transparent,#0006); color:#fff; }
.myopal-home-section-title { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1rem; }.myopal-home-section-title a { display:inline-flex; align-items:center; gap:.3rem; white-space:nowrap; font-size:.75rem; color:var(--myopal-color-gold-ink); }
.myopal-home-products { display:flex; overflow-x:auto; gap:.8rem; scroll-snap-type:x mandatory; list-style:none; margin:0; padding:0 0 .7rem; }.myopal-home-products > li { flex:0 0 46%; min-width:0; scroll-snap-align:start; }
.myopal-home-feature { position:relative; isolation:isolate; overflow:hidden; border-radius:var(--myopal-radius-lg); background:#221d18; color:#fff; }.myopal-home-feature > img { z-index:-2; object-position:66% center; }.myopal-home-feature::after { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(#0006,#0002 45%,#0008); }
.myopal-home-feature-content { min-height:25rem; padding:1.3rem .6rem .8rem; display:flex; flex-direction:column; justify-content:space-between; gap:2rem; }.myopal-home-feature-heading { display:block; padding-inline:.6rem; color:inherit; }
.myopal-home-feature-preview { overflow:hidden; padding:.65rem 0 1rem; border:1px solid #ffffff57; background:#fffdf8e6; backdrop-filter:blur(8px); border-radius:.875rem; color:#17130c; box-shadow:0 .6rem 1.3rem #0003; }
.myopal-home-feature-preview .myopal-home-track { align-items:center; padding-block:.5rem; }
.myopal-home-feature-preview .myopal-home-track::before,.myopal-home-feature-preview .myopal-home-track::after { content:''; flex:0 0 26%; }
.myopal-home-feature-slide { flex:0 0 48%; padding:.25rem 1rem; }
.myopal-home-feature-image { position:relative; display:block; aspect-ratio:1; background:#ffffffb8; border-radius:.8rem; box-shadow:0 .5rem 1rem #0002; transform:scale(.56); opacity:.26; filter:blur(2.5px); transition:transform .32s,opacity .32s,filter .32s; }
.myopal-home-feature-slide.is-near .myopal-home-feature-image { transform:scale(.76); opacity:.62; filter:blur(1.5px); }
.myopal-home-feature-slide.is-current .myopal-home-feature-image { transform:none; opacity:1; filter:none; }
.myopal-home-feature-image img { width:100%; height:100%; object-fit:contain; border-radius:inherit; }.myopal-home-feature--cameo .myopal-home-feature-image img { object-fit:cover; }
.myopal-home-feature-preview[data-feature-layout=continuous] .myopal-home-feature-slide.is-current { z-index:2; }
/* Black-opal display follows the existing website's continuous image strip. */
.myopal-home-feature-preview[data-feature-layout=continuous] .myopal-home-track { aspect-ratio:1.35; padding-block:0; }
.myopal-home-feature-preview[data-feature-layout=continuous] .myopal-home-track::before,
.myopal-home-feature-preview[data-feature-layout=continuous] .myopal-home-track::after { flex-basis:32%; }
.myopal-home-feature-preview[data-feature-layout=continuous] .myopal-home-feature-slide { flex-basis:36%; padding:0 .2rem; position:relative; z-index:1; }
.myopal-home-feature-preview[data-feature-layout=continuous] .myopal-home-feature-image { transform:scale(var(--feature-scale,1)); filter:blur(var(--feature-blur,0px)); opacity:1; transition:none; border-radius:.625rem; box-shadow:none; }
.myopal-home-feature-information { padding:.4rem .75rem 0; }.myopal-home-feature-information > a { display:flex; align-items:center; gap:.5rem; min-height:2.6rem; padding:.6rem .7rem; border:1px solid #b8842d1f; border-radius:.7rem; background:#ffffffc7; color:#2a241a; box-shadow:0 .3rem .75rem #0001; }.myopal-home-feature-information > [hidden] { display:none; }
.myopal-home-feature-name { flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:.75rem; }.myopal-home-feature-price { flex:0 0 auto; max-width:45%; color:var(--myopal-color-gold-ink); font-size:.875rem; font-weight:700; }.myopal-home-feature-price del { font-size:.7em; }.myopal-home-feature-price ins { text-decoration:none; }
.myopal-home-trust-panel { display:block; color:inherit; padding:1.05rem 1rem 1rem; border:1px solid var(--myopal-color-border); border-radius:var(--myopal-radius-lg); background:var(--myopal-color-surface); }
.myopal-home-trust-top { display:flex; align-items:center; justify-content:space-between; gap:.75rem; padding-bottom:.875rem; border-bottom:1px solid var(--myopal-color-border); }
.myopal-home-motto { flex:1; min-width:0; font-size:.75rem; font-weight:600; line-height:1.55; color:#2a2926; }
.myopal-home-certificates { display:flex; flex-shrink:0; gap:.375rem; }.myopal-home-certificates img { width:2.5625rem; height:2.5625rem; padding:.1875rem; object-fit:contain; border-radius:.5rem; box-shadow:0 .4rem 1.1rem #0002; }
.myopal-home-trust-panel ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.4rem .875rem; list-style:none; padding:.875rem 0 .5rem; margin:0; }.myopal-home-trust-panel li { display:flex; align-items:center; gap:.4375rem; font-size:.78125rem; line-height:1.35; }.myopal-home-trust-panel .myopal-icon { flex:0 0 1.0625rem; width:1.0625rem; height:1.0625rem; color:var(--myopal-color-gold-ink); }
.myopal-home-empty { padding:2rem 1rem; color:var(--myopal-color-muted); text-align:center; }.myopal-home-member { min-width:0; }
@media(min-width:48rem) { .myopal-home-hero-slide { aspect-ratio:2.1; min-height:32rem; }.myopal-home-hero-copy { max-width:var(--myopal-content-wide); margin-inline:auto; padding-inline:2rem; }.myopal-home-content { padding:2rem; gap:2.5rem; }.myopal-home-entry { min-height:16rem; aspect-ratio:1.6; }.myopal-home-design { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }.myopal-home-design-banner { display:flex; align-items:center; border-radius:var(--myopal-radius-md) 0 0 var(--myopal-radius-md); padding:2rem; }.myopal-home-design-preview { border-radius:0 var(--myopal-radius-md) var(--myopal-radius-md) 0; }.myopal-home-products > li { flex-basis:calc((100% - 2.4rem)/4); }.myopal-home-feature-content { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); align-items:center; padding:2rem; }.myopal-home-trust-panel li { font-size:.85rem; }.myopal-home-trust-panel { padding:2rem; } }
@media(prefers-reduced-motion:reduce) { .myopal-home-feature-image { transition:none; } }

.myopal-home .myopal-member-gate--card { padding:1.35rem; text-align:left; display:grid; grid-template-columns:auto minmax(0,1fr); gap:.65rem .8rem; }
.myopal-home-member-crown { grid-column:1; grid-row:1 / 3; display:grid; place-items:center; width:2.5rem; height:2.5rem; border:1px solid #d8b46a6b; border-radius:50%; background:#2d2518; color:var(--myopal-color-gold); }
.myopal-member-gate--card > h2,.myopal-member-gate--card > p { grid-column:2; margin:0; }.myopal-home .myopal-member-gate--card h2 { font-size:1rem; }.myopal-home .myopal-member-gate--card p { color:#f6e6c0b8; font-size:.8rem; }
.myopal-home .myopal-member-gate--card > a { grid-column:1 / -1; margin:0; }.myopal-home .myopal-member-gate--card .myopal-auth-primary { justify-self:center; width:auto; min-width:10rem; background:var(--myopal-color-gold); color:#111; }
.myopal-home .myopal-member-gate--card .myopal-member-outline { justify-self:end; border:0; padding-inline:0; text-decoration:none; }