:root{--ink:#173b3d;--muted:#587274;--paper:#f5f0e8;--sand:#e7dccb;--coral:#e77b61;--sea:#b8d8d2;--line:rgba(23,59,61,.18);--serif:Georgia,"Times New Roman",serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);line-height:1.55}a{color:inherit;text-decoration:none}.skip-link{position:absolute;left:12px;top:12px;z-index:10;padding:10px 14px;color:var(--paper);background:var(--ink);transform:translateY(-180%);transition:transform .2s}.skip-link:focus{transform:translateY(0);outline:3px solid var(--coral);outline-offset:3px}
.site-header,.site-footer{display:flex;justify-content:space-between;align-items:center;padding:28px 6vw;font-size:.77rem;letter-spacing:.08em;text-transform:uppercase}.site-header{border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:9px;font-weight:750;letter-spacing:.16em}.wordmark-mark{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;color:var(--paper);background:var(--coral);font-size:1.25rem}nav{display:flex;gap:30px;color:var(--muted)}nav a:hover,.text-link:hover{color:var(--coral)}
.eyebrow,.note-kind{margin:0 0 18px;color:var(--coral);font-size:.71rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3{margin:0;font-weight:400}h1{max-width:680px;font-family:var(--serif);font-size:clamp(4.5rem,10vw,8.6rem);line-height:.86;letter-spacing:-.07em}h1 em{color:var(--coral);font-style:italic}
.hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:610px;padding:8vw 10vw 7vw;align-items:center;gap:7vw}.hero-intro{max-width:415px;margin:34px 0;color:var(--muted);font-size:1.02rem}.button{display:inline-flex;gap:22px;align-items:center;padding:14px 20px;color:var(--paper);background:var(--ink);border:1px solid var(--ink);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:transform .2s,background .2s}.button:hover{background:var(--coral);border-color:var(--coral);transform:translateY(-2px)}
.hero-orbit{position:relative;width:min(100%,460px);aspect-ratio:1;margin:auto;border-radius:50%;overflow:hidden;background:var(--sea);box-shadow:25px 25px 0 var(--sand)}.sun{position:absolute;top:13%;right:17%;width:85px;height:85px;border-radius:50%;background:var(--coral)}.horizon{position:absolute;inset:53% 0 0;background:var(--ink);clip-path:polygon(0 17%,15% 9%,31% 19%,47% 5%,60% 18%,75% 8%,100% 18%,100% 100%,0 100%)}.pool{position:absolute;bottom:12%;left:21%;width:58%;height:29%;border-radius:50%;background:#326d70;transform:rotate(-7deg)}.pool-ring{position:absolute;border:1px solid rgba(184,216,210,.7);border-radius:50%}.ring-one{inset:18% 12%}.ring-two{inset:34% 27%}.shell{position:absolute;color:var(--paper);font-family:var(--serif);font-size:3rem}.shell-one{bottom:-9%;left:20%;transform:rotate(35deg)}.shell-two{top:-18%;right:15%;transform:rotate(-20deg)}.orbit-caption{position:absolute;bottom:8%;right:12%;color:var(--paper);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase}
.note-strip{display:flex;justify-content:space-around;padding:18px 6vw;color:var(--paper);background:var(--coral);font-size:.69rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.notes-section{padding:110px 10vw 125px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);padding-bottom:35px}h2{font-family:var(--serif);font-size:clamp(3rem,6vw,5.7rem);line-height:.95;letter-spacing:-.06em}.section-description{max-width:290px;margin:0;color:var(--muted);font-size:.92rem}
.filters{display:flex;gap:9px;margin:28px 0 8px}.filter{padding:9px 13px;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:30px;cursor:pointer;font:inherit;font-size:.72rem}.filter:hover,.filter.is-active{color:var(--paper);background:var(--ink);border-color:var(--ink)}.filter:focus-visible,.button:focus-visible,.text-link:focus-visible,nav a:focus-visible,.wordmark:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.filter-status{margin:0 0 25px;color:var(--muted);font-size:.78rem}
.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.note-card{min-height:370px;display:flex;flex-direction:column;padding:28px;border:1px solid var(--line)}.note-card-featured{color:var(--paper);background:var(--ink)}.note-number{margin:0 0 35px;font-family:var(--serif);font-size:1.5rem}.note-kind{margin-bottom:15px}.note-card h3{font-family:var(--serif);font-size:2rem;line-height:1.05}.note-card>p:not(.note-number):not(.note-kind){color:var(--muted);font-size:.9rem}.note-card-featured>p:not(.note-number):not(.note-kind){color:var(--sea)}.note-time{margin-top:auto;padding-top:25px;border-top:1px solid var(--line);color:var(--coral);font-size:.65rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
.practice{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding:100px 10vw;background:var(--sand)}.practice-quote h2{max-width:510px}.practice-copy{align-self:end;max-width:390px;color:var(--muted)}.text-link{display:inline-block;margin-top:20px;padding-bottom:5px;color:var(--ink);border-bottom:1px solid var(--ink);font-size:.75rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.site-footer{color:var(--muted);border-top:1px solid var(--line)}
@media(max-width:700px){.site-header,.site-footer{padding:20px 6vw}nav{gap:12px;font-size:.65rem}.hero{grid-template-columns:1fr;min-height:auto;padding:80px 8vw 100px}h1{font-size:clamp(4.2rem,19vw,7rem)}.hero-orbit{width:78vw;margin-top:35px}.note-strip{flex-direction:column;gap:8px;padding:18px 8vw}.notes-section,.practice{padding:75px 8vw}.section-heading,.practice{grid-template-columns:1fr;display:grid;gap:28px}.notes-grid{grid-template-columns:1fr}.note-card{min-height:300px}}
.stewardship-note{display:grid;gap:7px;margin-top:28px;padding:16px 18px;border-left:3px solid var(--coral);background:rgba(245,240,232,.58);color:var(--ink);font-size:.82rem}.stewardship-note strong{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.stewardship-note span{color:var(--muted)}
.note-access{display:grid;gap:8px;margin:22px 0 0;padding:14px 0 0;border-top:1px solid var(--line)}.note-access div{display:flex;justify-content:space-between;gap:12px}.note-access dt{color:var(--muted);font-size:.62rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.note-access dd{margin:0;color:var(--ink);font-size:.73rem;text-align:right}.note-card-featured .note-access{border-color:rgba(184,216,210,.35)}.note-card-featured .note-access dt{color:var(--sea)}.note-card-featured .note-access dd{color:var(--paper)}
.issue-two{padding:105px 10vw 115px;color:var(--paper);background:var(--ink)}.issue-two .section-heading{border-color:rgba(245,240,232,.28)}.issue-two .eyebrow,.issue-two .section-description{color:var(--sea)}.issue-two-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;padding-top:42px}.issue-lead{max-width:520px;margin:0 0 36px;color:var(--sea);font-family:var(--serif);font-size:clamp(1.55rem,2.8vw,2.35rem);line-height:1.08}.option-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.option-list article{display:flex;flex-direction:column;min-height:260px;padding:21px;border:1px solid rgba(184,216,210,.35)}.option-label,.option-meta{color:var(--coral);font-size:.65rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.option-list h3{margin:33px 0 12px;font-family:var(--serif);font-size:1.6rem;line-height:1}.option-list p{margin:0;color:var(--sea);font-size:.82rem}.option-meta{margin-top:auto;padding-top:18px}.access-panel{align-self:start;padding:27px;background:var(--sea);color:var(--ink)}.access-panel .eyebrow{color:var(--coral)}.access-panel h3{font-family:var(--serif);font-size:2rem;line-height:1}.access-panel ul{display:grid;gap:14px;margin:25px 0;padding:0;list-style:none}.access-panel li{padding-top:14px;border-top:1px solid rgba(23,59,61,.2);font-size:.84rem}.access-panel li strong{font-size:.67rem;letter-spacing:.08em;text-transform:uppercase}.leave-lightly{display:grid;gap:6px;padding:16px;background:rgba(245,240,232,.55);font-size:.78rem}.leave-lightly strong{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.leave-lightly span{color:var(--muted)}
@media(max-width:700px){.issue-two{padding:75px 8vw 85px}.issue-two-layout{grid-template-columns:1fr;gap:42px}.option-list{grid-template-columns:1fr}.option-list article{min-height:210px}}
