/* October collection: a quieter celestial frame and offer-first reading order. */
body{background-color:#081d28}
.intro{padding-top:52px;padding-bottom:48px}
.hero-crest{width:68px;height:68px;margin-bottom:20px}
.intro::before{opacity:.65}
.offers{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.offer,.offer:nth-last-child(2){grid-column:auto;position:relative;display:flex;padding:0;overflow:hidden;border:1px solid #b6996266;border-radius:4px;background:radial-gradient(ellipse at 100% 0,#25434b88,transparent 65%),#102631;color:#f3ebdc;box-shadow:none}
.offer::after{inset:7px;border-color:#c8aa7326;z-index:0}
.offer::before{content:'✧';position:absolute;right:34px;bottom:100px;color:#d9bc7c44;font:96px Georgia;pointer-events:none}
.offer .art{position:absolute;right:25px;top:26px;width:112px;height:132px;aspect-ratio:auto;border:1px solid #c8aa7366;border-radius:80px 80px 4px 4px;opacity:.9;z-index:2}
.offer .tarot-art{object-fit:cover}
.offer .copy{padding:30px;text-align:left;color:#f3ebdc;z-index:1}
.offer .card-seal{display:none}
.offer .tag{font:11px/1.4 Arial,sans-serif;letter-spacing:.14em;color:#e0c28b;padding-right:125px}
.offer h2{font:400 clamp(29px,2.8vw,38px)/1.06 var(--serif);color:#fff1da;letter-spacing:-.025em;text-wrap:balance;margin:13px 125px 26px 0;min-height:105px}
.offer .benefit{font:400 19px/1.45 Arial,sans-serif;color:#e8d3ab;padding:19px 0 0;border:0;border-top:1px solid #c8aa734d;margin:0 0 17px;min-height:88px}
.offer .benefit strong{font-weight:500;color:#ffe2a9;font-size:25px}
.offer .benefit del{font:16px Arial;color:#aeb9b5;margin-left:6px}
.offer .copy p{font:13px/1.65 Arial,sans-serif;color:#d1dad7;margin-bottom:15px}
.offer .copy .terms{font:12px/1.6 Arial,sans-serif!important;color:#b8c7c5;padding-bottom:15px;margin-bottom:8px}
.offer .cta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;text-align:left;padding:14px 18px;background:#e9d1a5;color:#102631;border:1px solid #e9d1a5;font-size:13px;letter-spacing:0;font-weight:500}
.offer .cta:hover{background:#fae8c6;color:#102631}
.mv-utility-row{display:flex;align-items:stretch;justify-content:center;gap:14px;margin:0 auto 42px;max-width:650px}
.mv-utility-row #mv-contact,.mv-utility-row #certificate-launcher{position:relative;inset:auto;margin:0;flex:1;box-shadow:none;z-index:20}
.mv-utility-row #mv-contact-toggle{width:100%;height:100%;border-radius:2px;box-shadow:none;justify-content:center;font-size:12px;padding:14px}
.mv-utility-row #certificate-launcher{justify-content:center;font-size:12px;padding:14px}
.mv-utility-row #mv-contact-panel{position:absolute;top:calc(100% + 12px);bottom:auto;left:0;right:auto;max-height:65dvh}
.mv-utility-row #certificate-launcher .certificate-launcher-copy strong{font-size:12px}
.mv-utility-row #certificate-launcher .certificate-launcher-copy small{font-size:10px}
body{padding-bottom:0}
@media(max-width:760px){.offers{grid-template-columns:1fr;gap:20px}.offer .copy{padding:25px}.offer .art{right:24px;top:25px;width:94px;height:114px}.offer h2{font-size:34px;margin-right:108px;min-height:100px;margin-bottom:17px}.offer .tag{padding-right:105px;font-size:10px}.offer .benefit{min-height:0;padding-top:18px;font-size:17px}.offer .benefit strong{font-size:24px}.offer .copy p{font-size:13px}.offer .copy .terms{font-size:12px!important}.offer .cta{font-size:12px;min-height:50px}.mv-utility-row{gap:8px;margin-bottom:30px}.mv-utility-row #mv-contact-toggle{font-size:11px;gap:7px;padding:12px 8px}.mv-utility-row #mv-contact-toggle i{display:none}.mv-utility-row #certificate-launcher{padding:12px 9px;gap:7px}.mv-utility-row #certificate-launcher .certificate-launcher-copy strong{font-size:11px}.mv-utility-row #certificate-launcher span:first-child{font-size:20px}.intro{padding:34px 0}.hero-crest{width:56px;height:56px}.mv-utility-row #mv-contact-panel{width:min(324px,calc(100vw - 40px))}}
@media(max-width:370px){.offer .copy{padding:21px}.offer .art{right:21px;width:77px;height:100px}.offer h2{margin-right:90px;font-size:30px}.offer .tag{padding-right:88px}.mv-utility-row #mv-contact-toggle svg{width:18px}.mv-utility-row #certificate-launcher .certificate-launcher-copy strong{font-size:10px}}
/* Fine-line constellations echo the collection without competing with the offer. */
.offer{background-image:url('assets/offer-constellation.svg'),radial-gradient(ellipse at 100% 0,#25434b88,transparent 65%);background-position:right top,center;background-size:240px 210px,cover;background-repeat:no-repeat}
@media(max-width:760px){.offer .art{top:19px;right:23px;width:64px;height:64px;border-radius:50%;opacity:.85}.offer .tag{min-height:64px;padding:22px 78px 14px 0}.offer h2{margin:16px 0 24px;min-height:0;font-size:34px;max-width:100%;text-wrap:balance}.offer .benefit{padding-top:20px}.offer .copy{padding-top:19px}.offer{background-size:180px 157px,cover}}
@media(max-width:370px){.offer h2{font-size:31px;margin-right:0}.offer .tag{padding-right:78px}.offer .art{width:64px;height:64px}}
/* Scroll reveal: the name stays outside, artwork turns once into the offer. */
.offer .course-total{display:block;font:11px/1.5 Arial,sans-serif;color:#c3cfca;margin-top:3px}
.offer.is-auto-flip{display:flex;flex-direction:column;overflow:visible;background:none;border:0;box-shadow:none;perspective:1500px}
.offer.is-auto-flip::before,.offer.is-auto-flip::after{display:none}
.offer-outside-title{color:#ecd5ac;text-align:center;font:400 27px/1.2 var(--serif);letter-spacing:.025em;margin:0 0 17px;padding:0 8px}
.offer-auto-scene{position:relative;display:grid;flex:1;width:100%;transform-style:preserve-3d}
.offer-face{grid-area:1/1;box-sizing:border-box;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .85s cubic-bezier(.2,.7,.2,1);border:1px solid #b6996288;border-radius:5px;overflow:hidden}
.offer-text-face{position:relative;display:flex;flex-direction:column;transform:rotateY(180deg);background:url('assets/offer-constellation.svg') right top/240px 210px no-repeat,radial-gradient(ellipse at 100% 0,#25434b88,transparent 65%),#102631}
.offer-text-face::after{content:'';position:absolute;inset:7px;border:1px solid #c8aa7326;border-radius:2px;pointer-events:none}
.offer-text-face .copy{flex:1}
.offer-art-face{position:absolute;inset:0;transform:rotateY(0);background:#08131e;pointer-events:none}
.offer-art-face img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#08131e;display:block}
.offer.offer-revealed .offer-art-face{transform:rotateY(-180deg)}
.offer.offer-revealed .offer-text-face{transform:rotateY(0)}
.offer-text-face[aria-hidden=true]{pointer-events:none}
@media(max-width:760px){.offer-outside-title{font-size:27px;margin-bottom:14px}.offer-auto-scene{min-height:520px}.offer-text-face{background-size:180px 157px,cover}.offers{gap:34px}}
@media(prefers-reduced-motion:reduce){.offer-face{transition:none}.offer.is-auto-flip .offer-text-face{transform:none}.offer.is-auto-flip .offer-art-face{display:none}}

/* Brand-only Volnewmer title, as requested. */
#offer-volnewmer h2{font-size:clamp(32px,3.4vw,46px);margin-right:0;letter-spacing:.035em;padding-top:8px}
@media(min-width:761px){#offer-volnewmer .art{width:72px;height:82px;top:20px}#offer-volnewmer .tag{min-height:70px}#offer-volnewmer h2{min-height:0;margin-bottom:24px}}
/* Approved gift-led concept: purchase, gift, condition, enquiry. */
.concept-offer .art{display:none}
.concept-offer .copy{padding:30px;text-align:left}
.concept-offer .tag{min-height:0;padding:0;text-align:center;font-size:11px;letter-spacing:.18em}
.concept-offer .card-seal{position:relative;display:grid;left:auto;top:auto;transform:none;width:76px;height:76px;margin:22px auto 28px;background:transparent;border:1px solid #c8aa7380;outline:1px solid #c8aa7330;outline-offset:7px;color:#d8b77c;order:-1}
.concept-offer .card-seal svg{width:51px;height:51px}
.concept-offer .concept-kicker{font:10px/1.5 Arial,sans-serif;letter-spacing:.12em;color:#b7c5d3;margin:24px 0 13px}
.concept-offer h2{margin:0 0 26px;min-height:80px;font-size:40px;line-height:1.12;text-wrap:balance}
.concept-offer .gift-highlight{min-height:160px;padding:20px;border:0;border-radius:3px;background:linear-gradient(110deg,#ebd2a2,#d8b77c,#ebd6ad);color:#101e2c;margin:0 0 24px}
.concept-offer .gift-eyebrow{display:block;font:10px/1.5 Arial,sans-serif;letter-spacing:.15em;color:#4b422d;margin-bottom:16px}
.concept-offer .gift-highlight strong{display:block;font:600 24px/1.4 Arial,sans-serif;color:#101e2c}
.concept-offer .gift-value{display:block;font:12px/1.6 Arial,sans-serif;color:#3c3d35;margin-top:17px}
.concept-offer .copy>p{font-size:13px;line-height:1.7}
.concept-offer .cta{background:#f4ede0;border-color:#f4ede0;color:#122438;min-height:54px;font-weight:600}
@media(max-width:760px){.concept-offer .copy{padding:25px}.concept-offer .tag{padding:0;min-height:0}.concept-offer h2{font-size:35px;margin-right:0;min-height:0}.concept-offer .gift-highlight strong{font-size:22px}.concept-offer .gift-highlight{padding:19px}.concept-offer .card-seal{margin:20px auto 25px}}

/* Keep the complete illustrated face within the viewport before revealing text. */
.offer.is-auto-flip .offer-auto-scene{flex:none;width:min(100%,calc((100svh - 150px)*2/3));max-width:100%;aspect-ratio:2/3;min-height:0;margin-inline:auto}
.offer.is-auto-flip .offer-art-face{inset:0}
.offer.is-auto-flip .offer-art-face img{width:100%;height:100%;object-fit:contain;object-position:center}
.offer.is-auto-flip .offer-text-face{position:absolute;inset:0}
.offer.is-auto-flip.offer-revealed .offer-auto-scene{aspect-ratio:auto;min-height:0}
.offer.is-auto-flip.offer-revealed .offer-text-face{position:relative;inset:auto}
@media(prefers-reduced-motion:reduce){.offer.is-auto-flip .offer-auto-scene{aspect-ratio:auto}.offer.is-auto-flip .offer-text-face{position:relative;inset:auto}}