:root{--plum:#302032;--plum2:#412a40;--rose:#d59683;--peach:#e9b6a1;--paper:#faf8f7;--ink:#302735;--muted:#726873;--line:#e4dce3;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #de9d79;outline-offset:3px}h1,h2,h3,p,figure{margin:0}.hf-skip{position:absolute;top:-100px;left:12px;padding:10px;z-index:100;background:#fff}.hf-skip:focus{top:12px}.hf-demo{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#211725;color:#efe5ea;padding:10px clamp(16px,4vw,64px);font-size:9px;letter-spacing:.16em;font-weight:700;min-height:38px}.hf-demo a{color:#efb8a2;text-decoration:none;letter-spacing:.02em;white-space:nowrap}.hf-demo i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#dfa58c;margin-right:7px;box-shadow:0 0 0 3px #dfa58c33}.hf-header{height:78px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 clamp(18px,4vw,64px);box-shadow:0 3px 16px #1f14231a;position:relative;z-index:2}.hf-logo{display:flex;align-items:center;gap:13px;text-decoration:none;letter-spacing:.09em;font-weight:800;font-size:19px}.hf-logo small{display:block;font-size:8px;letter-spacing:.19em;color:#a67676;margin-top:6px}.hf-logo-symbol{display:grid;place-items:center;background:var(--plum);color:#fff;width:42px;height:42px;font:normal 27px Georgia,serif;letter-spacing:-.1em;flex:0 0 42px}.hf-logo-symbol span{color:#f1ae92}.hf-header nav{display:flex;gap:clamp(15px,2vw,35px)}.hf-header nav a{text-decoration:none;font-size:12px;font-weight:700;color:#56475a}.hf-header nav a:hover{color:#bd765e}.hf-nav-cta{background:var(--plum);color:white;font-size:11px;font-weight:800;text-decoration:none;padding:15px 20px;white-space:nowrap}.hf-nav-cta:hover{background:#613a56}.hf-hero{display:grid;grid-template-columns:46% minmax(0,54%);min-height:min(765px,calc(100svh - 116px));background:var(--plum);color:#fff}.hf-hero-copy{padding:clamp(75px,9vw,142px) clamp(24px,6.5vw,110px) 45px clamp(23px,6vw,100px);display:flex;align-items:start;flex-direction:column;justify-content:center;min-width:0}.hf-hero-kicker{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.18em;color:#f0c3ae;font-weight:800}.hf-hero-rule{width:28px;height:1px;background:currentColor}.hf-hero h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(53px,5.8vw,94px);line-height:1.01;letter-spacing:-.055em;margin:29px 0 25px;white-space:nowrap}.hf-hero h1 em{font-weight:400;color:#ecc0a9}.hf-hero-copy>p{max-width:490px;color:#e3d3df;line-height:1.9;font-size:clamp(13px,1.05vw,16px)}.hf-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:23px;margin-top:32px}.hf-button{text-decoration:none;display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:51px;padding:15px 20px;font-size:12px;font-weight:800;transition:transform .2s,background .2s}.hf-button:hover{transform:translateY(-2px)}.hf-button-peach{color:#271b2a;background:var(--peach)}.hf-button-peach:hover{background:#fbd3c2}.hf-hero-quiet{text-decoration:none;border-bottom:1px solid #dba999;padding-bottom:4px;font-size:11px;color:#efd8cc}.hf-hero-small{display:flex;gap:30px;margin-top:auto;padding-top:70px;font-size:9px;color:#c9b9c7;letter-spacing:.16em}.hf-hero-small span{color:#e7bead}.hf-hero-image{position:relative;overflow:hidden;min-height:550px;background:#392835}.hf-hero-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center;transform:scale(1.02)}.hf-hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#1b142db8 0,transparent 46%)}.hf-hero-image-caption{position:absolute;z-index:1;bottom:44px;left:clamp(24px,4vw,68px);right:25px;color:#fff}.hf-hero-image-caption span{font-size:9px;letter-spacing:.18em;font-weight:800;color:#f6c6ad}.hf-hero-image-caption strong{display:block;font:normal clamp(28px,2.6vw,42px)/1.14 Georgia,serif;margin-top:13px;letter-spacing:-.02em}.hf-hero-corner{position:absolute;z-index:1;right:25px;top:30px;border:1px solid #fff8;padding:10px 13px;color:#fff;font-size:9px;letter-spacing:.16em}.hf-ribbon{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:clamp(12px,3.2vw,60px);min-height:70px;padding:16px 18px;background:#e5d9e1;color:#594557;font-size:10px;font-weight:800;letter-spacing:.19em}.hf-ribbon b{color:#b77976;font-size:16px;font-weight:400}.hf-intro{padding:clamp(80px,8vw,132px) clamp(22px,6vw,105px);display:grid;grid-template-columns:200px minmax(0,1fr) minmax(250px,.7fr);align-items:start;gap:clamp(22px,4vw,70px)}.hf-section-number{font-size:10px;font-weight:800;color:#aa7777;letter-spacing:.18em;margin-top:12px}.hf-intro h2,.hf-section-top h2,.hf-growth h2,.hf-business h2{font:normal clamp(43px,4.9vw,72px)/1.06 Georgia,serif;letter-spacing:-.046em}.hf-intro h2 em,.hf-section-top h2 em,.hf-growth h2 em,.hf-business h2 em{color:#b87774;font-weight:400}.hf-intro p{font-size:14px;line-height:1.9;color:#746d77;max-width:530px}.hf-time{padding:clamp(70px,7vw,110px) clamp(16px,4.7vw,82px) 64px;background:#fff}.hf-section-top{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:0 auto 42px;max-width:1480px}.hf-section-top>div:first-child{max-width:920px}.hf-eyebrow{display:block;font-size:10px;letter-spacing:.2em;font-weight:800;color:#bc7a7b;margin-bottom:25px}.hf-section-top p,.hf-growth-title p{font-size:14px;line-height:1.85;color:#756e76;max-width:620px;margin-top:20px}.hf-section-top-aside{font-size:9px;letter-spacing:.19em;color:#8f798b;font-weight:700;line-height:1.9;text-align:right}.hf-section-top-aside strong{color:#a66768}.hf-machine{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.27fr) minmax(350px,.73fr);align-items:stretch;gap:0;box-shadow:0 28px 68px #25142816}.hf-machine-stage{min-width:0;background:#261a2b;color:#fff;padding:clamp(16px,2vw,27px)}.hf-stage-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;letter-spacing:.18em;color:#f6d4c7;font-weight:800;padding:0 0 17px}.hf-live-dot{display:inline-block;background:#e5b194;width:7px;height:7px;border-radius:50%;margin-right:8px}.hf-photo-frame{aspect-ratio:1.5;min-height:300px;position:relative;overflow:hidden;background:#3c2d3e;--compare-pct:50%}.hf-photo-frame>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center;display:block}.hf-photo-frame>img[hidden]{display:none}.hf-photo-frame .hf-compare-photo{clip-path:inset(0 calc(100% - var(--compare-pct)) 0 0)}.hf-photo-frame .hf-compare-photo[hidden]{display:none}.hf-compare-line{position:absolute;z-index:3;left:var(--compare-pct);top:0;bottom:0;width:2px;background:#fff;box-shadow:0 0 0 1px #17151e88;transform:translateX(-50%);pointer-events:none}.hf-compare-line[hidden]{display:none}.hf-compare-line span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:#fff;color:#412b41;border-radius:100%;width:43px;height:43px;font-size:23px;box-shadow:0 5px 25px #1115}.hf-photo-label{position:absolute;bottom:19px;z-index:4;background:#241a2cc4;color:#fff;padding:11px 14px;letter-spacing:.17em;font-size:9px;font-weight:800;backdrop-filter:blur(8px)}.hf-photo-label-current{right:19px}.hf-photo-label-compare{left:19px}.hf-photo-label[hidden]{display:none}.hf-seasons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px}.hf-seasons button{min-width:0;display:flex;flex-direction:column;gap:7px;text-align:left;padding:17px clamp(7px,1.15vw,16px);border:1px solid #69556a;background:#3b2a3e;color:#efdeeb;transition:background .24s,border-color .24s;min-height:96px}.hf-seasons button:hover{border-color:#e8b29d}.hf-seasons button.is-active{background:#edb8a1;color:#332039;border-color:#edb8a1}.hf-seasons button span{font-size:9px;letter-spacing:.18em;opacity:.78}.hf-seasons button strong{font:normal 21px Georgia,serif}.hf-seasons button small{font-size:9px;line-height:1.45;opacity:.85}.hf-compare-controls{display:flex;align-items:start;flex-direction:column;gap:12px;margin-top:17px}.hf-compare-toggle{background:transparent;border:1px solid #af7f8f;color:#efbfaa;font-size:11px;font-weight:800;padding:12px 18px}.hf-compare-toggle[aria-pressed=true]{background:#efd0bd;color:#382638;border-color:#efd0bd}.hf-compare-expanded{width:100%;display:grid;grid-template-columns:auto minmax(115px,1fr) auto minmax(140px,1.25fr);align-items:center;gap:10px;font-size:10px;color:#efd7e0}.hf-compare-expanded[hidden]{display:none}.hf-compare-expanded select{background:#fff;color:#302032;border:0;padding:10px;font-size:12px;min-width:0;max-width:100%}.hf-compare-expanded input{width:100%;accent-color:#eab49d;min-width:0}.hf-season-detail{background:#f3edf0;padding:clamp(32px,4vw,68px) clamp(22px,3.8vw,58px);color:#362a3a;display:flex;flex-direction:column}.hf-season-meta{display:flex;justify-content:space-between;gap:12px;font-size:9px;font-weight:800;letter-spacing:.2em;color:#a06a78}.hf-season-word{font-size:clamp(65px,7vw,113px);line-height:1.08;letter-spacing:-.085em;color:#d5c2ce;font-weight:800;margin:28px 0 13px}.hf-season-detail h3{font:normal clamp(32px,3.2vw,50px)/1.1 Georgia,serif;letter-spacing:-.04em}.hf-season-detail>p{color:#726773;font-size:14px;line-height:1.85;margin-top:23px}.hf-detail-rule{border-top:1px solid #d9cbd7;margin:30px 0 26px}.hf-detail-label{font-size:9px;font-weight:800;letter-spacing:.2em;color:#a46a74}.hf-detail-points{display:grid;gap:13px;margin-top:20px}.hf-detail-points div{display:flex;gap:16px;align-items:center;border-bottom:1px solid #e2d8e0;padding:0 0 13px}.hf-detail-points b{font-size:10px;color:#b77979;letter-spacing:.1em}.hf-detail-points span{font-size:13px;color:#3e3242}.hf-detail-note{background:#fff9f8;padding:20px;margin-top:auto;border-left:3px solid #c58b88}.hf-detail-note>span{font-size:9px;font-weight:800;letter-spacing:.18em;color:#a36a76}.hf-detail-note p{font-size:11px;line-height:1.7;color:#746874;margin-top:8px}.hf-photo-disclaimer{max-width:1480px;margin:16px auto 0;color:#8b7e86;font-size:10px;line-height:1.8}.hf-growth{background:#f5f0f4;padding:clamp(75px,7.5vw,115px) clamp(16px,5vw,90px)}.hf-growth-title{max-width:1480px;margin:0 auto 40px;display:flex;align-items:end;justify-content:space-between;gap:25px}.hf-growth-title>div:first-child{max-width:870px}.hf-year-controls{background:#fff;display:flex;padding:6px;gap:4px;border:1px solid #e1d5df}.hf-year-controls button{white-space:nowrap;border:0;background:transparent;padding:14px 18px;color:#59455c;font-weight:800;font-size:11px}.hf-year-controls button.is-active{background:#462c43;color:white}.hf-growth-layout{max-width:1480px;margin:auto;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr);gap:22px;align-items:stretch}.hf-garden-plan{background:#fff;padding:clamp(18px,3vw,35px);border:1px solid #e2d8df;min-width:0}.hf-plan-top,.hf-plan-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;letter-spacing:.15em;font-weight:800;color:#a06f84}.hf-plan-land{position:relative;width:100%;margin:23px 0 19px;aspect-ratio:1.32;background:#e7e7e6;border:12px solid #d7d4d1;overflow:hidden;isolation:isolate}.hf-plan-house{position:absolute;left:0;top:0;right:0;height:17%;background:#97909b;color:#fff;display:flex;align-items:center;padding:0 18px;font-size:10px;letter-spacing:.17em;font-weight:800}.hf-plan-patio{position:absolute;top:17%;left:0;width:55%;height:60%;background:repeating-linear-gradient(0deg,#d1c6be,#d1c6be 1px,transparent 1px,transparent 55px),repeating-linear-gradient(90deg,#ded7d0,#ded7d0 1px,transparent 1px,transparent 70px),#eae5df;color:#786c75;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:10px;letter-spacing:.13em;font-weight:800}.hf-plan-patio small{margin-top:7px;font-size:7px}.hf-plan-water{position:absolute;left:55%;top:57%;width:37%;height:20%;background:#80a8b5;color:#fff;display:grid;place-items:center;font-size:8px;letter-spacing:.15em;transform:skew(-12deg)}.hf-plan-pergola{position:absolute;right:0;top:17%;width:34%;height:26%;display:grid;place-items:center;border:7px solid #7a6061;color:#624e56;background:repeating-linear-gradient(90deg,#e2c3af,#e2c3af 5px,#faf2e9 5px,#faf2e9 23px);font-size:9px;font-weight:800;letter-spacing:.14em}.hf-plan-bed{position:absolute;background:#879d7e;border-radius:22% 42% 36% 18%;display:flex;align-items:center;justify-content:space-around;overflow:hidden}.hf-plan-bed-one{left:1%;bottom:1%;height:26%;width:47%}.hf-plan-bed-two{right:1%;bottom:2%;height:20%;width:46%}.hf-plan-grass{width:21%;height:65%;border-radius:50%;background:repeating-conic-gradient(from 10deg,#bfd8aa 0deg 14deg,#73936c 15deg 26deg);transition:transform .65s ease}.hf-plan-tree{position:absolute;top:26%;left:48%;width:30%;height:35%;display:grid;place-items:center;z-index:2}.hf-tree-crown{width:100%;aspect-ratio:1;background:radial-gradient(circle at 40% 30%,#b7cc88,#5b7a54 75%);border-radius:54% 46% 46% 48%;border:5px solid #d5e0ba;box-shadow:0 5px 12px #13271722;transform:scale(.55);transition:transform .7s ease;opacity:.94}.hf-tree-trunk{position:absolute;width:11px;height:11px;background:#5b4034;border-radius:100%;top:calc(50% - 5px);left:calc(50% - 5px)}.hf-plan-tree b{position:absolute;bottom:-13px;left:40%;font-size:8px;letter-spacing:.06em;color:#695264;background:#fff9;padding:3px}.hf-plan-perennial{position:absolute;z-index:2;border:3px solid #cba3b1;background:radial-gradient(circle,#d6adc4 4%,#a66c88 72%);border-radius:50%;width:8%;aspect-ratio:1;transform:scale(.46);transition:transform .7s ease}.hf-perennial-one{top:76%;left:15%}.hf-perennial-two{top:79%;left:35%}.hf-perennial-three{top:80%;right:23%}.hf-plan-north{position:absolute;right:10px;top:20%;color:#7a747b;font-size:10px;font-weight:800}.hf-garden-plan[data-year="3"] .hf-tree-crown{transform:scale(.75)}.hf-garden-plan[data-year="7"] .hf-tree-crown{transform:scale(.96)}.hf-garden-plan[data-year="3"] .hf-plan-grass{transform:scale(1.15)}.hf-garden-plan[data-year="7"] .hf-plan-grass{transform:scale(1.27)}.hf-garden-plan[data-year="3"] .hf-plan-perennial{transform:scale(.75)}.hf-garden-plan[data-year="7"] .hf-plan-perennial{transform:scale(1)}.hf-plan-bottom{justify-content:flex-start;gap:20px;flex-wrap:wrap}.hf-plan-bottom span{display:flex;gap:6px;align-items:center;font-size:8px}.hf-plan-bottom i{display:inline-block;width:12px;height:12px;border-radius:50%;background:#6f925d}.hf-plan-bottom span:nth-child(2) i{background:#b0cb89}.hf-plan-bottom span:nth-child(3) i{background:#ba879f}.hf-growth-info{background:#fff;padding:clamp(25px,4vw,55px);border:1px solid #e2d8df;display:flex;flex-direction:column}.hf-year-eyebrow{font-size:9px;letter-spacing:.18em;font-weight:800;color:#b67683}.hf-growth-info h3{font:normal clamp(30px,3.5vw,48px)/1.1 Georgia,serif;letter-spacing:-.04em;margin-top:22px}.hf-growth-info>p{font-size:13px;color:#6b6470;line-height:1.9;margin-top:18px}.hf-growth-metrics{display:grid;gap:22px;margin:28px 0}.hf-growth-metrics>div>span{display:block;font-size:9px;letter-spacing:.16em;font-weight:800;color:#987082;margin-bottom:9px}.hf-meter{height:6px;width:100%;background:#e9dfe5}.hf-meter-fill{height:100%;background:#c67f87;transition:width .6s}.hf-growth-metrics small{display:block;font-size:10px;color:#736975;margin-top:7px}.hf-growth-focus{border-top:1px solid #e1d7df;padding-top:23px;margin-top:auto}.hf-growth-focus>span{font-size:9px;letter-spacing:.17em;font-weight:800;color:#9e6d83}.hf-plant-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.hf-plant-controls button{border:1px solid #dccad6;background:#f7f0f5;color:#554357;padding:10px 12px;font-size:10px;font-weight:800}.hf-plant-controls button.is-active{background:#4d324a;color:#fff;border-color:#4d324a}.hf-growth-focus p{font-size:12px;line-height:1.8;color:#6c6270;margin-top:14px}.hf-growth-caution{background:#faf7f9;padding:14px 15px;font-size:10px!important;margin-top:20px!important}.hf-business{background:#2c1d31;color:#fff;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.4fr);gap:50px;align-items:center;padding:clamp(78px,8vw,125px) clamp(22px,7vw,120px)}.hf-business-copy>span{color:#e9b5a2;font-size:9px;letter-spacing:.18em;font-weight:800}.hf-business h2{font-size:clamp(42px,5.5vw,78px);max-width:880px;margin:25px 0}.hf-business h2 em{color:#e9b5a2}.hf-business p{font-size:14px;color:#d6cad4;line-height:1.85;max-width:590px;margin-bottom:27px}.hf-business small{display:block;color:#ad9ead;font-size:9px;line-height:1.8;margin-top:27px;max-width:610px}.hf-business-symbol{border:1px solid #816579;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(-7deg);width:min(100%,310px);justify-self:center}.hf-business-symbol>span{font:normal clamp(100px,11vw,150px) Georgia,serif;letter-spacing:-.16em}.hf-business-symbol>span span{color:#e8b4a0}.hf-business-symbol small{letter-spacing:.24em;color:#e8b4a0;font-size:10px;margin:0}.hf-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:#211624;color:#dbd2d8;padding:29px clamp(20px,5vw,70px);font-size:10px;letter-spacing:.1em}.hf-footer a{text-decoration:none}.hf-footer>a:first-child{font-size:14px;letter-spacing:0}.hf-footer strong{color:#ecb8a5}.hf-footer>div{display:flex;gap:20px}
@media(max-width:1180px){.hf-hero{grid-template-columns:49% 51%}.hf-hero h1{font-size:clamp(50px,6vw,78px)}.hf-intro{grid-template-columns:150px 1fr}.hf-intro p{grid-column:2}.hf-machine{grid-template-columns:minmax(0,1.1fr) minmax(310px,.9fr)}.hf-season-detail{padding:31px}.hf-season-word{font-size:73px}.hf-growth-layout{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.hf-header nav{display:none}.hf-hero{grid-template-columns:1fr;min-height:0}.hf-hero-copy{padding:75px 35px 44px}.hf-hero-image{min-height:440px}.hf-hero-small{padding-top:40px}.hf-intro{grid-template-columns:1fr;gap:18px}.hf-intro p{grid-column:1}.hf-machine,.hf-growth-layout{grid-template-columns:1fr}.hf-growth-title{align-items:start;flex-direction:column}.hf-section-top{align-items:start;flex-direction:column}.hf-section-top-aside{text-align:left}.hf-season-detail{min-height:480px}.hf-season-word{font-size:84px}.hf-business{grid-template-columns:1fr}.hf-business-symbol{display:none}}
@media(max-width:560px){.hf-demo{font-size:7px;letter-spacing:.04em;padding:9px 12px}.hf-demo a{font-size:8px}.hf-header{height:67px;padding:0 13px}.hf-logo{font-size:14px;gap:8px}.hf-logo-symbol{width:37px;height:37px;font-size:24px;flex-basis:37px}.hf-logo small{font-size:6px}.hf-nav-cta{font-size:9px;padding:11px 10px}.hf-hero-copy{padding:66px 19px 28px}.hf-hero-kicker{font-size:8px;letter-spacing:.12em}.hf-hero h1{font-size:clamp(47px,11.5vw,66px);white-space:normal;margin:22px 0}.hf-hero-copy>p{font-size:13px;line-height:1.75}.hf-hero-actions{gap:15px}.hf-button{font-size:11px;padding:15px}.hf-hero-image{min-height:345px}.hf-hero-image-caption{bottom:25px;left:20px}.hf-hero-image-caption strong{font-size:27px}.hf-hero-small{padding-top:32px;font-size:8px}.hf-ribbon{gap:9px;font-size:8px;letter-spacing:.09em;min-height:56px}.hf-intro{padding:67px 20px}.hf-intro h2,.hf-section-top h2,.hf-growth h2{font-size:clamp(35px,9.2vw,48px)}.hf-intro p{font-size:13px}.hf-time,.hf-growth{padding:67px 11px}.hf-section-top{padding:0 6px;margin-bottom:26px}.hf-section-top p,.hf-growth-title p{font-size:12px}.hf-machine-stage{padding:10px}.hf-stage-top{font-size:7px;padding:8px 4px 13px;letter-spacing:.07em}.hf-photo-frame{min-height:0;aspect-ratio:1.3}.hf-photo-label{font-size:7px;padding:8px}.hf-photo-label-current{right:8px;bottom:8px}.hf-photo-label-compare{left:8px;bottom:8px}.hf-compare-line span{width:32px;height:32px;font-size:17px}.hf-seasons{gap:5px}.hf-seasons button{padding:10px 5px;gap:5px;min-height:82px}.hf-seasons button strong{font-size:16px}.hf-seasons button span,.hf-seasons button small{font-size:7px}.hf-compare-expanded{grid-template-columns:1fr 1fr;gap:7px}.hf-compare-expanded input{grid-column:1/-1}.hf-season-detail{padding:28px 20px;min-height:410px}.hf-season-word{font-size:61px;margin-top:22px}.hf-season-detail h3{font-size:34px}.hf-season-detail>p{font-size:12px}.hf-detail-note{margin-top:25px}.hf-photo-disclaimer{padding:0 5px;font-size:9px}.hf-growth-title{padding:0 6px}.hf-year-controls{width:100%}.hf-year-controls button{flex:1;padding:13px 6px}.hf-garden-plan{padding:12px}.hf-plan-land{border-width:5px;aspect-ratio:1.15}.hf-plan-house,.hf-plan-patio,.hf-plan-pergola{font-size:7px}.hf-plan-water{font-size:6px}.hf-plan-bottom{gap:8px}.hf-plan-bottom span{font-size:7px}.hf-growth-info{padding:27px 19px}.hf-business{padding:80px 20px}.hf-business h2{font-size:clamp(39px,10vw,53px)}.hf-business p{font-size:12px}.hf-footer{flex-direction:column;align-items:start;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hf-button,.hf-seasons button,.hf-dossier-strip button,.hf-tree-crown,.hf-plan-grass,.hf-plan-perennial,.hf-meter-fill{transition:none!important}}


/* Sprint D15: interactieve fotografische groei-illustratie. De seizoensmodule blijft ongewijzigd. */
.hf-garden-photo-mode{padding:clamp(15px,2.8vw,28px);align-self:stretch;display:flex;flex-direction:column;background:#fff}
.hf-garden-photo-mode .hf-plan-top{margin:0 0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#935e7b;font-size:10px;font-weight:800;letter-spacing:.13em}
.hf-growth-photo{position:relative;isolation:isolate;min-height:410px;aspect-ratio:768/590;background:#293b32;overflow:hidden;color:#fff}
.hf-growth-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(.93) contrast(1.01)}
.hf-photo-focus-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(19,20,21,.84),rgba(19,20,21,.08) 44%);pointer-events:none}
.hf-growth-target{position:absolute;z-index:3;transform:translate(-50%,-50%);width:46px;height:46px;border:0;background:transparent;color:#fff;padding:0;overflow:visible;display:grid;place-items:center}
.hf-target-boom{left:30%;top:34%}.hf-target-gras{left:71%;top:53%}.hf-target-vast{left:48%;top:64%}
.hf-target-core{width:34px;height:34px;display:grid;place-items:center;background:#fff;color:#513149;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 5px #34223166,0 5px 20px #25151a66;font-size:13px;font-weight:800;position:relative;z-index:2;transition:background .2s,color .2s}
.hf-growth-target.is-active .hf-target-core{background:#59344d;color:#fff;box-shadow:0 0 0 5px #f5d3e1aa,0 4px 20px #150d187c}
.hf-growth-target:focus-visible{outline:3px solid #f8bccc;border-radius:50%;outline-offset:6px}
.hf-target-extent{pointer-events:none;position:absolute;z-index:1;left:50%;top:50%;width:var(--extent,100px);height:var(--extent,100px);border:3px solid #fff3;border-radius:50%;background:#fff1;transform:translate(-50%,-50%) scale(.45);opacity:.25;transition:width .6s ease,height .6s ease,transform .6s ease,border-color .3s,background .3s,opacity .3s}
.hf-growth-target.is-active .hf-target-extent{background:#f4abc03f;border:3px solid #fff6;border-style:dashed;box-shadow:0 0 0 1px #c66d90b8,inset 0 0 35px #e9acc64a;opacity:1;transform:translate(-50%,-50%) scale(1)}
.hf-garden-photo-mode[data-year="1"] .hf-target-boom{--extent:90px}.hf-garden-photo-mode[data-year="3"] .hf-target-boom{--extent:155px}.hf-garden-photo-mode[data-year="7"] .hf-target-boom{--extent:230px}
.hf-garden-photo-mode[data-year="1"] .hf-target-gras{--extent:76px}.hf-garden-photo-mode[data-year="3"] .hf-target-gras{--extent:122px}.hf-garden-photo-mode[data-year="7"] .hf-target-gras{--extent:178px}
.hf-garden-photo-mode[data-year="1"] .hf-target-vast{--extent:74px}.hf-garden-photo-mode[data-year="3"] .hf-target-vast{--extent:130px}.hf-garden-photo-mode[data-year="7"] .hf-target-vast{--extent:186px}
.hf-target-name{position:absolute;top:43px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.04em;font-weight:800;background:#211421d9;padding:6px 9px;white-space:nowrap;border:1px solid #fff3}
.hf-growth-target.is-active .hf-target-name{background:#64364e}
.hf-growth-photo-caption{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:40px clamp(17px,3vw,28px) 20px;background:linear-gradient(0deg,#1e1724ee,#1e172400);display:grid;gap:8px;pointer-events:none}
.hf-growth-photo-caption small{color:#f9cadb;font-size:9px;letter-spacing:.16em;font-weight:800}
.hf-growth-photo-caption strong{color:#fff;font:normal clamp(25px,3vw,37px)/1.1 Georgia,serif}
.hf-growth-photo-caption span{max-width:470px;color:#f2e4eb;font-size:11px;line-height:1.65}
.hf-growth-photo-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:18px 0 12px;border-bottom:1px solid #e9dfe5}
.hf-photo-tools-left{display:flex;gap:10px;align-items:center;font-size:11px;color:#645464;line-height:1.5}
.hf-live-ring{width:12px;height:12px;flex:0 0 12px;border:2px dashed #ae6885;border-radius:50%}
.hf-growth-photo-tools button{border:1px solid #553348;background:#553348;color:#fff;font-size:11px;font-weight:800;padding:12px 15px;display:flex;gap:10px;align-items:center}
.hf-growth-photo-tools button:hover{background:#76455f}
.hf-growth-image-disclaimer{font-size:10px;color:#837481;line-height:1.7;margin-top:10px;max-width:580px}
.hf-growth-info{min-width:0}
.hf-growth-info .hf-growth-focus{margin-top:10px;padding-top:22px}
.hf-plant-controls button{padding:12px 14px;font-size:11px;transition:background .18s}
.hf-plant-detail-card{margin-top:17px;display:grid;grid-template-columns:minmax(0,.83fr) minmax(0,1fr);gap:0;background:#f8f2f6;border:1px solid #eadfe8;min-height:170px}
.hf-plant-detail-photo{min-height:165px;background-image:url('buitenwerk/zomer.webp');background-size:auto 340%;background-position:26% 22%;background-repeat:no-repeat}
.hf-plant-detail-card[data-plant="gras"] .hf-plant-detail-photo{background-size:auto 365%;background-position:76% 45%}
.hf-plant-detail-card[data-plant="vast"] .hf-plant-detail-photo{background-size:auto 380%;background-position:43% 75%}
.hf-plant-detail-copy{padding:20px 16px 17px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.hf-plant-detail-copy small{color:#9a6882;font-size:9px;font-weight:800;letter-spacing:.13em;margin-bottom:9px}
.hf-plant-detail-copy strong{color:#39243b;font:normal 25px/1.12 Georgia,serif}
.hf-plant-detail-copy p{font-size:12px;line-height:1.68;color:#716371;margin:9px 0 0}
.hf-growth-extent-panel{margin-top:18px;border:1px solid #eee1e9;padding:16px;background:#fdfafc}
.hf-growth-extent-panel>div:first-child{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}
.hf-growth-extent-panel span{color:#96718b;font-size:9px;letter-spacing:.13em;font-weight:800}
.hf-growth-extent-panel strong{font-size:11px;color:#50324a}
.hf-growth-track{width:100%;height:8px;background:#eadfe6;overflow:hidden;margin-top:13px;border-radius:8px}
.hf-growth-track>div{background:linear-gradient(90deg,#c98fa8,#633954);height:100%;width:24%;border-radius:8px;transition:width .65s}
@media(max-width:1180px){.hf-growth-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hf-growth-photo{min-height:350px}}
@media(max-width:850px){.hf-growth-layout{grid-template-columns:1fr}.hf-growth-photo{aspect-ratio:1.5;min-height:0}.hf-plant-detail-card{grid-template-columns:minmax(0,.55fr) minmax(0,1fr)}}
@media(max-width:560px){.hf-garden-photo-mode{padding:12px}.hf-garden-photo-mode .hf-plan-top{font-size:8px}.hf-growth-photo{aspect-ratio:1.12}.hf-target-name{font-size:8px;padding:5px}.hf-target-boom{left:32%;top:31%}.hf-target-gras{left:72%;top:51%}.hf-target-vast{left:46%;top:62%}.hf-garden-photo-mode[data-year="7"] .hf-target-boom{--extent:145px}.hf-garden-photo-mode[data-year="7"] .hf-target-gras{--extent:125px}.hf-garden-photo-mode[data-year="7"] .hf-target-vast{--extent:130px}.hf-garden-photo-mode[data-year="3"] .hf-target-boom{--extent:105px}.hf-garden-photo-mode[data-year="3"] .hf-target-gras{--extent:85px}.hf-garden-photo-mode[data-year="3"] .hf-target-vast{--extent:90px}.hf-growth-photo-caption{padding:34px 13px 14px}.hf-growth-photo-caption strong{font-size:27px}.hf-growth-photo-tools{align-items:flex-start}.hf-photo-tools-left{font-size:10px}.hf-plant-detail-card{grid-template-columns:42% 58%}.hf-plant-detail-copy{padding:14px 12px}.hf-plant-detail-copy strong{font-size:20px}.hf-plant-detail-copy p{font-size:10px}.hf-plant-detail-photo{min-height:170px}}
@media(prefers-reduced-motion:reduce){.hf-target-extent,.hf-growth-track>div{transition:none!important}}
/* Mobiel: genummerde fotopunten blijven bedienbaar zonder over de beschrijving te vallen. */
@media(max-width:560px){.hf-growth-photo .hf-target-name{display:none}.hf-growth-photo-caption{z-index:2}.hf-growth-photo-caption small{font-size:8px}.hf-growth-photo-caption strong{font-size:26px}.hf-growth-photo-caption span{font-size:10px}.hf-growth-target.is-active .hf-target-core{background:#59344d}}
@media(max-width:560px){.hf-growth-photo-caption small{display:none}}


/* D16: de vier seizoenen blijven beschikbaar binnen dezelfde groeibeleving. */
.hf-growth-seasons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 0 13px}
.hf-growth-seasons button{appearance:none;min-width:0;background:#f8f1f5;border:1px solid #e6d3de;padding:12px 8px;color:#603f58;font-size:12px;font-weight:800;transition:background .18s,border-color .18s,color .18s}
.hf-growth-seasons button:hover{background:#f1e5ed;border-color:#b87595}
.hf-growth-seasons button.is-active{background:#59344d;color:#fff;border-color:#59344d}
.hf-growth-seasons button:focus-visible{outline:3px solid #b87292;outline-offset:2px}
.hf-growth-season-indicator{position:absolute;z-index:2;top:15px;right:17px;background:#20121dbb;backdrop-filter:blur(6px);display:flex;gap:9px;align-items:center;padding:8px 10px;border:1px solid #ffffff50;pointer-events:none}
.hf-growth-season-indicator span{font-size:8px;letter-spacing:.11em;color:#f2ccdd;font-weight:800}
.hf-growth-season-indicator strong{font-size:10px;letter-spacing:.1em;color:#fff}
.hf-growth-photo>img{transition:opacity .2s ease}
@media(max-width:560px){.hf-growth-seasons{gap:4px}.hf-growth-seasons button{padding:11px 2px;font-size:10px}.hf-growth-season-indicator{top:9px;right:8px;padding:6px 8px}.hf-growth-season-indicator span{display:none}}
@media(prefers-reduced-motion:reduce){.hf-growth-seasons button,.hf-growth-photo>img{transition:none!important}}