*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:#303530;background:#fff;font:16px/1.65 Arial,Helvetica,sans-serif}header{border-bottom:1px solid #e8eae5;background:#fff;position:sticky;top:0;z-index:2}nav{max-width:1080px;margin:auto;display:flex;justify-content:center;gap:30px;padding:17px 20px;flex-wrap:wrap}a{color:#547e40;text-decoration:none}nav a{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}nav a:hover{color:#d9943c}main{max-width:1080px;margin:auto;padding:0 30px}.brand{display:block;width:470px;max-width:85%;margin:34px auto 28px}.intro{display:flex;justify-content:center;padding:20px 0 50px}.portrait{width:340px;max-width:100%;display:block}section{padding:43px 0;border-top:1px solid #d9ded5}h2{font-size:25px;font-weight:600;text-align:center;margin:0 0 30px;color:#303b2b}.demos{max-width:780px;margin:auto}.transport{display:flex;align-items:center;gap:17px;padding:9px 16px 23px;color:#598540}.transport button{border:0;background:none;color:#598540;width:26px;height:26px;padding:3px;display:grid;place-items:center;cursor:pointer}.transport button svg{display:block;width:19px;height:19px;fill:currentColor}.transport button .waves{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.transport .track{height:4px;background:#d7dbd4;flex:1;position:relative;cursor:pointer}.track span{display:block;height:4px;background:#69944c;width:0}.transport small{font-size:12px;color:#61675d;white-space:nowrap}.playlist{margin:0;padding:0;list-style:none}.playlist li{margin:0}.playlist button{width:100%;border:0;background:#fff;text-align:left;padding:15px 28px;display:flex;justify-content:space-between;cursor:pointer;font:inherit;color:inherit}.playlist button:hover,.playlist button.active{background:#eaf2e3;color:#416c2d}.playlist .number{color:#92988c;font-size:13px}.videos{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.video{margin:0}.video iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#eef0ec}.video figcaption{font-size:14px;padding-top:10px;color:#666e5f}.about-copy{max-width:780px;margin:auto}.about-copy p{margin:0;white-space:pre-line}.clients{display:flex;justify-content:center;gap:24px 43px;align-items:center;flex-wrap:wrap;padding:0 20px}.clients img{width:105px;height:65px;object-fit:contain}.contact{text-align:center}.contact p{margin:8px 0}.contact p:empty{display:none}.phone{color:#737a6a}.socials{display:flex;justify-content:center;gap:26px;margin-top:25px;font-size:14px}.socials:empty{display:none}footer{text-align:center;padding:22px}.admin-lock{display:inline-flex;opacity:.45;color:#939a93;transition:opacity .2s}.admin-lock:hover,.admin-lock:focus-visible{opacity:1}.admin-lock svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}@media(max-width:700px){main{padding:0 22px}nav{gap:14px 20px;padding:15px 10px}.brand{margin:28px auto}.intro{padding:8px 0 35px}.portrait{width:225px}.videos{grid-template-columns:1fr}.transport{gap:10px;padding-left:4px;padding-right:4px}.clients{gap:20px}.clients img{width:80px}section{padding:32px 0}}
.transport{gap:8px}.transport button,.transport .download{flex:0 0 26px}.transport .download{width:26px;height:26px;padding:3px;display:grid;place-items:center;color:#598540}.transport .download svg{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.transport button .line-icon{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.transport input[type="range"]{-webkit-appearance:none;appearance:none;border:0;padding:0;cursor:pointer}.transport .track{min-width:100px;height:4px;background:linear-gradient(to right,#69944c 0 var(--played,0%),#d7dbd4 var(--played,0%) 100%);border-radius:99px}.transport .volume{flex:0 0 62px;width:62px;height:4px;background:#69944c;border-radius:99px}.transport input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:13px;height:13px;border:1px solid #c8cdc4;border-radius:50%;background:#fff}.transport input[type="range"]::-moz-range-thumb{width:12px;height:12px;border:1px solid #c8cdc4;border-radius:50%;background:#fff}.transport input[type="range"]::-moz-range-track{height:4px;background:transparent}.transport [hidden]{display:none}@media(max-width:600px){.transport{gap:5px}.transport .volume{flex-basis:44px;width:44px}.transport small{font-size:11px}.transport button,.transport .download{flex-basis:23px;width:23px}}
.menu-toggle{display:none;border:0;background:transparent;color:#547e40;width:44px;height:44px;padding:10px;cursor:pointer}.menu-toggle span{display:block;width:24px;height:2px;margin:4px auto;background:currentColor;border-radius:2px;transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
@media(max-width:700px){header{height:58px;display:flex;align-items:center;justify-content:flex-end;padding:0 14px}.menu-toggle{display:block}nav#site-nav{display:none;position:absolute;top:100%;left:0;right:0;max-width:none;margin:0;padding:8px 18px 14px;background:#fff;border-top:1px solid #edf0ea;box-shadow:0 8px 18px #1f2a1820;flex-direction:column;align-items:stretch;gap:0}nav#site-nav.open{display:flex}nav#site-nav a{display:block;padding:11px 10px;text-align:center;border-bottom:1px solid #edf0ea}nav#site-nav a:last-child{border-bottom:0}}
nav a{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:16px;font-weight:400;letter-spacing:normal;color:#589444}
.social-icons{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.social-icons a{display:inline-flex;align-items:center;justify-content:center;min-width:60px;min-height:60px;color:#547e40;text-decoration:none}.social-icons img{display:block;width:60px;height:60px;object-fit:contain;padding:0 5px}.social-icons a:hover{opacity:.75}.social-icons a:focus-visible{outline:2px solid #547e40;outline-offset:2px;border-radius:4px}
body,header,nav#site-nav,.playlist button{background-color:var(--site-background,#fff)}
body.dark-background{color:#f7f8f6}
.dark-background h2,.dark-background nav a,.dark-background .about-copy,.dark-background .contact a,.dark-background .phone,.dark-background .socials a,.dark-background .video figcaption,.dark-background .transport small,.dark-background .playlist button{color:#f7f8f6}
.dark-background .transport,.dark-background .transport button,.dark-background .transport .download,.dark-background .menu-toggle{color:#d6ebc6}
.dark-background .playlist button:hover,.dark-background .playlist button.active{background:#eaf2e3;color:#416c2d}
.dark-background section,.dark-background footer,.dark-background header{border-color:#ffffff55}