.home-page{background:var(--bg);color:var(--ink)}
.home-page .site-header,.home-page .site-footer{background:var(--bg)}
.home-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--bg)}
.home-hero-inner{position:relative;width:min(1180px,90%);margin:auto;padding:38px 0 58px;min-height:630px;display:grid;grid-template-columns:1fr 1.25fr;gap:42px;align-items:center}
.home-intro{align-self:start;padding-top:40px}.home-intro h1{font:400 clamp(40px,4.5vw,66px)/1.07 var(--serif);letter-spacing:-.04em}.home-intro h1 em{font-weight:400;color:var(--gold)}
.home-atmosphere{position:absolute;inset:0;z-index:-2;pointer-events:none}.home-atmosphere img,.home-atmosphere video,.home-atmosphere canvas{position:absolute;width:100%;height:100%;object-fit:contain;object-position:center;left:-28%;top:12%}.home-atmosphere video{opacity:0}.home-atmosphere.alpha-ready .home-tree{opacity:0}.home-atmosphere canvas{height:auto;aspect-ratio:16/9;top:14%}.home-veil{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 70%,transparent),transparent 35%,var(--bg))}
.home-atmosphere .cinematic-composite{opacity:1;left:-40%;top:32%}.home-atmosphere .home-tree{mask-image:url('/assets/cinematic-mattes/tree-mask.png');mask-size:100% 100%;mask-repeat:no-repeat}.home-atmosphere.is-still canvas{visibility:hidden}.home-atmosphere.is-still .home-tree{opacity:1}
.home-motion{position:absolute;bottom:16px;left:5%;z-index:2;font-size:12px;color:var(--muted);background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:8px 13px}
.home-actions{min-width:0}.daily-card{display:grid;grid-template-columns:155px 1fr;gap:28px;align-items:center;padding:28px;background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid var(--line);box-shadow:var(--soft-shadow);backdrop-filter:blur(12px)}
.daily-card-visual img{width:100%;aspect-ratio:70/104;object-fit:cover;border-radius:9px;box-shadow:0 15px 30px #0003;transform:rotate(-3deg);transition:transform .7s ease}.daily-card-visual.is-revealed img{transform:none}.daily-card-copy h2{font:400 clamp(27px,2.5vw,38px)/1.1 var(--serif)}.daily-lead{color:var(--muted);margin:15px 0;font-size:15px;line-height:1.6}.daily-draw{min-height:48px;width:100%}.daily-status{min-height:1.5em;margin-top:12px;color:var(--muted);font-size:12px}.daily-error{color:var(--error);font-size:13px;margin-top:10px}
.home-spreads{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.home-spreads a{display:flex;gap:14px;align-items:center;padding:20px 18px;border:1px solid var(--line);background:var(--panel);transition:border-color .2s}.home-spreads a:hover{border-color:var(--gold)}.home-spreads a>span:last-child{margin-left:auto}.spread-mark{font:26px var(--serif);color:var(--gold)}.home-spreads strong{font:400 23px var(--serif);display:block}.home-spreads small{display:block;color:var(--muted);font-size:12px;margin-top:6px}
.home-wrap{width:min(1120px,88%);margin:auto}.home-kim{border-top:1px solid var(--line);padding:38px 0}.home-kim .home-wrap{display:flex;gap:28px;align-items:center}.home-kim img{width:92px;height:92px;border-radius:50%;object-fit:cover}.home-kim h2{font:400 34px/1.1 var(--serif)}.home-kim p:not(.eyebrow){color:var(--muted);margin-top:12px;font-size:15px;line-height:1.6}.home-kim .text-link{margin-left:auto;white-space:nowrap}.home-page .site-footer{padding-top:32px;padding-bottom:32px}
.daily-result{padding:105px 0;background:var(--bg);scroll-margin-top:calc(var(--header-height) + 18px)}.result-heading{max-width:790px;margin-bottom:48px}.result-heading h2{font:400 clamp(46px,6vw,76px)/1.06 var(--serif)}.result-summary{margin-top:22px;color:var(--muted);font:400 clamp(20px,2.1vw,28px)/1.55 var(--serif)}.result-card{display:grid;grid-template-columns:250px 1fr;gap:46px;align-items:center;padding:35px;border:1px solid var(--line);background:var(--panel)}.result-card>img{width:100%;border-radius:9px;box-shadow:0 17px 35px #0005}.result-card-label{color:var(--gold);font-size:12px;letter-spacing:.16em}.result-card h3{font:400 clamp(34px,4vw,56px)/1.15 var(--serif);margin:7px 0 20px}.result-card p:not(.result-card-label){color:var(--muted);font-size:16px;line-height:1.8;margin-top:12px}.result-card blockquote{margin:25px 0 0;padding:18px 0 18px 22px;border-left:2px solid var(--gold);font:italic 20px/1.6 var(--serif)}.result-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:25px}.result-groups section,.result-block{padding:28px;border:1px solid var(--line);background:var(--panel)}.result-groups h3,.result-block h3{font:400 25px/1.3 var(--serif);margin-bottom:12px}.result-groups p,.result-block p{color:var(--muted);font-size:16px;line-height:1.8}.result-block{margin-top:24px}.result-next{margin-top:32px;padding:38px;border:1px solid var(--gold);background:var(--raised)}.result-next .next-text{font:400 26px/1.5 var(--serif)}.result-next .next-question{margin-top:16px;color:var(--muted)}.result-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:36px}

@media(max-width:1050px){.home-hero-inner{gap:24px;grid-template-columns:.85fr 1.3fr}.daily-card{grid-template-columns:115px 1fr;gap:20px;padding:22px}.home-spreads a{padding:18px 12px;gap:9px}.home-spreads strong{font-size:21px}}
@media(max-width:760px){.home-hero-inner{display:block;min-height:0;padding:24px 0 48px;width:90%}.home-intro{padding:0;margin-bottom:24px}.home-intro h1{font-size:38px}.home-intro .eyebrow{margin-bottom:10px}.home-atmosphere img,.home-atmosphere video{left:25%;top:-20%;width:110%;height:100%}.home-atmosphere canvas{left:25%;top:-4%;width:110%}.daily-card{grid-template-columns:100px 1fr;padding:18px;gap:18px}.daily-card-copy h2{font-size:26px}.daily-lead{font-size:13px;margin:10px 0}.daily-card-copy .eyebrow{font-size:10px}.daily-draw{font-size:13px;padding:12px 8px}.daily-status{font-size:11px}.home-spreads a{padding:14px 12px}.home-spreads strong{font-size:20px}.home-spreads small{font-size:11px}.spread-mark{display:none}.home-motion{bottom:10px;font-size:10px;padding:5px 10px}.home-kim{padding:28px 0}.home-kim .home-wrap{flex-wrap:wrap;gap:18px}.home-kim img{width:65px;height:65px}.home-kim .home-wrap>div{flex:1}.home-kim h2{font-size:28px}.home-kim .text-link{margin-left:83px}.home-page .theme-switch{display:flex;flex-wrap:nowrap;justify-content:space-between;width:100%;gap:2px}.home-page .theme-switch button{min-width:0;padding:9px 5px;font-size:9px}.daily-result{padding:50px 0}.result-card{grid-template-columns:120px 1fr;gap:20px;padding:20px}.result-groups{grid-template-columns:1fr}}
@media(max-width:420px){.daily-card{grid-template-columns:82px 1fr;gap:14px;padding:15px}.daily-card-copy h2{font-size:24px}.result-card{grid-template-columns:1fr}.result-card>img{width:150px;margin:auto}}
@media(prefers-reduced-motion:reduce){.daily-card-visual img{transition:none}}
.home-atmosphere{inset:auto;left:5%;bottom:20px;width:min(550px,43%);height:340px;overflow:hidden;mask-image:linear-gradient(180deg,transparent,#000 12%,#000 82%,transparent)}
.home-hero-inner{z-index:1}.home-atmosphere{z-index:0}.home-veil{z-index:0}
.daily-card{backdrop-filter:none;background:var(--panel)}
.home-atmosphere img,.home-atmosphere video,.home-atmosphere .cinematic-composite{max-width:none;width:170%;height:auto;aspect-ratio:16/9;left:-65%;top:-12%;object-fit:contain}
.home-atmosphere.alpha-ready .home-tree{opacity:1}.home-atmosphere.alpha-ready:has(canvas[data-frame]) .home-tree{opacity:0}.home-atmosphere.is-still .home-tree{opacity:1}
@media(max-width:760px){.home-atmosphere{left:48%;top:0;bottom:auto;width:52%;height:160px;opacity:.35}.home-atmosphere img,.home-atmosphere video,.home-atmosphere .cinematic-composite{left:-65%;top:0;width:170%}}
.home-explainer{border-top:1px solid var(--line);padding:58px 0 72px;background:var(--panel)}
.home-explainer .home-wrap{max-width:760px}
.home-explainer h2{font:400 clamp(30px,3.5vw,45px)/1.2 var(--serif);margin:10px 0 20px}
.home-explainer p:not(.eyebrow){font-size:16px;line-height:1.8;color:var(--muted);margin:0 0 16px}
.home-explainer a{color:var(--ink);text-decoration-color:var(--gold);text-underline-offset:3px}
@media(max-width:760px){.home-explainer{padding:42px 0 55px}.home-explainer p:not(.eyebrow){font-size:15px}}
