@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Montserrat:wght@400;500;600&family=Lora:ital@1&display=swap");
:root{--bg:#FDFCFA;--ink:#45413C;--muted:#6F6B66;--sage:#6A7B6B;--sage-deep:#5A6B5B;--sage-soft:#E2EAE0;--band:#F1F5F0;--gold:#B39762;--line:#E4E6E1;--display:"Cormorant Garamond",Georgia,serif;--body:"Montserrat","Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}html,body{overflow-x:clip}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 var(--body)}
a{color:var(--sage-deep)}
.top{border-bottom:1px solid var(--line);background:rgba(253,252,250,.92)}
.top .in{max-width:1140px;margin:0 auto;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.brand{text-decoration:none;color:var(--sage-deep);font-family:var(--display);font-weight:600;font-size:1.25rem;letter-spacing:.08em;line-height:1.1}
.brand small{display:block;font:500 .62rem var(--body);letter-spacing:.24em;color:#9D9EA0}
.back{font-size:.82rem;font-weight:600;text-decoration:none;border:1.5px solid var(--sage);border-radius:999px;padding:8px 16px;white-space:nowrap}
.hero{background:radial-gradient(600px 360px at 90% 0%,var(--sage-soft),transparent 70%);padding:64px 20px 28px;position:relative;overflow:hidden}
.hero .in,.post{max-width:720px;margin:0 auto}
.eb{display:inline-flex;align-items:center;gap:12px;font-size:.72rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--sage)}
.eb::before{content:"";width:30px;height:1px;background:var(--gold)}
h1{font-family:var(--display);font-weight:500;color:var(--sage-deep);font-size:clamp(2.3rem,6vw,3.6rem);line-height:1.05;margin:16px 0 18px}
.by{display:flex;align-items:center;gap:12px;font-size:.84rem;color:var(--muted)}
.by img{width:44px;height:44px;border-radius:50%;object-fit:cover;outline:1.5px solid var(--gold);outline-offset:2px}
.by b{color:var(--sage-deep);display:block}
.post{padding:12px 20px 40px}
.post p{margin:0 0 1.2em}
.post h2{font-family:var(--display);font-weight:500;color:var(--sage-deep);font-size:2rem;line-height:1.15;margin:1.6em 0 .5em}
.post ul{padding-left:0;list-style:none;margin:0 0 1.4em}
.post li{position:relative;padding-left:22px;margin:.45em 0}
.post li::before{content:"";position:absolute;left:2px;top:.72em;width:6px;height:6px;transform:rotate(45deg);background:var(--gold)}
.pull{font-family:Lora,Georgia,serif;font-style:italic;font-size:1.3rem;line-height:1.55;color:var(--sage);border-left:2px solid var(--gold);padding-left:20px;margin:1.6em 0}
.orn{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--gold);margin:36px 0}
.orn::before,.orn::after{content:"";height:1px;width:min(120px,22vw);background:linear-gradient(90deg,transparent,var(--gold))}.orn::after{transform:scaleX(-1)}
.orn svg{width:14px;height:14px;fill:currentColor}
.cta{background:linear-gradient(120deg,#6A7B6B,#83968A);color:#fff;border-radius:18px;padding:28px;margin-top:10px}
.cta h3{font-family:var(--display);font-weight:500;font-size:1.8rem;margin:0 0 6px;line-height:1.15}
.cta p{margin:0 0 16px;color:rgba(255,255,255,.88);font-size:.95rem}
.cta a{display:inline-block;background:#fff;color:var(--sage-deep);text-decoration:none;font-weight:600;font-size:.88rem;border-radius:999px;padding:11px 20px;margin:4px 8px 4px 0}
.cta a.o{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.7)}
.disc{font-size:.76rem;color:#9D9EA0;line-height:1.6;margin-top:24px}
footer{text-align:center;border-top:1px solid var(--line);padding:30px 20px;font-size:.78rem;color:#9D9EA0}
footer b{display:block;font-family:var(--display);font-size:1.15rem;letter-spacing:.1em;color:var(--sage-deep);font-weight:600}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}