#tarot-app .hero-study{padding:26px 0 27px;border-bottom:1px solid var(--line)}
#tarot-app .hero-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:32px;align-items:center;min-height:415px}
#tarot-app .hero-copy .journal-title{max-width:100%;font-size:clamp(68px,6.8vw,98px);margin-top:22px}
#tarot-app .hero-copy .hub-lead{display:block;margin-top:25px}
#tarot-app .hero-copy .hub-lead h1{font-size:24px}
#tarot-app .hero-copy .hub-lead p{margin-top:12px;font-size:12px;line-height:1.85}
#tarot-app .hero-art{width:100%;aspect-ratio:1.1;position:relative;isolation:isolate;align-self:center}
#tarot-app .scene{position:relative;width:100%;height:100%;isolation:isolate}
#tarot-app .scene::before,#tarot-app .scene::after{content:'';position:absolute;border:1px solid #aea28d80;border-radius:50%;z-index:-1;pointer-events:none}
#tarot-app .scene::before{width:80%;height:80%;left:10%;top:8%;transform:rotate(-23deg)}
#tarot-app .scene::after{width:100%;height:40%;left:0;top:30%;transform:rotate(24deg)}
#tarot-app .scene-ground{position:absolute;left:8%;bottom:10%;width:84%;height:12%;border-radius:50%;background:#b3a89320;filter:blur(7px);z-index:-1}
#tarot-app .hero-card{position:absolute;display:block;width:37%;aspect-ratio:2/3;left:50%;top:47%;transform:translate(-50%,-50%) rotate(var(--angle,0deg));transform-origin:50% 83%;background:#20170f;border:1px solid #54482f;border-radius:3px;box-shadow:3px 8px 13px #30241825}
#tarot-app .hero-card img{position:absolute;left:3%;top:3%;width:94%;height:94%;object-fit:contain;display:block}
#tarot-app .scene-caption{position:absolute;bottom:0;left:0;right:0;text-align:center;font:8px/1.6 var(--mono);letter-spacing:.06em;color:var(--muted)}
#tarot-app .scene-fan .hero-card:nth-of-type(1){left:33%;top:49%;--angle:-18deg;z-index:1}
#tarot-app .scene-fan .hero-card:nth-of-type(2){left:66%;top:49%;--angle:18deg;z-index:2}
#tarot-app .scene-fan .hero-card:nth-of-type(3){left:50%;top:43%;z-index:3}
#tarot-app .scene-fan::before{background:#dcc58526}
#tarot-app .scene-fan::after{border-color:#8d393b45}
@media(max-width:1000px)and(min-width:801px){#tarot-app .hero-copy .journal-title{font-size:75px}#tarot-app .hero-copy .hub-lead h1{font-size:22px}#tarot-app .hero-layout{grid-template-columns:minmax(0,1.4fr) minmax(290px,1fr);gap:14px}}
@media(max-width:800px){#tarot-app .hero-study{padding:20px 0 23px}#tarot-app .hero-layout{display:block;min-height:0}#tarot-app .hero-copy .journal-title{font-size:clamp(51px,13.5vw,76px);margin-top:24px}#tarot-app .hero-copy .hub-lead{margin-top:23px}#tarot-app .hero-copy .hub-lead h1{font-size:23px}#tarot-app .hero-copy .hub-lead p{font-size:12px;margin-top:12px}#tarot-app .hero-art{max-width:310px;margin:15px auto 0;aspect-ratio:1.1}#tarot-app .scene-caption{font-size:7px}}