:root{--ink:#26352f;--cream:#fff9ed;--paper:#fffdf8;--sage:#cdddbf;--moss:#526b52;--coral:#ef8d6f;--yellow:#f3cf6a;--line:#d9d3c5;--shadow:0 18px 50px rgba(50,56,45,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}.hero{min-height:92vh;padding:0 6vw 6vw;background:radial-gradient(circle at 78% 18%,#fff7c9 0 9%,transparent 10%),linear-gradient(135deg,#dce8cf 0 62%,#f8d981 62% 100%);overflow:hidden}.nav{max-width:1200px;margin:auto;padding:26px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(38,53,47,.22)}.brand{font:800 1.08rem/1 Georgia,serif;text-decoration:none}.nav div{display:flex;gap:26px}.nav div a{text-decoration:none;font-size:.92rem}.hero-grid{max-width:1200px;margin:7vh auto 0;display:grid;grid-template-columns:1fr 1.08fr;gap:7vw;align-items:center}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:800}.hero h1{font:900 clamp(4rem,9vw,8rem)/.82 Georgia,serif;letter-spacing:-.065em;margin:.22em 0;color:#324a3a}.subtitle{font-size:clamp(1.12rem,2vw,1.45rem);max-width:600px;margin:30px 0}.button{display:inline-block;background:var(--ink);color:white;text-decoration:none;padding:14px 22px;border-radius:999px;font-weight:700}.hero-photo{margin:0;height:min(62vw,620px);position:relative;transform:rotate(2deg);border:14px solid var(--paper);box-shadow:var(--shadow);border-radius:45% 45% 18% 18% / 35% 35% 16% 16%;overflow:hidden}.hero-photo figcaption{position:absolute;bottom:18px;left:18px;right:18px;padding:10px 14px;background:rgba(255,253,248,.88);backdrop-filter:blur(8px);border-radius:12px;font-size:.85rem;text-align:center}.intro{max-width:820px;margin:0 auto;padding:110px 24px 70px;text-align:center}.intro h2,.habits h2,.sources h2{font:800 clamp(2.2rem,5vw,4rem)/1.05 Georgia,serif;margin:.3em 0}.intro>p:last-child{font-size:1.15rem}.cards{max-width:1200px;margin:auto;padding:20px 24px 100px;display:grid;grid-template-columns:1fr 1fr;gap:28px}.card{padding:44px;border-radius:28px;box-shadow:var(--shadow)}.card-sage{background:var(--sage)}.card-coral{background:#f4b4a1}.card h2{font:800 2.1rem/1.1 Georgia,serif}.card ul{padding-left:20px}.card li+li{margin-top:12px}.number{font-weight:900;opacity:.5;font-size:2.5rem}.photo-band{display:grid;grid-template-columns:1fr .8fr 1fr;min-height:500px;background:var(--yellow)}.photo-band figure{margin:0;min-height:360px}.photo-band blockquote{margin:auto;padding:55px;font:800 clamp(1.9rem,4vw,3.5rem)/1.15 Georgia,serif;text-align:center}.habits{max-width:1200px;margin:auto;padding:110px 24px;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.habit-list{border-top:1px solid var(--line)}.habit-list article{display:grid;grid-template-columns:170px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.habit-list h3,.habit-list p{margin:0}.sources{padding:90px 24px;text-align:center;background:#344b3b;color:#fff}.sources>p{opacity:.8}.links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px}.links a{padding:10px 16px;border:1px solid rgba(255,255,255,.35);border-radius:99px;text-decoration:none}.links a:hover{background:white;color:var(--ink)}footer{padding:55px 6vw;display:grid;grid-template-columns:1fr 1.3fr;gap:30px;background:#1f2c26;color:#e8eee9}footer p{opacity:.72}footer summary{cursor:pointer;font-weight:700}footer li{margin:.55em 0;font-size:.88rem}footer a{color:#d9e9c9}
@media(max-width:800px){.nav div{display:none}.hero{padding:0 22px 50px}.hero-grid,.cards,.habits,footer{grid-template-columns:1fr}.hero-grid{gap:42px}.hero h1{font-size:clamp(3.5rem,20vw,6rem)}.hero-photo{height:72vh;max-height:560px}.intro{padding-top:75px}.cards{padding-bottom:70px}.card{padding:30px}.photo-band{grid-template-columns:1fr}.photo-band figure{height:380px}.photo-band blockquote{padding:48px 25px}.habits{padding:75px 22px}.habit-list article{grid-template-columns:1fr;gap:6px}.sources{padding:70px 20px}}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:rise .65s ease-out both}.hero-photo{animation:rise .8s .08s ease-out both}@keyframes rise{from{opacity:0;transform:translateY(24px) rotate(0)}to{opacity:1}}}