:root{--ivory:#f5f1e8;--forest:#233f35;--gold:#c4a16b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--forest);font-family:Georgia,"Times New Roman",serif}a{color:inherit}
.site-header{position:absolute;z-index:5;top:0;left:0;right:0;padding:27px clamp(22px,5vw,78px);display:flex;align-items:center;justify-content:space-between;gap:22px;color:#fffaf0}.brand{font-size:clamp(14px,1.35vw,22px);letter-spacing:.12em;text-decoration:none;color:#f2d39c}.site-header nav{display:flex;align-items:center;gap:24px;font:500 13px Arial,sans-serif}.site-header nav a{text-decoration:none}.nav-cta{border:1px solid #e1c18b;border-radius:30px;padding:12px 16px}
.hero{position:relative;min-height:780px;height:94svh;max-height:1030px;display:flex;align-items:center;padding:120px clamp(28px,7vw,110px);color:#fff9ed;background:linear-gradient(90deg,rgba(7,25,18,.73),rgba(7,25,18,.3) 45%,transparent 78%),url('forest.webp') center center / cover no-repeat}.hero:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:155px;background:linear-gradient(transparent,var(--ivory));pointer-events:none}.hero-content{position:relative;z-index:1;max-width:600px}.eyebrow,.section-label{font:700 12px Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#a27a46}.hero .eyebrow{color:#f0d39c}.hero h1{font-size:clamp(52px,5.4vw,88px);font-weight:400;line-height:1.06;margin:25px 0}.hero p{font-size:clamp(19px,1.6vw,24px);line-height:1.55;max-width:520px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}.button{font:700 13px Arial,sans-serif;text-decoration:none;background:#f5f1e8;color:var(--forest);padding:17px 22px;border-radius:30px}.quiet-link{font:600 13px Arial,sans-serif;text-decoration:none;border-bottom:1px solid #ddd;padding-bottom:6px}.hero-caption{position:absolute;z-index:1;bottom:90px;right:5vw;font:700 11px Arial,sans-serif;letter-spacing:.18em}
/* The actual 1400x10000 artwork is never stretched in two directions. At the 1400px design width it renders pixel-for-pixel. */
.journey{position:relative;isolation:isolate;width:100%;overflow:hidden;padding:22px 0 70px;background:var(--ivory)}.journey::before{content:"";position:absolute;z-index:-2;inset:0;background-image:url('continuous-journey.webp');background-position:center top;background-size:1400px auto;background-repeat:no-repeat;pointer-events:none}
.story-section{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;max-width:1400px;margin:0 auto;padding:58px clamp(30px,5.5vw,82px);gap:clamp(60px,8vw,150px)}.story-content{width:100%;max-width:535px;position:relative;z-index:1;padding:20px 0}.story-right .story-content{grid-column:2;justify-self:end}.story-left .story-content{grid-column:1;justify-self:start}
/* A broad feathered reading area, not a visible panel. */
.story-content:before{content:"";position:absolute;inset:-55px -60px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,rgba(245,241,232,1) 30%,rgba(245,241,232,.99) 59%,rgba(245,241,232,.84) 75%,rgba(245,241,232,0) 100%)}
.story-content h2{font-size:clamp(37px,3.5vw,55px);line-height:1.14;font-weight:400;margin:19px 0 29px}.story-content p{font-size:18px;line-height:1.75;margin:0 0 19px}.story-content strong{font-weight:700}.chapter-link{display:inline-block;margin:14px 0 5px;font:700 14px Arial,sans-serif;text-underline-offset:5px}footer{background:#192f27;color:#eee9df;padding:28px 6vw;display:flex;justify-content:space-between;gap:25px;font:12px Arial,sans-serif}
@media(min-width:1401px){.journey::before{background-size:1400px auto}}
@media(max-width:1100px) and (min-width:801px){.journey::before{background-size:1100px auto}.story-section{gap:55px;padding:58px 35px}.story-content p{font-size:17px}}
@media(max-width:800px){.site-header{padding:20px;gap:8px}.site-header nav a:not(.nav-cta){display:none}.site-header nav{font-size:11px}.nav-cta{padding:10px}.hero{min-height:690px;height:82svh;padding:110px 26px;background-position:56% center}.hero h1{font-size:clamp(46px,9vw,65px)}.hero-caption{bottom:88px;font-size:10px}.journey{padding:0 0 35px}.journey::before{background-size:700px auto;background-position:center top;opacity:.17}.story-section{display:block;padding:60px 28px 55px}.story-content{max-width:620px;margin:auto}.story-content:before{inset:-25px -16px;background:rgba(245,241,232,.90);border-radius:0}.story-content h2{font-size:clamp(37px,8vw,48px)}.story-content p{font-size:18px;line-height:1.72}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}