@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#19302e;--muted:#69746d;--paper:#f7f7f2;--lime:#d7f35d;--line:#dce0d7}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:5px}img{width:100%;height:100%;object-fit:cover}header{height:98px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--paper)}.logo{font-size:27px;font-weight:800;letter-spacing:2px;line-height:1.1}.logo small{display:block;font-size:8px;letter-spacing:3px;margin:7px 0 0 29px}nav{display:flex;gap:32px;font-size:13px}nav a:hover,.under:hover{color:#617f10}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:19px 25px;background:var(--lime);color:var(--ink);border:0;font-weight:600;font-size:13px;cursor:pointer}.button:hover{background:#c7e44a}.button span{font-size:20px}.button.small{background:var(--ink);color:white;padding:14px 20px}.menu{display:none}.hero{height:660px;min-height:580px;position:relative;color:white;overflow:hidden;margin:0 20px}.hero>img{position:absolute;object-position:50% 48%}.herooverlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,26,28,.88),rgba(10,30,32,.35) 70%,rgba(10,30,32,.17))}.herocopy{position:relative;padding:90px 6%}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:block}.herocopy>.eyebrow{color:var(--lime)}h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:500;letter-spacing:-2px;margin:20px 0}h1{font-size:clamp(44px,5.4vw,78px);line-height:1.08}h2{font-size:46px;line-height:1.16}h3{font-size:22px;letter-spacing:-.7px}.herocopy p{color:#d5ddda;line-height:1.8;font-size:16px;margin:24px 0 30px}.actions{display:flex;align-items:center;gap:28px}.textlink{font-size:13px}.herobottom{position:absolute;bottom:28px;left:6%;right:6%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#d8e0dd;border-top:1px solid #ffffff38;padding-top:22px}.vertical{position:absolute;right:28px;top:120px;writing-mode:vertical-rl;letter-spacing:3px;font-size:9px}.introstrip{display:flex;justify-content:space-between;margin:0 6%;padding:30px 0;border-bottom:1px solid var(--line);font-size:13px}.introstrip i{font-style:normal;color:#a5aca2;padding:0 18px}section:not(.hero):not(.cta){padding:80px 6%}.sectionhead{display:flex;align-items:end;justify-content:space-between;margin-bottom:40px}.sectionhead h2{margin-bottom:0}.sectionhead p,p{font-size:14px;line-height:1.8;color:var(--muted)}.under{display:inline-block;font-size:12px;font-weight:600;border-bottom:1px solid var(--ink);padding:8px 0}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.productvisual{height:300px;position:relative;background:linear-gradient(135deg,#e7e8df,#c9cdc4);overflow:hidden;display:flex;align-items:center;justify-content:center}.productvisual:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 45%,#ffffff70 45%,transparent 70%)}.productvisual>span{position:absolute;bottom:15px;left:18px;font-size:8px;letter-spacing:1px}.lift{width:58%;height:76%;display:flex;border:10px solid #6a7169;border-bottom:0;box-shadow:12px 12px 20px #59605240;position:relative;background:#727b75}.lift i{width:50%;background:linear-gradient(100deg,#9aa19b,#d8ddd6 50%,#989f98);border:1px solid #6a746c}.lift b{position:absolute;right:-25px;top:45%;color:#4a5946;background:#c3c9bd;font-size:12px;padding:5px}.p1{background:#e4dacb}.p1 .lift{border-color:#8c7760;width:49%}.p1 .lift i{background:linear-gradient(90deg,#9d8d76,#e4dac6,#ae9e88)}.p2{background:#d2d9d9}.p2 .lift{width:73%;border-color:#657171}.p2 .lift i{background:repeating-linear-gradient(90deg,#9ca7a7 0px,#c4cccc 6px,#a5b0b0 8px)}.p3{background:#d9e4df}.p3 .lift{border:7px solid #84938a;width:50%}.p3 .lift i{background:linear-gradient(110deg,#e4eeeac0,#7e9d9777,#dce7e4);border-color:#819c92}.cardtitle{display:flex;align-items:center;justify-content:space-between}.cardtitle h3{font-size:17px;letter-spacing:-.5px;margin:18px 0 0}.cardtitle>span{margin-top:14px}.product p{font-size:11px;margin:8px 0}.product:hover .lift{transform:translateY(-6px);transition:transform .3s}.split{display:grid;grid-template-columns:1fr 1fr;background:#eeefe7;gap:8%}.architecture{height:570px;position:relative}.architecture>span{position:absolute;bottom:22px;left:24px;color:white;font-size:9px;letter-spacing:2px}.splitcopy{padding:30px 0}.splitcopy>p{max-width:420px}.steps{margin:28px 0}.steps p{display:flex;border-top:1px solid #d2d8cc;padding:14px 0;margin:0;gap:25px}.steps b{font-size:10px;color:#779139}.steps span{font-size:13px;color:var(--ink)}.steps small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.articles{display:grid;grid-template-columns:repeat(2,1fr);gap:25px}.article{border:1px solid var(--line);padding:35px;display:block}.article:hover{background:#edf0e5}.article .eyebrow{color:#718153;display:flex;justify-content:space-between}.article h3{font-size:28px;max-width:470px;margin-top:38px}.article b{display:block;font-size:11px;margin-top:30px}.cta{padding:65px 6%;background:var(--lime);position:relative;overflow:hidden}.cta h2{font-size:62px}.cta .button{position:absolute;right:6%;bottom:70px;background:var(--ink);color:white}.cta:after{content:'↑';position:absolute;font-size:330px;right:32%;top:-90px;color:#19302e0d;pointer-events:none}footer{background:var(--ink);color:#fff;padding:65px 6% 25px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footbrand{font-size:26px;letter-spacing:3px}.footbrand p{font-size:20px;line-height:1.5;letter-spacing:-.5px;color:#d7e0d9}footer b{font-size:11px;color:#b9c6bd;display:block;margin:5px 0 24px}footer a{display:block;font-size:12px;margin:15px 0}.footbottom{grid-column:1/-1;border-top:1px solid #ffffff25;padding-top:23px;display:flex;justify-content:space-between;font-size:9px;color:#afbeb3}.pagetop{padding:65px 6% 50px;background:#e9ece2;font-size:11px}.pagetop h1{max-width:900px;font-size:62px}.pagetop p{max-width:650px}.filters{display:flex;gap:10px;margin-bottom:35px}.filter{border:1px solid #cbd2c4;background:transparent;border-radius:0;padding:10px 24px;cursor:pointer}.filter.active{background:var(--ink);color:white}.note{font-size:12px;color:#72806f;margin-top:28px}.detail{display:grid;grid-template-columns:1fr 1fr;gap:8%}.detail>.productvisual{height:540px}.detail h2{font-size:38px}.detail h3{font-size:22px}.detail li{font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:10px}.prose{max-width:900px;margin:auto;padding:65px 6% 90px}.prose h2{font-size:30px;margin-top:35px}.prose p{font-size:16px}.contactgrid{display:grid;grid-template-columns:1fr 1.2fr;gap:10%}.contactnote{margin-top:35px;border-top:1px solid var(--line);padding-top:25px;font-size:13px}.contactnote p{font-size:12px}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:12px;margin-bottom:22px}input,select,textarea{display:block;width:100%;border:1px solid #cdd4c7;background:#fff;padding:13px;color:var(--ink);margin-top:8px;border-radius:0}textarea{resize:vertical}.check{display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.5}.check input{width:auto;flex:none;margin:2px 0 0}.check a{text-decoration:underline}.skip{position:absolute;top:-100px;z-index:5;background:white;padding:15px}.skip:focus{top:0}[hidden]{display:none!important}
@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:1000px){nav{gap:18px}header{padding:0 4%}.products{grid-template-columns:repeat(2,1fr)}.hero{height:620px}.productvisual{height:330px}.split{gap:5%}.architecture{height:520px}.split h2{font-size:38px}.contactgrid{gap:6%}.hero h1{font-size:64px}}@media(max-width:700px){header{height:80px}.logo{font-size:22px}.logo small{font-size:6px}.button.small{display:none}.menu{display:block;border:0;background:none;font-size:25px}nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--paper);padding:25px;z-index:4;flex-direction:column}nav.open{display:flex}.hero{margin:0 10px;height:620px}.herocopy{padding:80px 7%}.hero h1{font-size:48px}.herocopy p{font-size:14px}.actions{align-items:flex-start;flex-direction:column;gap:22px}.herobottom span:first-child{max-width:180px;line-height:1.8}.herobottom span:last-child{display:none}.vertical{right:15px;top:65px}.introstrip{display:block;padding:25px 0;line-height:2}.introstrip span{display:block}.introstrip i{padding:0 8px}section:not(.hero):not(.cta){padding:50px 6%}.sectionhead{display:block}.sectionhead>div+div,.sectionhead>.under{margin-top:20px}h2{font-size:36px}.products{gap:25px 15px}.productvisual{height:240px}.lift{border-width:7px}.cardtitle h3{font-size:15px}.product p{font-size:10px}.productvisual>span{font-size:6px;left:10px}.split{grid-template-columns:1fr}.architecture{height:390px}.splitcopy{padding:25px 0 0}.articles{grid-template-columns:1fr}.article{padding:25px}.article h3{font-size:25px}.cta{padding:50px 6%}.cta h2{font-size:48px}.cta .button{position:relative;right:auto;bottom:auto}footer{grid-template-columns:1fr 1fr;padding-top:45px;gap:30px}.footbrand{grid-column:1/-1}.footbottom{display:block;line-height:1.8}.footbottom span{display:block;margin-top:10px}.pagetop{padding:45px 6% 35px}.pagetop h1{font-size:42px}.filters{flex-wrap:wrap}.filter{font-size:12px;padding:10px 15px}.detail,.contactgrid{grid-template-columns:1fr;gap:35px}.detail>.productvisual{height:420px}.formrow{grid-template-columns:1fr;gap:0}.contactgrid h2{font-size:36px}.prose{padding:40px 6%}.prose h2{font-size:26px}}
