@font-face{font-family:Cormorant;src:url('fonts/cormorant-400-normal.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Cormorant;src:url('fonts/cormorant-400-italic.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:Cormorant;src:url('fonts/cormorant-600-normal.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Pinyon;src:url('fonts/pinyon.woff2') format('woff2');font-display:swap}
:root{--deep:#193a42;--deep2:#244b50;--cream:#f6f2e9;--warm:#e8e2d5;--ink:#20383a;--muted:#596b68;--line:#d7d0c0;--gold:#f1d27a;--font:Cormorant,Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font);font-size:20px;line-height:1.5}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,label:focus-within{outline:2px solid #b88046;outline-offset:4px}[hidden]{display:none!important}
.skip-link{position:absolute;left:1rem;top:-5rem;z-index:30;background:white;padding:.5rem 1rem}.skip-link:focus{top:1rem}
.site-header{height:76px;padding:0 clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:var(--cream)}.wordmark{text-decoration:none;font-family:var(--font);font-size:31px;font-weight:600;letter-spacing:-.045em}.wordmark-dot{color:#ab746a}.site-header nav{display:flex;gap:36px}.site-header nav a{text-decoration:none;font-size:17px;letter-spacing:.04em}.site-header nav a:hover,.text-button:hover{text-decoration:underline;text-underline-offset:4px}
.hero{position:relative;min-height:min(800px,calc(100svh - 76px));min-height:min(800px,calc(100dvh - 76px));display:flex;align-items:center;justify-content:center;overflow:hidden;color:#fff9f0;background:var(--deep)}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background:url('img/pond.jpg') center 48%/cover no-repeat;transform:scale(1.04);animation:settle 12s ease-out both}.hero-shade{background:linear-gradient(90deg,rgba(11,39,47,.73),rgba(18,50,55,.48) 53%,rgba(18,44,51,.31)),linear-gradient(0deg,rgba(12,37,43,.24),transparent 40%)}.hero-content{position:relative;text-align:center;padding:5rem 1rem 7rem;text-shadow:0 2px 20px rgba(9,37,43,.35)}.hero-kicker{margin:0 0 6px;text-transform:uppercase;font:11px/1.5 system-ui,sans-serif;letter-spacing:.29em}.hero h1{margin:0;font-family:var(--font);font-weight:400;letter-spacing:-.068em;font-size:clamp(88px,17vw,220px);line-height:.93}.hero h1 span{color:var(--gold)}.hero-line{font-family:Pinyon,Georgia,serif;font-size:clamp(31px,4.5vw,56px);margin:14px 0 36px}.hero-link{display:inline-block;text-decoration:none;border:1px solid rgba(255,249,240,.8);padding:11px 24px;font-size:18px;letter-spacing:.03em;transition:background .2s,color .2s}.hero-link:hover{background:var(--cream);color:var(--deep);text-shadow:none}.hero-link span{padding-left:14px}.hero-side{position:absolute;bottom:26px;right:clamp(24px,5vw,76px);margin:0;font-style:italic;font-size:17px;opacity:.92}@keyframes settle{from{transform:scale(1.09)}to{transform:scale(1.04)}}
.intro{position:relative;max-width:1280px;margin:auto;padding:clamp(92px,11vw,150px) clamp(24px,6vw,80px);display:grid;grid-template-columns:minmax(150px,1fr) minmax(300px,2fr);gap:28px;overflow:hidden}.intro-label,.section-kicker{font:11px/1.4 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.21em}.intro-label{display:flex;gap:12px;padding-top:16px;color:var(--muted)}.tiny-rule{display:inline-block;width:30px;height:1px;background:#ab746a;margin-top:7px}.intro-copy{max-width:680px;position:relative;z-index:1}.intro h2{font-size:clamp(47px,5.8vw,81px);line-height:1.03;letter-spacing:-.038em;font-weight:400;margin:0 0 30px}.intro h2 em{font-weight:400;color:#718780}.intro-copy p{max-width:530px;font-size:23px;line-height:1.48;color:#4e625f;margin:0}.intro-lily{position:absolute;bottom:-115px;left:-45px;width:min(31vw,360px);opacity:.75;pointer-events:none}
.diary{background:var(--deep);color:var(--cream);padding:clamp(70px,8vw,110px) clamp(24px,5vw,76px) clamp(90px,10vw,130px)}.diary-head{max-width:1320px;margin:0 auto 40px;display:flex;align-items:end;justify-content:space-between;gap:20px}.section-kicker{color:#b0c2b8;margin:0 0 12px}.diary-head h2{font-family:Pinyon,var(--font);font-weight:400;font-size:clamp(55px,7vw,95px);line-height:.9;margin:0}.diary-subtitle{margin:0 0 4px;font-style:italic;color:#c9d3ca}.diary-grid{max-width:1320px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:20px;align-items:start}.poem-panel{position:relative;min-height:605px;padding:75px clamp(28px,5vw,70px);background:linear-gradient(180deg,rgba(15,44,49,.44),rgba(22,49,53,.77)),url('img/pond.jpg') center/cover;overflow:hidden}.poem-mark{position:absolute;top:1px;left:35px;font-size:100px;line-height:1;color:#edd7ae;margin:0}.poem-panel blockquote{margin:0;position:relative;z-index:1}.poem-panel blockquote p{font-size:clamp(23px,2.8vw,34px);font-style:italic;line-height:1.35;text-wrap:balance;margin:0}.poem-caption{font:11px/1.4 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.18em;margin:30px 0 0;color:#d2dcd3}.poem-panel img{position:absolute;width:48%;right:-11%;bottom:-18%;opacity:.85;transform:rotate(-12deg)}.journal-panel{background:var(--cream);color:var(--ink);min-height:605px;padding:clamp(25px,4vw,55px)}.journal-panel .section-kicker{color:#728780}.journal-topline{display:flex;justify-content:space-between;align-items:start;gap:18px}.journal-topline h3{font-weight:400;font-size:clamp(36px,4vw,51px);line-height:1;margin:0 0 22px}.text-button{border:0;background:none;color:inherit;padding:2px 0;font-size:18px;text-align:left}.journal-topline .text-button{white-space:nowrap;margin-top:26px}.storage-note{font:13px/1.5 system-ui,sans-serif;color:var(--muted);padding:0 0 26px;border-bottom:1px solid var(--line);margin:0}.status{font:13px/1.4 system-ui,sans-serif;color:#8c5148;margin:10px 0;min-height:1em}.entry-form{padding:16px 0 28px;border-bottom:1px solid var(--line);display:grid;gap:7px}.entry-form label{font-size:22px}.entry-form input,.entry-form textarea{width:100%;padding:9px 12px;background:#fffdf7;border:1px solid #c8c3b7;border-radius:0;color:var(--ink);font-size:19px}.entry-form textarea{resize:vertical}.form-actions{display:flex;align-items:center;gap:22px;margin-top:11px}.solid-button{border:1px solid var(--ink);background:var(--ink);color:var(--cream);padding:9px 20px;font-size:18px}.solid-button:hover{background:var(--deep2)}.entries{padding-top:12px}.empty-state{padding:36px 0;color:var(--muted);font-style:italic;font-size:25px}.entry{padding:20px 0;border-bottom:1px solid var(--line)}.entry h4{font-size:28px;font-weight:600;line-height:1.15;margin:4px 0 8px}.entry time{font:11px/1.4 system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.entry p{margin:0 0 10px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:19px}.entry-actions{display:flex;gap:19px}.entry-actions button{color:var(--muted);font-size:16px}.data-actions{display:flex;gap:25px;padding-top:26px;color:var(--muted)}.import-label{cursor:pointer}.site-footer{background:#123039;color:#c9d3ca;display:flex;justify-content:space-between;gap:20px;padding:30px clamp(24px,5vw,76px);font-size:20px}.site-footer span:first-child{font-weight:600}.site-footer span:last-child{font-family:Pinyon,Georgia,serif;font-size:28px}
@media(max-width:800px){.intro{grid-template-columns:1fr}.intro-label{padding:0}.intro-lily{width:180px;left:auto;right:-45px;bottom:-90px;opacity:.45}.diary-grid{grid-template-columns:1fr}.poem-panel{min-height:400px}.journal-panel{min-height:420px}.diary-subtitle{display:none}}
@media(max-width:540px){body{font-size:18px}.site-header{height:64px}.site-header nav{gap:20px}.hero{min-height:570px}.hero h1{font-size:clamp(78px,19vw,112px)}.hero-side{right:24px;bottom:18px;font-size:14px}.intro{padding-block:80px 95px}.intro-copy p{font-size:20px}.diary-head{margin-bottom:27px}.journal-topline{display:block}.journal-topline .text-button{margin:0 0 20px}.poem-panel{padding:65px 27px;min-height:380px}.poem-panel blockquote p{font-size:25px}.site-footer span:last-child{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image{animation:none;transform:none}}