/**
 * The marketing sections' phone layer, shared by all four configurators.
 *
 * Each <type>-mobile.css is generated from that configurator's own MOBILE
 * design and opens with a reset — .wyne-cfg x3 * { margin:0; padding:0 } — so a
 * section the design does not contain loses every bit of its desktop spacing.
 * Only the artist design carries the Science / Technology / Results block, so
 * on signature, heartbeat and wedding that section rendered flush against both
 * screen edges. These are those rules, lifted out of artist-mobile.css and
 * loaded after the generated layer on every configurator, so the four pages
 * show the same sections in the same shape. Enqueued with the same
 * (max-width: 860px) media attribute, so no wrapper here.
 * (Dejan, 21. 9. 2026.)
 */
.wyne-cfg.wyne-cfg.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.wyne-cfg.wyne-cfg .pf2 .pf-shell{max-width:1680px;margin:0 auto;padding:0 clamp(24px,5vw,120px)}
.wyne-cfg.wyne-cfg.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.wyne-cfg.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.wyne-cfg.wyne-cfg .pf2 .pf-h em{font-style:italic;color:var(--pf-gold-soft)}
.wyne-cfg.wyne-cfg.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.wyne-cfg.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.wyne-cfg.wyne-cfg .pf2 .pf-find{padding-top:22px;border-top:1px solid var(--pf-line)}
.wyne-cfg.wyne-cfg.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.wyne-cfg.wyne-cfg .pf2 .pf-num .u{font-size:.42em;color:var(--pf-ink);margin-left:4px}
.wyne-cfg.wyne-cfg.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.wyne-cfg.wyne-cfg .pf2 .tab-row{display:flex;border-bottom:1px solid var(--pf-line);margin-bottom:40px;overflow-x:auto}
.wyne-cfg.wyne-cfg.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.wyne-cfg.wyne-cfg .pf2 .tab.active{color:var(--pf-ink)}
.wyne-cfg.wyne-cfg.wyne-cfg .pf2 .tab.active::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--pf-gold)}
.wyne-cfg.wyne-cfg.wyne-cfg .pf2 .pf-panel[hidden]{display:none}
.wyne-cfg.wyne-cfg.wyne-cfg .pf2 .pf-ph{max-width:64ch;margin-bottom:36px}
.wyne-cfg.wyne-cfg.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.wyne-cfg.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.wyne-cfg.wyne-cfg .pf2 .collage{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-auto-rows:234px;gap:18px}
.wyne-cfg.wyne-cfg.wyne-cfg .pf2 .collage>div{border:1px solid var(--pf-line);padding:22px;background:var(--pf-panel);position:relative;border-radius:4px}
.wyne-cfg.wyne-cfg.wyne-cfg .pf2 .collage .hero-photo{grid-row:span 2;background:#0a0807 center/cover no-repeat;padding:0}
.wyne-cfg.wyne-cfg.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.wyne-cfg.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.wyne-cfg.wyne-cfg .pf2 .collage .b{font-size:13px;color:var(--pf-body);font-family:var(--pf-serif);line-height:1.5}
.wyne-cfg.wyne-cfg.wyne-cfg .pf2 .collage .hd{font-family:var(--pf-serif);font-size:16px;color:var(--pf-gold-soft);margin-bottom:4px}
.wyne-cfg.wyne-cfg.wyne-cfg .pf2 .collage .quote{grid-column:span 2;background:rgba(201,164,76,.08);border-color:var(--pf-gold)}
.wyne-cfg.wyne-cfg.wyne-cfg .pf2 .collage .qm{font-family:var(--pf-serif);font-size:50px;color:var(--pf-gold);line-height:.5}
.wyne-cfg.wyne-cfg.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.wyne-cfg.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.wyne-cfg.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.wyne-cfg.wyne-cfg .pf2 .collage{grid-template-columns:1fr 1fr}
.wyne-cfg.wyne-cfg.wyne-cfg .pf2 .collage .hero-photo{grid-row:auto;grid-column:span 2;min-height:220px}
}
@media(max-width:600px){
.wyne-cfg.wyne-cfg.wyne-cfg .pf2 .pf-findings{grid-template-columns:1fr 1fr}
.wyne-cfg.wyne-cfg.wyne-cfg .pf2 .collage{grid-template-columns:1fr}
.wyne-cfg.wyne-cfg.wyne-cfg .pf2 .collage .hero-photo, .wyne-cfg.wyne-cfg.wyne-cfg .pf2 .collage .quote{grid-column:auto}
}
.wyne-cfg.wyne-cfg.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.wyne-cfg.wyne-cfg .rbr .rb-shell{max-width:1680px;margin:0 auto;padding:0 clamp(24px,5vw,120px)}
.wyne-cfg.wyne-cfg.wyne-cfg .rbr .rb-head{max-width:64ch;margin-bottom:clamp(32px,4vw,52px)}
.wyne-cfg.wyne-cfg.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.wyne-cfg.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.wyne-cfg.wyne-cfg .rbr .rb-h em{font-style:italic;color:var(--rb-gold)}
.wyne-cfg.wyne-cfg.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.wyne-cfg.wyne-cfg .rbr .rb-stage{position:relative}
.wyne-cfg.wyne-cfg.wyne-cfg .rbr .rb-viewport{overflow:hidden}
.wyne-cfg.wyne-cfg.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.wyne-cfg.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.wyne-cfg.wyne-cfg .rbr .rb-photo{aspect-ratio:4/5;background:#eadfca center/cover no-repeat;position:relative}
.wyne-cfg.wyne-cfg.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.wyne-cfg.wyne-cfg .rbr .rb-body{padding:22px 24px 26px;display:flex;flex-direction:column;flex:1}
.wyne-cfg.wyne-cfg.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.wyne-cfg.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.wyne-cfg.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.wyne-cfg.wyne-cfg .rbr .rb-metrics li{display:flex;align-items:baseline;justify-content:space-between;gap:14px}
.wyne-cfg.wyne-cfg.wyne-cfg .rbr .rb-mlabel{font-family:var(--rb-serif);font-size:17px;color:var(--rb-body)}
.wyne-cfg.wyne-cfg.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.wyne-cfg.wyne-cfg .rbr .rb-slider{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:clamp(28px,3.5vw,44px)}
.wyne-cfg.wyne-cfg.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.wyne-cfg.wyne-cfg .rbr .rb-arrow:hover:not(:disabled){border-color:var(--rb-gold);color:var(--rb-gold);transform:scale(1.06)}
.wyne-cfg.wyne-cfg.wyne-cfg .rbr .rb-arrow:disabled{opacity:.32;cursor:default}
.wyne-cfg.wyne-cfg.wyne-cfg .rbr .rb-dots{display:flex;align-items:center;gap:9px}
.wyne-cfg.wyne-cfg.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.wyne-cfg.wyne-cfg .rbr .rb-dot.active{width:26px;background:var(--rb-gold)}
@media(max-width:980px){
.wyne-cfg.wyne-cfg.wyne-cfg .rbr .rb-card{flex:0 0 calc((100% - clamp(20px,2.4vw,34px))/2)}
}
@media(max-width:640px){
.wyne-cfg.wyne-cfg.wyne-cfg .rbr .rb-card{flex:0 0 100%}
}

/* The hero band, for the heartbeat and wedding editions.
 *
 * Every configurator draws the same hero markup, but the template namespaces
 * its classes per edition (bh-, hb-bh-, wv-bh-). The generated phone layers
 * only ever style the bare `.bandhero .bh-*` names, so on heartbeat and wedding
 * the photo kept its desktop height while the wrapper grew to hold the text
 * below it: the picture ended in a hard horizontal cut instead of fading into
 * the cream, the way signature does. Same rules, the other two names.
 * (Dejan, 21. 9. 2026.)
 */
.wyne-cfg.wyne-cfg.wyne-cfg .hb-bandhero,
.wyne-cfg.wyne-cfg.wyne-cfg .wv-bandhero { position: relative; width: 100%; overflow: hidden; background: var(--bg); }
.wyne-cfg.wyne-cfg.wyne-cfg .hb-bandhero .hb-bh-photo,
.wyne-cfg.wyne-cfg.wyne-cfg .wv-bandhero .wv-bh-photo { width: 100%; height: 68vh; object-fit: cover; object-position: center 28%; display: block; }
.wyne-cfg.wyne-cfg.wyne-cfg .hb-bandhero .hb-bh-scrim,
.wyne-cfg.wyne-cfg.wyne-cfg .wv-bandhero .wv-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.wyne-cfg.wyne-cfg .hb-bandhero .hb-bh-hero,
.wyne-cfg.wyne-cfg.wyne-cfg .wv-bandhero .wv-bh-hero { position: absolute; left: 0; right: 0; bottom: 0; top: auto; z-index: 2; padding: 0 clamp(24px, 5vw, 120px) clamp(28px, 4vh, 56px); }

/* The same on a phone. (Dejan, 30. 10. 2026.) */
.wyne-cfg.wyne-cfg.wyne-cfg [class*="bandhero"].is-nophoto [class*="bh-scrim"]{ display: none; }
.wyne-cfg.wyne-cfg.wyne-cfg [class*="bandhero"].is-nophoto [class*="bh-hero"]{ position: static; padding-top: clamp(24px, 5vh, 48px); }