/* Self-contained visual system: system fonts, paper/forest palette, and CSS artwork.
   No remote assets, font requests, animation scripts, or third-party dependencies. */
:root{color-scheme:light;--paper:#f4f1e8;--ink:#173e35;--muted:#53655b;--line:#cbd0c2;--accent:#bb4a2d}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-underline-offset:.3em}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}p{line-height:1.65}a,button{-webkit-tap-highlight-color:transparent}
/* Keyboard entry point remains hidden only until it receives focus. */
.skip-link{position:absolute;left:1rem;top:1rem;transform:translateY(-200%);z-index:10;background:var(--paper);padding:1rem}.skip-link:focus{transform:none}
.site-header,main,footer{max-width:1440px;margin:auto}.site-header{padding:30px 6%;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:800;letter-spacing:-.06em;font-size:25px}.wordmark span{font-weight:400}nav{display:flex;gap:30px;font-size:14px}nav a{text-decoration:none;padding:8px 0}
/* Two-column hero and a purely decorative landscape assembled from clipped shapes. */
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:6%;padding:70px 6% 64px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700;display:flex;align-items:center;gap:10px}.dot{width:7px;height:7px;background:var(--accent);border-radius:50%}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.055em;line-height:1.04}h1{font-size:clamp(48px,5.9vw,84px);margin:28px 0}h1 em{font-weight:400;color:var(--accent)}.intro{font-size:17px;max-width:410px;color:var(--muted);margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--ink);color:var(--paper);padding:17px 23px;font-size:13px;font-weight:600;text-decoration:none}.button:hover{background:#28584b}.landscape{position:relative;min-height:440px;overflow:hidden;background:#dfdccc;border-radius:180px 180px 0 0}.sun{position:absolute;width:105px;height:105px;background:#c16a48;border-radius:50%;top:65px;right:65px}.ridge{position:absolute;width:125%;left:-10%;height:65%;bottom:13%;clip-path:polygon(0 80%,15% 43%,26% 62%,44% 6%,60% 37%,70% 23%,100% 87%,100% 100%,0 100%)}.ridge-back{background:#839584}.ridge-front{background:#294e41;transform:translate(-13%,30%) scale(1.1);clip-path:polygon(0 55%,20% 33%,42% 66%,65% 26%,83% 44%,100% 22%,100% 100%,0 100%)}.water{position:absolute;bottom:0;height:23%;width:100%;background:repeating-linear-gradient(0deg,#9daea0 0 15px,#b3bfb0 16px 17px)}.landscape-caption{position:absolute;bottom:20px;left:23px;right:23px;font-size:9px;letter-spacing:.13em;display:flex;justify-content:space-between;gap:15px;font-weight:700}
/* Editorial content sections use lines and spacing rather than repeated cards. */
.chapter{margin:0 6%;padding:19px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.08em}.chapter span:last-child{font-family:Georgia,serif;font-style:italic;font-size:15px;letter-spacing:0}.perspective{padding:70px 6% 55px;display:grid;grid-template-columns:1fr 1fr;gap:10%}h2{font-size:clamp(38px,4vw,56px);margin:20px 0}.perspective-body{padding-top:15px;max-width:480px;color:var(--muted)}.perspective-body p:first-child{font-size:20px;color:var(--ink)}.text-link{display:inline-block;margin-top:16px;font-size:14px;font-weight:600;color:var(--ink)}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:15px 6% 75px}.principles article{border-top:1px solid var(--line);padding-top:23px}.number{font-size:11px;color:var(--accent)}h3{font-size:21px;font-weight:500;margin:22px 0 10px}.principles p{font-size:14px;color:var(--muted);max-width:290px}.next{background:var(--ink);color:var(--paper);padding:55px 6%;position:relative}.next .eyebrow{color:#ccd5c4}.next h2{margin-bottom:30px}.button-light{background:var(--paper);color:var(--ink)}.button-light:hover{background:#dfdccc}footer{padding:30px 6%;display:flex;justify-content:space-between;align-items:center;gap:24px}footer .wordmark{font-size:20px}footer p,footer>a:last-child{font-size:11px}
/* Layout collapses without fixed content widths; navigation remains fully available. */
@media(min-width:1000px){.next .button{position:absolute;right:6%;top:50%;transform:translateY(-50%)}}
@media(max-width:760px){.site-header{padding:22px 6%;flex-wrap:wrap}nav{gap:20px;font-size:12px}.hero{grid-template-columns:1fr;padding-top:40px;gap:40px}.hero-copy{max-width:540px}.landscape{min-height:370px;max-width:530px;width:100%;justify-self:center}.perspective{grid-template-columns:1fr;gap:10px;padding-top:45px}.principles{grid-template-columns:1fr;gap:20px;padding-bottom:45px}.principles p{max-width:none}.principles h3{margin-top:12px}.chapter{align-items:center}.chapter span:last-child{font-size:13px}footer{flex-wrap:wrap}footer p{margin:0}h1{font-size:clamp(46px,9vw,68px)}}
@media(max-width:380px){nav{width:100%;justify-content:space-between}.landscape-caption{font-size:8px;left:15px;right:15px}.chapter{flex-wrap:wrap}.landscape{min-height:320px}}
/* Respect OS motion preferences, including anchor scrolling. */
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}