@import url('https://fonts.googleapis.com/css2?family=Anton&family=Cormorant+Garamond:wght@500;600;700&family=DM+Sans:wght@400;500;700&display=swap');
:root{--black:#070706;--gold:#c49548;--gold2:#e3bf76;--cream:#eee3ce;--muted:#b5a78f;--line:rgba(196,149,72,.35);--panel:#100d09}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}
.daily-nav{height:76px;position:sticky;top:0;z-index:20;background:rgba(5,5,4,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4vw}.brand img{width:88px;height:55px;object-fit:contain}.daily-nav nav{display:flex;gap:28px;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}.daily-nav nav a:hover,.daily-nav nav .active{color:var(--gold2);border-bottom:2px solid var(--gold);padding-bottom:8px}.back{border:1px solid var(--gold);padding:10px 15px;font-size:.65rem;text-transform:uppercase;letter-spacing:.12em}
.daily-hero{min-height:430px;display:grid;place-items:center;text-align:center;background:linear-gradient(rgba(7,6,5,.45),rgba(7,6,5,.92)),url('yki-theme.png') center/cover;border-bottom:1px solid var(--line)}.hero-inner{padding:100px 6vw}.label{font-size:.7rem;letter-spacing:.2em;color:var(--gold2);font-weight:700;text-transform:uppercase}.daily-hero h1{font:600 clamp(3.5rem,7vw,7rem)/.86 'Cormorant Garamond',serif;margin:18px 0}.daily-hero h1 span,.archive h2 span,.join h2 span{color:var(--gold2)}.daily-hero p{color:#c9baa4;font-size:1.05rem}
.post{max-width:1350px;margin:auto;padding:90px 5vw}.post-top{display:flex;justify-content:space-between;gap:30px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:28px}.post h2{font:600 clamp(2.5rem,5vw,5rem) 'Cormorant Garamond',serif;margin:10px 0 0}.date{font-size:.68rem;color:var(--gold2);letter-spacing:.15em;white-space:nowrap}.post-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr);gap:7vw;padding-top:50px;align-items:start}.art{background:#18110a;padding:12px;border:1px solid var(--line);box-shadow:0 30px 80px #000}.art img{width:100%;display:block}.lesson{padding:15px 0}.quote-mark{font:6rem Georgia;color:var(--gold);height:55px}.lesson blockquote{font:600 clamp(1.7rem,3vw,2.8rem)/1.15 'Cormorant Garamond',serif;margin:10px 0 15px}.author{color:var(--gold2);font-size:.72rem;font-weight:700;letter-spacing:.14em}.divider{height:1px;background:var(--line);margin:35px 0}.lesson h3{font:700 .75rem 'DM Sans';letter-spacing:.18em;color:var(--gold2)}.lesson>p{color:#c2b49e;line-height:1.9}.reflection{margin-top:30px;padding:25px;background:#15100b;border:1px solid rgba(196,149,72,.25)}.reflection span{font-size:.65rem;letter-spacing:.17em;color:var(--gold2);font-weight:700}.reflection p{font:600 1.25rem/1.35 'Cormorant Garamond',serif;margin-bottom:0}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.tags span{border:1px solid rgba(196,149,72,.3);padding:7px 9px;font-size:.58rem;color:var(--muted);letter-spacing:.08em}.post-nav{display:flex;justify-content:space-between;margin-top:70px;padding-top:22px;border-top:1px solid var(--line);font-size:.62rem;letter-spacing:.12em;color:var(--gold2)}.disabled{opacity:.35}
.archive{padding:110px 5vw;background:linear-gradient(135deg,#17100b,#080706);border-top:1px solid var(--line)}.archive h2{font:600 clamp(3rem,6vw,6rem)/.88 'Cormorant Garamond',serif;margin:15px 0 45px}.archive-grid{max-width:1350px;margin:auto;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:18px}.archive-card,.coming{border:1px solid var(--line);background:#0d0b08}.archive-card img{width:100%;display:block}.archive-card div{padding:22px}.archive-card small{color:var(--gold2);letter-spacing:.14em}.archive-card h3,.coming h3{font:600 1.7rem 'Cormorant Garamond';margin:8px 0}.archive-card p,.coming p{color:var(--muted);font-size:.82rem;line-height:1.6}.coming{min-height:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px}.plus{font-size:3rem;color:var(--gold);font-weight:200}.coming h3{color:var(--gold2)}
.join{text-align:center;padding:110px 6vw;background:radial-gradient(circle at center,#2a1a0e,#070605 65%)}.join h2{font:600 clamp(3.5rem,7vw,7rem)/.86 'Cormorant Garamond',serif;margin:18px 0}.join p{color:var(--muted);max-width:600px;margin:0 auto 30px;line-height:1.8}.button{display:inline-block;border:1px solid var(--gold);background:var(--gold);color:#0c0906;padding:14px 22px;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
footer{padding:28px 4vw;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;color:#978a76;font-size:.62rem;letter-spacing:.1em}footer img{width:70px;height:45px;object-fit:contain}
@media(max-width:850px){.daily-nav nav{display:none}.post-layout{grid-template-columns:1fr}.archive-grid{grid-template-columns:1fr}.post-top{align-items:start;flex-direction:column}.date{white-space:normal}.daily-hero{min-height:360px}}
@media(max-width:520px){.back{display:none}.post{padding:60px 5vw}.archive{padding:70px 5vw}}
