@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600&family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&display=swap");

:root { --ink:#2f2b29; --muted:#756c67; --paper:#f7f4ee; --paper-deep:#ede6da; --blush:#dab7ae; --blush-light:#ead1cb; --sage:#a7b1a2; --sage-dark:#667365; --line:rgba(47,43,41,.18); --display:"Fraunces",Georgia,serif; --sans:"DM Sans",Arial,sans-serif; --mono:"DM Mono",monospace; }
* { box-sizing:border-box; }
html { background:var(--paper); }
body { margin:0; color:var(--ink); background:var(--paper); font-family:var(--sans); -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
.journal-header { min-height:82px; display:flex; align-items:center; gap:28px; justify-content:space-between; padding:0 clamp(22px,5vw,72px); border-bottom:1px solid var(--line); background:rgba(247,244,238,.97); }
.journal-brand { display:inline-flex; align-items:center; gap:9px; flex-shrink:0; font:500 20px/1 var(--display); letter-spacing:-.035em; }
.brand-mark { width:22px; height:22px; border:1.4px solid var(--ink); border-radius:50% 50% 48% 52%; display:grid; place-items:center; transform:rotate(-15deg); }
.brand-mark span { display:block; width:6px; height:6px; border-radius:50%; background:var(--blush); }
.journal-header nav { display:flex; align-items:center; gap:clamp(18px,2.3vw,37px); margin-left:auto; }
.journal-header nav a, .journal-shop { font-size:13px; font-weight:500; color:#534d49; }
.journal-header nav a { padding:10px 0; }
.journal-shop, .shop-button { display:inline-flex; align-items:center; gap:7px; min-height:44px; padding:0 16px; border:1px solid var(--ink); border-radius:999px; color:var(--ink); font-size:13px; font-weight:600; transition:transform .2s,background .2s,color .2s; }
.journal-shop:hover, .shop-button:hover { color:var(--paper); background:var(--ink); transform:translateY(-2px); }
.journal-intro { max-width:1180px; margin:0 auto; padding:clamp(72px,11vw,156px) clamp(22px,8vw,128px) clamp(54px,7vw,92px); }
.eyebrow, .journal-kicker { margin:0 0 20px; color:var(--sage-dark); font:500 10px/1.3 var(--mono); letter-spacing:.1em; text-transform:uppercase; }
.eyebrow { display:flex; align-items:center; gap:8px; }
.eyebrow span { display:inline-block; width:24px; height:1px; background:var(--sage-dark); }
.journal-intro h1, .article h1, .journal-card h2, .article-shop h2 { margin:0; font-family:var(--display); font-weight:400; letter-spacing:-.055em; }
.journal-intro h1 { font-size:clamp(50px,6.6vw,94px); line-height:.94; max-width:850px; }
em { color:var(--sage-dark); font-style:italic; }
.journal-intro > p:last-child { max-width:520px; margin:26px 0 0; color:#625b56; font-size:16px; line-height:1.7; }
.journal-list { max-width:1180px; margin:0 auto; padding:0 clamp(22px,8vw,128px) clamp(84px,11vw,150px); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(38px,7vw,94px) clamp(24px,6vw,76px); }
.journal-card:nth-child(even) { margin-top:74px; }
.journal-card-image { display:block; overflow:hidden; background:var(--paper-deep); border-radius:48% 48% 0 0 / 12% 12% 0 0; }
.journal-card:nth-child(even) .journal-card-image { border-radius:0 0 42% 42% / 0 0 12% 12%; }
.journal-card-image img { display:block; width:100%; aspect-ratio:4/5; object-fit:cover; transition:transform .45s ease; }
.journal-card:hover .journal-card-image img { transform:scale(1.035); }
.journal-card-copy { max-width:510px; padding:23px 5px 4px; }
.journal-card h2 { font-size:clamp(30px,3.3vw,48px); line-height:.99; }
.journal-card h2 a:hover { color:var(--sage-dark); }
.journal-card-copy > p:not(.journal-kicker) { margin:15px 0 18px; color:#665f5a; font-size:14px; line-height:1.65; }
.text-link { display:inline-flex; align-items:center; gap:9px; padding-bottom:3px; border-bottom:1px solid var(--ink); font-size:12px; font-weight:600; }
.article { max-width:1010px; margin:0 auto; padding:clamp(42px,7vw,88px) clamp(22px,8vw,128px) clamp(84px,11vw,145px); }
.back-link { display:inline-flex; margin-bottom:clamp(38px,5vw,68px); color:#5f5955; font-size:13px; font-weight:600; }
.back-link:hover { color:var(--sage-dark); }
.article-header { max-width:860px; }
.article-header h1 { font-size:clamp(44px,5.8vw,78px); line-height:.98; }
.article-header > p:last-child { max-width:670px; margin:25px 0 0; color:#625b56; font-size:17px; line-height:1.65; }
.article-hero { max-width:670px; margin:clamp(45px,7vw,80px) 0 clamp(48px,7vw,76px); overflow:hidden; border-radius:48% 48% 0 0 / 13% 13% 0 0; background:var(--paper-deep); }
.article-hero img { display:block; width:100%; aspect-ratio:4/5; object-fit:cover; }
.article-prose { max-width:680px; color:#3e3a37; font-size:17px; line-height:1.78; }
.article-prose p { margin:0 0 24px; }
.article-prose h2 { margin:50px 0 17px; font:400 clamp(28px,3.3vw,42px)/1.08 var(--display); letter-spacing:-.045em; color:var(--ink); }
.article-prose ul, .article-prose ol { margin:0 0 27px; padding-left:1.3em; }
.article-prose li { padding-left:5px; margin:8px 0; }
.article-prose a { color:#455a48; font-weight:600; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; }
.article-shop { max-width:680px; margin-top:clamp(50px,8vw,90px); padding:clamp(36px,6vw,62px); color:#f8f5ef; background:var(--ink); }
.article-shop .eyebrow { color:#dacdc6; }
.article-shop .eyebrow span { background:var(--blush); }
.article-shop h2 { font-size:clamp(39px,4.6vw,63px); line-height:.96; }
.article-shop p:not(.eyebrow) { max-width:410px; margin:20px 0 26px; color:#d2c8c2; font-size:15px; line-height:1.65; }
.article-shop .shop-button { color:var(--ink); background:var(--blush-light); border-color:var(--blush-light); }
.article-shop .shop-button:hover { color:var(--paper); background:var(--sage-dark); border-color:var(--sage-dark); }
.journal-footer { display:flex; align-items:flex-start; justify-content:space-between; gap:30px; padding:50px clamp(22px,8vw,128px) 28px; color:#e9e2d8; background:#24211f; }
.footer-brand { display:inline-block; font:400 clamp(28px,3vw,41px)/1 var(--display); letter-spacing:-.05em; }
.footer-brand span { color:var(--blush); }
.journal-footer p { margin:12px 0 0; color:#b5aba5; font-size:13px; line-height:1.6; }
.footer-links { display:flex; gap:18px; flex-wrap:wrap; color:#dbd3c8; font-size:12px; }
@media (max-width:800px) { .journal-header { min-height:68px; padding:14px 20px; gap:18px; flex-wrap:wrap; } .journal-header nav { order:3; width:100%; margin:0; overflow-x:auto; gap:20px; padding-top:2px; } .journal-shop { display:none; } .journal-list { grid-template-columns:1fr; max-width:520px; gap:52px; } .journal-card:nth-child(even) { margin-top:0; } .journal-card-copy { padding-top:20px; } .article { padding-left:22px; padding-right:22px; } .article-hero { max-width:100%; } .journal-footer { flex-direction:column; } }