#tm-home-hulp{--hh-green:#3c9948;--hh-orange:#f58220;--hh-blue:#00aeef;--hh-ink:#183a28;--hh-cut:28px;padding:48px 24px 64px;scroll-margin-top:140px;background:#fff;color:var(--hh-ink);font-family:Inter,Arial,sans-serif;isolation:isolate}
#tm-home-hulp *{box-sizing:border-box}
#tm-home-hulp .hh-wrap{max-width:1280px;margin:0 auto}
#tm-home-hulp .hh-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin:0 0 28px}
#tm-home-hulp h2{margin:0;font:800 clamp(34px,3.3vw,46px)/1.05 Kanit,Arial,sans-serif;letter-spacing:-.8px;color:var(--hh-green)}
#tm-home-hulp .hh-intro{max-width:440px}
#tm-home-hulp .hh-intro .hh-pause{margin-top:8px;margin-left:auto}
#tm-home-hulp:not(.hh-ready) *{animation:none!important}
#tm-home-hulp .hh-heading p{max-width:440px;margin:0;font-size:15px;line-height:1.65;color:#506054}
#tm-home-hulp h3{margin:0;font:800 29px/1.12 Kanit,Arial,sans-serif;letter-spacing:-.35px}
#tm-home-hulp p{margin:0}
#tm-home-hulp .hh-stories{display:grid;grid-template-columns:1fr 1fr;gap:20px}
#tm-home-hulp .hh-story{position:relative;min-width:0;height:410px;overflow:hidden;clip-path:polygon(0 0,calc(100% - var(--hh-cut)) 0,100% var(--hh-cut),100% 100%,var(--hh-cut) 100%,0 calc(100% - var(--hh-cut)))}
#tm-home-hulp .hh-measure{background:#287636;color:white}
#tm-home-hulp .hh-think{background:#edf6f9}
#tm-home-hulp .hh-story-copy{position:relative;z-index:2;padding:30px 32px;max-width:100%}
#tm-home-hulp .hh-story-copy p{margin-top:8px;font-size:14px;line-height:1.6;max-width:340px}
#tm-home-hulp .hh-person{position:absolute;display:block;object-fit:contain;object-position:bottom;pointer-events:none}
#tm-home-hulp .hh-measure .hh-person{height:338px;width:290px;bottom:-54px;left:8px}
#tm-home-hulp .hh-think .hh-person{height:475px;width:260px;bottom:-93px;right:-1px}
#tm-home-hulp .hh-think:before{content:"";position:absolute;width:240px;height:270px;right:18px;bottom:-80px;background:var(--hh-orange);clip-path:polygon(0 0,75% 0,100% 22%,100% 100%,25% 100%,0 77%);transform:rotate(-7deg)}
#tm-home-hulp .hh-materials{position:absolute;z-index:2;right:28px;top:154px;width:254px;background:white;color:var(--hh-ink);padding:20px 22px;box-shadow:0 10px 32px #12381a26;border-radius:12px;transform:rotate(2deg)}
#tm-home-hulp .hh-materials strong{display:block;font-size:14px;line-height:1.4;margin-bottom:12px}
#tm-home-hulp .hh-materials ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
#tm-home-hulp .hh-materials li{display:flex;align-items:center;gap:9px;font-size:13px;line-height:1.25}
#tm-home-hulp .hh-check{width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;background:#edf7ed;color:#287636;border-radius:50%;font-size:12px;font-weight:700}
#tm-home-hulp .hh-materials small{display:block;margin-top:15px;padding-top:12px;border-top:1px solid #e4ece3;font-size:11px;color:#5b715f}
#tm-home-hulp .hh-think .hh-story-copy{max-width:440px}
#tm-home-hulp .hh-questions{position:absolute;left:32px;bottom:67px;z-index:2;width:260px;display:grid;justify-items:start;gap:11px}
#tm-home-hulp .hh-question{background:white;border:1px solid #e2eaec;border-radius:11px 11px 11px 1px;padding:13px 16px;font-size:13px;line-height:1.4;box-shadow:0 4px 14px #16352208}
#tm-home-hulp .hh-question:nth-child(2){margin-left:24px;background:var(--hh-ink);color:white;border-color:var(--hh-ink)}
#tm-home-hulp .hh-help-link{margin-top:5px;color:var(--hh-ink);font-size:13px;font-weight:650;text-underline-offset:5px}
#tm-home-hulp .hh-calculators{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:20px}
#tm-home-hulp .hh-calculator{--hh-cut:20px;display:flex;flex-direction:column;min-width:0;background:#f3f6f0;clip-path:polygon(0 0,calc(100% - var(--hh-cut)) 0,100% var(--hh-cut),100% 100%,var(--hh-cut) 100%,0 calc(100% - var(--hh-cut)));position:relative}
#tm-home-hulp .hh-calculator:nth-child(2){background:#fcf2e4}
#tm-home-hulp .hh-calculator:nth-child(3){background:#eef6fa}
#tm-home-hulp .hh-scene{height:205px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:10px 18px 0}
#tm-home-hulp .hh-card-copy{padding:8px 28px 28px;display:flex;flex-direction:column;flex:1}
#tm-home-hulp .hh-card-copy h3{font-size:25px;color:var(--hh-ink);margin-bottom:10px}
#tm-home-hulp .hh-card-copy p{font-size:13px;line-height:1.65;color:#4e6053;margin-bottom:19px;max-width:34em}
#tm-home-hulp .hh-cta{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;margin-top:auto;padding:14px 16px;background:white;color:var(--hh-ink);font:italic 800 15px/1.3 Kanit,Arial,sans-serif;text-decoration:none;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));transition:background .18s,color .18s}
#tm-home-hulp .hh-cta:hover{background:var(--hh-blue);color:var(--hh-ink)}
#tm-home-hulp .hh-cta:focus-visible{outline:none;background:#d9f4fe;box-shadow:inset 0 0 0 3px var(--hh-ink)}
#tm-home-hulp .hh-cta svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;flex:none}
#tm-home-hulp a:not(.hh-cta):focus-visible,#tm-home-hulp button:focus-visible{outline:3px solid var(--hh-blue);outline-offset:4px}
#tm-home-hulp .hh-fence{width:286px;position:relative;padding-top:22px}
#tm-home-hulp .hh-dimension{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:#506654;justify-content:center}
#tm-home-hulp .hh-dimension:before,#tm-home-hulp .hh-dimension:after{content:"";height:6px;border-top:1px solid #96aa95;border-left:1px solid #96aa95;flex:1;transform:translateY(3px)}
#tm-home-hulp .hh-dimension:after{border-left:0;border-right:1px solid #96aa95}
#tm-home-hulp .hh-fence-build{display:flex;height:88px;gap:0;align-items:center;margin-top:14px;filter:drop-shadow(0 7px 5px #3b4c2320)}
#tm-home-hulp .hh-post{height:98px;background:#33403a;width:7px;flex:0 0 7px;border-right:2px solid #65706a;border-radius:2px 2px 0 0}
#tm-home-hulp .hh-panel{background:repeating-linear-gradient(0deg,#997750 0px,#b18c63 8px,#745434 9px,#866442 11px);height:85px;flex:1;border-top:3px solid #454b40;border-bottom:3px solid #454b40;transform-origin:bottom;animation:hh-assemble 8s ease-in-out infinite}
#tm-home-hulp .hh-panel:nth-of-type(4){animation-delay:.25s}
#tm-home-hulp .hh-panel:nth-of-type(6){animation-delay:.5s}
#tm-home-hulp .hh-scene-note{position:absolute;bottom:5px;text-align:center;font-size:10px;color:#526353;left:0;right:0}
#tm-home-hulp .hh-deck{width:230px;height:124px;transform:perspective(500px) rotateX(32deg) rotateZ(-12deg);display:flex;gap:4px;position:relative;filter:drop-shadow(0 12px 5px #70592d21)}
#tm-home-hulp .hh-deck i{display:block;flex:1;background:repeating-linear-gradient(90deg,#a8875b 0px,#bd9f76 2px,#ac8d64 4px,#b99a70 6px);border-bottom:5px solid #856640;transform-origin:bottom;animation:hh-plank 8s ease-in-out infinite;animation-delay:calc(var(--i) * .14s)}
#tm-home-hulp .hh-deck-label{position:absolute;background:white;border:1px solid #ecdfc9;padding:9px 13px;font-size:12px;border-radius:7px;right:7px;bottom:18px;box-shadow:0 3px 12px #7153200b}
#tm-home-hulp .hh-gravel-box{width:275px;background:white;padding:18px 20px;border:1px solid #dce7eb;border-radius:11px;box-shadow:0 8px 22px #0b63830a}
#tm-home-hulp .hh-gravel-inputs{display:flex;gap:12px;margin-bottom:15px}
#tm-home-hulp .hh-gravel-inputs div{flex:1}
#tm-home-hulp .hh-gravel-inputs span{display:block;font-size:10px;color:#657b83;margin-bottom:6px}
#tm-home-hulp .hh-gravel-inputs b{display:block;font-size:18px;font-weight:650;padding:9px 10px;border:1px solid #dfe9ec;border-radius:5px;font-variant-numeric:tabular-nums}
#tm-home-hulp .hh-gravel-result{background:#e9f7fc;padding:11px 12px;display:flex;justify-content:space-between;gap:10px;align-items:center;border-radius:5px;font-size:12px}
#tm-home-hulp .hh-gravel-result b{font-size:21px;color:#007cae;font-variant-numeric:tabular-nums}
#tm-home-hulp .hh-links-row{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-top:28px;padding-top:22px;border-top:1px solid #e5ece3}
#tm-home-hulp .hh-assortment{scroll-margin-top:160px;max-width:1000px}
#tm-home-hulp .hh-assortment strong{display:block;font-size:13px;margin-bottom:11px}
#tm-home-hulp .hh-assortment nav{display:flex!important;flex-wrap:wrap;gap:9px 20px}
#tm-home-hulp .hh-assortment a{font-size:12px;color:#526653;text-decoration:underline;text-decoration-color:#b7c9b5;text-underline-offset:4px}
#tm-home-hulp .hh-assortment a:hover{color:#287636;text-decoration-color:currentColor}
#tm-home-hulp .hh-pause{display:flex;align-items:center;gap:7px;flex-shrink:0;padding:7px 0;border:0;background:none;color:#526353;font:400 11px/1.4 Inter,Arial,sans-serif;cursor:pointer}
#tm-home-hulp .hh-pause[hidden]{display:none}
#tm-home-hulp .hh-pause svg{width:12px;height:12px;fill:currentColor}
#tm-home-hulp .hh-materials .hh-check{animation:hh-check 8s ease-in-out infinite;animation-delay:calc(var(--i) * .25s)}
#tm-home-hulp .hh-question{animation:hh-question 8s ease-in-out infinite}
#tm-home-hulp .hh-question:nth-child(2){animation-delay:.5s}
#tm-home-hulp.hh-still *{animation-play-state:paused!important}
@keyframes hh-assemble{0%,6%{opacity:.3;transform:scaleY(.5) translateY(8px)}22%,89%{opacity:1;transform:scaleY(1) translateY(0)}100%{opacity:.3;transform:scaleY(.5) translateY(8px)}}
@keyframes hh-plank{0%,5%{opacity:.25;transform:translateY(-16px)}24%,87%{opacity:1;transform:translateY(0)}100%{opacity:.25;transform:translateY(-16px)}}
@keyframes hh-check{0%,5%{opacity:.4;transform:scale(.75)}20%,88%{opacity:1;transform:scale(1)}100%{opacity:.4;transform:scale(.75)}}
@keyframes hh-question{0%,8%{transform:translateY(5px)}22%,90%{transform:translateY(0)}100%{transform:translateY(5px)}}
@media(min-width:1000px) and (max-width:1190px){#tm-home-hulp .hh-materials{right:20px;width:225px;padding:18px}#tm-home-hulp .hh-measure .hh-person{left:-24px}#tm-home-hulp .hh-questions{width:235px;left:26px}#tm-home-hulp .hh-think .hh-person{right:-15px;height:350px;width:191px;bottom:-89px}#tm-home-hulp .hh-card-copy{padding:8px 23px 25px}}
@media(max-width:999px){#tm-home-hulp .hh-story{height:430px}#tm-home-hulp .hh-story-copy{padding:25px}#tm-home-hulp .hh-story h3{font-size:25px;max-width:300px}#tm-home-hulp .hh-story-copy p{font-size:13px;max-width:270px}#tm-home-hulp .hh-materials{width:198px;right:19px;top:191px;padding:16px}#tm-home-hulp .hh-measure .hh-person{height:300px;width:260px;left:-53px;bottom:-46px}#tm-home-hulp .hh-think .hh-person{right:-19px;height:340px;width:185px;bottom:-85px}#tm-home-hulp .hh-questions{left:22px;bottom:65px;width:191px}#tm-home-hulp .hh-question{font-size:11px;padding:10px 12px}#tm-home-hulp .hh-question:nth-child(2){margin-left:12px}#tm-home-hulp .hh-help-link{font-size:12px}#tm-home-hulp .hh-calculators{gap:12px}#tm-home-hulp .hh-scene{margin:0 12px;height:172px}#tm-home-hulp .hh-card-copy{padding:12px 18px 22px}#tm-home-hulp .hh-card-copy h3{font-size:22px}#tm-home-hulp .hh-card-copy p{font-size:12px}#tm-home-hulp .hh-cta{font-size:13px;padding:12px}#tm-home-hulp .hh-fence{width:100%}#tm-home-hulp .hh-deck{width:160px;height:95px}#tm-home-hulp .hh-deck-label{font-size:10px;right:0}#tm-home-hulp .hh-gravel-box{padding:12px;width:100%}#tm-home-hulp .hh-gravel-inputs{gap:6px;margin-bottom:9px}#tm-home-hulp .hh-gravel-inputs b{font-size:15px;padding:8px}#tm-home-hulp .hh-gravel-result{font-size:10px;padding:8px}#tm-home-hulp .hh-gravel-result b{font-size:17px}}
@media(max-width:700px){#tm-home-hulp{padding:34px 18px 42px;--hh-cut:23px}#tm-home-hulp .hh-heading{display:block;margin-bottom:22px}#tm-home-hulp h2{font-size:36px}#tm-home-hulp .hh-heading p{margin-top:14px;max-width:440px;font-size:14px}#tm-home-hulp .hh-stories{grid-template-columns:1fr;gap:16px}#tm-home-hulp .hh-story{height:400px}#tm-home-hulp .hh-story-copy{padding:25px}#tm-home-hulp .hh-story h3{font-size:27px;max-width:none}#tm-home-hulp .hh-measure .hh-person{height:300px;width:245px;left:-28px;bottom:-39px}#tm-home-hulp .hh-materials{right:19px;top:178px;width:198px}#tm-home-hulp .hh-think .hh-person{right:0;height:370px;width:202px;bottom:-140px}#tm-home-hulp .hh-questions{left:24px;bottom:48px;width:181px}#tm-home-hulp .hh-calculators{grid-template-columns:1fr;gap:16px;margin-top:16px}#tm-home-hulp .hh-calculator{display:grid;grid-template-columns:1fr}#tm-home-hulp .hh-scene{height:196px;margin:10px 25px 0}#tm-home-hulp .hh-card-copy{padding:10px 25px 25px}#tm-home-hulp .hh-card-copy h3{font-size:26px}#tm-home-hulp .hh-card-copy p{font-size:14px;margin-bottom:18px}#tm-home-hulp .hh-cta{font-size:15px;padding:14px 17px}#tm-home-hulp .hh-fence{width:280px}#tm-home-hulp .hh-deck{width:215px;height:120px}#tm-home-hulp .hh-deck-label{font-size:12px;right:12px}#tm-home-hulp .hh-gravel-box{width:276px;padding:18px}#tm-home-hulp .hh-gravel-inputs{gap:12px;margin-bottom:12px}#tm-home-hulp .hh-gravel-inputs b{font-size:18px;padding:9px}#tm-home-hulp .hh-gravel-result{font-size:12px;padding:11px}#tm-home-hulp .hh-gravel-result b{font-size:21px}#tm-home-hulp .hh-links-row{display:block;margin-top:23px}#tm-home-hulp .hh-pause{margin-top:20px;min-height:36px}#tm-home-hulp .hh-assortment nav{gap:12px 17px}#tm-home-hulp .hh-assortment a{font-size:13px}}
@media(max-width:370px){#tm-home-hulp .hh-materials{right:14px;width:184px;padding:14px}#tm-home-hulp .hh-measure .hh-person{left:-45px}#tm-home-hulp .hh-think .hh-person{right:-29px}#tm-home-hulp .hh-questions{left:20px;width:184px}}
@media(prefers-reduced-motion:reduce){#tm-home-hulp *,#tm-home-hulp *:before,#tm-home-hulp *:after{animation:none!important;transition:none!important}#tm-home-hulp .hh-pause{display:none}}