/**
 * The marketing sections every VYNE+ edition page carries below its
 * configurator — 5 steps, the proof, real bottles, specs, gallery, other
 * editions and the FAQ (template-parts/edition/*).
 *
 * Lifted from the signature edition's compiled stylesheet, which is where the
 * design first landed, so the sections look the same wherever they are used.
 * Still scoped under .wyne-cfg, because that is the wrapper the templates
 * render inside.
 */
.wyne-cfg .hero,
.wyne-cfg .sub,
.wyne-cfg .btn,
.wyne-cfg .card,
.wyne-cfg .field,
.wyne-cfg .grid,
.wyne-cfg .nav,
.wyne-cfg .panel,
.wyne-cfg .price,
.wyne-cfg .step,
.wyne-cfg .tab,
.wyne-cfg .kicker,
.wyne-cfg .title,
.wyne-cfg .stage,
.wyne-cfg .showcase,
.wyne-cfg .band,
.wyne-cfg .shell,
.wyne-cfg .section{
  display:revert;min-height:revert;max-height:revert;height:revert;
  background:revert;background-image:revert;background-color:revert;
  margin:revert;padding:revert;border:revert;border-radius:revert;
  flex:revert;flex-direction:revert;align-items:revert;justify-content:revert;gap:revert;
  grid-template-columns:revert;overflow:revert;box-shadow:revert;
  color:inherit;
}
.wyne-cfg .bandhero .bh-scrim{ position: absolute; inset: 0; pointer-events: none; z-index: 1; background: linear-gradient(0deg, var(--bg) 0%, var(--bg) 12%, rgba(244,237,224,0.97) 28%, rgba(244,237,224,0.72) 46%, rgba(244,237,224,0.28) 64%, rgba(244,237,224,0) 80%); }
.wyne-cfg .bottle-img-wrap{ position: relative; display: block; overflow: hidden; }
.wyne-cfg .bottle-img-wrap img{ width: 100%; height: 70vh; max-height: 820px; min-height: 480px; object-fit: cover; object-position: center 32%; display: block; box-shadow: none; transition: filter 0.5s ease; }
.wyne-cfg 
  .marquee{
    --font-serif: 'Cormorant Garamond', serif;
    overflow: hidden; border-top: 1px solid rgba(231,210,176,0.10); border-bottom: 1px solid rgba(231,210,176,0.10);
    padding: clamp(18px, 2.6vw, 30px) 0; background: #15110a;
  }
.wyne-cfg .marquee-track{ display: inline-flex; align-items: center; white-space: nowrap; animation: vyne-marquee 48s linear infinite; will-change: transform; }
.wyne-cfg .marquee:hover .marquee-track{ animation-play-state: paused; }
.wyne-cfg .marquee-track span{ font-family: var(--font-serif); font-weight: 500; font-size: clamp(18px, 2.1vw, 30px); line-height: 1; color: #c7bba8; padding: 0 0.55em; letter-spacing: 0.02em; }
.wyne-cfg .marquee-track em{ font-style: italic; color: #e6cf9e; }
.wyne-cfg .marquee-track .sep{ color: #c9a44c; font-size: 9px; padding: 0 0.1em; transform: translateY(-2px); opacity: 0.85; }
@keyframes vyne-marquee{ from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce){
.wyne-cfg .marquee-track{ animation: none; }
}
.wyne-cfg 
  .magic-block{
    --font-serif: 'Cormorant Garamond', serif; --font-code: 'JetBrains Mono', ui-monospace, monospace;
    background: #080605;
    padding: clamp(48px, 7vw, 88px) 0;
    border-top: 1px solid rgba(231,210,176,0.10);
  }
.wyne-cfg .magic-block .mg-shell{ max-width: 1680px; margin: 0 auto; padding: 0 clamp(24px, 5vw, 120px); }
.wyne-cfg .magic-block .mg-h{ font-family: var(--font-serif); font-weight: 500; font-size: clamp(34px,5vw,56px); line-height: 1.04; color: #f5ede0; margin: 0 0 10px; }
.wyne-cfg .magic-block .mg-lead{ font-family: var(--font-serif); font-size: clamp(17px, 1.6vw, 21px); line-height: 1.55; color: #c7bba8; max-width: 640px; margin: 0 0 clamp(32px, 4vw, 48px); }
.wyne-cfg .magic-block .mg-h em{ font-style: italic; color: #e6cf9e; }
.wyne-cfg .magic-block .mg-grid{ display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; }
.wyne-cfg .magic-block .step-card{ display: flex; flex-direction: column; }
.wyne-cfg .magic-block .step-photo{ position: relative; aspect-ratio: 3/4.4; cursor: pointer; background: #0d0a07 center / cover no-repeat; overflow: hidden; }
.wyne-cfg .magic-block .step-photo .scrim{ position: absolute; inset: 0; background: linear-gradient(180deg, rgba(8,6,5,0.1) 0%, rgba(8,6,5,0) 35%, rgba(8,6,5,0.85) 100%); z-index: 1; }
.wyne-cfg .magic-block .step-meta{ position: absolute; left: 18px; right: 18px; bottom: 18px; z-index: 2; }
.wyne-cfg .magic-block .step-n{ font-family: var(--font-code); font-size: 10px; letter-spacing: 0.22em; text-transform: uppercase; color: #c9a44c; }
.wyne-cfg .magic-block .step-meta h3{ font-family: var(--font-serif); font-weight: 500; font-size: clamp(18px, 1.5vw, 23px); color: #f5ede0; margin: 6px 0 0; line-height: 1.05; padding-right: 30px; }
.wyne-cfg .magic-block .step-plus{ position: absolute; right: 14px; bottom: 14px; z-index: 3; width: 30px; height: 30px; border: 1px solid rgba(245,237,224,0.4); background: rgba(8,6,5,0.35); color: #f5ede0; font-size: 17px; line-height: 1; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 240ms ease; }
.wyne-cfg .magic-block .step-card.open .step-plus{ transform: rotate(45deg); border-color: #c9a44c; color: #c9a44c; }
.wyne-cfg .magic-block .step-desc{ display: grid; grid-template-rows: 0fr; transition: grid-template-rows 360ms ease; }
.wyne-cfg .magic-block .step-card.open .step-desc{ grid-template-rows: 1fr; }
.wyne-cfg .magic-block .step-desc-inner{ overflow: hidden; }
.wyne-cfg .magic-block .step-desc p{ font-family: var(--font-serif); font-size: 15px; color: #c7bba8; margin: 14px 2px 0; line-height: 1.45; }
@media (max-width: 1024px){
.wyne-cfg .magic-block .mg-grid{ grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 680px){
.wyne-cfg .magic-block .mg-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 460px){
.wyne-cfg .magic-block .mg-grid{ grid-template-columns: 1fr; }
}
.wyne-cfg 
  .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);
  }
.wyne-cfg .gallery-bright .g-shell{ max-width: 1680px; margin: 0 auto; padding: 0 clamp(24px, 5vw, 120px); }
.wyne-cfg .gallery-bright .g-section-head{ display: flex; flex-direction: column; gap: 14px; margin-bottom: clamp(36px, 5vw, 64px); }
.wyne-cfg .gallery-bright .g-kicker{ font-family: var(--font-code); font-size: 11px; letter-spacing: 0.3em; text-transform: uppercase; color: #9b7833; }
.wyne-cfg .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; }
.wyne-cfg .gallery-bright .g-h em{ font-style: italic; color: #9b7833; }
.wyne-cfg .g-wall{ columns: 5; column-gap: 14px; }
.wyne-cfg .g-wall > *{ break-inside: avoid; margin: 0 0 14px; width: 100%; display: block; }
.wyne-cfg .g-card{ border: 1px solid rgba(42,33,26,0.16); background: #f7f1e6; overflow: hidden; position: relative; }
.wyne-cfg .g-media{ position: relative; background: #e3d8c4 center / cover no-repeat; }
.wyne-cfg .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; }
.wyne-cfg .g-play{ position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; z-index: 2; }
.wyne-cfg .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; }
.wyne-cfg .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; }
.wyne-cfg .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); }
.wyne-cfg .g-cap-card{ padding: 20px 22px; background: #f7f1e6; }
.wyne-cfg .g-cap-card .q{ font-family: var(--font-serif); font-style: italic; font-size: 20px; line-height: 1.25; color: #241c14; }
.wyne-cfg .g-cap-card .by{ font-family: var(--font-code); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; color: #8a7a60; margin-top: 10px; }
.wyne-cfg .g-quote{ padding: 28px 26px; }
.wyne-cfg .g-quote.dark{ background: #221a12; border-color: #9b7833; }
.wyne-cfg .g-quote.light{ background: #efe3cc; border-color: #c9a44c; }
.wyne-cfg .g-quote .qm{ font-family: var(--font-serif); font-size: 46px; line-height: 0.3; display: block; }
.wyne-cfg .g-quote.dark .qm{ color: #c9a44c; }
.wyne-cfg .g-quote.light .qm{ color: #b8923c; }
.wyne-cfg .g-quote .qt{ font-family: var(--font-serif); font-style: italic; font-size: 23px; line-height: 1.2; margin: 18px 0 0; }
.wyne-cfg .g-quote.dark .qt{ color: #f5ede0; }
.wyne-cfg .g-quote.light .qt{ color: #2a2014; }
.wyne-cfg .g-quote .qb{ font-family: var(--font-code); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; margin-top: 16px; }
.wyne-cfg .g-quote.dark .qb{ color: #c9a44c; }
.wyne-cfg .g-quote.light .qb{ color: #8a7a60; }
@media (max-width: 1200px){
.wyne-cfg .g-wall{ columns: 4; }
}
@media (max-width: 980px){
.wyne-cfg .g-wall{ columns: 3; }
}
@media (max-width: 680px){
.wyne-cfg .g-wall{ columns: 2; }
}
@media (max-width: 460px){
.wyne-cfg .g-wall{ columns: 1; }
}
.wyne-cfg .proof-block .pf-shell{ max-width: 1680px; margin: 0 auto; padding: 0 clamp(24px, 5vw, 120px); }
.wyne-cfg .proof-block .pf-head{ max-width: 70ch; margin-bottom: clamp(28px, 4vw, 40px); }
.wyne-cfg .proof-block .pf-kicker{ font-family: var(--font-code); font-size: 11px; letter-spacing: 0.3em; text-transform: uppercase; color: var(--vyne-gold); }
.wyne-cfg .proof-block .pf-h{ font-family: var(--font-serif); font-weight: 500; font-size: clamp(34px,5vw,56px); line-height: 1.04; color: var(--vyne-ink); margin: 14px 0 16px; }
.wyne-cfg .proof-block .pf-lede{ font-family: var(--font-serif); font-size: clamp(18px, 1.7vw, 23px); line-height: 1.5; color: var(--vyne-body); font-weight: 300; margin: 0; }
.wyne-cfg .proof-block .tab-row{ display: flex; border-bottom: 1px solid var(--vyne-line); margin-bottom: 40px; }
.wyne-cfg .proof-block .tab{ font-family: var(--font-word); font-size: 13px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--vyne-muted); background: none; border: none; padding: 14px 26px; cursor: pointer; position: relative; }
.wyne-cfg .proof-block .tab.active{ color: var(--vyne-ink); }
.wyne-cfg .proof-block .tab.active::after{ content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--vyne-gold); }
.wyne-cfg .proof-block .pf-panel[hidden]{ display: none; }
.wyne-cfg .proof-block .collage{ display: grid; grid-template-columns: 1.3fr 1fr 1fr; grid-auto-rows: 234px; gap: 18px; }
.wyne-cfg .proof-block .collage > div{ border: 1px solid var(--vyne-line); padding: 22px; background: var(--vyne-panel); position: relative; }
.wyne-cfg .proof-block .collage .hero-photo{ grid-row: span 2; background: #e3d8c4 center / cover no-repeat; }
.wyne-cfg .proof-block .collage .kicker{ font-family: var(--font-code); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--vyne-muted); }
.wyne-cfg .proof-block .collage .big-num{ font-family: var(--font-serif); font-weight: 500; font-size: 48px; color: var(--vyne-gold-soft); line-height: 1; margin: 10px 0; }
.wyne-cfg .proof-block .collage .chart-area, .wyne-cfg .proof-block .collage .body{ font-size: 13px; color: var(--vyne-body); font-family: var(--font-serif); }
.wyne-cfg .proof-block .collage .quote-card{ grid-column: span 2; background: #efe3cc; border-color: var(--vyne-gold); }
.wyne-cfg .proof-block .collage .qmark{ font-family: var(--font-serif); font-size: 50px; color: var(--vyne-gold); line-height: 0.5; }
.wyne-cfg .proof-block .collage .qtext{ font-family: var(--font-serif); font-style: italic; font-size: 23px; color: var(--vyne-ink); margin: 10px 0; }
.wyne-cfg .proof-block .collage .qauthor, .wyne-cfg .proof-block .collage .head{ font-family: var(--font-code); font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--vyne-muted); }
.wyne-cfg .proof-block .collage .head{ color: var(--vyne-ink); margin-top: 8px; }
@media (max-width: 1024px){
.wyne-cfg .proof-block .collage{ grid-template-columns: 1fr 1fr; }
.wyne-cfg .proof-block .collage .hero-photo{ grid-row: auto; grid-column: span 2; min-height: 220px; }
}
@media (max-width: 560px){
.wyne-cfg .proof-block .collage{ grid-template-columns: 1fr; }
.wyne-cfg .proof-block .collage .hero-photo, .wyne-cfg .proof-block .collage .quote-card{ grid-column: auto; }
}
.wyne-cfg 
  .editions-band{ --font-serif: 'Cormorant Garamond', serif; --font-mono: 'JetBrains Mono', ui-monospace, monospace; --font-read: 'Cormorant Garamond', serif; padding: clamp(32px, 4.5vw, 60px) 0; }
.wyne-cfg .editions-band .shell{ max-width: 1680px; margin: 0 auto; padding: 0 clamp(24px, 5vw, 120px); }
.wyne-cfg .editions-band .section-head{ display: flex; flex-direction: column; gap: 14px; max-width: 64ch; margin-bottom: clamp(36px, 5vw, 64px); }
.wyne-cfg .editions-band .kicker{ font-family: var(--font-mono); font-size: 11px; font-weight: 400; letter-spacing: 0.3em; text-transform: uppercase; color: #8a6d2f; }
.wyne-cfg .editions-band h2{ font-family: var(--font-serif); font-weight: 500; line-height: 1.0; letter-spacing: 0.005em; color: #241c14; margin: 4px 0 0; }
.wyne-cfg .editions-band .lede{ font-family: var(--font-serif); font-size: clamp(16px,1.6vw,19px); line-height: 1.5; color: #574a38; max-width: 58ch; margin: 0; }
.wyne-cfg .editions-band .ed3-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: clamp(32px, 4vw, 52px); }
.wyne-cfg .editions-band .ed3{ display: flex; flex-direction: column; border: 1px solid rgba(36,28,20,0.14); background: #fbf6ec; overflow: hidden; cursor: pointer; transition: border-color .25s, transform .25s; }
.wyne-cfg .editions-band .ed3:hover{ border-color: rgba(36,28,20,0.32); transform: translateY(-3px); }
.wyne-cfg .editions-band .ed3:focus-visible{ outline: 2px solid #b8923c; outline-offset: 3px; }
.wyne-cfg .editions-band .ed3-photo{ position: relative; aspect-ratio: 4/5; background: linear-gradient(160deg, #e3d8c4, #d3c4a8); overflow: hidden; }
.wyne-cfg .editions-band .ed3-photo img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.wyne-cfg .editions-band .ed3-badge{ position: absolute; top: 16px; left: 16px; display: inline-flex; align-items: center; gap: 7px; font-family: var(--font-mono); font-size: 10px; font-weight: 500; letter-spacing: .18em; text-transform: uppercase; color: #16100a; border: none; background: linear-gradient(180deg, #e6cf9e, #c9a44c); padding: 8px 15px; border-radius: 999px; box-shadow: 0 4px 14px rgba(0,0,0,.28); }
.wyne-cfg .editions-band .ed3-badge::before{ content: ""; width: 6px; height: 6px; border-radius: 999px; background: #16100a; }
.wyne-cfg .editions-band .ed3-body{ padding: 24px 24px 26px; display: flex; flex-direction: column; flex: 1; border-top: 1px solid rgba(36,28,20,0.12); }
.wyne-cfg .editions-band .ed3-body h3{ font-family: var(--font-serif); font-weight: 500; font-size: 30px; line-height: 1.05; color: #241c14; margin: 0 0 8px; }
.wyne-cfg .editions-band .ed3-stars{ display: flex; align-items: center; gap: 8px; margin: 0 0 12px; }
.wyne-cfg .editions-band .ed3-stars svg{ color: #b8923c; }
.wyne-cfg .editions-band .ed3-rev{ font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.08em; color: #8a7a60; margin-left: 4px; }
.wyne-cfg .editions-band .ed3-aged{ display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin: 2px 0 20px; font-family: var(--font-mono); }
.wyne-cfg .editions-band .ed3-aged-k{ font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #9b7833; }
.wyne-cfg .editions-band .ed3-aged-k::after{ content: " →"; color: #8a7a60; }
.wyne-cfg .editions-band .ed3-aged-v{ font-size: 12px; letter-spacing: 0.08em; text-transform: uppercase; color: #241c14; }
.wyne-cfg .editions-band .ed3-note{ font-family: var(--font-serif); font-size: 15px; line-height: 1.55; color: #574a38; font-weight: 300; margin: 0 0 22px; }
.wyne-cfg .editions-band .ed3-btn{ align-self: flex-start; margin-top: auto; font-family: var(--font-mono); font-size: 11px; letter-spacing: .18em; text-transform: uppercase; color: #241c14; border: 1px solid rgba(36,28,20,0.34); padding: 13px 22px; text-decoration: none; transition: background .2s, color .2s; }
.wyne-cfg .editions-band .ed3-btn:hover{ background: #241c14; color: #f4ede0; }
@media (max-width: 860px){
.wyne-cfg .editions-band .ed3-grid{ grid-template-columns: 1fr; }
}
.wyne-cfg 
  
  .magic-block .mg-h, .wyne-cfg .gallery-bright .g-h, .wyne-cfg .proof-block .pf-h, .wyne-cfg .heartbeat-embed-block .he-h, .wyne-cfg .editions-block .ed-h, .wyne-cfg .specs-block .sb-h, .wyne-cfg .faq-block .ff-h, .wyne-cfg .proof-block .panel-head h3{
    font-size: clamp(44px, 6vw, 72px) !important;
    line-height: 1.02 !important;
  }
.wyne-cfg 
  .specs-block{
    --font-serif: 'Cormorant Garamond', serif; --font-code: 'JetBrains Mono', ui-monospace, monospace;
    background: linear-gradient(180deg, #0d0a07 0%, #080605 100%);
    padding: clamp(48px, 7vw, 96px) 0;
    border-top: 1px solid rgba(231,210,176,0.10);
  }
.wyne-cfg .specs-block .sb-shell{ max-width: 1680px; margin: 0 auto; padding: 0 clamp(24px, 5vw, 120px); }
.wyne-cfg .specs-block .sb-grid{ display: grid; grid-template-columns: 1.25fr 0.85fr; gap: clamp(40px, 6vw, 96px); align-items: start; }
.wyne-cfg .specs-block .sb-h{ font-family: var(--font-serif); font-weight: 500; font-size: clamp(34px, 5vw, 60px); line-height: 1.02; color: #f5ede0; margin: 0 0 clamp(28px, 4vw, 48px); }
.wyne-cfg .specs-block .sb-cols{ display: grid; grid-template-columns: 1fr 1fr; gap: 40px 48px; }
.wyne-cfg .specs-block .sb-item{ }
.wyne-cfg .specs-block .sb-itop{ display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.wyne-cfg .specs-block .sb-ic{ flex: 0 0 auto; width: 30px; height: 30px; display: grid; place-items: center; color: #c9a44c; }
.wyne-cfg .specs-block .sb-ic svg{ width: 24px; height: 24px; }
.wyne-cfg .specs-block .sb-itl{ font-family: var(--font-serif); font-style: italic; font-size: 27px; color: #f5ede0; }
.wyne-cfg .specs-block .sb-list{ list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; }
.wyne-cfg .specs-block .sb-list li{ font-family: var(--font-serif); font-size: 19px; line-height: 1.4; color: #c7bba8; padding-left: 18px; position: relative; white-space: nowrap; }
.wyne-cfg .specs-block .sb-list li::before{ content: ""; position: absolute; left: 0; top: 0.62em; width: 5px; height: 5px; background: #c9a44c; }
.wyne-cfg .specs-block .sb-media{ border-radius: 18px; position: sticky; top: 110px; }
.wyne-cfg .specs-block .sb-carousel{ border-radius: 18px; overflow: hidden; background: #0a0807; box-shadow: 0 30px 70px rgba(0,0,0,0.55); }
.wyne-cfg .specs-block .sb-track{ display: flex; transition: transform 0.5s cubic-bezier(0.4,0,0.2,1); }
.wyne-cfg .specs-block .sb-track img{ width: 100%; flex: 0 0 100%; height: auto; display: block; }
.wyne-cfg .specs-block .sb-slider{ display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 18px; padding: 9px 18px; background: rgba(231,210,176,0.06); border: 1px solid rgba(231,210,176,0.14); border-radius: 999px; width: fit-content; margin-left: auto; margin-right: auto; }
.wyne-cfg .specs-block .sb-arrow{ background: none; border: none; color: #e6cf9e; font-family: var(--font-serif); font-size: 22px; line-height: 1; cursor: pointer; padding: 0 4px; transition: color 0.15s, transform 0.15s; }
.wyne-cfg .specs-block .sb-arrow:hover{ color: #fff; transform: scale(1.15); }
.wyne-cfg .specs-block .sb-dots{ display: flex; align-items: center; gap: 9px; }
.wyne-cfg .specs-block .sb-dot{ width: 8px; height: 8px; border-radius: 999px; background: rgba(231,210,176,0.32); border: none; padding: 0; cursor: pointer; transition: width 0.3s, background 0.3s; }
.wyne-cfg .specs-block .sb-dot.active{ width: 26px; background: #e6cf9e; }
@media (max-width: 980px){
.wyne-cfg .specs-block .sb-grid{ grid-template-columns: 1fr; }
.wyne-cfg .specs-block .sb-media{ order: -1; position: static; max-width: 460px; }
.wyne-cfg .specs-block .sb-cols{ grid-template-columns: 1fr; gap: 32px; }
}
.wyne-cfg 
  .faqfoot-scope{
    --vyne-ink: #f5ede0; --vyne-body: #c7bba8; --vyne-muted: #8e8474; --vyne-faint: #6a6256;
    --vyne-gold: #c9a44c; --vyne-gold-soft: #e6cf9e;
    --vyne-line: rgba(231,210,176,0.14); --vyne-line-soft: rgba(231,210,176,0.07);
    --font-serif: 'Cormorant Garamond', serif; --font-read: 'Cormorant Garamond', serif; --font-code: 'JetBrains Mono', ui-monospace, monospace; --font-word: 'JetBrains Mono', ui-monospace, monospace;
  }
.wyne-cfg .faq-block{ background: #080605; padding: clamp(48px, 7vw, 88px) 0; border-top: 1px solid rgba(231,210,176,0.10); }
.wyne-cfg .faq-block .ff-shell{ max-width: 1680px; margin: 0 auto; padding: 0 clamp(24px, 5vw, 120px); }
.wyne-cfg .faq-block .ff-head{ margin-bottom: clamp(28px, 4vw, 44px); text-align: center; display: flex; flex-direction: column; align-items: center; }
.wyne-cfg .faq-block .ff-lede-wrap{ }
.wyne-cfg .faq-block .ff-kicker{ font-family: var(--font-code); font-size: 11px; letter-spacing: 0.3em; text-transform: uppercase; color: var(--vyne-gold); }
.wyne-cfg .faq-block .ff-h{ font-family: var(--font-serif); font-weight: 500; font-size: clamp(32px,4.5vw,52px); line-height: 1.04; color: var(--vyne-ink); margin: 12px 0 14px; }
.wyne-cfg .faq-block .ff-h em{ font-style: italic; color: var(--vyne-gold-soft); }
.wyne-cfg .faq-block .ff-lede{ font-family: var(--font-serif); font-size: clamp(18px,1.7vw,23px); line-height: 1.5; color: var(--vyne-body); font-weight: 300; margin: 0; max-width: 58ch; }
.wyne-cfg .faq-block .faq-list{ border-top: 1px solid var(--vyne-line); max-width: 920px; margin: 28px auto 0; text-align: left; }
.wyne-cfg .faq-block .faq-item{ border-bottom: 1px solid var(--vyne-line); }
.wyne-cfg .faq-block .faq-item summary{ list-style: none; cursor: pointer; padding: 24px 0; display: flex; align-items: center; justify-content: space-between; gap: 20px; font-family: var(--font-serif); font-weight: 500; font-size: clamp(20px,2vw,26px); color: var(--vyne-ink); }
.wyne-cfg .faq-block .faq-item summary::-webkit-details-marker{ display: none; }
.wyne-cfg .faq-block .faq-item summary::after{ content: '+'; font-family: var(--font-word); font-size: 24px; color: var(--vyne-gold); transition: transform 300ms ease; }
.wyne-cfg .faq-block .faq-item[open] summary::after{ transform: rotate(45deg); }
.wyne-cfg .faq-block .faq-body{ padding: 0 0 26px; max-width: 72ch; }
.wyne-cfg .faq-block .faq-body p{ margin: 0; color: var(--vyne-body); font-family: var(--font-read); font-size: 17px; line-height: 1.6; }
.wyne-cfg .faq-block .faq-list{max-width:100%!important;}
.wyne-cfg .faq-block .faq-body{max-width:92ch;}
.wyne-cfg .pf2{--pf-bg1:#1c1610;--pf-bg2:#16110b;--pf-gold:#c9a44c;--pf-gold-soft:#e6cf9e;--pf-ink:#f5ede0;--pf-body:#c7bba8;--pf-muted:#8e8474;--pf-panel:#15110c;--pf-line:rgba(231,210,176,0.14);--pf-serif:'Cormorant Garamond',serif;--pf-mono:'JetBrains Mono',ui-monospace,monospace;background:linear-gradient(180deg,var(--pf-bg1),var(--pf-bg2));padding:clamp(56px,8vw,110px) 0;border-top:1px solid rgba(231,210,176,0.07)}
.wyne-cfg .pf2 .pf-shell{max-width:1680px;margin:0 auto;padding:0 clamp(24px,5vw,120px)}
.wyne-cfg .pf2 .pf-kicker{font-family:var(--pf-mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--pf-gold)}
.wyne-cfg .pf2 .pf-h{font-family:var(--pf-serif);font-weight:500;font-size:clamp(38px,5.5vw,68px);line-height:1.02;color:var(--pf-ink);margin:14px 0 0}
.wyne-cfg .pf2 .pf-h em{font-style:italic;color:var(--pf-gold-soft)}
.wyne-cfg .pf2 .pf-lede{font-family:var(--pf-serif);font-size:clamp(18px,2vw,24px);line-height:1.5;color:var(--pf-body);max-width:60ch;margin-top:20px}
.wyne-cfg .pf2 .pf-findings{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(24px,3vw,56px);margin:clamp(40px,5vw,64px) 0 clamp(40px,5vw,64px)}
.wyne-cfg .pf2 .pf-find{padding-top:22px;border-top:1px solid var(--pf-line)}
.wyne-cfg .pf2 .pf-num{font-family:var(--pf-serif);font-weight:500;font-size:clamp(40px,4.4vw,68px);line-height:1;color:var(--pf-gold)}
.wyne-cfg .pf2 .pf-num .u{font-size:.42em;color:var(--pf-ink);margin-left:4px}
.wyne-cfg .pf2 .pf-desc{font-family:var(--pf-serif);font-size:15px;line-height:1.5;color:var(--pf-body);margin-top:16px;max-width:30ch}
.wyne-cfg .pf2 .tab-row{display:flex;border-bottom:1px solid var(--pf-line);margin-bottom:40px;overflow-x:auto}
.wyne-cfg .pf2 .tab{font-family:var(--pf-mono);font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--pf-muted);background:none;border:none;padding:14px 26px;cursor:pointer;position:relative;white-space:nowrap}
.wyne-cfg .pf2 .tab.active{color:var(--pf-ink)}
.wyne-cfg .pf2 .tab.active::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--pf-gold)}
.wyne-cfg .pf2 .pf-panel[hidden]{display:none}
.wyne-cfg .pf2 .pf-ph{max-width:64ch;margin-bottom:36px}
.wyne-cfg .pf2 .pf-ph h3{font-family:var(--pf-serif);font-weight:500;font-size:clamp(26px,3.2vw,42px);color:var(--pf-ink);margin:0 0 14px}
.wyne-cfg .pf2 .pf-ph p{font-family:var(--pf-serif);font-size:clamp(17px,1.5vw,21px);line-height:1.5;color:var(--pf-body);margin:0}
.wyne-cfg .pf2 .collage{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-auto-rows:234px;gap:18px}
.wyne-cfg .pf2 .collage>div{border:1px solid var(--pf-line);padding:22px;background:var(--pf-panel);position:relative;border-radius:4px}
.wyne-cfg .pf2 .collage .hero-photo{grid-row:span 2;background:#0a0807 center/cover no-repeat;padding:0}
.wyne-cfg .pf2 .collage .k{font-family:var(--pf-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--pf-muted)}
.wyne-cfg .pf2 .collage .n{font-family:var(--pf-serif);font-weight:500;font-size:44px;color:var(--pf-gold);line-height:1;margin:10px 0}
.wyne-cfg .pf2 .collage .b{font-size:13px;color:var(--pf-body);font-family:var(--pf-serif);line-height:1.5}
.wyne-cfg .pf2 .collage .hd{font-family:var(--pf-serif);font-size:16px;color:var(--pf-gold-soft);margin-bottom:4px}
.wyne-cfg .pf2 .collage .quote{grid-column:span 2;background:rgba(201,164,76,.08);border-color:var(--pf-gold)}
.wyne-cfg .pf2 .collage .qm{font-family:var(--pf-serif);font-size:50px;color:var(--pf-gold);line-height:.5}
.wyne-cfg .pf2 .collage .qt{font-family:var(--pf-serif);font-style:italic;font-size:22px;color:var(--pf-ink);margin:10px 0}
.wyne-cfg .pf2 .collage .qa{font-family:var(--pf-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--pf-muted)}
.wyne-cfg .pf2 .pf-more{display:inline-block;margin-top:28px;font-family:var(--pf-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--pf-gold);border-bottom:1px solid var(--pf-gold);padding-bottom:4px;text-decoration:none}
@media(max-width:1024px){
.wyne-cfg .pf2 .collage{grid-template-columns:1fr 1fr}
.wyne-cfg .pf2 .collage .hero-photo{grid-row:auto;grid-column:span 2;min-height:220px}
}
@media(max-width:600px){
.wyne-cfg .pf2 .pf-findings{grid-template-columns:1fr 1fr}
.wyne-cfg .pf2 .collage{grid-template-columns:1fr}
.wyne-cfg .pf2 .collage .hero-photo, .wyne-cfg .pf2 .collage .quote{grid-column:auto}
}
.wyne-cfg .rbr{--rb-serif:'Cormorant Garamond',serif;--rb-mono:'JetBrains Mono',ui-monospace,monospace;--rb-ink:#241c14;--rb-body:#574a38;--rb-muted:#8a7a60;--rb-gold:#9b7833;--rb-line:rgba(36,28,20,0.14);background:#f4ede0;padding:clamp(56px,8vw,104px) 0;border-top:1px solid rgba(36,28,20,0.08)}
.wyne-cfg .rbr .rb-shell{max-width:1680px;margin:0 auto;padding:0 clamp(24px,5vw,120px)}
.wyne-cfg .rbr .rb-head{max-width:64ch;margin-bottom:clamp(32px,4vw,52px)}
.wyne-cfg .rbr .rb-kicker{font-family:var(--rb-mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--rb-gold)}
.wyne-cfg .rbr .rb-h{font-family:var(--rb-serif);font-weight:500;font-size:clamp(34px,5vw,60px);line-height:1.03;color:var(--rb-ink);margin:14px 0 0}
.wyne-cfg .rbr .rb-h em{font-style:italic;color:var(--rb-gold)}
.wyne-cfg .rbr .rb-lede{font-family:var(--rb-serif);font-size:clamp(18px,1.8vw,23px);line-height:1.5;color:var(--rb-body);margin-top:18px}
.wyne-cfg .rbr .rb-stage{position:relative}
.wyne-cfg .rbr .rb-viewport{overflow:hidden}
.wyne-cfg .rbr .rb-track{display:flex;gap:clamp(20px,2.4vw,34px);transition:transform .55s cubic-bezier(.4,0,.2,1);will-change:transform}
.wyne-cfg .rbr .rb-card{flex:0 0 calc((100% - 2*clamp(20px,2.4vw,34px))/3);background:#fbf6ec;border:1px solid var(--rb-line);border-radius:6px;overflow:hidden;display:flex;flex-direction:column}
.wyne-cfg .rbr .rb-photo{aspect-ratio:4/5;background:#eadfca center/cover no-repeat;position:relative}
.wyne-cfg .rbr .rb-aged{position:absolute;left:14px;top:14px;font-family:var(--rb-mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--rb-ink);background:rgba(251,246,236,.86);backdrop-filter:blur(3px);padding:6px 11px;border-radius:999px}
.wyne-cfg .rbr .rb-body{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.wyne-cfg .rbr .rb-name{font-family:var(--rb-serif);font-weight:500;font-size:26px;line-height:1.1;color:var(--rb-ink);margin:0}
.wyne-cfg .rbr .rb-dur{font-family:var(--rb-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--rb-gold);margin-top:8px}
.wyne-cfg .rbr .rb-metrics{list-style:none;margin:20px 0 0;padding:16px 0 0;border-top:1px solid var(--rb-line);display:flex;flex-direction:column;gap:13px}
.wyne-cfg .rbr .rb-metrics li{display:flex;align-items:baseline;justify-content:space-between;gap:14px}
.wyne-cfg .rbr .rb-mlabel{font-family:var(--rb-serif);font-size:17px;color:var(--rb-body)}
.wyne-cfg .rbr .rb-mval{font-family:var(--rb-serif);font-weight:500;font-size:21px;color:var(--rb-gold);white-space:nowrap}
.wyne-cfg .rbr .rb-slider{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:clamp(28px,3.5vw,44px)}
.wyne-cfg .rbr .rb-arrow{width:52px;height:52px;border-radius:999px;border:1px solid var(--rb-line);background:#fbf6ec;color:var(--rb-ink);font-family:var(--rb-serif);font-size:24px;line-height:1;cursor:pointer;transition:all .2s;display:grid;place-items:center}
.wyne-cfg .rbr .rb-arrow:hover:not(:disabled){border-color:var(--rb-gold);color:var(--rb-gold);transform:scale(1.06)}
.wyne-cfg .rbr .rb-arrow:disabled{opacity:.32;cursor:default}
.wyne-cfg .rbr .rb-dots{display:flex;align-items:center;gap:9px}
.wyne-cfg .rbr .rb-dot{width:8px;height:8px;border-radius:999px;background:rgba(36,28,20,.24);border:none;padding:0;cursor:pointer;transition:width .3s,background .3s}
.wyne-cfg .rbr .rb-dot.active{width:26px;background:var(--rb-gold)}
@media(max-width:980px){
.wyne-cfg .rbr .rb-card{flex:0 0 calc((100% - clamp(20px,2.4vw,34px))/2)}
}
@media(max-width:640px){
.wyne-cfg .rbr .rb-card{flex:0 0 100%}
}

/* ---------------------------------------------------------------------------
 * The sections wrapper.
 *
 * Several sections (the proof, specs, gallery, the editions band) are painted
 * by whatever is behind them rather than carrying their own background — on the
 * product pages that is the configurator's cream page. The artist configurator
 * is dark, so its sections wrapper has to supply the cream itself, or those
 * sections end up dark type on a dark ground.
 * ------------------------------------------------------------------------- */
/* The two light sections that carry no background of their own — on the product
   pages they show the configurator's cream page through, and the artist
   configurator is dark. Painting them here rather than the wrapper keeps it
   independent of how dark each configurator happens to be, and the repeated
   class clears the phone layer, which writes .wyne-cfg three times over. */
.wyne-cfg.wyne-cfg.wyne-cfg .gallery-bright,
.wyne-cfg.wyne-cfg.wyne-cfg .editions-band { background: #f4ede0; }

/* The heartbeat help overlay's own type, which used to be inline in the shell. */
.wyne-cfg .hb-help-kicker { font-family: var(--mono); font-size: 10px; letter-spacing: .3em; text-transform: uppercase; color: var(--gold-deep); }
.wyne-cfg .hb-help-h { font-family: var(--serif); font-style: italic; font-weight: 300; font-size: 32px; color: var(--green); margin: 8px 0 6px; }
.wyne-cfg .hb-help-lede { font-size: 13px; color: var(--ink-soft); line-height: 1.7; margin-bottom: 22px; }
.wyne-cfg .hb-help-txt .ob a { color: var(--gold-deep); text-decoration: underline; text-underline-offset: 2px; }

/* The artist edition is an ember-dark page, and its design (LOLA/v2
   StoningRolls_configurator_MOBILE_FInal_01) treats these two bands
   accordingly: the gallery carries the design's own cream gradient, and the
   editions band sits on the page itself rather than on a flat cream slab. */
.wyne-cfg--artist.wyne-cfg.wyne-cfg .editions-band { background: transparent; }
.wyne-cfg--artist.wyne-cfg.wyne-cfg .gallery-bright {
  background-color: transparent;
  background-image: linear-gradient(#faf5e9 0%, #f4ede0 55%, #ece1cd 100%);
}

/* `.wyne-cfg .section { padding: revert }` (the build's own reset) outranks the
   band's bare rule above, so the band lost the design's 60px of air top and
   bottom. Same measure, said loudly enough to survive the reset. */
.wyne-cfg.wyne-cfg.wyne-cfg .editions-band { padding: clamp(32px, 4.5vw, 60px) 0; }