/* Cinematic layout: comfortable laptop heights, fluid text and touch controls. */
html{scroll-padding-top:24px}img{max-width:100%}.button{min-height:48px}.button svg{flex-shrink:0}.button span{flex-shrink:0}.brand{flex-shrink:0}main,section,form,aside,.split>*,.reset-result>*{min-width:0}input,select,textarea{font-size:16px;min-height:48px}.film-hero{display:flex;flex-direction:column;min-height:720px;height:100svh;max-height:none;padding:137px 4.4% 100px;gap:24px}.hero-kicker{position:relative;top:auto;left:auto;right:auto;flex-shrink:0}.film-title{position:relative;top:auto;left:auto;right:auto;margin:auto 0}.film-title h1{font-size:clamp(62px,min(8.3vw,12svh),145px);line-height:1.03;letter-spacing:-.055em}.film-title h1 em{font-size:clamp(110px,min(15vw,22svh),230px);line-height:1;margin-left:18%;letter-spacing:-.045em}.film-title>.eyebrow{margin-bottom:18px}.hero-bottom{position:relative;left:auto;right:auto;bottom:auto;flex-shrink:0;margin-top:0}.hero-bottom p{margin-top:0;margin-bottom:14px}.scene-button{min-width:44px;min-height:44px;padding:12px 14px}.motion-toggle{min-height:44px;padding:10px 14px}.motion-toggle span{font-size:12px}.scene-caption{font-size:12px}.scene-controls,.motion-toggle{bottom:25px}.hero-contact .button{white-space:nowrap}.photo-callout{padding:clamp(24px,3vw,45px)}.reset-result>.button{flex-shrink:0}.garden-option{min-height:150px}.garden-option span{font-size:clamp(24px,2.2vw,30px)}.work-feature img{object-position:center 58%}.story-small img{object-position:65% center}.story-images{isolation:isolate}.care-panel img{object-position:center}.care-panel:nth-child(2) img{object-position:65% center}.film-title,.hero-bottom{animation:none}.film-title h1 span,.film-title h1 em,.film-title>.eyebrow{animation:none}body.motion-paused .film-backdrop img{animation:none}body.motion-paused .hero-bottom,body.motion-paused .film-title{opacity:1}.skip-link{position:fixed;top:10px;left:10px;z-index:300;background:var(--lime);color:var(--ink);padding:14px 20px;transform:translateY(-150%)}.skip-link:focus{transform:none}#main:focus{outline:none}.menu-toggle{min-width:60px;min-height:44px}.menu-toggle[aria-expanded=true]{text-decoration:underline;text-underline-offset:5px}
@media(min-width:761px) and (max-width:1100px){header{gap:16px;padding-left:3%;padding-right:3%}.brand>span{font-size:25px}.brand small{font-size:8px}.brand img,body[data-page=home] .brand img{width:46px;height:46px}nav{gap:16px;font-size:13px}.nav-book{padding:16px 15px}.hero-contact .button{padding:18px}.split{gap:4%}.photo-callout .button{font-size:14px;padding:16px 14px;gap:10px}.reset-result{flex-direction:column;align-items:start}.story-copy h2{font-size:clamp(36px,5vw,55px)}.care-copy p{padding-right:45px}.garden-option{padding:24px 18px}}
@media(max-width:1000px){header{position:relative}.menu-toggle{display:block;border:1px solid currentColor;background:transparent;color:inherit;padding:9px 13px;font-size:14px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);color:var(--ink);padding:22px 5%;font-size:16px;box-shadow:0 16px 24px #0002;border-bottom:1px solid var(--line)}nav.open{display:grid;gap:6px}nav a{min-height:48px;padding:14px 0}nav .nav-book{padding:16px 20px;width:max-content;max-width:100%}body[data-page=home] nav{background:#143728;color:var(--paper)}body[data-page=home] .nav-book{background:var(--lime);color:var(--ink)}body[data-page=home] nav a.active:not(.nav-book){border:0;text-decoration:underline;text-underline-offset:6px}.film-hero{padding-top:130px}.hero-kicker{font-size:11px}}
@media(max-width:760px){body{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}header,body[data-page=home] header{padding:16px 5%;gap:12px}.brand{gap:10px}.brand img,body[data-page=home] .brand img{width:42px;height:42px}.brand>span{font-size:26px}.brand small{font-size:8px;letter-spacing:1.1px}.film-hero{height:auto;min-height:max(650px,calc(100svh - 64px - env(safe-area-inset-bottom,0px)));padding:109px 6% 88px;gap:30px}.hero-kicker{font-size:10px;letter-spacing:1px;gap:20px}.hero-kicker>span:last-child{text-align:right}.film-title{margin:12px 0 8px}.film-title>.eyebrow{font-size:10px;letter-spacing:1.3px;line-height:1.5;margin-bottom:22px}.film-title h1{font-size:clamp(35px,10.1vw,76px);letter-spacing:-.05em;line-height:1.05}.film-title h1 em{font-size:clamp(78px,23.5vw,170px);letter-spacing:-.05em;line-height:1.08;margin:2px 0 0 5%}.film-backdrop img{object-position:43% center}.film-shade{background:linear-gradient(180deg,#061c19b3,#061c1933 34%,#061c1970 60%,#061c19e8)}.hero-bottom{display:flex;flex-direction:column;align-items:start;gap:19px;margin-top:auto}.hero-bottom>div:first-child p{font-size:16px;line-height:1.5;margin:0 0 14px}.hero-contact{margin:0;width:100%}.hero-contact .button{font-size:15px;min-height:52px;padding:16px 20px}.hero-contact p{display:none}.scroll-link{font-size:11px;letter-spacing:1px;min-height:34px}.scene-controls{left:6%;gap:6px;bottom:18px}.scene-button{min-height:44px;min-width:44px;padding:10px 11px}.motion-toggle{right:6%;bottom:18px;padding:10px;min-height:44px;gap:6px}.motion-toggle span{font-size:12px}.scene-caption{display:none}.garden-story{padding:36px 6% 55px}.story-meta{gap:25px;align-items:start}.story-meta .eyebrow{font-size:10px;line-height:1.5;letter-spacing:.9px}.story-meta>.eyebrow:last-child{text-align:right;max-width:80px;flex-shrink:0}.story-layout{padding-top:38px;gap:35px}.story-copy h2{font-size:clamp(34px,10vw,57px);line-height:1.1}.story-body p{font-size:16px}.story-tall{height:clamp(300px,88vw,450px)}.story-small{height:clamp(160px,45vw,230px)}.story-images figcaption{font-size:18px;left:12px}.image-note{font-size:10px;letter-spacing:1.1px}.care-section{padding:46px 6%}.care-heading h2{font-size:clamp(34px,10vw,55px);line-height:1.1}.care-heading .eyebrow{font-size:10px;line-height:1.5}.care-heading p{font-size:16px}.care-panel,.care-panel:nth-child(2),.care-panel:nth-child(3){height:clamp(380px,118vw,560px);margin:0;transition-delay:0s}.care-copy h3{font-size:clamp(42px,12vw,65px)}.care-copy p{font-size:16px;padding-right:50px;max-width:none}.care-copy{left:22px;right:22px}.care-number{font-size:12px;left:22px}.photo-finale{height:auto;min-height:590px;padding:100px 6% 70px;display:flex;align-items:center}.finale-label{top:30px;left:6%;right:6%}.finale-content{position:relative;top:auto;left:auto;right:auto;width:100%}.finale-content h2{font-size:clamp(40px,12vw,72px);line-height:1.08}.finale-content p{font-size:16px}.finale-content .button{font-size:15px;padding:16px 20px}.finale-book{min-height:40px;padding-top:10px}.concept-note{font-size:11px;line-height:1.4;bottom:20px}.page-title{font-size:clamp(38px,11vw,64px);line-height:1.08;letter-spacing:-.045em;overflow-wrap:normal}.page-title em,h2 em{letter-spacing:-.045em}.page-top{padding:36px 6% 25px}.page-top>.eyebrow{line-height:1.6;font-size:11px;letter-spacing:1.4px}.lede{font-size:17px}.section{padding:44px 6%}.section-head h2{font-size:clamp(30px,8.7vw,48px);line-height:1.1;letter-spacing:-.04em}.section-head>.button{margin-top:18px}.split{gap:35px}.photo-callout{padding:25px}.photo-callout h2{font-size:clamp(30px,9vw,48px);line-height:1.1}.photo-callout .button{width:100%;font-size:14px;padding:16px 12px;gap:10px}.form-note{font-size:14px}.contact-steps li{font-size:16px}.work-feature{height:clamp(270px,80vw,420px)}.image-label{font-size:11px;left:12px;bottom:12px;right:12px;width:max-content;max-width:calc(100% - 24px)}.garden-option span{font-size:28px}.garden-option{min-height:125px}.reset-result{padding:25px}.reset-result h2{font-size:clamp(29px,8.6vw,45px);line-height:1.1;letter-spacing:-.035em}.reset-result .button{width:100%;padding:16px 12px;font-size:14px;gap:8px}.about-image-stack{min-height:360px}.about-canopy{height:360px}.mobile-contact{min-height:64px;padding:18px 6% calc(18px + env(safe-area-inset-bottom,0px));z-index:110;font-size:16px;background:var(--lime);color:var(--ink)}footer{padding:35px 6%}footer>span{line-height:1.8}footer p{font-size:14px}.button:hover{transform:none;box-shadow:none}}
@media(max-width:360px){.brand>span{font-size:23px}.brand small{font-size:7px}.brand img,body[data-page=home] .brand img{width:36px;height:36px}.menu-toggle{min-width:54px;padding:8px;font-size:13px}.motion-toggle span{font-size:11px}.hero-contact .button{width:100%;font-size:14px;padding:16px 12px;gap:12px}.scene-controls{gap:2px}}
@media(min-width:761px) and (max-height:700px){.film-hero{min-height:680px;padding-top:128px;padding-bottom:90px;gap:20px}.film-title h1{font-size:clamp(60px,6.7vw,100px)}.film-title h1 em{font-size:clamp(108px,12vw,180px)}.film-title>.eyebrow{margin-bottom:10px}.hero-bottom p{font-size:15px}.hero-contact .button{padding:17px 23px}}
@media(prefers-reduced-motion:reduce){.film-backdrop img{animation:none}.reveal{opacity:1;translate:none}}
