#journal{position:relative;overflow:hidden;padding:clamp(76px,10vw,144px) 0;background:var(--brun-900);color:var(--ivory-100)}
#journal::before{content:"R";position:absolute;right:-.04em;top:-.24em;font:300 clamp(360px,62vw,900px)/1 var(--font-serif);color:var(--ivory-100);opacity:.035;pointer-events:none}
#journal .journal-head{position:relative;display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:48px}
#journal .journal-head .eyebrow{color:var(--gold-300)}
#journal .journal-head h2{font:300 clamp(48px,6vw,92px)/.98 var(--font-serif);letter-spacing:-.025em;margin:14px 0 0;max-width:760px;text-wrap:balance}
#journal .journal-head h2 em{color:var(--gold-300);font-weight:300}
#journal .journal-head p{font:400 16px/1.7 var(--font-sans);color:var(--ivory-100);opacity:.78;max-width:255px;margin:0 0 4px}
#journal .journal-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#journal .journal-card{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:390px;padding:clamp(27px,3.5vw,50px);background:var(--ivory-100);color:var(--brun-900);border:1px solid rgba(205,174,108,.35);border-radius:30px;text-decoration:none;overflow:hidden;transition:transform .55s var(--ease-tender),box-shadow .55s var(--ease-tender),background .55s var(--ease-tender)}
#journal .journal-card:nth-child(2),#journal .journal-card:nth-child(3){background:var(--rose-100)}
#journal .journal-card::before{content:"";position:absolute;right:32px;top:25px;width:68px;height:96px;border:1px solid var(--gold-500);border-radius:50% 50% 4px 4px;opacity:.6;transform-origin:bottom center;transition:transform .7s var(--ease-tender),opacity .7s var(--ease-tender);pointer-events:none}
#journal .journal-card::after{content:"";position:absolute;right:32px;top:25px;width:68px;height:96px;background:var(--gold-500);border-radius:50% 50% 4px 4px;opacity:.1;transform:scaleX(.92);transform-origin:left center;transition:transform .7s var(--ease-tender),opacity .7s var(--ease-tender);pointer-events:none}
#journal .journal-card:hover,#journal .journal-card:focus-visible{transform:translateY(-6px);box-shadow:0 28px 70px rgba(0,0,0,.18)}
#journal .journal-card:hover::before,#journal .journal-card:focus-visible::before{transform:perspective(160px) rotateY(-32deg);opacity:1}
#journal .journal-card:hover::after,#journal .journal-card:focus-visible::after{transform:scaleX(.4);opacity:.17}
#journal .journal-card-top{display:flex;align-items:center;gap:18px;padding-right:110px}
#journal .journal-index{font:300 40px/1 var(--font-serif);color:var(--gold-700)}
#journal .journal-category{font:700 10px/1.35 var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--terracotta-700)}
#journal .journal-card h3{font:300 clamp(29px,2.6vw,40px)/1.12 var(--font-serif);letter-spacing:-.01em;max-width:470px;margin:54px 0 16px;text-wrap:balance}
#journal .journal-card p{font:400 15px/1.72 var(--font-sans);color:var(--text-muted);max-width:485px;margin:0 0 36px}
#journal .journal-card-bottom{display:flex;align-items:end;justify-content:space-between;gap:20px;border-top:1px solid var(--gold-500);padding-top:19px;margin-top:auto}
#journal .journal-card-bottom time{font:500 12px/1.5 var(--font-sans);color:var(--text-muted)}
#journal .journal-read{font:700 11px/1.5 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
#journal .journal-read span{font:300 23px/0 var(--font-serif);margin-left:7px}
#journal .journal-all{position:relative;margin-top:36px;display:flex;justify-content:flex-end}
#journal .journal-all a{color:var(--ivory-100);border-color:var(--gold-500);min-height:48px}
#journal .journal-all a:hover{color:var(--brun-900);background:var(--gold-300)}
#journal .journal-card:focus-visible,#journal .journal-all a:focus-visible{outline:3px solid var(--gold-300);outline-offset:4px}
@media(max-width:850px){#journal .journal-head{display:block}#journal .journal-head p{max-width:580px;margin-top:22px}#journal .journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#journal .journal-card{min-height:370px}}
@media(max-width:680px){#journal .journal-grid{grid-template-columns:1fr}#journal .journal-head{margin-bottom:32px}#journal .journal-card{min-height:340px}#journal .journal-card h3{margin-top:45px}#journal .journal-all{justify-content:stretch}#journal .journal-all a{width:100%;text-align:center}}
@media(max-width:360px){#journal .journal-card{padding:25px}#journal .journal-card-top{padding-right:75px}#journal .journal-card::before,#journal .journal-card::after{right:20px;width:52px;height:76px}#journal .journal-card-bottom{align-items:start;flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){#journal .journal-card,#journal .journal-card::before,#journal .journal-card::after{transition:none}#journal .journal-card:hover,#journal .journal-card:focus-visible{transform:none}}