/* RESONATE 0.9 — navigation, reading flow and imagery */
.menu-button{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:#111113;color:#b9b1a5;cursor:pointer;margin-right:2px}.menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(8px);z-index:100;opacity:0;pointer-events:none;transition:opacity .22s ease}.menu-overlay.open{opacity:1;pointer-events:auto}.menu-panel{position:absolute;top:0;left:0;width:min(390px,88vw);height:100%;background:linear-gradient(180deg,#151416,#0b0b0d);border-right:1px solid rgba(201,169,106,.25);padding:24px;transform:translateX(-100%);transition:transform .28s cubic-bezier(.2,.8,.2,1);box-shadow:24px 0 80px rgba(0,0,0,.45)}.menu-overlay.open .menu-panel{transform:none}.menu-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:22px;border-bottom:1px solid var(--line)}.menu-head>div{display:grid;gap:3px}.menu-head span{font-family:Georgia,serif;letter-spacing:.16em;color:var(--gold-bright)}.menu-head small{color:#777168}.menu-head button{border:0;background:transparent;color:#a8a197;cursor:pointer}.menu-panel nav{display:grid;gap:9px;margin-top:22px}.menu-panel nav button{display:grid;gap:5px;text-align:left;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:#111113;color:#eee6da;cursor:pointer}.menu-panel nav button:hover{border-color:rgba(201,169,106,.42);transform:translateX(2px)}.menu-panel nav strong{font-family:Georgia,serif;font-size:20px;font-weight:400}.menu-panel nav span{font-size:12px;color:#858078}.menu-panel>p{position:absolute;bottom:24px;color:#69645e;font-size:11px;letter-spacing:.06em}.back-link{margin:22px 0 10px;border:0;background:transparent;color:#aaa39a;display:inline-flex;align-items:center;gap:7px;cursor:pointer}.section-hero{padding:44px 0 26px;max-width:760px}.section-hero h1{font-family:Georgia,serif;font-size:clamp(38px,6vw,60px);font-weight:400;line-height:1.05;margin:10px 0 13px}.section-hero p{color:#989189;line-height:1.7;max-width:640px}.home-intro{position:relative;padding-top:38px}.hand-hero{width:min(240px,60vw);margin:0 auto 16px;opacity:.88}.hand-hero svg{width:100%;height:auto;fill:none;stroke:rgba(218,188,127,.76);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 10px 26px rgba(201,169,106,.08))}.home-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.home-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:34px 0 8px}.home-paths button{min-height:144px;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(16,16,18,.82);color:#e8e0d4;text-align:left;display:flex;flex-direction:column;gap:6px;cursor:pointer}.home-paths button:hover{border-color:rgba(201,169,106,.42);transform:translateY(-2px)}.home-paths span{color:var(--gold);font-size:10px;letter-spacing:.18em}.home-paths strong{font-family:Georgia,serif;font-size:20px;font-weight:400;margin-top:auto}.home-paths small{color:#817b73;line-height:1.4}.card-image-wrap{width:100%;aspect-ratio:2/3;border-radius:14px;overflow:hidden;margin-bottom:14px;background:#0b0b0d;border:1px solid rgba(201,169,106,.14)}.card-image-wrap img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.82) contrast(1.02)}.detail-card-image{width:min(210px,43vw);aspect-ratio:2/3;border-radius:18px;overflow:hidden;border:1px solid rgba(201,169,106,.28);box-shadow:0 20px 55px rgba(0,0,0,.35)}.detail-card-image img{width:100%;height:100%;object-fit:cover;display:block}.spread-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.spread-picker button{min-height:170px;border:1px solid var(--line);border-radius:20px;padding:20px;background:linear-gradient(180deg,#141416,#0e0e10);color:#e7dfd3;text-align:left;display:flex;flex-direction:column;gap:8px;cursor:pointer}.spread-picker button.active{border-color:rgba(201,169,106,.7);box-shadow:inset 0 0 0 1px rgba(201,169,106,.18),0 12px 40px rgba(0,0,0,.18)}.spread-picker span{font-size:10px;letter-spacing:.18em;color:var(--gold)}.spread-picker strong{font-family:Georgia,serif;font-size:21px;font-weight:400;margin-top:auto}.spread-picker small{color:#817b73}.reading-note{text-align:center;color:#8e887f;margin:28px auto 8px}.reading-draw{display:flex;margin:14px auto 34px}.spread-board{display:grid;gap:18px;align-items:start;justify-content:center;margin:26px auto 28px}.spread-1{grid-template-columns:minmax(150px,190px)}.spread-3{grid-template-columns:repeat(3,minmax(130px,180px))}.spread-7{grid-template-columns:repeat(4,minmax(110px,150px));max-width:800px}.spread-7 .reading-position:nth-child(1){grid-column:1}.spread-7 .reading-position:nth-child(2){grid-column:2}.spread-7 .reading-position:nth-child(3){grid-column:3}.spread-7 .reading-position:nth-child(4){grid-column:4}.spread-7 .reading-position:nth-child(5){grid-column:2}.spread-7 .reading-position:nth-child(6){grid-column:3}.spread-7 .reading-position:nth-child(7){grid-column:2 / span 2;justify-self:center}.reading-position{display:grid;gap:8px;justify-items:center}.reading-card{width:100%;aspect-ratio:2/3;border:0;background:transparent;perspective:1100px;cursor:pointer}.reading-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .72s cubic-bezier(.2,.75,.25,1),translate .5s ease}.reading-card.is-facedown .reading-card-inner{transform:rotateY(0deg) translateY(22px) scale(.9)}.reading-card.revealed .reading-card-inner{transform:rotateY(180deg) translateY(0) scale(1)}.reading-card-back,.reading-card-front{position:absolute;inset:0;backface-visibility:hidden;border-radius:16px;border:1px solid rgba(201,169,106,.38);overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.35)}.reading-card-back{background:radial-gradient(circle at 50% 38%,rgba(201,169,106,.13),transparent 34%),linear-gradient(145deg,#19181a,#09090b);display:grid;place-items:center;align-content:center;gap:8px}.reading-card-back small{letter-spacing:.18em;color:#756e64;font-size:8px}.reading-card-front{transform:rotateY(180deg);background:#101012;display:flex;flex-direction:column}.reading-card-front img{width:100%;height:82%;object-fit:cover}.reading-card-front strong{font-family:Georgia,serif;font-weight:400;font-size:13px;padding:8px;color:#e7dfd3}.reading-help{text-align:center;color:#736d65;font-size:12px;margin-top:12px}.golden-thread{margin-top:28px;border:1px solid rgba(201,169,106,.28);border-radius:22px;padding:1px;background:linear-gradient(145deg,rgba(201,169,106,.08),transparent)}.golden-thread .info-card{margin:0;border:0;background:transparent}.golden-thread small{display:block;margin-top:14px;color:#807970;line-height:1.6}.detail-hero{align-items:center}.detail-hero .ritual-mark{display:none}
.brand-orbit{appearance:none;-webkit-appearance:none;padding:0;background:transparent;color:inherit;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.brand-orbit:hover,.brand-orbit:focus-visible{outline:0;border-color:rgba(201,169,106,.55);box-shadow:0 0 0 4px rgba(201,169,106,.06)}.brand-orbit.centered{transform:scale(.88);border-color:var(--gold)}.reading-interpretation{max-width:900px;margin:34px auto 24px;opacity:1;transform:none;transition:opacity .45s ease,transform .45s ease}.reading-interpretation.waiting{opacity:.16;transform:translateY(12px);pointer-events:none}.reading-interpretation>h2,.reading-golden-thread h2{font-family:Georgia,serif;font-size:clamp(28px,4vw,42px);font-weight:400;margin:9px 0 18px}.reading-meanings{display:grid;gap:12px}.reading-meaning{border:1px solid var(--line);border-radius:18px;padding:20px;background:linear-gradient(145deg,rgba(20,20,22,.96),rgba(12,12,14,.96))}.reading-meaning-head{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.reading-meaning-head span{color:var(--gold);font-size:10px;letter-spacing:.14em;text-transform:uppercase}.reading-meaning-head strong{font-family:Georgia,serif;font-size:22px;font-weight:400}.reading-meaning p,.reading-golden-thread p{color:#aaa49b;line-height:1.75}.reading-meaning button{border:0;background:transparent;color:var(--gold-bright);padding:7px 0 0;display:inline-flex;align-items:center;gap:7px;cursor:pointer}.reading-golden-thread{margin-top:18px;border:1px solid rgba(201,169,106,.3);border-radius:22px;padding:24px;background:radial-gradient(circle at 10% 0%,rgba(201,169,106,.1),transparent 34%),#101012}.top-correspondences{margin:0 0 14px}.draw-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.draw-stage>.back-link{display:flex}.detail-page .correspondence-row{flex-wrap:wrap}
@media(max-width:760px){.home-paths,.spread-picker{grid-template-columns:1fr}.home-paths button,.spread-picker button{min-height:108px}.spread-3{grid-template-columns:repeat(3,minmax(90px,1fr));gap:9px}.spread-7{grid-template-columns:repeat(3,minmax(88px,1fr));gap:9px}.spread-7 .reading-position:nth-child(n){grid-column:auto}.spread-7 .reading-position:nth-child(7){grid-column:2}.detail-hero{gap:22px}.detail-card-image{width:min(180px,46vw)}.reading-meaning-head{display:grid;gap:5px}.reading-meaning-head strong{font-size:20px}}
@media(max-width:520px){.spread-3{grid-template-columns:repeat(3,1fr)}.reading-card-front strong{font-size:10px;padding:5px}.slot-label{font-size:8px}.brand-header{gap:8px}.menu-button{flex:0 0 38px}.reading-interpretation{margin-top:26px}.reading-meaning,.reading-golden-thread{padding:17px}}
@media(prefers-reduced-motion:reduce){.menu-overlay,.menu-panel,.reading-card-inner,.home-paths button,.reading-interpretation,.brand-orbit{transition:none!important}}
.journal-prompt{margin:0 0 14px;color:var(--gold-bright);font-family:Georgia,serif;font-size:18px;line-height:1.55}.image-unavailable{display:grid;place-items:center;min-height:180px;background:radial-gradient(circle,rgba(201,169,106,.08),transparent 60%),#0b0b0d}.image-unavailable::after{content:'Card image unavailable';color:#817b73;font-size:11px;letter-spacing:.12em;text-transform:uppercase;text-align:center;padding:16px}

/* Landing hand prominence */
.home-intro .hand-hero{width:min(320px,68vw);min-height:210px;margin:8px auto 24px;display:grid;place-items:center;position:relative;isolation:isolate}.home-intro .hand-hero::before{content:'';position:absolute;inset:3% 8%;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(201,169,106,.13),rgba(201,169,106,.035) 46%,transparent 72%);filter:blur(5px)}.home-intro .hand-hero svg{max-height:235px;overflow:visible;stroke:rgba(229,199,137,.94);stroke-width:2.35;filter:drop-shadow(0 10px 30px rgba(201,169,106,.18))}@media(max-width:520px){.home-intro .hand-hero{width:min(280px,78vw);min-height:185px;margin-bottom:18px}.home-intro .hand-hero svg{max-height:205px}}

/* Whisper artwork hero */
.home-intro .hand-hero{width:min(270px,64vw);min-height:0;margin:4px auto 20px;overflow:visible}.home-intro .hand-hero::before{inset:8% -14%;background:radial-gradient(circle,rgba(201,169,106,.12),transparent 70%)}.home-intro .hand-hero img{display:block;width:100%;height:auto;max-height:390px;object-fit:contain;object-position:center;filter:saturate(.82) contrast(1.04) drop-shadow(0 18px 44px rgba(0,0,0,.48));border-radius:28px;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 86%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 86%,transparent 100%)}@media(max-width:520px){.home-intro .hand-hero{width:min(238px,66vw);min-height:0;margin:0 auto 14px}.home-intro .hand-hero img{max-height:340px;border-radius:22px}}

/* Whisper hero visual tuning */
.home-intro .hand-hero{width:min(390px,76vw);height:310px;overflow:hidden;margin:-2px auto 18px}.home-intro .hand-hero img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center 31%;filter:brightness(1.18) saturate(.88) contrast(1.06) drop-shadow(0 18px 48px rgba(0,0,0,.5));-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 84%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 8%,#000 84%,transparent 100%)}@media(max-width:520px){.home-intro .hand-hero{width:min(330px,84vw);height:270px;margin:-8px auto 12px}.home-intro .hand-hero img{height:100%;max-height:none;object-position:center 30%}}

/* Desktop Whisper composition: artwork and actions share the first screen */
@media(min-width:761px){.home-intro{min-height:480px;padding:54px 43% 38px 0;display:flex;flex-direction:column;justify-content:center}.home-intro .hand-hero{position:absolute;top:24px;right:1.5%;width:39%;height:430px;margin:0}.home-intro .hand-hero img{object-position:center 32%}.home-intro h1{font-size:clamp(48px,6.2vw,76px)}.home-paths{margin-top:20px}}

/* Regimented landing navigation cards */
.home-paths button{display:grid;grid-template-rows:auto 54px 30px 38px;align-items:start;gap:7px;min-height:188px}.home-paths button>span{align-self:start}.home-paths .path-graphic{width:48px;height:48px;border:1px solid rgba(201,169,106,.26);border-radius:15px;display:grid;place-items:center;color:var(--gold-bright);background:radial-gradient(circle at 35% 25%,rgba(201,169,106,.12),transparent 68%);align-self:center}.home-paths .path-graphic svg{width:30px;height:30px}.home-paths strong{margin:0;align-self:center;line-height:1.15}.home-paths small{align-self:start;line-height:1.45}@media(max-width:760px){.home-paths button{grid-template-columns:auto 56px 1fr;grid-template-rows:24px 30px 38px;column-gap:14px;min-height:118px;align-items:center}.home-paths button>span{grid-column:1;grid-row:1 / span 3}.home-paths .path-graphic{grid-column:2;grid-row:1 / span 3}.home-paths strong{grid-column:3;grid-row:2}.home-paths small{grid-column:3;grid-row:3}}

/* Whisper photographic box backgrounds */
.home-paths button,.spread-picker button{position:relative;isolation:isolate;overflow:hidden;border-color:rgba(218,180,103,.34);box-shadow:inset 0 1px rgba(255,225,160,.055),0 16px 42px rgba(0,0,0,.2)}.home-paths button::before,.spread-picker button::before{content:'';position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover;opacity:.52;filter:saturate(.9) brightness(.9);transition:transform .45s ease,opacity .3s ease,filter .3s ease}.home-paths button::after,.spread-picker button::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,9,11,.94) 0%,rgba(9,9,11,.7) 52%,rgba(9,9,11,.34) 100%),linear-gradient(0deg,rgba(9,9,11,.84),transparent 66%)}.home-paths button:nth-child(1)::before{background-image:url('assets/landing-reading.jpg')}.home-paths button:nth-child(2)::before{background-image:url('assets/landing-learn.jpg')}.home-paths button:nth-child(3)::before{background-image:url('assets/landing-saved.jpg')}.spread-picker button:nth-child(1)::before{background-image:url('assets/spread-present.jpg')}.spread-picker button:nth-child(2)::before{background-image:url('assets/spread-three.jpg')}.spread-picker button:nth-child(3)::before{background-image:url('assets/spread-seven.jpg')}.home-paths button:hover::before,.home-paths button:focus-visible::before,.spread-picker button:hover::before,.spread-picker button:focus-visible::before{transform:scale(1.045);opacity:.7;filter:saturate(1) brightness(1.08)}.home-paths button:hover,.home-paths button:focus-visible,.spread-picker button:hover,.spread-picker button:focus-visible{border-color:rgba(231,194,119,.68);box-shadow:inset 0 0 0 1px rgba(231,194,119,.1),0 18px 52px rgba(0,0,0,.3),0 0 28px rgba(201,169,106,.07)}.home-paths .path-graphic{background:rgba(12,11,12,.64);border-color:rgba(229,191,113,.48);box-shadow:0 7px 22px rgba(0,0,0,.24)}.home-paths strong,.spread-picker strong{text-shadow:0 2px 14px rgba(0,0,0,.9)}.spread-picker button.active{border-color:rgba(237,199,120,.82);box-shadow:inset 0 0 0 1px rgba(237,199,120,.2),0 16px 48px rgba(0,0,0,.3),0 0 32px rgba(201,169,106,.09)}

/* Warmer box-art visibility */
.home-paths button::before,.spread-picker button::before{opacity:.76;filter:saturate(1.03) brightness(1.12) contrast(1.02)}.home-paths button::after,.spread-picker button::after{background:linear-gradient(90deg,rgba(8,8,10,.88) 0%,rgba(8,8,10,.52) 50%,rgba(8,8,10,.16) 100%),linear-gradient(0deg,rgba(8,8,10,.72),transparent 58%)}.home-paths button:nth-child(1)::before,.home-paths button:nth-child(2)::before,.home-paths button:nth-child(3)::before{background-position:68% center}.spread-picker button::after{background:linear-gradient(0deg,rgba(8,8,10,.8) 0%,rgba(8,8,10,.28) 72%,rgba(8,8,10,.1) 100%)}

/* Brighter Whisper box artwork */
.home-paths button::before,.spread-picker button::before{opacity:.92;filter:brightness(1.34) saturate(1.12) contrast(1.03)}.home-paths button::after{background:linear-gradient(0deg,rgba(7,7,9,.84) 0%,rgba(7,7,9,.52) 38%,rgba(7,7,9,.08) 82%),linear-gradient(90deg,rgba(7,7,9,.58),transparent 64%)}.spread-picker button::after{background:linear-gradient(0deg,rgba(7,7,9,.86) 0%,rgba(7,7,9,.48) 42%,rgba(7,7,9,.06) 84%)}.home-paths button:hover::before,.home-paths button:focus-visible::before,.spread-picker button:hover::before,.spread-picker button:focus-visible::before{opacity:1;filter:brightness(1.48) saturate(1.16) contrast(1.04)}

/* Reading-time astrology */
.reading-time{margin:-10px 0 18px;color:#777169;font-size:12px}.reading-astrology{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:15px 0}.reading-astrology>div{display:grid;gap:5px;padding:12px 14px;border:1px solid rgba(218,180,103,.22);border-radius:13px;background:rgba(201,169,106,.045)}.reading-astrology span{color:#81796e;font-size:9px;letter-spacing:.13em}.reading-astrology strong{color:var(--gold-bright);font-family:Georgia,serif;font-size:15px;font-weight:400;line-height:1.35}@media(max-width:520px){.reading-astrology{grid-template-columns:1fr}}

/* Whisper reading artwork and scannable paired interpretation layout */
.reading-meanings{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}
.reading-meanings>.reading-meaning:last-child:nth-child(odd){grid-column:1/-1}
.reading-meaning{padding:0;overflow:hidden;display:flex;flex-direction:column}
.reading-art{min-height:178px;background-size:cover;background-position:center 38%;border-bottom:1px solid rgba(201,169,106,.2);position:relative}
.reading-art::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(10,10,12,.74));pointer-events:none}
.reading-meaning-body{padding:20px;display:flex;flex:1;flex-direction:column}
.reading-meaning-body>button{margin-top:auto;align-self:flex-start}
.detail-insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:14px 0}
.detail-insight-grid .info-card{margin:0;height:100%}
@media(max-width:680px){.reading-meanings,.detail-insight-grid{grid-template-columns:1fr}.reading-meanings>.reading-meaning:last-child:nth-child(odd){grid-column:auto}.reading-art{min-height:150px}.reading-meaning-body{padding:17px}}

/* Artwork for the expanded reading choices */
.spread-picker button:nth-child(4)::before{background-image:url('assets/spread-relationship-v2.jpg');background-position:center 32%}
.spread-picker button:nth-child(5)::before{background-image:url('assets/spread-celtic-v2.jpg');background-position:center 30%}

/* Atmospheric pauses between the interpretation sections. Preserve complete artwork. */
.atmospheric-art{margin:26px 0;border:1px solid rgba(218,180,103,.3);border-radius:16px;background:#09090b;overflow:hidden}
.atmospheric-art img{display:block;width:100%;height:clamp(180px,30vw,320px);object-fit:contain;object-position:center}
@media(max-width:680px){.atmospheric-art{margin:20px 0;border-radius:12px}.atmospheric-art img{height:auto;max-height:320px;aspect-ratio:3/2;object-fit:contain}}

/* Break the whole-reading synthesis into calm, readable layers. */
.golden-thread-reading{display:grid;gap:18px}
.golden-thread-opening{font-family:var(--serif,Georgia,serif);font-size:1.14rem;line-height:1.7;margin:0;color:#f2e8cf}
.golden-card-readings{display:grid;gap:12px}
.golden-card-reading{padding:18px 20px;border:1px solid rgba(218,180,103,.24);border-radius:14px;background:rgba(8,8,10,.58)}
.golden-card-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(218,180,103,.16);padding-bottom:10px;margin-bottom:12px}
.golden-card-heading span{text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;color:#c8a665}
.golden-card-heading strong{font-family:var(--serif,Georgia,serif);font-size:1.25rem;color:#f2e8cf}
.golden-card-focus{margin:0 0 14px;line-height:1.65}
.golden-card-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.golden-card-details p{margin:0;padding:11px 12px;background:rgba(218,180,103,.06);border-radius:9px;line-height:1.55;font-size:.9rem}
.golden-card-details b{display:block;text-transform:uppercase;letter-spacing:.08em;font-size:.66rem;color:#c8a665;margin-bottom:4px}
.golden-card-bridge{margin:14px 0 0;padding:12px 14px;border-left:2px solid #c8a665;color:#e6d7b8;line-height:1.6}
.golden-thread-connection{margin:0;color:#e6d7b8;line-height:1.65}
.golden-thread-summary{padding:18px 20px;border:1px solid rgba(218,180,103,.4);border-radius:14px;background:linear-gradient(135deg,rgba(218,180,103,.11),rgba(8,8,10,.42))}
.golden-thread-summary span{display:block;text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;color:#d7b66d;margin-bottom:8px}
.golden-thread-summary p{margin:0;line-height:1.7;color:#f2e8cf}
.golden-thread-resonance{margin:0;font-style:italic;color:#c9b892;line-height:1.6}
@media(max-width:680px){.golden-card-details{grid-template-columns:1fr}.golden-card-heading{display:block}.golden-card-heading strong{display:block;margin-top:4px}}

/* The hero card preview gives the desktop negative space a quiet invitation into the deck. */
.hero-card-preview{display:none}
@media(min-width:761px){
  .hero-card-preview{display:grid;position:absolute;z-index:3;right:-10%;top:132px;width:112px;padding:7px 7px 10px;border:1px solid rgba(218,180,103,.36);border-radius:13px;background:linear-gradient(145deg,rgba(23,21,20,.94),rgba(7,7,9,.88));box-shadow:0 20px 42px rgba(0,0,0,.5),0 0 34px rgba(201,169,106,.08);transform:rotate(6deg);color:#e9dece;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}
  .hero-card-preview:hover,.hero-card-preview:focus-visible{transform:rotate(2deg) translateY(-5px) scale(1.035);box-shadow:0 26px 50px rgba(0,0,0,.58),0 0 38px rgba(201,169,106,.16);outline:none}
  .hero-card-preview img{display:block;width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:8px;filter:saturate(.8) contrast(1.05);border:1px solid rgba(218,180,103,.22)}
  .hero-card-glow{position:absolute;inset:12% -12%;z-index:-1;background:radial-gradient(circle,rgba(218,180,103,.2),transparent 68%);filter:blur(14px)}
  .hero-card-label{display:grid;gap:3px;text-align:left;padding:8px 2px 0}
  .hero-card-label small{font-size:7px;letter-spacing:.15em;color:#bd9d61}
  .hero-card-label strong{font:400 12px/1.2 Georgia,serif}
}