/* Othermold / additional scroll scenes. All content is visible without JS. */
.sd-enhanced [data-sd-reveal]{opacity:calc(.65 + var(--sd-reveal,1)*.35);transform:translate3d(0,calc((1 - var(--sd-reveal,1))*24px),0)}
.delivery.sd-enhanced .sd-number{opacity:var(--sd-number-opacity,1);transform:translate3d(0,var(--sd-number-y,0px),0) rotate(var(--sd-number-turn,0deg)) scale(var(--sd-number-scale,1));transform-origin:22% 60%}
.delivery.sd-enhanced .sd-delivery-copy{transform:translate3d(calc((1 - var(--sd-reveal,1))*30px),calc((1 - var(--sd-reveal,1))*14px),0)}

.sd-timeline{position:relative;isolation:isolate}
.sd-timeline:after{content:'';height:2px;position:absolute;left:0;right:0;top:-1px;background:#354d1e;transform:scaleX(var(--sd-timeline-progress,1));transform-origin:0 50%;pointer-events:none;z-index:1}
.sd-timeline .sd-step>span,.sd-timeline .sd-step>h3,.sd-timeline .sd-step>p{opacity:calc(.70 + var(--sd-reveal,1)*.30);transform:translate3d(0,calc((1 - var(--sd-reveal,1))*20px),0)}
.sd-timeline .sd-step>p{transform:translate3d(0,calc((1 - var(--sd-reveal,1))*29px),0)}
.sd-timeline .sd-step:before{z-index:2;background:#9ba98e;box-shadow:0 0 0 4px var(--paper,#eff4e8);transform:scale(.8);transform-origin:center}
.sd-timeline .sd-step.sd-reached:before{background:#354d1e;transform:scale(1.35)}
.sd-timeline .sd-step.sd-current:before{box-shadow:0 0 0 4px var(--paper,#eff4e8),0 0 0 5px #506c3570}
.sd-timeline .sd-step.sd-reached>span{color:#30451c}

.services.sd-enhanced .sd-service{position:relative;isolation:isolate}
.services.sd-enhanced .sd-service:before{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--lime,#ccff62);opacity:calc(.10 + var(--sd-reveal,1)*.34);transform:scaleX(calc(.06 + var(--sd-reveal,1)*.94));transform-origin:0 50%;pointer-events:none}
.services.sd-enhanced .sd-service>summary{opacity:calc(.65 + var(--sd-reveal,1)*.35);transform:translate3d(calc((1 - var(--sd-reveal,1))*36px),calc((1 - var(--sd-reveal,1))*12px),0)}
.services.sd-enhanced .sd-service .service-number{color:color-mix(in srgb,var(--lime,#ccff62) calc(35% + var(--sd-reveal,1)*65%),#839773)}
.services.sd-enhanced .sd-service[open]>summary,.services.sd-enhanced .sd-service:focus-within>summary{opacity:1;transform:none}
.services.sd-enhanced .sd-service:focus-within:before{transform:none;opacity:.7}
.standards.sd-enhanced .sd-standard>*{opacity:calc(.70 + var(--sd-reveal,1)*.30);transform:translate3d(0,calc((1 - var(--sd-reveal,1))*23px),0)}

.studio.sd-enhanced .sd-symbol{position:relative;isolation:isolate;perspective:900px}
.studio.sd-enhanced .sd-symbol:before{content:'';position:absolute;width:min(94%,370px);aspect-ratio:1;border:1px solid #ccff622c;border-radius:50%;background:radial-gradient(ellipse,#b8ff3110 0,transparent 66%);opacity:var(--sd-symbol-halo,.5);transform:rotateX(64deg) rotateZ(var(--sd-symbol-turn,0deg)) scale(1.25);pointer-events:none;z-index:-1}
.studio.sd-enhanced .sd-symbol:after{content:'';position:absolute;width:6px;height:6px;right:12%;top:21%;border:1px solid #ccff6266;transform:rotate(45deg);opacity:var(--sd-symbol-halo,.5);pointer-events:none}
.studio.sd-enhanced .sd-symbol img{transform:translate3d(0,var(--sd-symbol-y,0px),0) rotate(var(--sd-symbol-turn,0deg)) rotateY(var(--sd-symbol-yaw,0deg)) scale(var(--sd-symbol-scale,1));transform-origin:50% 50%;backface-visibility:hidden}
.studio.sd-enhanced .studio-grid [data-sd-reveal]{transform:translate3d(calc((1 - var(--sd-reveal,1))*28px),calc((1 - var(--sd-reveal,1))*18px),0)}
.studio.sd-enhanced .studio-grid [data-sd-reveal]:focus-within{opacity:1;transform:none}

/* Only the lime panel is clipped. The heading, links and focus rings are not. */
.contact.sd-enhanced{position:relative;isolation:isolate;background:var(--ink,#080a09)}
.contact.sd-enhanced:before{content:'';position:absolute;inset:0;background:var(--lime,#ccff62);clip-path:inset(0 var(--sd-contact-clip,0%) 0 var(--sd-contact-clip,0%) round var(--sd-contact-radius,0px));transform:translate3d(0,var(--sd-contact-y,0px),0) scale(var(--sd-contact-scale,1));transform-origin:50% 55%;pointer-events:none;z-index:-1}
.contact.sd-enhanced .sd-contact-inner{opacity:var(--sd-contact-opacity,1);transform:translate3d(0,calc(var(--sd-contact-y,0px)*.38),0) scale(var(--sd-contact-content-scale,1));transform-origin:50% 50%;position:relative}
.contact.sd-enhanced:focus-within:before{clip-path:none;transform:none}
.contact.sd-enhanced:focus-within .sd-contact-inner{opacity:1;transform:none}

/* Promote only the handful of visible elements that actually move. */
.sd-in-view .sd-number,.sd-in-view .sd-symbol img,.sd-in-view .sd-contact-inner,.sd-in-view [data-sd-reveal],.sd-in-view .sd-service>summary{will-change:transform,opacity}
.sd-in-view.contact:before{will-change:transform,clip-path}

@media(max-width:650px){
  .sd-timeline{padding-left:0;border:0}
  .sd-timeline:before{content:'';position:absolute;top:28px;bottom:10px;left:0;width:1px;background:#7185634d;pointer-events:none}
  .sd-timeline:after{top:28px;bottom:10px;left:0;right:auto;width:2px;height:auto;transform:scaleY(var(--sd-timeline-progress,1));transform-origin:50% 0}
  .sd-timeline .sd-step{border-top:0;padding:22px 0 0 26px}
  .sd-timeline .sd-step:before{left:-2px;top:28px}
  .services.sd-enhanced .sd-service>summary{transform:translate3d(calc((1 - var(--sd-reveal,1))*18px),calc((1 - var(--sd-reveal,1))*8px),0)}
  .studio.sd-enhanced .sd-symbol{width:138px;min-height:112px;margin:5px 0 12px}
  .studio.sd-enhanced .sd-symbol:before{width:135px}
  .studio.sd-enhanced .sd-symbol:after{right:0;top:12%}
  .studio.sd-enhanced .studio-grid [data-sd-reveal]{transform:translate3d(0,calc((1 - var(--sd-reveal,1))*16px),0)}
  .contact.sd-enhanced:before{clip-path:inset(0 calc(var(--sd-contact-clip,0%)*.5) 0 calc(var(--sd-contact-clip,0%)*.5) round calc(var(--sd-contact-radius,0px)*.5))}
}
@media(max-height:620px){.sd-enhanced [data-sd-reveal]{transform:translate3d(0,calc((1 - var(--sd-reveal,1))*12px),0)}.studio.sd-enhanced .sd-symbol:before{opacity:.3}}

.sd-motion-reduced [data-sd-reveal],.sd-motion-reduced .sd-number,.sd-motion-reduced .sd-service>summary,.sd-motion-reduced .sd-step>*,.sd-motion-reduced .sd-standard>*,.sd-motion-reduced .sd-symbol img,.sd-motion-reduced .sd-contact-inner,
body.motion-reduced .sd-enhanced [data-sd-reveal],body.motion-reduced .sd-number,body.motion-reduced .sd-service>summary,body.motion-reduced .sd-step>*,body.motion-reduced .sd-standard>*,body.motion-reduced .sd-symbol img,body.motion-reduced .sd-contact-inner{opacity:1!important;transform:none!important;will-change:auto!important}
.sd-motion-reduced .sd-timeline:after,.sd-motion-reduced .sd-service:before,body.motion-reduced .sd-timeline:after,body.motion-reduced .sd-service:before{transform:none!important}
.sd-motion-reduced.contact:before,body.motion-reduced .contact.sd-enhanced:before{clip-path:none!important;transform:none!important;will-change:auto!important}
.sd-motion-reduced .sd-symbol:before,.sd-motion-reduced .sd-symbol:after,body.motion-reduced .sd-symbol:before,body.motion-reduced .sd-symbol:after{display:none}
@media(prefers-reduced-motion:reduce){
  .sd-enhanced [data-sd-reveal],.sd-enhanced .sd-number,.sd-enhanced .sd-service>summary,.sd-enhanced .sd-step>*,.sd-enhanced .sd-standard>*,.sd-enhanced .sd-symbol img,.sd-enhanced .sd-contact-inner{opacity:1!important;transform:none!important;will-change:auto!important}
  .sd-enhanced .sd-timeline:after,.sd-enhanced .sd-service:before{transform:none!important}
  .contact.sd-enhanced:before{clip-path:none!important;transform:none!important;will-change:auto!important}
  .sd-enhanced .sd-symbol:before,.sd-enhanced .sd-symbol:after{display:none}
}