/**
 * Phone layer for this configurator, generated from its MOBILE design build
 * (sub-mob-full.html).
 *
 * The desktop and mobile builds render the same components, so the mobile
 * design is reachable from the same markup with CSS alone. Everything here is
 * scoped to .wyne-cfg and gated at <= 860px; the build's own inner media
 * queries nest inside, so 390px and 820px still differ as designed.
 *
 * Generated — do not hand-edit; regenerate from the design instead.
 */
@media (max-width: 860px) {
.subscription-page.subscription-page.subscription-page{font-size:16px;line-height:normal}
.subscription-page.subscription-page.subscription-page{
    --bg: #080605; --bg-2: #0d0a07; --panel: #15110c; --panel-2: #1d1712;
    --line: rgba(231,210,176,0.14); --line-soft: rgba(231,210,176,0.07);
    --gold: #c9a44c; --gold-soft: #e6cf9e; --gold-deep: #9b7833;
    --ink: #f5ede0; --body: #c7bba8; --muted: #8e8474;
    --serif: 'Cormorant Garamond', serif; --sans: 'Jost', sans-serif; --mono: 'JetBrains Mono', ui-monospace, monospace;
    --pad: 20px;
  }
.subscription-page.subscription-page.subscription-page *{ box-sizing: border-box; }
/* The design's reset also zeroed every margin and padding. Scoped with three
   classes it outranked the page's own stylesheet, so nothing on the phone kept
   the spacing the desktop rules give it — the hero's photograph sat flush
   against its buttons. Only box-sizing is carried over; the design sets its own
   padding on the blocks it styles. */
.subscription-page.subscription-page.subscription-page{ scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
.subscription-page.subscription-page.subscription-page{ background: var(--bg); color: var(--body); font-family: var(--sans); font-weight: 300; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
.subscription-page.subscription-page.subscription-page body::before{ content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none; background: repeating-linear-gradient(0deg, transparent 0 13px, rgba(201,164,76,0.04) 13px 14px), repeating-linear-gradient(90deg, transparent 0 13px, rgba(201,164,76,0.04) 13px 14px); }
body .subscription-page.subscription-page.subscription-page > *{ position: relative; z-index: 1; }
.subscription-page.subscription-page.subscription-page ::selection{ background: var(--gold); color: #16100a; }
.subscription-page.subscription-page.subscription-page a{ color: inherit; text-decoration: none; }
.subscription-page.subscription-page.subscription-page a:hover{ color: var(--gold-soft); }
.subscription-page.subscription-page.subscription-page .shell{ max-width: 640px; margin: 0 auto; padding: 0 var(--pad); }
.subscription-page.subscription-page.subscription-page .kicker{ font-family: var(--mono); font-size: 10px; letter-spacing: 0.28em; text-transform: uppercase; color: var(--gold); }
.subscription-page.subscription-page.subscription-page h1, .subscription-page.subscription-page.subscription-page h2, .subscription-page.subscription-page.subscription-page h3{ font-family: var(--serif); font-weight: 500; color: var(--ink); }
.subscription-page.subscription-page.subscription-page em{ font-style: italic; color: var(--gold-soft); }
.subscription-page.subscription-page.subscription-page .m-topbar{ position: sticky; top: 0; z-index: 60; background: rgba(8,6,5,0.86); backdrop-filter: blur(16px); border-bottom: 1px solid var(--line-soft); }
.subscription-page.subscription-page.subscription-page .m-bar{ height: 60px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 16px; }
.subscription-page.subscription-page.subscription-page .m-burger{ width: 40px; height: 40px; border: none; background: none; display: inline-flex; flex-direction: column; justify-content: center; gap: 5px; cursor: pointer; padding: 0; justify-self: start; }
.subscription-page.subscription-page.subscription-page .m-burger span{ display: block; width: 22px; height: 1.5px; background: var(--ink); transition: transform 0.28s, opacity 0.2s; }
.subscription-page.subscription-page.subscription-page .m-brand{ font-family: var(--sans); font-size: 19px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink); text-align: center; }
.subscription-page.subscription-page.subscription-page .m-brand .plus{ color: var(--gold); }
.subscription-page.subscription-page.subscription-page .m-cart{ width: 40px; height: 40px; border-radius: 50%; border: 1px solid var(--line); background: transparent; color: var(--ink); display: inline-flex; align-items: center; justify-content: center; justify-self: end; cursor: pointer; }
.subscription-page.subscription-page.subscription-page .__wyne_dropped{ background: #1b130b; border-bottom: 1px solid rgba(201,164,76,0.12); text-align: center; padding: 9px 14px; font-family: var(--serif); font-style: italic; font-size: 12.5px; color: var(--gold-soft); }
.subscription-page.subscription-page.subscription-page .__wyne_dropped{ font-style: normal; font-family: var(--mono); font-size: 10px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--gold); }
.subscription-page.subscription-page.subscription-page .__wyne_dropped{ position: fixed; inset: 0; z-index: 70; background: rgba(6,4,3,0.6); backdrop-filter: blur(3px); opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; }
.subscription-page.subscription-page.subscription-page .__wyne_dropped{ opacity: 1; visibility: visible; }
.subscription-page.subscription-page.subscription-page .__wyne_dropped{ position: fixed; top: 0; left: 0; bottom: 0; z-index: 71; width: 82%; max-width: 340px; background: var(--bg-2); border-right: 1px solid var(--line); transform: translateX(-100%); transition: transform 0.34s cubic-bezier(0.4,0,0.2,1); display: flex; flex-direction: column; padding: 22px 26px calc(26px + env(safe-area-inset-bottom)); overflow-y: auto; }
.subscription-page.subscription-page.subscription-page .__wyne_dropped{ transform: translateX(0); }
.subscription-page.subscription-page.subscription-page .__wyne_dropped{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 26px; }
.subscription-page.subscription-page.subscription-page .__wyne_dropped{ text-align: left; font-size: 21px; }
.subscription-page.subscription-page.subscription-page .__wyne_dropped{ background: none; border: none; color: var(--muted); font-size: 30px; line-height: 1; cursor: pointer; }
.subscription-page.subscription-page.subscription-page .__wyne_dropped{ font-family: var(--mono); font-size: 9.5px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold-deep); margin: 22px 0 12px; }
.subscription-page.subscription-page.subscription-page .__wyne_dropped{ display: block; font-family: var(--serif); font-size: 22px; color: var(--ink); padding: 9px 0; border-bottom: 1px solid var(--line-soft); }
.subscription-page.subscription-page.subscription-page .m-hero{ padding: 34px 0 6px; text-align: center; }
.subscription-page.subscription-page.subscription-page .m-hero h1{ font-size: clamp(31px, 9vw, 42px); line-height: 1.06; margin: 12px 0 0; }
.subscription-page.subscription-page.subscription-page .m-hero p{ font-family: var(--serif); font-size: 17px; line-height: 1.5; color: var(--body); margin: 16px auto 0; max-width: 40ch; }
.subscription-page.subscription-page.subscription-page .m-hero .stars{ color: var(--gold); letter-spacing: 3px; font-size: 14px; margin-top: 18px; }
.subscription-page.subscription-page.subscription-page .m-hero .rev{ font-family: var(--mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--muted); margin-top: 7px; }
.subscription-page.subscription-page.subscription-page .m-hero-img{ margin-top: 24px; border-radius: 14px; overflow: hidden; box-shadow: 0 18px 44px rgba(0,0,0,0.4); }
.subscription-page.subscription-page.subscription-page .m-hero-img img{ width: 100%; height: 62vh; max-height: 480px; object-fit: cover; object-position: center 42%; display: block; }
.subscription-page.subscription-page.subscription-page .order{ position: relative; padding: 34px 0 40px; border-top: 1px solid var(--line); background: #f2ead9; color: #2a2014; }
.subscription-page.subscription-page.subscription-page .order::before{ content: ""; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(0deg, transparent 0 15px, rgba(120,90,40,0.06) 15px 16px), repeating-linear-gradient(90deg, transparent 0 15px, rgba(120,90,40,0.06) 15px 16px); }
.subscription-page.subscription-page.subscription-page .order > .shell{ position: relative; z-index: 1; }
.subscription-page.subscription-page.subscription-page .order .kicker{ color: #9b7833; }
.subscription-page.subscription-page.subscription-page .order-head{ text-align: center; }
.subscription-page.subscription-page.subscription-page .order-head .sec-h{ font-family: var(--serif); font-weight: 500; font-size: clamp(30px, 8vw, 40px); line-height: 1.04; color: #241c14; margin-top: 10px; }
.subscription-page.subscription-page.subscription-page .order-head .sec-h em{ color: #9b7833; }
.subscription-page.subscription-page.subscription-page .order-photo{ position: relative; margin-top: 26px; }
.subscription-page.subscription-page.subscription-page .order-carousel{ border-radius: 14px; overflow: hidden; background: #e3d8c4; box-shadow: 0 18px 44px rgba(120,90,40,0.22); }
.subscription-page.subscription-page.subscription-page .order-track{ display: flex; transition: transform 0.5s cubic-bezier(0.4,0,0.2,1); }
.subscription-page.subscription-page.subscription-page .order-track img{ width: 100%; flex: 0 0 100%; aspect-ratio: 4/3; object-fit: cover; display: block; }
.subscription-page.subscription-page.subscription-page .order-slider{ position: absolute; left: 50%; bottom: 14px; transform: translateX(-50%); display: flex; align-items: center; gap: 16px; padding: 9px 18px; background: rgba(8,6,5,0.55); backdrop-filter: blur(8px); border-radius: 999px; }
.subscription-page.subscription-page.subscription-page .order-arrow{ background: none; border: none; color: var(--gold-soft); font-family: var(--serif); font-size: 20px; line-height: 1; cursor: pointer; padding: 0 2px; }
.subscription-page.subscription-page.subscription-page .order-dots{ display: flex; gap: 7px; align-items: center; }
.subscription-page.subscription-page.subscription-page .order-dot{ width: 7px; height: 7px; border-radius: 999px; background: rgba(231,207,158,0.35); border: none; padding: 0; cursor: pointer; transition: width 0.3s, background 0.3s; }
.subscription-page.subscription-page.subscription-page .order-dot.active{ width: 22px; background: var(--gold-soft); }
.subscription-page.subscription-page.subscription-page .pkg-list{ display: flex; flex-direction: column; gap: 12px; margin-top: 30px; }
.subscription-page.subscription-page.subscription-page .pkg{ position: relative; border: 1px solid rgba(42,33,26,0.18); background: #fbf6ec; padding: 18px 18px; cursor: pointer; transition: border-color 0.2s, background 0.2s, box-shadow 0.2s; display: flex; align-items: center; gap: 15px; border-radius: 12px; }
.subscription-page.subscription-page.subscription-page .pkg.selected{ border-color: var(--gold-deep); box-shadow: 0 0 0 1px var(--gold-deep), 0 12px 28px rgba(120,90,40,0.16); background: #fffdf7; }
.subscription-page.subscription-page.subscription-page .pkg .radio{ flex: 0 0 auto; width: 22px; height: 22px; border-radius: 50%; border: 1.5px solid var(--gold-deep); display: grid; place-items: center; }
.subscription-page.subscription-page.subscription-page .pkg.selected .radio::after{ content: ""; width: 11px; height: 11px; border-radius: 50%; background: var(--gold-deep); }
.subscription-page.subscription-page.subscription-page .pkg .pk-main{ flex: 1; min-width: 0; }
.subscription-page.subscription-page.subscription-page .pkg .pk-name{ font-family: var(--serif); font-style: italic; font-size: 22px; color: #241c14; }
.subscription-page.subscription-page.subscription-page .pkg .pk-desc{ font-size: 12.5px; color: #8a7a60; margin-top: 2px; }
.subscription-page.subscription-page.subscription-page .pkg .pk-gift{ display: inline-block; margin-top: 7px; font-family: var(--mono); font-size: 8.5px; letter-spacing: 0.16em; text-transform: uppercase; color: #16100a; background: var(--gold-soft); padding: 3px 8px; border-radius: 3px; }
.subscription-page.subscription-page.subscription-page .pkg .pk-price{ font-family: var(--serif); font-size: 26px; color: #9b7833; white-space: nowrap; text-align: right; }
.subscription-page.subscription-page.subscription-page .pkg .pk-price small{ font-family: var(--mono); font-size: 8px; letter-spacing: 0.14em; text-transform: uppercase; color: #a08f70; display: block; text-align: right; margin-top: 2px; }
.subscription-page.subscription-page.subscription-page .pkg .best{ position: absolute; top: -9px; right: 16px; font-family: var(--mono); font-size: 8.5px; letter-spacing: 0.18em; text-transform: uppercase; color: #16100a; background: var(--gold); padding: 3px 9px; border-radius: 3px; }
.subscription-page.subscription-page.subscription-page .order-side{ border: 1px solid rgba(42,33,26,0.18); background: #fbf6ec; padding: 22px 20px; margin-top: 26px; border-radius: 14px; }
.subscription-page.subscription-page.subscription-page .order-side h4{ font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.22em; text-transform: uppercase; color: #8a7a60; padding-bottom: 14px; border-bottom: 1px solid rgba(42,33,26,0.12); font-weight: 400; }
.subscription-page.subscription-page.subscription-page .ship-order{ margin-top: 18px; }
.subscription-page.subscription-page.subscription-page .ship-order .so-lbl{ font-family: var(--mono); font-size: 9.5px; letter-spacing: 0.18em; text-transform: uppercase; color: #9b7833; }
.subscription-page.subscription-page.subscription-page .ship-steps{ display: flex; flex-direction: column; gap: 8px; margin-top: 11px; }
.subscription-page.subscription-page.subscription-page .ship-step{ display: flex; align-items: center; gap: 12px; padding: 10px 12px; background: #fffdf7; border: 1px solid rgba(42,33,26,0.1); border-radius: 8px; }
.subscription-page.subscription-page.subscription-page .ship-step img{ width: 30px; border-radius: 3px; flex: 0 0 auto; }
.subscription-page.subscription-page.subscription-page .ship-step .ss-order{ font-family: var(--mono); font-size: 11px; color: #a08f70; width: 16px; flex: 0 0 auto; }
.subscription-page.subscription-page.subscription-page .ship-step .ss-name{ font-family: var(--serif); font-style: italic; font-size: 15.5px; color: #241c14; line-height: 1.1; }
.subscription-page.subscription-page.subscription-page .ship-step .ss-sub{ font-size: 10.5px; color: #8a7a60; margin-top: 1px; }
.subscription-page.subscription-page.subscription-page .ship-step .ss-tag{ margin-left: auto; font-family: var(--mono); font-size: 7.5px; letter-spacing: 0.14em; text-transform: uppercase; color: #16100a; background: var(--gold-soft); padding: 3px 7px; flex: 0 0 auto; border-radius: 3px; }
.subscription-page.subscription-page.subscription-page .ship-note{ font-family: var(--serif); font-style: italic; font-size: 12.5px; color: #6a5c44; margin-top: 12px; line-height: 1.5; }
.subscription-page.subscription-page.subscription-page .extend-row{ position: relative; margin-top: 20px; padding: 18px 16px 16px; border: 1.5px solid rgba(155,120,51,0.4); background: linear-gradient(180deg, rgba(244,210,122,0.10), rgba(155,120,51,0.05)); border-radius: 12px; transition: border-color 0.25s, box-shadow 0.25s, background 0.25s; }
.subscription-page.subscription-page.subscription-page .extend-row.on{ border-color: #9b7833; box-shadow: 0 10px 30px rgba(155,120,51,0.22); background: linear-gradient(180deg, rgba(244,210,122,0.18), rgba(155,120,51,0.08)); }
.subscription-page.subscription-page.subscription-page .extend-ribbon{ position: absolute; top: -11px; left: 18px; font-family: var(--mono); font-size: 8.5px; letter-spacing: 0.16em; text-transform: uppercase; color: #16100a; background: linear-gradient(180deg, #f4d27a, #c89a44); padding: 4px 10px; border-radius: 999px; box-shadow: 0 3px 10px rgba(155,120,51,0.35); }
.subscription-page.subscription-page.subscription-page .extend-top{ display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.subscription-page.subscription-page.subscription-page .extend-txt .extend-ttl{ font-family: var(--serif); font-weight: 600; font-style: normal; font-size: 22px; color: #2a2014; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; line-height: 1.12; }
.subscription-page.subscription-page.subscription-page .save-sticker{ font-family: var(--sans); font-style: normal; font-weight: 700; font-size: 11px; letter-spacing: 0.08em; text-transform: uppercase; color: #16100a; background: linear-gradient(180deg, #f4d27a, #c89a44); padding: 4px 9px; border-radius: 4px; box-shadow: 0 2px 8px rgba(155,120,51,0.3); }
.subscription-page.subscription-page.subscription-page .extend-txt .extend-sub{ font-size: 12.5px; line-height: 1.5; color: #6a5c44; margin-top: 6px; }
.subscription-page.subscription-page.subscription-page .extend-txt .extend-sub b{ color: #9b7833; font-weight: 600; }
.subscription-page.subscription-page.subscription-page .extend-benefits{ list-style: none; margin: 11px 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.subscription-page.subscription-page.subscription-page .extend-benefits li{ font-family: var(--serif); font-size: 13.5px; color: #4a3f2a; padding-left: 22px; position: relative; }
.subscription-page.subscription-page.subscription-page .extend-benefits li::before{ content: "✓"; position: absolute; left: 0; top: 0; color: #9b7833; font-family: var(--sans); font-weight: 700; font-size: 12px; }
.subscription-page.subscription-page.subscription-page .extend-foot{ margin-top: 13px; padding-top: 11px; border-top: 1px dashed rgba(155,120,51,0.35); font-family: var(--serif); font-style: italic; font-size: 12.5px; color: #8a7a60; transition: color 0.2s; }
.subscription-page.subscription-page.subscription-page .extend-row.on .extend-foot{ color: #6a5c2c; }
.subscription-page.subscription-page.subscription-page .extend-foot b{ font-style: normal; color: #9b7833; font-weight: 600; }
.subscription-page.subscription-page.subscription-page .extend-switch{ flex: 0 0 auto; width: 54px; height: 30px; border-radius: 999px; border: 1px solid rgba(42,33,26,0.25); background: #e3d8c4; position: relative; cursor: pointer; transition: background 0.2s, border-color 0.2s; padding: 0; margin-top: 2px; }
.subscription-page.subscription-page.subscription-page .extend-switch .knob{ position: absolute; top: 2px; left: 2px; width: 24px; height: 24px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.25); transition: transform 0.22s; }
.subscription-page.subscription-page.subscription-page .extend-switch.on{ background: #9b7833; border-color: #9b7833; }
.subscription-page.subscription-page.subscription-page .extend-switch.on .knob{ transform: translateX(24px); }
.subscription-page.subscription-page.subscription-page .order-total{ display: flex; justify-content: space-between; align-items: baseline; margin-top: 22px; padding-top: 16px; border-top: 1px solid rgba(42,33,26,0.12); }
.subscription-page.subscription-page.subscription-page .order-total .lbl{ font-family: var(--mono); font-size: 10.5px; letter-spacing: 0.18em; text-transform: uppercase; color: #8a7a60; }
.subscription-page.subscription-page.subscription-page .order-total .val{ font-family: var(--serif); font-size: 32px; color: #9b7833; }
.subscription-page.subscription-page.subscription-page .order-side .cta{ width: 100%; margin-top: 18px; background: linear-gradient(180deg, #d9b765, #b98f3c); color: #16100a; border: none; padding: 16px; font-family: var(--sans); font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; cursor: pointer; border-radius: 8px; }
.subscription-page.subscription-page.subscription-page .order-side .fineprint{ font-family: var(--serif); font-style: italic; font-size: 12px; color: #8a7a60; text-align: center; margin-top: 12px; }
.subscription-page.subscription-page.subscription-page .m-cta-bar{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 55; background: rgba(13,10,7,0.92); backdrop-filter: blur(14px); border-top: 1px solid var(--line); padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); display: flex; align-items: center; gap: 14px; transform: translateY(120%); transition: transform 0.34s cubic-bezier(0.4,0,0.2,1); }
.subscription-page.subscription-page.subscription-page .m-cta-bar.show{ transform: translateY(0); }
.subscription-page.subscription-page.subscription-page .m-cta-info{ flex: 0 0 auto; }
.subscription-page.subscription-page.subscription-page .m-cta-info .l{ font-family: var(--mono); font-size: 8.5px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); }
.subscription-page.subscription-page.subscription-page .m-cta-info .v{ font-family: var(--serif); font-size: 25px; color: var(--gold-soft); line-height: 1; margin-top: 2px; }
.subscription-page.subscription-page.subscription-page .m-cta-bar .cta{ flex: 1; background: linear-gradient(180deg, #d9b765, #b98f3c); color: #16100a; border: none; padding: 15px; font-family: var(--sans); font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; cursor: pointer; border-radius: 8px; white-space: nowrap; }
.subscription-page.subscription-page.subscription-page .__wyne_dropped{ background: #060403; border-top: 1px solid var(--line); padding: 46px 0 34px; margin-bottom: 78px; }
.subscription-page.subscription-page.subscription-page .footer-brand{ font-family: var(--sans); font-size: 30px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--ink); text-align: center; }
.subscription-page.subscription-page.subscription-page .footer-brand .plus{ color: var(--gold); }
.subscription-page.subscription-page.subscription-page .footer-tag{ font-family: var(--serif); font-style: italic; font-size: 15px; color: var(--muted); text-align: center; margin-top: 10px; }
.subscription-page.subscription-page.subscription-page .footer-links{ display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 22px; margin-top: 26px; padding-top: 24px; border-top: 1px solid var(--line-soft); }
.subscription-page.subscription-page.subscription-page .footer-links a{ font-family: var(--sans); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--body); }
.subscription-page.subscription-page.subscription-page .footer-bottom{ margin-top: 26px; font-family: var(--mono); font-size: 9.5px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--muted); text-align: center; }
.subscription-page.subscription-page.subscription-page .band-m{ padding: 40px 0; }
.subscription-page.subscription-page.subscription-page .band-m.alt{ background: var(--bg-2); }
.subscription-page.subscription-page.subscription-page .band-m.dark{ background: linear-gradient(180deg,#1a150f,#14100b); }
.subscription-page.subscription-page.subscription-page .sec-head{ text-align: center; }
.subscription-page.subscription-page.subscription-page .sec-head .kicker{ color: var(--gold); }
.subscription-page.subscription-page.subscription-page .sec-h-m{ font-family: var(--serif); font-weight: 500; font-size: clamp(28px,8vw,38px); line-height: 1.06; color: var(--ink); margin-top: 10px; }
.subscription-page.subscription-page.subscription-page .sec-h-m em{ color: var(--gold-soft); }
.subscription-page.subscription-page.subscription-page .sec-lead-m{ font-family: var(--serif); font-size: 16px; line-height: 1.55; color: var(--body); margin-top: 14px; text-align: center; }
.subscription-page.subscription-page.subscription-page .band-m.light{ background: #f2ead9; color: #2a2014; }
.subscription-page.subscription-page.subscription-page .band-m.light .wp{ border-color: rgba(42,33,26,0.16); background: #fbf6ec; }
.subscription-page.subscription-page.subscription-page .band-m.light .wp-ic{ border-color: var(--gold-deep); color: var(--gold-deep); }
.subscription-page.subscription-page.subscription-page .band-m.light .wp-t{ color: #241c14; }
.subscription-page.subscription-page.subscription-page .band-m.light .wp-b{ color: #6a5c44; }
.subscription-page.subscription-page.subscription-page .whatis{ display: flex; flex-direction: column; gap: 18px; }
.subscription-page.subscription-page.subscription-page .wp{ display: grid; grid-template-columns: auto 1fr; gap: 16px; align-items: start; padding: 18px; border: 1px solid var(--line); background: var(--panel); border-radius: 12px; }
.subscription-page.subscription-page.subscription-page .wp-ic{ width: 48px; height: 48px; border-radius: 50%; border: 1px solid var(--gold-deep); display: grid; place-items: center; color: var(--gold-soft); }
.subscription-page.subscription-page.subscription-page .wp-ic svg{ width: 27px; height: 27px; }
.subscription-page.subscription-page.subscription-page .wp-t{ font-family: var(--serif); font-size: 21px; color: var(--ink); }
.subscription-page.subscription-page.subscription-page .wp-b{ font-size: 13.5px; line-height: 1.5; color: var(--body); margin-top: 4px; }
.subscription-page.subscription-page.subscription-page #included{ background: #f2ead9; color: #2a2014; }
.subscription-page.subscription-page.subscription-page #included .kicker{ color: #9b7833; }
.subscription-page.subscription-page.subscription-page #included .sec-h-m{ color: #241c14; }
.subscription-page.subscription-page.subscription-page #included .sec-h-m em{ color: #9b7833; }
.subscription-page.subscription-page.subscription-page #included .sec-lead-m{ color: #4a3f2a; }
.subscription-page.subscription-page.subscription-page .bgrid-m{ display: flex; gap: 16px; margin-top: 26px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding-bottom: 4px; margin-left: calc(-1 * var(--pad)); margin-right: calc(-1 * var(--pad)); padding-left: var(--pad); padding-right: var(--pad); }
.subscription-page.subscription-page.subscription-page .bgrid-m::-webkit-scrollbar{ display: none; }
.subscription-page.subscription-page.subscription-page .bcard{ perspective: 1600px; flex: 0 0 76%; max-width: 300px; scroll-snap-align: center; aspect-ratio: 0.62; position: relative; }
.subscription-page.subscription-page.subscription-page .bdots{ display: flex; justify-content: center; gap: 8px; margin-top: 22px; }
.subscription-page.subscription-page.subscription-page .bdots button{ width: 8px; height: 8px; border-radius: 999px; border: none; padding: 0; background: rgba(42,33,26,0.2); cursor: pointer; transition: width 0.3s, background 0.3s; }
.subscription-page.subscription-page.subscription-page .bdots button.active{ width: 24px; background: var(--gold-deep); }
.subscription-page.subscription-page.subscription-page .bcard-inner{ position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform 0.7s cubic-bezier(0.4,0.1,0.2,1); }
.subscription-page.subscription-page.subscription-page .bcard.flipped .bcard-inner{ transform: rotateY(180deg); }
.subscription-page.subscription-page.subscription-page .bcard-face{ position: absolute; inset: 0; border: 1px solid rgba(42,33,26,0.18); background: #fbf6ec; border-radius: 12px; backface-visibility: hidden; -webkit-backface-visibility: hidden; overflow: hidden; display: flex; flex-direction: column; }
.subscription-page.subscription-page.subscription-page .bcard-front .bimg{ position: relative; overflow: hidden; background: #0a0807; flex: 1; }
.subscription-page.subscription-page.subscription-page .bcard-front .bimg img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.subscription-page.subscription-page.subscription-page .bcard .season{ position: absolute; top: 12px; left: 12px; font-family: var(--mono); font-size: 9px; letter-spacing: 0.2em; text-transform: uppercase; color: #16100a; background: var(--gold-soft); padding: 4px 9px; border-radius: 3px; z-index: 2; }
.subscription-page.subscription-page.subscription-page .bcard-front .binfo{ padding: 16px 18px 18px; }
.subscription-page.subscription-page.subscription-page .bcomposer{ font-family: var(--serif); font-style: italic; font-size: 24px; color: #241c14; line-height: 1.1; }
.subscription-page.subscription-page.subscription-page .bwork{ font-family: var(--serif); font-size: 15px; color: #9b7833; margin-top: 3px; }
.subscription-page.subscription-page.subscription-page .btype{ font-family: var(--mono); font-size: 9px; letter-spacing: 0.18em; text-transform: uppercase; color: #8a7a60; margin-top: 11px; padding-top: 11px; border-top: 1px solid rgba(42,33,26,0.14); }
.subscription-page.subscription-page.subscription-page .flip-btn{ position: absolute; bottom: 14px; right: 14px; width: 38px; height: 38px; border-radius: 0; border: 1px solid var(--gold-deep); background: #fffdf7; color: var(--gold-deep); font-size: 22px; line-height: 1; cursor: pointer; display: grid; place-items: center; transition: transform 0.3s, background 0.2s, color 0.2s; z-index: 2; }
.subscription-page.subscription-page.subscription-page .bcard.flipped .flip-btn.front-btn{ transform: rotate(135deg); }
.subscription-page.subscription-page.subscription-page .bcard-back{ transform: rotateY(180deg); background: #1d1712; border-color: var(--gold-deep); padding: 24px 22px; justify-content: flex-start; }
.subscription-page.subscription-page.subscription-page .bk-season{ font-family: var(--mono); font-size: 9px; letter-spacing: 0.2em; text-transform: uppercase; color: var(--gold); }
.subscription-page.subscription-page.subscription-page .bk-composer{ font-family: var(--serif); font-style: italic; font-size: 26px; color: var(--ink); margin-top: 8px; line-height: 1; }
.subscription-page.subscription-page.subscription-page .bk-work{ font-family: var(--serif); font-size: 14px; color: var(--gold-soft); margin-top: 3px; }
.subscription-page.subscription-page.subscription-page .bk-note{ font-family: var(--serif); font-size: 13.5px; line-height: 1.5; color: var(--body); margin-top: 14px; }
.subscription-page.subscription-page.subscription-page .bk-specs{ list-style: none; margin: 14px 0 0; padding-top: 13px; border-top: 1px solid var(--line-soft); display: flex; flex-direction: column; gap: 7px; }
.subscription-page.subscription-page.subscription-page .bk-specs li{ display: flex; justify-content: space-between; gap: 10px; font-family: var(--mono); font-size: 9px; letter-spacing: 0.1em; text-transform: uppercase; color: var(--muted); }
.subscription-page.subscription-page.subscription-page .bk-specs li b{ font-family: var(--serif); font-style: italic; font-size: 13.5px; letter-spacing: 0; text-transform: none; color: var(--ink); font-weight: 500; }
.subscription-page.subscription-page.subscription-page .bcard-back .flip-btn{ border-color: var(--gold-soft); background: rgba(231,207,158,0.12); color: var(--gold-soft); transform: rotate(45deg); }
.subscription-page.subscription-page.subscription-page .marquee{ overflow: hidden; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding: 15px 0; background: var(--bg-2); }
.subscription-page.subscription-page.subscription-page .marquee-track{ display: flex; gap: 40px; white-space: nowrap; width: max-content; animation: marq 22s linear infinite; }
.subscription-page.subscription-page.subscription-page .marquee-item{ font-family: var(--serif); font-style: italic; font-size: 19px; color: var(--gold-soft); }
.subscription-page.subscription-page.subscription-page .marquee-item::after{ content: "✦"; margin-left: 40px; color: var(--gold-deep); font-style: normal; }
@keyframes marq{ to { transform: translateX(-50%); } }
.subscription-page.subscription-page.subscription-page .gallery-bright{
    --vyne-gold-soft: #e6cf9e;
    --font-serif: 'Cormorant Garamond', serif; --font-read: 'Cormorant Garamond', serif; --font-code: 'JetBrains Mono', ui-monospace, monospace;
    position: relative; padding: clamp(48px, 7vw, 88px) 0;
    background: linear-gradient(180deg, #faf5e9 0%, #f4ede0 55%, #ece1cd 100%);
    border-top: 1px solid rgba(38,30,16,0.10);
  }
.subscription-page.subscription-page.subscription-page .gallery-bright .g-shell{ max-width: 1680px; margin: 0 auto; padding: 0 clamp(24px, 5vw, 120px); }
.subscription-page.subscription-page.subscription-page .gallery-bright .g-section-head{ display: flex; flex-direction: column; gap: 14px; margin-bottom: clamp(36px, 5vw, 64px); }
.subscription-page.subscription-page.subscription-page .gallery-bright .g-kicker{ font-family: var(--font-code); font-size: 11px; letter-spacing: 0.3em; text-transform: uppercase; color: #9b7833; }
.subscription-page.subscription-page.subscription-page .gallery-bright .g-h{ font-family: var(--font-serif); font-weight: 500; font-size: clamp(32px,4.5vw,52px); line-height: 1.05; color: #241c14; margin: 4px 0 0; }
.subscription-page.subscription-page.subscription-page .gallery-bright .g-h em{ font-style: italic; color: #9b7833; }
.subscription-page.subscription-page.subscription-page .g-wall{ columns: 5; column-gap: 14px; }
.subscription-page.subscription-page.subscription-page .g-wall > *{ break-inside: avoid; margin: 0 0 14px; width: 100%; display: block; }
.subscription-page.subscription-page.subscription-page .g-card{ border: 1px solid rgba(42,33,26,0.16); background: #f7f1e6; overflow: hidden; position: relative; }
.subscription-page.subscription-page.subscription-page .g-media{ position: relative; background: #e3d8c4 center / cover no-repeat; }
.subscription-page.subscription-page.subscription-page .g-media .ph{ position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 16px; text-align: center; font-family: var(--font-read); font-style: italic; font-size: 14px; color: #8a7a60; }
.subscription-page.subscription-page.subscription-page .g-play{ position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; z-index: 2; }
.subscription-page.subscription-page.subscription-page .g-play span{ width: 56px; height: 56px; border: 1px solid rgba(245,237,224,0.65); border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(8,6,5,0.32); color: #f5ede0; padding-left: 3px; }
.subscription-page.subscription-page.subscription-page .g-dur{ position: absolute; top: 12px; left: 12px; z-index: 2; font-family: var(--font-code); font-size: 10px; letter-spacing: 0.08em; color: #fff; background: rgba(8,6,5,0.7); padding: 5px 9px; display: inline-flex; gap: 6px; align-items: center; }
.subscription-page.subscription-page.subscription-page .g-foot{ padding: 13px 16px; font-family: var(--font-read); font-style: italic; font-size: 13px; color: #4f4234; border-top: 1px solid rgba(42,33,26,0.12); }
.subscription-page.subscription-page.subscription-page .g-cap-card{ padding: 20px 22px; background: #f7f1e6; }
.subscription-page.subscription-page.subscription-page .g-cap-card .q{ font-family: var(--font-serif); font-style: italic; font-size: 20px; line-height: 1.25; color: #241c14; }
.subscription-page.subscription-page.subscription-page .g-cap-card .by{ font-family: var(--font-code); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: #8a7a60; margin-top: 10px; }
.subscription-page.subscription-page.subscription-page .g-quote{ padding: 28px 26px; }
.subscription-page.subscription-page.subscription-page .g-quote.dark{ background: #221a12; border-color: #9b7833; }
.subscription-page.subscription-page.subscription-page .g-quote.light{ background: #efe3cc; border-color: #c9a44c; }
.subscription-page.subscription-page.subscription-page .g-quote .qm{ font-family: var(--font-serif); font-size: 46px; line-height: 0.3; display: block; }
.subscription-page.subscription-page.subscription-page .g-quote.dark .qm{ color: #c9a44c; }
.subscription-page.subscription-page.subscription-page .g-quote.light .qm{ color: #b8923c; }
.subscription-page.subscription-page.subscription-page .g-quote .qt{ font-family: var(--font-serif); font-style: italic; font-size: 23px; line-height: 1.2; margin: 18px 0 0; }
.subscription-page.subscription-page.subscription-page .g-quote.dark .qt{ color: #f5ede0; }
.subscription-page.subscription-page.subscription-page .g-quote.light .qt{ color: #2a2014; }
.subscription-page.subscription-page.subscription-page .g-quote .qb{ font-family: var(--font-code); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; margin-top: 16px; }
.subscription-page.subscription-page.subscription-page .g-quote.dark .qb{ color: #c9a44c; }
.subscription-page.subscription-page.subscription-page .g-quote.light .qb{ color: #8a7a60; }
.subscription-page.subscription-page.subscription-page .g-rating{ padding: 46px 20px; text-align: center; background: #221a12; }
.subscription-page.subscription-page.subscription-page .g-rating .r{ font-family: var(--font-serif); font-weight: 500; font-size: 56px; color: var(--vyne-gold-soft); line-height: 1; }
.subscription-page.subscription-page.subscription-page .g-rating .rl{ font-family: var(--font-code); font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase; color: #c9b896; margin-top: 14px; line-height: 1.7; }
.subscription-page.subscription-page.subscription-page .g-audio{ padding: 28px 22px 20px; text-align: center; }
.subscription-page.subscription-page.subscription-page .g-audio .wave{ color: #b8923c; height: 56px; width: 100%; display: block; }
.subscription-page.subscription-page.subscription-page .g-audio .al{ font-family: var(--font-code); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: #8a7a60; margin-top: 14px; }
@media (max-width: 1200px){
.subscription-page.subscription-page.subscription-page .g-wall{ columns: 4; }
}
@media (max-width: 980px){
.subscription-page.subscription-page.subscription-page .g-wall{ columns: 3; }
}
@media (max-width: 680px){
.subscription-page.subscription-page.subscription-page .g-wall{ columns: 2; }
}
@media (max-width: 460px){
.subscription-page.subscription-page.subscription-page .g-wall{ columns: 1; }
}
@media (max-width: 760px){
.subscription-page.subscription-page.subscription-page .gallery-bright .g-wall .g-card{ display: none; }
.subscription-page.subscription-page.subscription-page .gallery-bright .g-wall .g-card.m-keep{ display: block; }
}
.subscription-page.subscription-page.subscription-page .pf2 .shell{ max-width: 640px; }
.subscription-page.subscription-page.subscription-page .pf2 .sec-h{ font-family: var(--serif); font-weight: 500; font-size: clamp(28px,8vw,38px); color: var(--ink); margin-top: 10px; }
.subscription-page.subscription-page.subscription-page .pf2 .sec-h em{ color: var(--gold-soft); }
.subscription-page.subscription-page.subscription-page .pf2 .sec-lead{ font-family: var(--serif); font-size: 16px; line-height: 1.5; color: var(--body); margin-top: 12px; }
.subscription-page.subscription-page.subscription-page .faq-list{ margin-top: 24px; }
.subscription-page.subscription-page.subscription-page .faq-item{ border-bottom: 1px solid var(--line); }
.subscription-page.subscription-page.subscription-page .faq-q{ width: 100%; text-align: left; background: none; border: none; color: var(--ink); font-family: var(--serif); font-size: 19px; padding: 17px 34px 17px 0; cursor: pointer; position: relative; }
.subscription-page.subscription-page.subscription-page .faq-q::after{ content: "+"; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); font-size: 22px; color: var(--gold); transition: transform 0.25s; }
.subscription-page.subscription-page.subscription-page .faq-item.open .faq-q::after{ transform: translateY(-50%) rotate(45deg); }
.subscription-page.subscription-page.subscription-page .faq-a{ max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
.subscription-page.subscription-page.subscription-page .faq-item.open .faq-a{ max-height: 400px; }
.subscription-page.subscription-page.subscription-page .faq-a-inner{ font-family: var(--serif); font-size: 14.5px; line-height: 1.6; color: var(--body); padding: 0 0 18px; }
.subscription-page.subscription-page.subscription-page .overlay{ position: fixed; inset: 0; z-index: 90; background: rgba(6,4,3,0.72); backdrop-filter: blur(6px); display: flex; align-items: center; justify-content: center; padding: 24px; opacity: 0; visibility: hidden; transition: opacity 0.3s, visibility 0.3s; }
.subscription-page.subscription-page.subscription-page .overlay.open{ opacity: 1; visibility: visible; }
.subscription-page.subscription-page.subscription-page .overlay-card{ background: #faf5e9; border: 1px solid rgba(42,33,26,0.2); border-radius: 14px; width: 100%; max-width: 400px; padding: 34px 26px 26px; text-align: center; position: relative; }
.subscription-page.subscription-page.subscription-page .overlay-close{ position: absolute; top: 12px; right: 14px; background: none; border: none; font-size: 26px; color: #8a7a60; cursor: pointer; line-height: 1; }
.subscription-page.subscription-page.subscription-page .confirm-check{ width: 52px; height: 52px; border-radius: 50%; background: #2f7d4f; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 25px; margin: 0 auto 14px; }
.subscription-page.subscription-page.subscription-page .confirm-kicker{ font-family: var(--mono); font-size: 9px; letter-spacing: 0.28em; text-transform: uppercase; color: #9b7833; margin-bottom: 7px; }
.subscription-page.subscription-page.subscription-page .overlay-card h3{ font-family: var(--serif); font-size: 27px; color: #241c14; }
.subscription-page.subscription-page.subscription-page .overlay-card p{ font-family: var(--serif); font-size: 15px; line-height: 1.5; color: #6a5c44; margin-top: 8px; }
.subscription-page.subscription-page.subscription-page .overlay-actions{ display: flex; gap: 10px; margin-top: 22px; }
.subscription-page.subscription-page.subscription-page .overlay-actions button{ flex: 1; padding: 14px; font-family: var(--sans); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; cursor: pointer; border-radius: 8px; }
.subscription-page.subscription-page.subscription-page .overlay-actions .nav-btn{ background: transparent; border: 1px solid rgba(42,33,26,0.3); color: #4a3f2a; }
.subscription-page.subscription-page.subscription-page .overlay-actions .nav-btn.primary{ background: linear-gradient(180deg, #d9b765, #b98f3c); border: none; color: #16100a; }
.subscription-page.subscription-page.subscription-page .pf2 .pf2-findings{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px;margin:28px 0 34px}
.subscription-page.subscription-page.subscription-page .pf2 .pf2-find{padding-top:16px;border-top:1px solid var(--line)}
.subscription-page.subscription-page.subscription-page .pf2 .pf2-num{font-family:var(--serif);font-weight:500;font-size:clamp(34px,10vw,52px);line-height:1;color:var(--gold)}
.subscription-page.subscription-page.subscription-page .pf2 .pf2-num .u{font-size:.42em;color:var(--ink);margin-left:4px}
.subscription-page.subscription-page.subscription-page .pf2 .pf2-desc{font-family:var(--serif);font-size:13.5px;line-height:1.45;color:var(--body);margin-top:10px}
.subscription-page.subscription-page.subscription-page .pf2 .tab-row{display:flex;border-bottom:1px solid var(--line);margin-bottom:28px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.subscription-page.subscription-page.subscription-page .pf2 .tab{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);background:none;border:none;padding:12px 18px;cursor:pointer;position:relative;white-space:nowrap}
.subscription-page.subscription-page.subscription-page .pf2 .tab.active{color:var(--ink)}
.subscription-page.subscription-page.subscription-page .pf2 .tab.active::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--gold)}
.subscription-page.subscription-page.subscription-page .pf2 .pf2-panel[hidden]{display:none}
.subscription-page.subscription-page.subscription-page .pf2 .pf2-ph{margin-bottom:24px}
.subscription-page.subscription-page.subscription-page .pf2 .pf2-ph h3{font-family:var(--serif);font-weight:500;font-size:clamp(23px,6.5vw,32px);color:var(--ink);margin:0 0 10px}
.subscription-page.subscription-page.subscription-page .pf2 .pf2-ph p{font-family:var(--serif);font-size:15.5px;line-height:1.55;color:var(--body);margin:0}
.subscription-page.subscription-page.subscription-page .pf2 .collage{display:flex;flex-direction:column;gap:12px}
.subscription-page.subscription-page.subscription-page .pf2 .collage>div{border:1px solid var(--line);padding:20px;background:var(--panel);position:relative;border-radius:8px}
.subscription-page.subscription-page.subscription-page .pf2 .collage .hero-photo{min-height:200px;background:#0a0807 center/cover no-repeat;padding:0}
.subscription-page.subscription-page.subscription-page .pf2 .collage .k{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.subscription-page.subscription-page.subscription-page .pf2 .collage .n{font-family:var(--serif);font-weight:500;font-size:40px;color:var(--gold);line-height:1;margin:8px 0}
.subscription-page.subscription-page.subscription-page .pf2 .collage .b{font-size:13px;color:var(--body);font-family:var(--serif);line-height:1.5}
.subscription-page.subscription-page.subscription-page .pf2 .collage .hd{font-family:var(--serif);font-size:16px;color:var(--gold-soft);margin-bottom:4px}
.subscription-page.subscription-page.subscription-page .pf2 .collage .quote{background:rgba(201,164,76,.08);border-color:var(--gold)}
.subscription-page.subscription-page.subscription-page .pf2 .collage .qm{font-family:var(--serif);font-size:44px;color:var(--gold);line-height:.5}
.subscription-page.subscription-page.subscription-page .pf2 .collage .qt{font-family:var(--serif);font-style:italic;font-size:19px;color:var(--ink);margin:10px 0}
.subscription-page.subscription-page.subscription-page .pf2 .collage .qa{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.subscription-page.subscription-page.subscription-page .pf2 .pf2-more{display:inline-block;margin-top:22px;font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--gold);padding-bottom:4px}
}