/* The new story uses sharp product cutouts. Motion never blurs the equipment. */
.tool-story{background:#e8eadf;color:#203b2a;position:relative}.tool-story.is-scroll{height:420svh}.tool-stage{height:100svh;min-height:740px;max-height:1200px;position:sticky;top:0;overflow:hidden;isolation:isolate;background:linear-gradient(120deg,#edf0e4 25%,#e0e5d7 100%)}
.hero-header{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;gap:32px;height:104px;padding:20px 5.6vw;border-bottom:1px solid #b7c1ae80}.brand{font-size:42px;font-weight:800;letter-spacing:-.08em;text-decoration:none;line-height:1}.brand span{color:#568443}.hero-header .city{font-size:11px;max-width:136px}.hero-header nav{display:flex;gap:32px;margin-left:auto}.hero-header nav a{font-size:12px;text-decoration:none;min-height:44px;display:flex;align-items:center}.hero-header nav a:hover{text-decoration:underline;text-underline-offset:5px}.hero-header .demo{font-size:10px;border:1px solid #a2b297;padding:5px 8px;white-space:nowrap}
.hero-copies{position:absolute;left:5.6vw;top:25%;width:47%;z-index:2;pointer-events:none}.hero-copy{position:absolute;opacity:0;visibility:hidden;transform:translateY(30px);transition:opacity .42s ease,transform .65s cubic-bezier(.16,1,.3,1),visibility .42s}.hero-copy.is-current{opacity:1;visibility:visible;transform:none}.hero-note{font-size:12px;line-height:1.6;margin-bottom:30px;max-width:320px}.hero-copy h1,.hero-copy h2{font-size:clamp(74px,9.6vw,148px);line-height:.94;letter-spacing:-.075em;font-weight:650}.hero-desc{margin-top:28px;font-size:14px;line-height:1.7;max-width:300px}.hero-actions{position:absolute;bottom:15%;left:5.6vw;z-index:4;display:flex;flex-wrap:wrap;align-items:center;gap:22px}.cta{display:flex;align-items:center;justify-content:space-between;gap:36px;background:#204d38;color:#fff;padding:19px 22px;font-size:14px;font-weight:600;text-decoration:none;min-height:60px}.cta:hover{background:#2c5e44}.hero-secondary{font-size:12px;text-decoration:none;min-height:44px;display:flex;align-items:center}.hero-secondary:hover{text-decoration:underline;text-underline-offset:4px}
.tool-portraits{position:absolute;inset:0;z-index:1;pointer-events:none}.tool-portrait{position:absolute;margin:0;right:1.2%;top:14%;width:57%;height:72%;opacity:0;visibility:hidden;transform:translateX(90px) rotate(6deg) scale(.89);transition:transform .85s cubic-bezier(.16,1,.3,1),opacity .5s ease,visibility .5s}.tool-portrait.is-current{opacity:1;visibility:visible;transform:translateY(var(--drift,0px)) rotate(var(--tilt,0deg)) scale(1)}.tool-portrait img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(5px 22px 12px #30422418)}.tool-portrait figcaption{position:absolute;bottom:-16px;right:8%;font-size:10px;letter-spacing:.05em}.tool-portrait[data-tool="3"]{width:62%;right:-2%;top:19%;height:66%}.scene-halo{position:absolute;right:4%;top:17%;width:48%;aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse,#e1e991 0%,#e1e99177 30%,#e1e99100 70%);opacity:.9;transition:transform 1s;z-index:0}.scene-floor{position:absolute;right:4%;bottom:10%;width:52%;height:15%;background:radial-gradient(ellipse,#76876328,transparent 65%);z-index:0}.hero-bottom{position:absolute;bottom:25px;left:5.6vw;right:5.6vw;border-top:1px solid #a9b59e;display:flex;align-items:center;justify-content:space-between;padding-top:18px;gap:24px;z-index:4}.scroll-cue{font-size:11px}.story-counter{font-size:11px;letter-spacing:.05em}.story-tabs{display:flex;gap:8px}.story-tabs button{position:relative;min-height:44px;min-width:50px;background:none;border:0;border-top:2px solid #a9b59e;color:#44573b;font-size:11px;transition:background .2s}.story-tabs button[aria-pressed=true]{border-color:#244931;color:#1c3f27;background:#cbdcbb}.tool-stage a:focus-visible,.tool-stage button:focus-visible{outline-color:#245234}
.benefits{padding-block:112px 90px}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}.benefit-grid article{border-top:1px solid var(--line);padding-top:26px;display:flex;flex-direction:column}.benefit-icon{font-size:40px;line-height:1;color:var(--accent);margin-bottom:35px}.benefit-grid h3{font-weight:600;letter-spacing:-.04em;font-size:27px;line-height:1.2;margin-bottom:15px}.benefit-grid p{font-size:14px;color:var(--muted);max-width:320px}.benefit-foot{font-size:11px;margin-top:auto;padding-top:26px;color:var(--accent)}
.bundle{margin-top:78px;display:grid;grid-template-columns:1.12fr 1fr;background:#d9e89d;color:#203b2a;min-height:435px;overflow:hidden}.bundle-visual{position:relative;isolation:isolate;min-height:430px}.bundle-visual>span{position:absolute;left:6%;bottom:9%;z-index:-1;font-size:clamp(80px,10vw,154px);line-height:1;font-weight:700;letter-spacing:-.08em;color:#bdd17f}.bundle-visual img:first-child{position:absolute;left:1%;top:0;width:84%;height:70%;object-fit:contain;transform:rotate(-18deg);filter:drop-shadow(12px 18px 10px #283a271a)}.bundle-visual img:nth-child(2){position:absolute;right:2%;bottom:5%;width:44%;height:68%;object-fit:contain;filter:drop-shadow(12px 18px 10px #283a2720)}.bundle-copy{padding:48px 45px 40px 20px;align-self:center}.bundle-copy h3{font-size:clamp(32px,3.6vw,54px);font-weight:600;letter-spacing:-.06em;line-height:1.05;margin-bottom:23px}.bundle-copy>p:not(.section-label){font-size:14px;line-height:1.7;max-width:370px}.bundle .section-label{color:#445b37}.bundle .text-button{color:#203b2a;min-width:210px;border-bottom:1px solid #8fa86c;margin-top:16px}.bundle-terms{margin-top:18px;max-width:370px}.bundle-terms summary{font-size:10px;cursor:pointer;padding-block:12px;min-height:44px}.bundle-terms p{font-size:11px;line-height:1.7;margin-top:5px;color:#3d5735}
.brands{padding-block:20px 106px}.brand-heading{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:52px}.brand-heading h2{font-size:clamp(36px,4vw,54px);font-weight:600;letter-spacing:-.055em;line-height:1.08}.brand-heading>p{font-size:13px;color:var(--muted);max-width:370px;width:30%}.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}.brand-grid article{border-top:1px solid var(--line);padding-top:35px;display:flex;flex-direction:column}.brand-grid h3{height:70px;font-size:37px;font-weight:800;line-height:1;letter-spacing:-.035em}.brand-grid h3 small{display:block;font-size:11px;font-weight:500;letter-spacing:.03em;margin-top:8px}.brand-grid .makita{font-size:43px;font-weight:800}.brand-grid .karcher{font-size:35px;font-weight:800;letter-spacing:-.05em}.brand-grid h4{font-size:17px;font-weight:600;margin:24px 0 12px;letter-spacing:-.03em}.brand-grid p{font-size:13px;color:var(--muted);line-height:1.7;max-width:360px}.brand-grid a{display:inline-flex;align-items:center;font-size:11px;text-decoration:none;text-underline-offset:3px;margin-top:auto;padding-top:16px;min-height:44px}.brand-grid a:hover{text-decoration:underline}.brands .catalog-note{margin-top:35px;max-width:750px;line-height:1.7}
.questions-heading h2{font-size:clamp(40px,4.4vw,64px)}.inquiry-section{background:#204d38;color:#f4f5f1;padding-block:84px}.inquiry-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%}.inquiry-intro .section-label{color:#c7d7bf}.inquiry-intro h2{font-size:clamp(44px,5.5vw,78px);line-height:1.06;letter-spacing:-.065em;font-weight:550}.inquiry-intro>p:last-of-type{font-size:15px;line-height:1.7;color:#d5e1cf;margin-top:28px}.inquiry-caption{display:flex;align-items:center;gap:24px;margin-top:60px;padding-top:25px;border-top:1px solid #71917b}.inquiry-caption>span{font-size:45px;font-weight:400;color:#d9e89d}.inquiry-caption p{font-size:12px;line-height:1.7;color:#c7d7bf}.inquiry-panel{min-width:0}.inquiry-panel legend,.contact-label{font-size:12px;display:block;margin-bottom:12px}.contact-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:26px}.contact-channels label{position:relative}.contact-channels input{position:absolute;opacity:0;inset:0;width:100%;height:100%;cursor:pointer}.contact-channels span{display:grid;place-items:center;border:1px solid #a4bba0;padding:12px 8px;font-size:12px;min-height:48px}.contact-channels input:checked+span{background:#d9e89d;color:#203b2a;border-color:#d9e89d}.contact-channels input:focus-visible+span{outline:3px solid #d9e89d;outline-offset:3px}.contact-input{width:100%;font:14px/1.6 Manrope,Arial,sans-serif;background:#183d2c;border:1px solid #8eab92;color:#fff;padding:14px 16px;min-height:52px;border-radius:0;margin-bottom:24px;resize:vertical;display:block}.contact-input::placeholder{color:#b7cbb4}.inquiry-panel .primary-button{background:#d9e89d;color:#203b2a}.inquiry-panel :focus-visible{outline:3px solid #d9e89d;outline-offset:4px}.inquiry-note{font-size:10px;color:#cfddc8;line-height:1.7;margin-top:18px;max-width:390px}.contact-error{font-size:12px;color:#ffdeba;margin:-12px 0 24px}.contact-input[aria-invalid=true]{border:2px solid #ffdeba}.inquiry-panel h3{font-size:36px;font-weight:550;letter-spacing:-.05em;margin-bottom:22px}.inquiry-panel .done-check{background:#d9e89d;color:#203b2a}.inquiry-panel #inquiry-result{font-size:15px;line-height:1.7;max-width:400px}.inquiry-panel #inquiry-again{margin-top:30px}.inquiry-panel #inquiry-done{outline-offset:12px}
.booking>.section-heading h2{font-size:clamp(43px,5vw,72px)}.product-image img{padding:20px!important}.product-image{background:linear-gradient(140deg,#e9ecdf,#dfe5d6)}.booking>.section-heading .section-intro{max-width:280px}.addon-list{display:flex;flex-direction:column}.addon{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:14px;align-items:center;padding:20px 0;border-top:1px solid var(--line);cursor:pointer}.addon input{appearance:none;width:21px;height:21px;border:1px solid var(--control);background:var(--paper);border-radius:2px;cursor:pointer;display:grid;place-items:center}.addon input:checked{background:var(--accent);border-color:var(--accent)}.addon input:checked:after{content:'✓';color:var(--accent-ink);font-size:15px;line-height:1}.addon strong{display:block;font-size:14px;font-weight:550}.addon small{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:4px}.addon b{font-size:14px;letter-spacing:.1em;font-weight:500}.delivery-fields{padding-bottom:22px}.delivery-fields>label{font-size:12px;display:block;margin-bottom:10px}.protection-note{font-size:11px;color:var(--muted);line-height:1.7;padding-top:4px}.protection-note a{display:block;padding-block:6px;min-height:34px;text-underline-offset:3px}.extra-summary{border-top:1px solid #779380;padding-top:18px;margin:0 0 20px}.extra-summary h4{font-size:12px;font-weight:500;margin:0 0 12px}.extra-summary ul{list-style:none;margin:0;padding:0}.extra-summary li{display:flex;justify-content:space-between;gap:15px;font-size:12px;margin-bottom:10px;line-height:1.6}.extra-summary li span:last-child{white-space:nowrap}.extra-summary>p{font-size:10px;line-height:1.7;color:#cfddc8;margin-top:12px}.pickup-summary{font-size:11px;color:#e3eadd;margin:0 0 24px;line-height:1.7}.done-list dd{white-space:pre-line;overflow-wrap:anywhere}
@media(min-width:1800px){.hero-copies{left:max(5.6vw,calc((100vw - 1600px)/2))}.hero-actions{left:max(5.6vw,calc((100vw - 1600px)/2))}.tool-portrait{right:5%;width:52%}}
@media(max-width:1100px){.hero-header{gap:20px;padding-inline:4vw}.hero-header nav{gap:18px}.hero-header .city{display:none}.hero-copies{left:4vw;top:25%;width:49%}.hero-actions{left:4vw;bottom:15%;flex-direction:column;align-items:flex-start;gap:7px}.hero-copy h1,.hero-copy h2{font-size:10vw}.hero-desc{font-size:13px;max-width:260px}.tool-portrait{width:57%;right:-2%;top:19%;height:65%}.hero-bottom{left:4vw;right:4vw}.benefit-grid,.brand-grid{gap:30px}.bundle-copy{padding:34px 28px 28px 8px}.inquiry-layout{gap:6%}.bundle-visual{min-height:390px}}
@media(max-width:700px){.tool-stage{min-height:740px;max-height:940px}.tool-story.is-scroll{height:410svh}.hero-header{height:75px;padding:18px 20px;gap:12px}.brand{font-size:33px}.hero-header nav{display:none}.hero-header .demo{margin-left:auto;font-size:9px}.hero-copies{left:20px;right:20px;top:108px;width:auto}.hero-note{font-size:10px;margin-bottom:15px;max-width:300px}.hero-copy h1,.hero-copy h2{font-size:clamp(56px,17vw,92px);line-height:.96;letter-spacing:-.075em}.hero-desc{display:none}.tool-portrait{right:0;top:34%;width:100%;height:43%;padding-inline:9px}.tool-portrait[data-tool="3"]{width:100%;right:0;top:36%;height:38%;padding-inline:20px}.tool-portrait figcaption{font-size:9px;right:22px;bottom:-2px}.tool-portrait img{filter:drop-shadow(5px 12px 9px #30422414)}.scene-halo{width:100%;right:-2%;top:31%;height:45%}.scene-floor{right:5%;width:90%;bottom:22%;height:10%}.hero-actions{left:20px;right:20px;bottom:11.5%;flex-direction:row;justify-content:space-between;align-items:center;gap:8px}.cta{min-height:52px;padding:14px 16px;gap:18px;font-size:12px}.hero-secondary{font-size:10px;max-width:110px;line-height:1.5}.hero-bottom{left:20px;right:20px;bottom:12px;padding-top:10px;gap:12px}.scroll-cue{font-size:9px;max-width:100px;line-height:1.6}.story-counter{display:none}.story-tabs{gap:5px}.story-tabs button{min-width:33px;min-height:44px;font-size:10px}.benefits{padding-block:66px}.benefit-grid{grid-template-columns:1fr;gap:0}.benefit-grid article{display:grid;grid-template-columns:42px 1fr;gap:12px 15px;padding-block:24px}.benefit-icon{grid-row:1/4;font-size:32px;margin:0}.benefit-grid h3{font-size:24px;margin:0}.benefit-grid p{font-size:13px;max-width:none}.benefit-foot{grid-column:2;font-size:10px;padding-top:0}.bundle{grid-template-columns:1fr;margin-top:30px}.bundle-visual{min-height:260px}.bundle-visual img:first-child{width:80%;height:90%;left:-5%;top:-12%}.bundle-visual img:nth-child(2){right:5%;height:83%;width:38%;bottom:-5%}.bundle-visual>span{font-size:92px;bottom:4%;left:8%}.bundle-copy{padding:28px 24px}.bundle-copy h3{font-size:36px;line-height:1.08}.bundle-copy>p:not(.section-label){font-size:13px}.bundle-copy .section-label{font-size:10px}.bundle .text-button{font-size:13px}.bundle-terms summary{font-size:10px}.brands{padding-block:0 62px}.brand-heading{display:block;margin-bottom:34px}.brand-heading h2{font-size:40px}.brand-heading>p{width:auto;font-size:12px;margin-top:20px;max-width:none}.brand-grid{grid-template-columns:1fr;gap:34px}.brand-grid article{padding-top:28px}.brand-grid h3{height:auto;font-size:33px}.brand-grid .makita{font-size:36px}.brand-grid .karcher{font-size:32px}.brand-grid h4{margin-top:20px;font-size:16px}.brand-grid p{font-size:13px;max-width:none}.brand-grid a{font-size:11px;padding-top:12px}.brands .catalog-note{font-size:10px;margin-top:28px}.questions-heading h2{font-size:42px}.questions{padding-block:65px}.inquiry-section{padding-block:60px}.inquiry-layout{grid-template-columns:1fr;gap:34px}.inquiry-intro h2{font-size:48px}.inquiry-intro>p:last-of-type{font-size:13px;line-height:1.7;margin-top:22px}.inquiry-caption{display:none}.inquiry-note{font-size:10px}.contact-input{font-size:16px}.booking>.section-heading h2{font-size:44px}.product-image img{padding:14px!important}.addon{gap:11px;padding-block:18px}.addon strong{font-size:13px}.addon small{font-size:10px}.addon b{font-size:13px}.pickup-summary{font-size:12px}.protection-note{font-size:11px}.extra-summary li{font-size:13px}.extra-summary>p{font-size:11px}}
@media(max-width:359px){.hero-note{font-size:9px}.hero-copy h1,.hero-copy h2{font-size:54px}.hero-actions{flex-direction:column;align-items:stretch;gap:0;bottom:11%}.hero-secondary{max-width:none;justify-content:center;min-height:34px}.cta{min-height:49px}.tool-portrait{top:32%;height:39%}.tool-portrait figcaption{bottom:-5px}.tool-portrait[data-tool="3"]{top:31%;height:41%}.hero-bottom{gap:8px}.story-tabs{gap:3px}.story-tabs button{min-width:29px}.scroll-cue{font-size:8px;max-width:82px}.bundle-copy{padding:28px 19px}.bundle-copy h3{font-size:31px}.inquiry-intro h2{font-size:43px}.booking>.section-heading h2{font-size:38px}.questions-heading h2{font-size:38px}}
@media(prefers-color-scheme:dark){.bundle .section-label{color:#445b37}.product-image{background:linear-gradient(140deg,#e9ecdf,#dfe5d6)}}
@media(prefers-reduced-motion:reduce){.tool-story.is-scroll{height:auto}.hero-copy,.tool-portrait{transition:none;transform:none!important}.tool-stage{position:relative}.scroll-cue{visibility:hidden}}
@media print{.tool-story.is-scroll{height:auto!important}.tool-stage{position:relative;height:800px}.hero-actions,.story-tabs{display:none}.inquiry-section{break-inside:avoid}.contact-input{color:inherit}}

@media(min-width:360px) and (max-width:700px){.hero-secondary{max-width:none;white-space:nowrap}}
@media(min-width:701px){.hero-copy[data-chapter="4"] h2{font-size:clamp(74px,8.5vw,131px)}}

/* Desktop scene exit is immediate. Only the incoming scene animates,
   preventing two large titles and two tools from occupying the same plane. */
@media(min-width:701px){
 .tool-story:not(.is-horizontal) .hero-copy:not(.is-current),
 .tool-story:not(.is-horizontal) .tool-portrait:not(.is-current){
  transition:none;opacity:0;visibility:hidden;
 }
}
