@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display&display=swap');*{box-sizing:border-box}body{margin:0;font-family:'DM Sans',sans-serif;color:#252923;background:#fff}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}header{padding:27px 7%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #0001;background:#fff}nav{display:flex;gap:28px;font-size:13px;align-items:center}.brand{font-weight:700;font-size:25px;letter-spacing:-1px}.button{background:#273f36;color:white;border:0;padding:14px 22px;display:inline-block;font-size:13px;border-radius:3px}h1{font-weight:500;font-size:58px;letter-spacing:-2px;line-height:1.07;margin:20px 0}p{line-height:1.8}.eyebrow{font-size:11px;letter-spacing:1.5px}.demo-notice{font-size:10px;padding:8px;text-align:center;background:#f2f1eb;color:#63695b}section{padding:65px 7%}.demo-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;padding-top:55px;padding-bottom:55px;gap:50px}.demo-hero p{max-width:420px;font-size:15px;color:#697166;margin-bottom:27px}.demo-hero img{width:100%;height:445px;object-fit:cover}.facts{display:flex;justify-content:center;gap:90px;padding:22px;font-size:12px;border-top:1px solid #0001;border-bottom:1px solid #0001}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}h2{font-size:29px;font-weight:500;letter-spacing:-.8px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product{border:1px solid #e5e6df;padding:20px}.product img{width:100%;height:210px;object-fit:cover}.product h3{font-size:16px}.product p{font-size:12px;color:#6a7067}.product button{width:100%}.price{float:right}.list{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.list article{border-top:1px solid #d0d7cd;padding:22px 0}.list p{font-size:13px;color:#636f65}.list h3{font-size:20px;font-weight:500}.photohero{position:relative;padding:0;height:580px;background:#293d32}.photohero>img{width:100%;height:100%;object-fit:cover;object-position:50% 60%}.photohero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10261bd1,transparent)}.photohero>div{position:absolute;z-index:1;top:105px;left:7%;color:white;max-width:600px}.photohero h1{font:normal 65px/1.05 'DM Serif Display',Georgia,serif}.photohero p{max-width:400px;color:#e3e9df;font-size:14px}.photohero .button{background:#eee8dc;color:#263a2d;margin-top:10px}.buildbrand{font-size:22px;letter-spacing:-.8px}.buildbrand small{display:block;font-size:8px;font-weight:400;letter-spacing:2px;margin-top:5px}.opto-logo{width:175px}.optohero{background:#f3f6f5}.optohero h1{font-size:54px;max-width:510px}.optohero .button{background:#a5b92a;color:#142316}.optohero img{height:405px;object-position:76% center}.optohero .eyebrow{color:#64753a}.opto-services{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.opto-services article{padding:30px;background:#f1f5f3}.opto-services p{font-size:13px;color:#6b776d}.opto-services h3{font-size:19px;font-weight:500}.bottom{background:#20392d;color:white}.bottom h2{max-width:600px}.bottom p{font-size:14px}.form{display:flex;gap:10px;flex-wrap:wrap}.form input{border:1px solid #b5c4b6;padding:14px;min-width:220px;background:white;border-radius:3px}.form button{background:#e6eddb;color:#20392d}.confirmation{font-size:13px;color:#d8e6cc}footer{padding:25px 7%;display:flex;justify-content:space-between;font-size:11px;color:#7c8578}.candy header .brand{font:normal 25px 'DM Serif Display',serif;letter-spacing:0}.candy .demo-hero{background:#eaf2f7}.candy h1{font:normal 60px/1.02 'DM Serif Display',serif;letter-spacing:-1px;max-width:530px;color:#183f55}.candy .button{background:#1b4b65}.candy .demo-hero img{border-radius:0;object-position:50% 65%}.candy .facts{color:#244b5e;background:#f6f9fa}.cart{border:0;background:transparent;font-size:13px}.cartnote{background:#183f55;color:#fff;padding:15px 7%;margin:0;font-size:13px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:750px){header{padding:20px 6%}nav a:not(.button){display:none}nav{gap:12px}.demo-hero{grid-template-columns:1fr;padding:35px 6%;gap:20px}h1,.candy h1,.optohero h1{font-size:42px}.demo-hero img{height:300px}.facts{gap:15px;font-size:10px;flex-wrap:wrap}.product-grid,.list,.opto-services{grid-template-columns:1fr}.photohero{height:590px}.photohero h1{font-size:49px}.photohero>div{top:100px;max-width:85%}.opto-logo{width:145px}.optohero img{height:270px}.product img{height:300px}section{padding:45px 6%}.form input{width:100%}footer{gap:20px}}
