:root { --rachel-ink:#27232b; --rachel-muted:#766e78; --rachel-paper:#fcfafb; --rachel-pink:#d85f89; --rachel-pink-wash:#fff0f5; --rachel-line:#eee5ea; --rachel-width:1120px; }
body.blog { background:var(--rachel-paper); color:var(--rachel-ink); }
body.blog main { width:min(var(--rachel-width), calc(100% - 48px)); margin:0 auto 110px; }
body.blog main > :not(.rachel-notes) { display:none; }
/* Article banners contain designed typography. Keep their source ratio so
   `object-fit: cover` cannot remove the top or bottom of that artwork. */
body.single-post .article-featured { height:auto !important; max-height:none !important; }
body.single-post .article-featured > img { display:block; width:100%; height:auto !important; min-height:0 !important; max-height:none !important; aspect-ratio:auto; object-fit:contain; }
.rachel-notes { padding:clamp(48px,8vw,112px) 0 0; }
.rachel-notes__intro { max-width:760px; margin:0 auto; text-align:center; }
.rachel-notes__eyebrow { margin:0 0 18px; color:var(--rachel-pink); font-size:.78rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.rachel-notes__intro h1 { margin:0; color:var(--rachel-ink); font-size:clamp(2.55rem,6vw,5.5rem); font-weight:800; letter-spacing:-.055em; line-height:1.04; text-wrap:balance; }
.rachel-notes__intro h1 em { color:var(--rachel-pink); font-style:normal; }
.rachel-notes__intro > p:last-child { max-width:550px; margin:26px auto 0; color:var(--rachel-muted); font-size:1rem; line-height:2; }
.rachel-notes__filters { display:flex; justify-content:center; gap:8px; margin:46px 0 54px; overflow-x:auto; padding:4px; scrollbar-width:none; }
.rachel-notes__filters button { flex:0 0 auto; min-height:40px; padding:0 16px; border:1px solid var(--rachel-line); border-radius:999px; background:#fff; color:var(--rachel-muted); font:700 .82rem/1 inherit; cursor:pointer; transition:background .18s ease,color .18s ease,border-color .18s ease; }
.rachel-notes__filters button:hover,.rachel-notes__filters button.is-active { border-color:var(--rachel-pink); background:var(--rachel-pink); color:#fff; }
.rachel-notes__featured { margin-bottom:76px; }
.rachel-note { min-width:0; }
.rachel-note__link { display:block; height:100%; color:inherit; text-decoration:none; }
.rachel-note__image { position:relative; overflow:hidden; aspect-ratio:1.42/1; border-radius:18px; background:var(--rachel-pink-wash); }
.rachel-note__image span { position:absolute; inset:15%; border-radius:50%; background:#f3cbd9; }
.rachel-note__image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .45s cubic-bezier(.2,.7,.2,1); }
.rachel-note__link:hover .rachel-note__image img { transform:scale(1.035); }
.rachel-note__copy { padding:18px 2px 4px; }
.rachel-note__meta { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 10px; color:var(--rachel-muted); font-size:.72rem; line-height:1.4; }
.rachel-note__meta span:first-child { color:var(--rachel-pink); font-weight:800; }
.rachel-note__meta time::before,.rachel-note__meta span:last-child::before { content:'·'; margin-right:8px; color:#c7bfc5; }
.rachel-note h2 { margin:0; color:var(--rachel-ink); font-size:1.1rem; line-height:1.55; letter-spacing:-.02em; }
.rachel-note__excerpt { display:-webkit-box; overflow:hidden; margin:12px 0 0; color:var(--rachel-muted); font-size:.88rem; line-height:1.75; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.rachel-note__more { display:inline-block; margin-top:15px; color:var(--rachel-pink); font-size:.8rem; font-weight:800; }
.rachel-note--featured { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr); align-items:center; overflow:hidden; border-radius:24px; background:#fff; box-shadow:0 18px 48px rgba(72,47,62,.08); }
.rachel-note--featured .rachel-note__image { height:100%; min-height:390px; border-radius:0; }
.rachel-note--featured .rachel-note__copy { padding:clamp(30px,5vw,64px); }
.rachel-note--featured h2 { font-size:clamp(1.55rem,2.8vw,2.55rem); line-height:1.35; }
.rachel-note--featured .rachel-note__excerpt { margin-top:20px; font-size:.96rem; -webkit-line-clamp:3; }
.rachel-notes__bar { display:flex; justify-content:space-between; align-items:baseline; margin-bottom:24px; padding-bottom:16px; border-bottom:1px solid var(--rachel-line); }
.rachel-notes__bar h2 { margin:0; color:var(--rachel-ink); font-size:clamp(1.25rem,2vw,1.6rem); letter-spacing:-.03em; }
.rachel-notes__bar p { margin:0; color:var(--rachel-muted); font-size:.76rem; }
.rachel-notes__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px 26px; }
.rachel-notes__empty { margin:42px 0; color:var(--rachel-muted); text-align:center; }
.rachel-notes [hidden] { display:none!important; }
.rachel-notes a:focus-visible,.rachel-notes button:focus-visible { outline:3px solid rgba(216,95,137,.34); outline-offset:4px; }
@media (max-width:760px) { body.blog main { width:min(100% - 28px,var(--rachel-width)); margin-bottom:72px; } .rachel-notes { padding-top:52px; } .rachel-notes__intro h1 { font-size:clamp(2.4rem,12vw,4rem); } .rachel-notes__filters { justify-content:flex-start; margin:34px -14px 38px; padding:4px 14px; } .rachel-note--featured { display:block; border-radius:18px; } .rachel-note--featured .rachel-note__image { min-height:0; aspect-ratio:1.35/1; } .rachel-note--featured .rachel-note__copy { padding:24px; } .rachel-note--featured h2 { font-size:1.55rem; } .rachel-notes__featured { margin-bottom:56px; } .rachel-notes__grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:36px 16px; } .rachel-note__copy { padding-top:13px; } .rachel-note h2 { font-size:.96rem; } .rachel-note__excerpt,.rachel-note__more { display:none; } .rachel-note--featured .rachel-note__excerpt,.rachel-note--featured .rachel-note__more { display:-webkit-box; } .rachel-note--featured .rachel-note__more { display:inline-block; } }
@media (prefers-reduced-motion:reduce) { .rachel-notes * { transition:none!important; } }