@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap";
:root{--cream:#f7f0df;--sage:#a9bf6b;--deep-sage:#687a3d;--rose:#be5b5b;--ink:#252018;--muted:#6d6458;--card:#fffaf0;--line:#d9cdb7;--gold:#d5a442}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font-family:Inter,system-ui,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.site{max-width:1180px;margin:0 auto;padding:28px}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:18px;display:flex}.logo{letter-spacing:-.04em;font-family:Cormorant Garamond,serif;font-size:36px;font-weight:700}.nav{color:var(--muted);flex-wrap:wrap;gap:22px;font-size:14px;display:flex}.hero{border:1px solid var(--line);background:linear-gradient(135deg,#a9bf6b80,#fffaf0e6);border-radius:34px;margin-top:38px;padding:58px;overflow:hidden}.badge{background:var(--rose);color:#fff;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;margin-bottom:18px;padding:9px 14px;font-size:12px;font-weight:700;display:inline-block;transform:rotate(-3deg)}h1,h2,h3,h4{font-family:Cormorant Garamond,serif}h1{letter-spacing:-.06em;max-width:780px;margin:0;font-size:clamp(54px,8vw,96px);line-height:.88}.hero p{max-width:620px;color:var(--muted);margin:26px 0 0;font-size:18px}.heroActions{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.btn{border:1px solid var(--ink);background:var(--ink);color:var(--cream);border-radius:999px;padding:13px 20px;font-size:14px;font-weight:700}.btn.secondary{color:var(--ink);background:0 0}.sectionTitle{justify-content:space-between;align-items:end;gap:18px;margin:56px 0 18px;display:flex}h2{letter-spacing:-.04em;margin:0;font-size:44px;line-height:1}.kicker{color:var(--muted);font-size:14px}.grid{grid-template-columns:1.2fr .8fr;gap:22px;display:grid}.feature,.card,.newsletter,.article{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 18px 50px #4030180f}.feature h3{letter-spacing:-.04em;margin:10px 0 16px;font-size:48px;line-height:.95}.meta,.tags{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.pill{border:1px solid var(--line);color:var(--deep-sage);background:#fbf4e4;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:700}.stars{color:var(--gold);letter-spacing:.05em;font-size:15px}.sideList{gap:14px;display:grid}.mini h4{margin:8px 0;font-size:25px;line-height:1}.categoryGrid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.category{background:var(--sage);color:#26300f;border:1px solid #00000014;border-radius:28px;min-height:170px;padding:22px}.category:nth-child(2){background:#e8cfd0}.category:nth-child(3){background:#ead69c}.category:nth-child(4){background:#bed1b0}.category h3{margin:0 0 12px;font-size:31px;line-height:1}.category p{margin:0;font-size:14px}.postRow{border-top:1px solid var(--line);grid-template-columns:150px 1fr 170px;align-items:start;gap:22px;padding:22px 0;display:grid}.postRow h3{margin:0 0 8px;font-size:32px;line-height:1}.cover{text-align:center;color:#fff;text-shadow:0 1px 10px #0000002e;background:radial-gradient(circle at 25% 25%,#ffffff73,#0000 18%),linear-gradient(135deg,#b9c978,#638061);border:1px solid #00000014;border-radius:20px;justify-content:center;align-items:center;min-height:130px;padding:16px;font-family:Cormorant Garamond,serif;font-size:24px;line-height:.95;display:flex}.newsletter{background:#dce8bc;grid-template-columns:1fr 360px;align-items:center;gap:22px;margin:56px 0 22px;display:grid}.newsletter h2{max-width:620px}.signup{background:#ffffff8c;border:1px solid #00000014;border-radius:999px;gap:8px;padding:8px;display:flex}input{font:inherit;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:10px 12px}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:24px 0;font-size:13px;display:flex}.blogHeader{margin:44px 0 28px}.blogHeader h1{font-size:clamp(52px,7vw,86px)}.article{max-width:780px;margin:42px auto}.article h1{margin-bottom:18px;font-size:clamp(48px,7vw,78px)}.articleContent{margin-top:34px;font-size:18px}.articleContent h2{margin-top:42px;font-size:40px}.articleContent p{margin:22px 0}@media (max-width:820px){.header,.footer{flex-direction:column;align-items:flex-start;gap:12px}.nav{gap:10px}.hero{border-radius:24px;padding:34px}.grid,.categoryGrid,.newsletter,.postRow{grid-template-columns:1fr}}