


:root,.dark{--background:#10291f;--foreground:#eae9dc;--card:#173529;--card-foreground:#eae9dc;--popover:#173529;--popover-foreground:#eae9dc;--primary:#d3bb80;--primary-foreground:#10291f;--secondary:#244535;--secondary-foreground:#eae9dc;--muted:#244535;--muted-foreground:#b4c2b6;--accent:#284b3a;--accent-foreground:#eeeadd;--border:#3c5445;--input:#3c5445;--ring:#d3bb80;--radius:0.2rem;--destructive:#e89989}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--background);color:var(--foreground);font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:var(--primary)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--primary);outline-offset:6px}button,input,textarea{font:inherit}header,main,footer{max-width:1180px;margin:auto;padding-left:44px;padding-right:44px}header{display:flex;align-items:center;justify-content:space-between;padding-top:28px;padding-bottom:28px;border-bottom:1px solid var(--border);gap:24px}.brand{font-size:21px;letter-spacing:.025em}nav{display:flex;gap:28px}.label,nav,footer,.back,.meta,.photo-caption{font-family:Arial,Helvetica,sans-serif;font-size:14px}.label{text-transform:uppercase;letter-spacing:.16em;color:var(--primary)}.intro{display:grid;grid-template-columns:1fr 260px;gap:70px;padding:72px 0 64px;align-items:center}.intro h1{font-weight:400;font-size:clamp(46px,6vw,76px);line-height:1.08;letter-spacing:-.035em;margin:16px 0 26px}.intro p{color:var(--muted-foreground);max-width:470px;margin:0}.celestial{width:210px;height:210px;color:var(--primary);opacity:.65;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--border);padding-bottom:17px;margin-bottom:0;gap:20px}h2{font-weight:400;font-size:34px;margin:0}h3{font-weight:400}.writing{display:grid;grid-template-columns:1fr 1fr;column-gap:52px}.work{padding:23px 0 27px;border-bottom:1px solid var(--border);display:block}.work h3{font-size:26px;margin:5px 0 8px}.work p{margin:0;color:var(--muted-foreground);font-size:17px}.meta{color:var(--muted-foreground);font-size:13px;letter-spacing:.035em}.arrow{float:right;color:var(--primary);font-size:23px}section{margin-bottom:72px}.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 24px;margin-top:28px}.photos figure{margin:0}.photos img{width:100%;height:290px;object-fit:cover;display:block;transition:filter .2s}.photos a:hover img{filter:brightness(1.1)}.photo-caption{display:flex;justify-content:space-between;color:var(--muted-foreground);padding-top:10px}.book{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--border);padding-top:42px}.book h2{font-style:italic;font-size:48px}.book p{color:var(--muted-foreground)}.text-link{display:inline-block;border-bottom:1px solid var(--primary);color:var(--primary);padding-bottom:3px}footer{border-top:1px solid var(--border);padding-top:24px;padding-bottom:32px;display:flex;justify-content:space-between;color:var(--muted-foreground);gap:20px}.reading{max-width:850px;padding-top:48px;padding-bottom:70px;min-height:75vh}.reading h1{font-size:clamp(36px,5vw,58px);font-weight:400;line-height:1.18;margin:18px 0}.reading .body{white-space:pre-wrap;font-size:20px;line-height:1.8;margin-top:38px;overflow-wrap:break-word}.reading .prose{white-space:normal}.reading .prose p{margin-bottom:24px}.back{color:var(--primary)}.full-photo{width:100%;max-height:75vh;object-fit:contain;margin:35px 0}.skip{position:absolute;left:12px;top:-100px;background:var(--background);padding:10px;z-index:10}.skip:focus{top:8px}.collection-intro{padding:52px 0 28px}.collection-intro h1{font-weight:400;font-size:52px;margin:8px 0}.collection-intro p{color:var(--muted-foreground)}
@media(max-width:760px){header,main,footer{padding-left:22px;padding-right:22px}header{align-items:flex-start;flex-direction:column;gap:15px}nav{gap:22px;flex-wrap:wrap}.intro{grid-template-columns:1fr;gap:0;padding:45px 0}.celestial{display:none}.writing{grid-template-columns:1fr}.photos{grid-template-columns:1fr 1fr;gap:28px 16px}.photos img{height:220px}.book{grid-template-columns:1fr;gap:20px}footer{flex-direction:column}.reading .body{font-size:18px}.section-heading .label{font-size:12px}section{margin-bottom:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Botanical margins frame the archive without covering reading text. */
body{position:relative;isolation:isolate;min-height:100vh}
body::before,body::after{content:"";position:absolute;inset:0 auto 0 0;width:clamp(70px,13vw,190px);background:url('/ivy.webp') center top/100% auto repeat-y;opacity:.40;mix-blend-mode:screen;pointer-events:none;z-index:-1;mask-image:linear-gradient(to right,#000 45%,transparent)}
body::after{left:auto;right:0;transform:scaleX(-1)}
header,main,footer{width:calc(100% - 120px)}
.collection-nav{display:flex;flex-wrap:wrap;gap:12px 28px;margin:28px 0 16px;font-size:16px}
.collection-nav a{border-bottom:1px solid var(--border);padding-bottom:8px;color:var(--primary)}
.collection-nav span{margin-left:10px;color:var(--muted-foreground);font-size:13px}
.collection{scroll-margin-top:30px}.poetry-section{margin:32px 0 44px}.poetry-section>.label{margin:0;color:var(--primary);font-weight:400}
.poetry-section .work{padding:16px 0 21px}.poetry-section .work h3{font-size:25px}.poetry-section .work p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.archive-photos{display:block;columns:3;column-gap:24px}.archive-photos figure{break-inside:avoid;margin-bottom:32px}.archive-photos img{height:auto;width:100%}
.reading-nav{display:flex;justify-content:space-between;gap:32px;border-top:1px solid var(--border);margin-top:56px;padding-top:24px}.reading-nav a{max-width:48%;font-family:Georgia,serif;font-size:19px}.reading-nav a:last-child{text-align:right}.reading-nav .meta{display:block;margin-bottom:6px}
@media(max-width:1000px){header,main,footer{width:calc(100% - 64px);padding-left:28px;padding-right:28px}.archive-photos{columns:2}}
@media(max-width:600px){header,main,footer{width:100%;padding-left:32px;padding-right:32px}body::before,body::after{width:50px;opacity:.25}.archive-photos{columns:1}.collection-intro h1{font-size:42px}.collection-nav{font-size:14px;gap:12px 20px}.section-heading{align-items:flex-start;flex-direction:column;gap:8px}.section-heading h2{font-size:30px}.reading-nav{gap:18px}.reading-nav a{font-size:17px}.reading .body{font-size:18px}}
