:root{--paper:#f4efe7;--ink:#171817;--green:#173f31;--green2:#102f25;--rust:#d27a58;--muted:#6f6b64;--line:#d7cec2;--card:#fffaf3;--measure:700px;--wide:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman",serif;text-rendering:optimizeLegibility}.text-link{color:inherit;text-decoration-color:rgba(23,63,49,.45);text-decoration-thickness:1px;text-underline-offset:3px}.text-link:hover{text-decoration-color:var(--green)}
.hero{display:grid;grid-template-columns:46% 54%;min-height:740px;background:var(--green)}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:72px 6vw 70px}.kicker{color:var(--rust);font:700 14px/1.2 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;margin-bottom:32px}h1{margin:0;color:#fff;font-weight:400;font-size:clamp(66px,7vw,118px);line-height:1.055;letter-spacing:-.048em}.hero-dek{margin:40px 0 0;max-width:600px;color:#fff;font-style:italic;font-size:clamp(24px,2.3vw,38px);line-height:1.42}.hero-media{min-height:740px;overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:cover;display:block}
.story{width:min(var(--measure),calc(100% - 40px));margin:82px auto 0;font-size:21px;line-height:1.65}.story p{margin:0 0 1.36em}.story>p:first-of-type::first-letter{float:left;font-size:4.6em;line-height:.78;padding-right:.08em;padding-top:.1em}
.figure-single{width:92%;margin:56px auto 64px;padding:10px 10px 17px;background:var(--card);box-shadow:0 5px 18px rgba(45,37,29,.08);transform:rotate(-.8deg)}.figure-single.alt{transform:rotate(.7deg)}.figure-single img{display:block;width:100%;height:auto}.figure-single figcaption,.diptych figcaption,.mayon-card figcaption{margin:11px 5px 0;color:var(--muted);font:italic 15px/1.38 Arial,sans-serif}
.diptych{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:58px 0 68px;align-items:start}.diptych figure{margin:0;padding:8px 8px 15px;background:var(--card);box-shadow:0 4px 14px rgba(45,37,29,.06)}.diptych figure:first-child{transform:rotate(-.65deg)}.diptych figure:last-child{transform:rotate(.7deg) translateY(7px)}.diptych img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.pullquote{position:relative;margin:68px 0 72px;padding-left:48px;color:var(--green);font-size:clamp(29px,3vw,39px);line-height:1.24;font-style:italic}.pullquote::before{content:"“";position:absolute;left:0;top:-18px;color:var(--rust);font-size:76px;line-height:1;font-style:normal}.pullquote p{margin:0}
.mayon-wrap{width:min(560px,78%);margin:50px auto 88px}.mayon-card{padding:10px 10px 17px;background:var(--card);box-shadow:0 6px 20px rgba(45,37,29,.09);transform:rotate(-.55deg)}.mayon-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;object-position:50% 0%;filter:sepia(.22) saturate(.72) contrast(.96)}
.plan{width:min(900px,calc(100% - 40px));margin:0 auto 94px;padding:66px 0 6px;border-top:1px solid var(--line)}.plan-kicker{color:var(--rust);font:700 12px/1.2 Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px}.plan h2{margin:0 0 36px;color:var(--green);font-size:clamp(38px,4.8vw,62px);line-height:1.02;font-weight:400;letter-spacing:-.03em}.qa{padding:22px 0;border-top:1px solid var(--line)}.qa:last-child{border-bottom:1px solid var(--line)}.qa h3{margin:0 0 8px;color:var(--green);font-size:21px;font-weight:400}.qa p{margin:0;color:#4f514e;font-size:17px;line-height:1.55}.more-water{margin:30px 0 0;font-size:17px;line-height:1.55;color:#4f514e}.more-water a{color:var(--green);text-decoration-color:rgba(23,63,49,.45);text-underline-offset:3px}
.cta-wrap{background:var(--green2)}.cta{width:min(var(--wide),calc(100% - 48px));margin:auto;text-align:center;padding:92px 0 96px}.cta .kicker{margin-bottom:24px}.cta h2{margin:0 auto;max-width:860px;color:#f8f4ec;font-size:clamp(48px,6vw,82px);line-height:.98;font-weight:400;letter-spacing:-.035em}.cta p{max-width:650px;margin:28px auto 0;color:#dbe4de;font-size:19px;line-height:1.56}.cta a{display:inline-block;margin-top:36px;padding:16px 25px 15px;background:var(--rust);color:#fff;text-decoration:none;font:700 12px/1 Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase}
@media(max-width:820px){.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:48px 26px 42px}.hero-media{min-height:0;aspect-ratio:4/3}h1{font-size:clamp(58px,15vw,90px)}.hero-dek{font-size:23px}.story{width:calc(100% - 28px);margin-top:54px;font-size:18.5px;line-height:1.61}.figure-single{width:96%;margin:44px auto 54px}.diptych{gap:10px;margin:48px 0 58px}.diptych figure{padding:6px 6px 12px}.diptych figcaption,.figure-single figcaption,.mayon-card figcaption{font-size:13px}.pullquote{padding-left:38px;margin:52px 0 58px;font-size:27px}.pullquote::before{font-size:60px;top:-12px}.mayon-wrap{width:90%;margin:44px auto 68px}.plan{width:calc(100% - 28px);margin-bottom:72px;padding-top:52px}.qa h3{font-size:19px}.qa p,.more-water{font-size:16px}.cta{width:calc(100% - 28px);padding:70px 0 74px}.cta h2{font-size:48px}}

/* Clear the fixed site header without changing the hero’s internal spacing. */
@media(max-width:960px){.hero{padding-top:82px}}
@media(max-width:650px){.hero{padding-top:70px}}