:root{--ink:#202823;--paper:#f5f4ef;--green:#b8d277;--muted:#6c746d;--line:#d8dcd3;--display:'Barlow Condensed',Impact,sans-serif;--body:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;width:100%;height:100%;object-fit:cover}a,button{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #64852f;outline-offset:6px}.skip{position:fixed;left:20px;top:-80px;background:var(--green);padding:12px;z-index:10}.skip:focus{top:10px}.topline{height:33px;padding:0 5%;background:var(--ink);color:#d4dacd;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.7px}.topline i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:8px}.header{height:99px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);gap:35px}.brand{font-size:43px;line-height:.9;font-weight:800;letter-spacing:-2px}.brand span{display:block;font-size:8px;letter-spacing:2.7px;margin-top:10px;font-weight:700}.header nav{display:flex;align-items:center;gap:35px;font-size:12px;font-weight:600}.header nav>a:not(.nav-contact):hover{color:#6b823f}.nav-contact{padding:13px 20px;border:1px solid var(--ink)}.nav-contact span{padding-left:25px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.08fr 1fr;min-height:660px}.hero-copy{padding:56px 8% 23px 9.3%;display:flex;flex-direction:column}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;margin:0 0 23px;line-height:1.5}.hero .eyebrow{display:flex;align-items:center;gap:10px;font-size:9px}.hero .eyebrow>span{height:6px;width:6px;background:#74904e}h1,h2,h3,p{margin-top:0}h1,h2,.installation h3{font-family:var(--display);font-weight:600;letter-spacing:-1px;line-height:.98}h1{font-size:clamp(62px,6.8vw,110px);margin-bottom:24px}em{font-style:normal;color:#7d974f}.hero-description{max-width:395px;color:var(--muted);font-size:14px;line-height:1.8;margin-bottom:27px}.hero-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:12px;font-weight:600;padding:16px 22px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.green{background:var(--green)}.green:hover{background:#aac465}.text-link{font-size:12px;font-weight:600;border-bottom:1px solid #9fa697;padding:7px 0}.text-link span{margin-left:15px}.hero-bottom{margin-top:auto;padding-top:45px;display:flex;align-items:end;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1.3px;line-height:1.5;color:var(--muted)}.hero-bottom a span{margin-left:14px;font-size:18px}.hero-visual{position:relative;min-height:660px;overflow:hidden;background:#566252}.hero-visual>img{position:absolute;object-position:center 65%}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#18271f35,transparent 40%,#18271f99)}.visual-label{position:absolute;top:26px;left:25px;right:25px;display:flex;justify-content:space-between;color:white;font-size:8px;letter-spacing:1.5px;z-index:1}.image-note{position:absolute;bottom:78px;left:30px;display:flex;align-items:center;gap:14px;color:white;z-index:1;font-size:18px;line-height:1.4}.note-icon{font-size:26px;border:1px solid #ffffff80;padding:10px 18px}.image-note strong{font-weight:500}.image-caption{position:absolute;bottom:0;left:0;right:0;z-index:1;background:var(--ink);color:white;padding:18px 27px;font-size:9px;letter-spacing:1.4px;display:flex;justify-content:space-between}.image-caption span{color:var(--green)}.material-strip{padding:24px 5%;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);gap:20px;font-size:10px;font-weight:600;letter-spacing:1px}.material-strip b{color:#84936c;margin-right:18px;font-weight:500}.section{padding:90px 5%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:40px}h2{font-size:clamp(43px,4.4vw,65px);margin-bottom:0}.section-heading>p{max-width:335px;font-size:13px;color:var(--muted);margin-bottom:3px}.solution-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:25px}.product{display:block;min-width:0}.product-art{height:265px;position:relative;overflow:hidden;background:#c9cdc2}.product-art img{object-position:center 95%;height:200%;position:absolute;bottom:0;transition:transform .6s}.product:hover .product-art img{transform:scale(1.035)}.tag,.concept{position:absolute;top:17px;left:17px;z-index:1;font-size:8px;letter-spacing:1px;padding:6px 9px}.tag{background:var(--paper)}.concept{color:#fff;background:#20282360}.product-title{display:flex;gap:13px;align-items:start;margin:23px 0 13px}.number{font-size:10px;color:var(--muted);padding-top:5px}.product-title h3{font-size:22px;line-height:1.2;font-weight:500;letter-spacing:-.5px;margin-bottom:0}.round-arrow{margin-left:auto;border:1px solid #b5bcaf;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;transition:background .2s}.product:hover .round-arrow{background:var(--green)}.product>p{font-size:12px;line-height:1.8;color:var(--muted);max-width:340px}.product-meta{font-size:8px;letter-spacing:1px;display:block;margin-top:22px;padding-top:16px;border-top:1px solid var(--line)}.playground-art{background:#728575}.play-circle{position:absolute;border:24px solid #b5bf8b;border-radius:50%;width:180px;height:180px}.play-circle.one{top:75px;left:-45px}.play-circle.two{width:130px;height:130px;right:-30px;top:-40px;border-width:38px;border-color:#d7c7a3}.play-circle.three{width:40px;height:40px;border:0;background:#d7c7a3;left:64%;top:90px}.play-path{position:absolute;left:40%;top:120px;border:23px solid #d7c7a3;width:240px;height:240px;border-radius:42%;transform:rotate(-40deg)}.track-art{background:#a55f4c}.lane{position:absolute;left:22%;top:-120px;width:380px;height:520px;border:3px solid #eeddd1;border-radius:46%;transform:rotate(35deg)}.lane-two{left:44%;top:-94px}.lane-three{left:66%;top:-68px}.track-number{position:absolute;left:35%;top:85px;color:#edddcf;transform:rotate(35deg);font-family:var(--display);font-size:75px}.installation{grid-column:1/-1;background:#e8ebe1;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:40px;padding:30px 35px;margin-top:15px}.installation .eyebrow{font-size:8px;margin-bottom:12px}.installation h3{font-size:35px;margin:0}.installation>p{font-size:12px;color:var(--muted);margin:0}.outline{border:1px solid #a7b198;white-space:nowrap}.about{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:var(--ink);color:var(--paper)}.about-image{position:relative;min-height:480px}.about-image img{position:absolute;inset:0}.photo-caption{position:absolute;left:0;bottom:0;background:var(--green);color:var(--ink);font-size:8px;letter-spacing:1px;padding:12px 18px}.about-copy{padding:20px 0}.about .eyebrow{color:var(--green)}.about h2{margin-bottom:28px}.about h2 em{color:var(--green)}.about-copy>p:not(.eyebrow){font-size:13px;max-width:430px;color:#b9c0b7}.about-detail{margin-top:30px;display:grid;grid-template-columns:90px 1fr;gap:13px;padding-top:22px;border-top:1px solid #ffffff25;font-size:11px}.about-detail>span{font-size:8px;color:#99a58f;letter-spacing:1px}.about-detail strong{font-weight:400}.application-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:32px}.application-grid figure{margin:0}.application-grid figure:nth-child(2){padding-top:60px}.application-photo{height:400px;overflow:hidden}.application-photo img{object-position:center 78%;transition:transform .6s}.application-photo:hover img{transform:scale(1.03)}figcaption{display:flex;justify-content:space-between;padding-top:17px}figcaption div>span{font-size:8px;letter-spacing:1.2px;color:var(--muted)}figcaption h3{font-size:16px;font-weight:500;margin:5px 0 0}figcaption>span{font-size:22px}.process{display:grid;grid-template-columns:1fr 1fr;gap:8%;border-top:1px solid var(--line)}.process .text-link{display:inline-block;margin-top:25px}.steps article{border-top:1px solid var(--line);padding:23px 0;display:grid;grid-template-columns:45px 1fr;gap:10px}.steps article>span{color:#83976a;font-size:12px}.steps h3{font-size:17px;font-weight:500;margin:0 0 8px}.steps p{font-size:12px;color:var(--muted);margin:0;max-width:360px}.contact{background:var(--green);display:flex;align-items:center;justify-content:space-between;gap:40px}.contact h2{font-size:clamp(52px,5.8vw,82px)}.contact h2 em{color:#567138}.contact p:not(.eyebrow){font-size:13px;margin:25px 0 0}.contact-actions{display:flex;flex-direction:column;align-items:center;gap:14px}.dark{background:var(--ink);color:white;min-width:275px}.phone{font-size:24px;font-weight:500;letter-spacing:-.7px}.contact-actions>span{font-size:10px;color:#51653e}footer{padding:50px 5% 20px;background:var(--ink);color:var(--paper)}.footer-top{display:flex;align-items:center;gap:60px;padding-bottom:45px}.footer-top p{font-size:14px;color:#b1bbac;line-height:1.4;margin:0}.footer-top>a:last-child{margin-left:auto;font-size:8px;letter-spacing:1px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff25;padding-top:20px;font-size:8px;letter-spacing:.5px;color:#aeb7a7}.menu-toggle{background:none;border:1px solid var(--line);padding:9px 12px;font-size:10px;gap:15px;align-items:center}@media(min-width:1500px){.hero{min-height:760px}.hero-visual{min-height:760px}.hero-copy{padding-top:75px}.product-art{height:320px}}@media(max-width:1000px){.header nav{gap:18px;font-size:11px}.hero-copy{padding-top:40px}.hero{grid-template-columns:1.05fr 1fr}.hero-visual{min-height:620px}h1{font-size:70px}.hero .eyebrow{font-size:7px}.hero-actions{gap:12px}.hero-bottom{font-size:7px}.hero-bottom a{max-width:90px}.solution-grid{gap:18px}.product-art{height:225px}.product-title h3{font-size:19px}.installation{grid-template-columns:1fr 1.2fr;padding:28px}.installation .button{grid-column:2;justify-self:start}.installation>p{align-self:end}.about{gap:5%}.about h2{font-size:48px}.material-strip{font-size:8px}.material-strip b{margin-right:10px}}@media(max-width:700px){.topline{font-size:7px;letter-spacing:1px;padding:0 6%}.header{height:83px;padding:0 6%;position:relative}.brand{font-size:36px}.brand span{font-size:7px;letter-spacing:2px}.menu-toggle{display:flex}.header nav{display:none;position:absolute;top:83px;left:0;right:0;background:var(--paper);z-index:4;padding:25px 6%;box-shadow:0 15px 20px #20282315;align-items:stretch}.header nav.open{display:flex;flex-direction:column;gap:20px}.nav-contact{display:flex;justify-content:space-between}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:35px 6% 22px}.hero .eyebrow{font-size:8px;margin-bottom:22px}h1{font-size:clamp(66px,13.6vw,96px);letter-spacing:-.6px}.hero-description{font-size:13px;max-width:350px}.hero-actions{gap:22px}.hero-bottom{padding-top:35px;font-size:7px}.hero-bottom a{max-width:none}.hero-visual{min-height:460px}.hero-visual>img{object-position:center 73%}.image-note{bottom:75px;font-size:16px}.material-strip{grid-template-columns:1fr 1fr;gap:16px 12px;padding:23px 6%;font-size:8px}.section{padding:58px 6%}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:22px;font-size:12px}.eyebrow{font-size:9px;margin-bottom:17px}h2{font-size:46px}.solution-grid{grid-template-columns:1fr 1fr;gap:30px 18px}.product.featured{grid-column:1/-1}.featured .product-art{height:310px}.product-art{height:195px}.product-title{gap:7px;flex-wrap:wrap}.product-title h3{font-size:20px}.round-arrow{width:25px;height:25px;font-size:13px}.number{font-size:8px}.product>p{font-size:11px}.product-meta{font-size:7px;line-height:1.6}.installation{grid-template-columns:1fr;gap:22px;padding:27px;margin-top:0}.installation .button{grid-column:auto}.installation h3{font-size:37px}.about{grid-template-columns:1fr;gap:30px}.about-image{min-height:390px}.about-copy{padding:0}.about h2{font-size:49px}.application-grid{grid-template-columns:1fr;gap:30px}.application-grid figure:nth-child(2){padding-top:0}.application-photo{height:370px}.process{grid-template-columns:1fr;gap:35px}.contact{flex-direction:column;align-items:start;gap:35px}.contact h2{font-size:59px}.contact-actions{align-items:start}.contact p:not(.eyebrow){font-size:12px}.footer-top{flex-wrap:wrap;gap:30px}.footer-top p{margin-left:auto}.footer-top>a:last-child{margin-left:0}.footer-bottom{flex-direction:column;gap:12px}.play-path{left:25%}.lane{left:-10%}.lane-two{left:22%}.lane-three{left:54%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
