/* Homepage curtain: opaque page cover lifts off a fixed opt-in beneath it.
   One measured height drives both cover clearance and reveal panel height. */
:root{--shop-peek-height:520px}
.sp-page-cover{position:relative;z-index:2;background:white;margin-bottom:var(--shop-peek-height)}
.sp-secrets-peek{position:fixed;inset:auto 0 0;z-index:1;background:#C8FF7C;color:#052A2D;height:var(--shop-peek-height);display:flex;align-items:center;padding:32px 0 calc(32px + env(safe-area-inset-bottom,0px));overflow:hidden}
.sp-secrets-peek-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,4vw,4rem);align-items:center}
.sp-peek-copy .tape{background:white;color:#052A2D;display:inline-block;margin-bottom:1.3rem;font:700 .74rem/1.5 Unbounded,sans-serif;letter-spacing:.14em}
.sp-secrets-peek h2{font:400 clamp(1.7rem,3vw,2.8rem)/1.12 Unbounded,sans-serif;text-transform:uppercase;letter-spacing:-.025em;margin:0 0 1rem;text-wrap:balance}
.sp-secrets-peek h2 strong{font-weight:800;background:linear-gradient(105deg,#FC5417,#FF2F62);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.sp-peek-copy>p{font:500 1.08rem/1.6 GeneralSans,sans-serif;margin:0 0 1.5rem;max-width:620px}
.sp-peek-form{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px;max-width:620px;width:100%}
.sp-peek-form input:not([type=hidden]){min-width:0;width:100%;border:1.5px solid rgba(5,42,45,.12);border-radius:100px;background:white;color:#052A2D;padding:1rem 1.5rem;font:500 1rem GeneralSans,sans-serif}
.sp-peek-form .btn{grid-column:1/-1;width:100%;min-height:64px;border:0;cursor:pointer;font-family:GeneralSans,sans-serif}
.sp-peek-status{grid-column:1/-1;margin:0;font-size:1rem;line-height:1.5}
.sp-peek-status[hidden]{display:none}
.sp-peek-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.sp-peek-art img{width:100%;height:auto;max-height:430px;object-fit:contain;transform:rotate(2deg);filter:drop-shadow(0 22px 35px rgba(5,42,45,.22))}
.sp-page-cover~dialog{z-index:100}
@media(max-width:1000px){:root{--shop-peek-height:740px}.sp-secrets-peek{padding-block:26px}.sp-secrets-peek-grid{grid-template-columns:1fr;gap:14px;text-align:center;justify-items:center}.sp-peek-copy{display:contents}.sp-peek-copy .tape{order:1;margin:0;justify-self:center;font-size:.65rem}.sp-secrets-peek h2{order:2;margin:0;font-size:clamp(1.5rem,4.2vw,2.5rem)}.sp-peek-art{order:3;width:100%;max-width:480px}.sp-peek-art img{height:clamp(130px,23vh,230px);width:100%;max-height:none;transform:rotate(-2deg)}.sp-peek-copy>p{order:4;font-size:1rem;margin:0;max-width:570px}.sp-peek-form{order:5;max-width:570px}.sp-peek-form input:not([type=hidden]){padding:.9rem 1.3rem}}
@media(max-width:540px){.sp-peek-form{grid-template-columns:1fr;gap:10px}.sp-peek-copy .tape{font-size:.6rem;padding:8px 12px}.sp-secrets-peek h2{font-size:1.55rem}.sp-peek-form .btn{font-size:.8rem;min-height:62px}.sp-peek-art img{height:150px}.sp-peek-copy>p{font-size:.98rem}.sp-secrets-peek-grid{gap:12px}}
/* Small landscape / zoomed screens keep every field reachable. */
.sp-peek-stacked .sp-page-cover{margin-bottom:0}
.sp-peek-stacked .sp-secrets-peek{position:relative;height:auto;min-height:0;padding-block:40px;overflow:visible}
@media(prefers-reduced-motion:reduce){.sp-peek-art img{transform:none}}