@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--forest:#102a20;--lime:#c9f16b;--white:#f8faf3;--muted:#d5dfd5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--forest);color:var(--white);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--lime);outline-offset:5px}h1,h2,h3,p{margin-top:0}.skip{position:fixed;top:-80px;left:16px;z-index:100;background:var(--forest);padding:14px}.skip:focus{top:16px}
.story{position:relative;isolation:isolate}.scene{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;z-index:-1;background:var(--forest)}.poster,#garden{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}#garden{opacity:0;transition:opacity .35s}.shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,22,13,.88),rgba(6,22,13,.67) 36%,rgba(6,22,13,.16) 72%,rgba(6,22,13,.65))}
.header{position:absolute;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 6vw;z-index:5;background:linear-gradient(#0b211c7a,transparent)}.brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.monogram{font-family:'Manrope',sans-serif;font-size:44px;line-height:.9;font-weight:800;letter-spacing:-4px;position:relative}.brand-leaf{position:absolute;top:-8px;right:-8px;font-size:18px;color:var(--lime);letter-spacing:0}.brand-caption{border-left:1px solid #ffffff55;padding-left:12px;font-size:10px;font-weight:600;letter-spacing:.8px;line-height:1.6}.header nav{display:flex;align-items:center;font-size:14px}.header nav>a:not(.nav-contact){display:none}.nav-contact{border:1px solid #ffffff55;padding:12px 15px;border-radius:100px;background:#102a2040;min-height:44px}.header nav a:hover{color:var(--lime)}
.chapters{margin-top:-100vh;margin-top:-100svh}.chapter{min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:120px 7vw 100px;position:relative}.hero{align-items:flex-end;padding-bottom:112px}.chapter-content{width:100%;max-width:650px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2px;display:flex;gap:12px;align-items:center;margin:0 0 24px;color:var(--lime)}.tiny-line{width:28px;height:1px;background:var(--lime)}h1,h2{font-family:'Manrope',sans-serif;font-weight:500;letter-spacing:-2.6px;line-height:1.07;margin-bottom:24px}h1{font-size:clamp(52px,14.3vw,88px)}h2{font-size:clamp(44px,12vw,72px)}em{font-family:Georgia,serif;font-weight:400;color:var(--lime);letter-spacing:-2px}.intro{font-size:16px;line-height:1.65;color:var(--muted);max-width:390px;margin-bottom:27px}.desktop-break{display:none}.button{display:inline-flex;width:100%;max-width:390px;align-items:center;justify-content:space-between;gap:14px;min-height:54px;border-radius:100px;padding:17px 23px;font-weight:600;font-size:15px;transition:background .2s,transform .2s}.lime{background:var(--lime);color:var(--forest)}.button:hover{background:#defa9f;transform:translateY(-2px)}.wa-icon{font-size:22px;line-height:1}.scroll-cue{margin-top:26px;display:flex;align-items:center;gap:12px;color:#d5dfd5;font-size:14px}.mouse{display:inline-block;width:17px;height:25px;border:1px solid #c4cebf;border-radius:10px;position:relative;flex-shrink:0}.mouse:after{content:'';position:absolute;top:5px;left:7px;width:1px;height:5px;background:var(--lime)}.side-label{display:none}.scene-bottom{position:absolute;bottom:24px;left:7vw;right:7vw;display:flex;gap:20px;justify-content:space-between;align-items:center;font-size:12px;color:#e1e8dc}.sequence{font-variant-numeric:tabular-nums;white-space:nowrap}.progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#ffffff15}.progress div{height:100%;background:var(--lime);width:0}
.service-list{max-width:430px;border-top:1px solid #ffffff35}.service-list>div{display:grid;grid-template-columns:30px 1fr;column-gap:10px;padding:19px 0;border-bottom:1px solid #ffffff35}.service-list span{grid-row:1 / 3;font-size:12px;color:var(--lime);padding-top:4px}.service-list h3{font-size:18px;font-weight:500;margin-bottom:7px}.service-list p{font-size:15px;color:var(--muted);margin:0;line-height:1.5}.subnote{font-size:16px;color:var(--muted);line-height:1.6;margin:25px 0 0}.about-details{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.about-details span{font-size:14px;border:1px solid #ffffff40;border-radius:100px;padding:10px 15px}.text-link{display:inline-block;font-size:23px;letter-spacing:-.5px;border-bottom:1px solid var(--lime);padding:8px 0;min-height:44px}
.contact{padding:50px 7vw 25px;background:var(--forest);position:relative}.contact-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:32px}.contact-top .eyebrow{margin:0;max-width:230px;line-height:1.7}.contact-mark{color:var(--lime);font-size:56px;line-height:1}.contact-grid{display:grid;grid-template-columns:1fr;gap:35px;padding-bottom:55px}.contact h2{font-size:clamp(40px,10.8vw,68px);letter-spacing:-2px;margin:0}.contact-copy{max-width:440px}.contact-copy p{font-size:16px;line-height:1.7;color:var(--muted);margin-bottom:26px}.contact-phone{display:block;font-size:23px;margin-top:25px;min-height:44px;padding-top:8px}.contact-location{display:block;font-size:14px;color:var(--muted);margin-top:5px}footer{border-top:1px solid #ffffff25;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center;padding-top:26px;font-size:14px;color:var(--muted)}.footer-brand{font-size:35px;font-weight:700;letter-spacing:-2px;color:var(--white)}.footer-brand span{font-size:14px;font-weight:400;letter-spacing:0;margin-left:8px}footer>span{display:none}footer a{padding:8px 0;min-height:44px}footer a:hover{color:var(--lime)}
@media(max-width:360px){.brand-caption{display:none}.header{padding-left:7vw;padding-right:7vw}.nav-contact{padding:11px 14px}.hero{padding-bottom:90px}.scene-bottom{font-size:11px;bottom:18px}.scroll-cue{font-size:12px}h2{font-size:44px}}
@media(min-width:600px) and (max-width:899px){.chapter{padding-left:10vw;padding-right:10vw}.hero{align-items:center}.shade{background:linear-gradient(90deg,#06160dd9,#06160d66),linear-gradient(0deg,#06160d99,transparent 60%)}.chapter-content{max-width:520px}.intro{font-size:18px}.contact{padding-left:10vw;padding-right:10vw}}
@media(min-width:900px){html{scroll-padding-top:110px}.poster{filter:blur(22px);opacity:.19;transform:scale(1.08)}#garden{left:auto;right:4vw;width:min(52vw,56.25svh)}.shade{background:linear-gradient(90deg,#102a20 5%,#102a20e6 39%,#102a2030 75%,#102a2070),linear-gradient(0deg,#102a20c0,transparent 25%,transparent 75%,#102a2070)}.header{padding:30px 5.5vw;background:none}.monogram{font-size:58px;letter-spacing:-5px}.brand-leaf{font-size:24px;right:-11px}.brand{gap:17px}.brand-caption{font-size:12px;letter-spacing:1.7px;padding-left:18px}.header nav{gap:30px}.header nav>a:not(.nav-contact){display:block}.nav-contact{padding:13px 22px}.chapter,.hero{align-items:center;padding:120px 7vw 100px}.chapter-content{width:57%;max-width:760px}.eyebrow{letter-spacing:2.5px;margin-bottom:30px}h1,h2{letter-spacing:-4px;line-height:1.04;margin-bottom:30px}h1{font-size:clamp(72px,7.7vw,116px)}h2{font-size:clamp(62px,6.3vw,92px)}em{letter-spacing:-3px}.intro{font-size:18px;max-width:490px;margin-bottom:32px}.desktop-break{display:block}.button{width:auto;max-width:none;justify-content:center;gap:24px;padding:19px 27px}.scroll-cue{margin-top:40px}.side-label{display:block;position:absolute;right:24px;top:50%;writing-mode:vertical-rl;font-size:11px;letter-spacing:3px;color:#e2eadb}.scene-bottom{left:5.5vw;right:5.5vw}.service-list{max-width:475px}.service-list h3{font-size:20px}.contact{padding:75px 7vw 25px}.contact-top{margin-bottom:40px}.contact-top .eyebrow{max-width:none}.contact-mark{font-size:76px}.contact-grid{grid-template-columns:1.2fr 1fr;gap:60px;align-items:center;padding-bottom:80px}.contact h2{font-size:clamp(50px,5.4vw,80px);letter-spacing:-3px}.contact-copy p{font-size:18px}footer>span{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,#garden{transition:none}.scroll-cue{display:none}}
