/* A real page assembles in five purposeful layers. All selectors are scoped. */
.assembly-section{background:#f1f3ed;overflow:hidden}.assembly-heading{display:flex;justify-content:space-between;gap:30px;align-items:end}.assembly-heading>p{font-size:15px;color:var(--secondary);max-width:320px}.assembly{margin-top:35px}.assembly-scene{height:610px;position:relative;isolation:isolate}.assembly-coordinate{position:absolute;top:10px;left:0;right:0;font-size:9px;letter-spacing:.12em;color:#727c68;display:flex;justify-content:space-between}.assembly-perspective{position:absolute;inset:65px 0 50px;display:grid;place-items:center;perspective:1300px}.assembly-sheet{width:580px;height:470px;position:relative;background:#fff;border:1px solid #dce0d5;border-radius:9px;transform:rotateX(12deg) rotateY(-14deg) rotateZ(-2deg);transform-style:preserve-3d;box-shadow:9px 12px 0 -6px #d6dacd,25px 42px 40px -30px #293a2850;transition:transform 1s ease}.assembly-browser{height:27px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #e9ece4;font-size:7px;letter-spacing:.09em;color:#74806b}.assembly-browser>span:first-child{letter-spacing:3px;color:#b2be9f}.assembly-part{position:absolute;opacity:1;transition:transform 950ms cubic-bezier(.18,.78,.2,1),opacity 500ms ease;backface-visibility:hidden}.assembly-nav{left:28px;right:28px;top:43px;display:flex;align-items:center;justify-content:space-between}.assembly-nav>strong{font-size:24px;font-family:Georgia,serif;font-weight:400;letter-spacing:-1px;line-height:1}.assembly-nav>strong>span{display:block;font-family:Onest,sans-serif;font-size:5px;letter-spacing:1px;margin-top:6px}.assembly-nav>span{font-size:7px}.assembly-nav>i{font-size:22px;font-style:normal}.assembly-offer{top:107px;left:28px;width:285px;z-index:2}.assembly-offer>span{font-size:6px;letter-spacing:1.1px}.assembly-offer>strong{display:block;font-family:Georgia,serif;font-size:39px;font-weight:400;line-height:1.04;letter-spacing:-1.5px;margin-top:13px}.assembly-offer>strong>em{color:#6b7757}.assembly-offer>p{font-size:8px;line-height:1.6;margin-top:15px;color:#67705d}.assembly-image{top:103px;right:25px;width:225px;height:242px;overflow:hidden;border-radius:110px 110px 0 0;background:#dce4ce;z-index:1}.assembly-image>img{width:100%;height:100%;object-fit:cover}.assembly-image>span{position:absolute;bottom:11px;left:12px;right:12px;font-size:7px;color:white;text-shadow:0 1px 4px #000}.assembly-form{left:28px;right:28px;bottom:65px;padding:17px 16px;display:flex;align-items:center;justify-content:space-between;background:#eff2e7;border-top:1px solid #d5dfc2;z-index:3}.assembly-form>div>strong{display:block;font-size:12px;font-weight:500}.assembly-form>div>span{font-size:7px;color:#68725b;display:block;margin-top:4px}.assembly-fake-button{background:#46593a;color:white;font-size:8px;padding:12px 14px}.assembly-analytics{bottom:20px;left:28px;right:28px;display:flex;justify-content:space-between;align-items:center;font-size:7px;color:#5c6b4d}.assembly-analytics>span,.assembly-analytics>strong{padding:5px 9px;border:1px solid #dfe6d7;border-radius:3px;font-weight:400}.assembly-analytics>strong{background:#e8f4cf}.assembly-analytics>i{font-style:normal;color:#8ca574}.assembly-callout{position:absolute;width:205px;z-index:3;transition:opacity .4s;color:#85907c}.assembly-callout>span{font-size:9px;letter-spacing:.08em}.assembly-callout>strong{display:block;font-size:15px;font-weight:500;color:#69745f;margin-top:7px;letter-spacing:-.03em}.assembly-callout>p{font-size:11px;margin-top:5px}.assembly-callout>i{font-style:normal;font-size:45px;line-height:1;position:absolute;color:#a6b68e}.ac-1{left:0;top:100px}.ac-1>i{right:-30px;top:48px}.ac-2{right:0;top:80px}.ac-2>i{left:-35px;top:40px}.ac-3{left:0;top:290px}.ac-3>i{right:-35px;top:-25px}.ac-4{right:0;top:285px}.ac-4>i{left:-35px;top:5px}.ac-5{right:0;top:465px}.ac-5>i{left:-35px;top:-15px}.assembly-callout.is-active{color:#58753b}.assembly-callout.is-active>strong{color:#1c2b13}.assembly-callout.is-active>i{color:#709745}.assembly-callout.is-future{opacity:.18}.assembly-caption{display:flex;align-items:start;gap:20px;min-height:77px;padding:0 0 24px;border-bottom:1px solid #d6ddce}.assembly-count{font-size:12px;padding-top:4px;color:#6c7c5c;white-space:nowrap}.assembly-caption strong{font-size:20px;font-weight:500;letter-spacing:-.035em}.assembly-caption p{font-size:13px;color:#68725f;margin-top:4px}.assembly-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:20px 0}.assembly-steps{display:flex;gap:5px;flex-wrap:wrap}.assembly-controls .assembly-step{min-height:44px;background:transparent;border:1px solid transparent;border-radius:5px;padding:10px 14px;font-size:12px;transition:background .2s}.assembly-steps .assembly-step>span{font-size:9px;color:#76826c;margin-right:8px}.assembly-steps .assembly-step.is-current{background:#cdea91}.assembly-controls .assembly-step:hover{border-color:#91a17c}.assembly-playback{display:flex;gap:6px}.assembly-controls .assembly-pause{border:1px solid #ccd6c2;width:44px;font-size:17px;padding:6px}.assembly-controls .assembly-replay{white-space:nowrap;font-size:18px}.assembly-replay span{font-size:12px;margin-left:6px}.assembly-footnote{font-size:11px;color:#737d6a}.assembly.is-enhanced .assembly-part:not(.is-placed){opacity:0;pointer-events:none}.assembly.is-enhanced .assembly-nav:not(.is-placed){transform:translate3d(-250px,-160px,120px) rotateZ(-18deg)}.assembly.is-enhanced .assembly-offer:not(.is-placed){transform:translate3d(230px,-110px,180px) rotateY(-25deg)}.assembly.is-enhanced .assembly-image:not(.is-placed){transform:translate3d(-300px,50px,220px) rotateZ(20deg)}.assembly.is-enhanced .assembly-form:not(.is-placed){transform:translate3d(240px,160px,200px) rotateZ(-15deg)}.assembly.is-enhanced .assembly-analytics:not(.is-placed){transform:translate3d(-130px,160px,100px)}.assembly.is-paused .assembly-part{transition:none}
@media(max-width:1100px){.assembly-callout{width:150px}.assembly-callout>strong{font-size:13px}.assembly-callout>p{font-size:10px}.assembly-callout>i{display:none}.assembly-sheet{width:520px}.assembly-image{width:190px}.assembly-offer>strong{font-size:36px}.assembly-offer{width:265px}}
@media(max-width:850px){.assembly-heading{display:block}.assembly-heading>p{margin-top:20px}.assembly-scene{height:535px}.assembly-perspective{top:50px;bottom:15px}.assembly-sheet{transform:rotateX(8deg) rotateY(-9deg);width:520px}.assembly-callout{display:none}.assembly-controls{align-items:start}.assembly-steps{flex:1;gap:4px}.assembly-controls .assembly-step{padding:9px 10px}.assembly-playback{gap:0}.assembly-replay span{display:none}}
@media(max-width:600px){.assembly{margin-top:24px}.assembly-scene{height:365px}.assembly-coordinate{font-size:7px;top:0}.assembly-perspective{inset:27px 0 10px;perspective:none}.assembly-sheet{width:100%;max-width:430px;height:310px;transform:none;border-radius:6px;box-shadow:5px 8px 0 -4px #d6dacd,10px 18px 24px -20px #293a2850}.assembly-browser{height:21px;font-size:5px;padding-inline:10px}.assembly-nav{top:33px;left:16px;right:16px}.assembly-nav>strong{font-size:20px}.assembly-nav>span{font-size:5px}.assembly-nav>i{font-size:17px}.assembly-nav>strong>span{font-size:4px;margin-top:4px}.assembly-offer{top:78px;left:16px;width:58%}.assembly-offer>span{font-size:4px;letter-spacing:.6px}.assembly-offer>strong{font-size:clamp(23px,6.6vw,31px);letter-spacing:-1px;margin-top:9px}.assembly-offer>p{font-size:5px;margin-top:11px}.assembly-image{top:77px;right:15px;width:40%;height:146px}.assembly-image>span{font-size:4px;left:8px;bottom:8px}.assembly-form{left:16px;right:16px;bottom:41px;padding:11px 9px}.assembly-form>div>strong{font-size:8px}.assembly-form>div>span{font-size:5px}.assembly-fake-button{font-size:5px;padding:9px 8px}.assembly-analytics{bottom:11px;left:16px;right:16px;font-size:5px}.assembly-analytics>span,.assembly-analytics>strong{padding:3px 5px}.assembly-caption{gap:12px;min-height:93px;padding-bottom:17px}.assembly-caption strong{font-size:18px}.assembly-caption p{font-size:12px;max-width:300px}.assembly-count{font-size:10px}.assembly-controls{gap:8px;padding:15px 0}.assembly-steps{gap:3px}.assembly-controls .assembly-steps .assembly-step{font-size:10px;padding:8px}.assembly-steps .assembly-step>span{display:none}.assembly-playback{flex-shrink:0}.assembly-controls .assembly-replay{padding:6px 8px}.assembly-footnote{font-size:10px;max-width:340px}}
@media(prefers-reduced-motion:reduce){.assembly-part,.assembly-sheet,.assembly-callout{transition:none!important}.assembly-sheet{transform:none}}
/* Keep annotations outside the page and lead the eye to the sheet. */
@media(min-width:1101px){
 .assembly-callout>i{font-size:0;height:1px;width:calc((min(100vw - 2 * var(--gutter),1328px) - 580px)/2 - 220px);min-width:45px;background:#a6b68e;top:38px;opacity:.45}
 .assembly-callout>i:after{content:"";position:absolute;top:-3px;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor}
 .ac-1>i,.ac-3>i{left:100%;right:auto;transform-origin:left center;transform:rotate(7deg)}
 .ac-1>i:after,.ac-3>i:after{right:0;transform:rotate(45deg)}
 .ac-2>i,.ac-4>i,.ac-5>i{right:100%;left:auto;transform-origin:right center;transform:rotate(-7deg)}
 .ac-2>i:after,.ac-4>i:after,.ac-5>i:after{left:0;transform:rotate(-135deg)}
 .assembly-callout.is-active>i{opacity:1;background:#709745}
}
@media(max-width:600px){
 .assembly-offer{width:49%}.assembly-offer>strong{font-size:clamp(21px,5.8vw,26px)}.assembly-offer>strong>em{display:block}
 .assembly-controls{flex-wrap:wrap}.assembly-steps{flex-basis:100%;flex-wrap:nowrap;justify-content:space-between}.assembly-controls .assembly-steps .assembly-step{padding:8px 6px}.assembly-playback{margin-left:auto}
}
@media(min-width:1101px){.ac-2>i,.ac-4>i,.ac-5>i{right:calc(100% + 14px)}.ac-1>i,.ac-3>i{left:calc(100% + 10px)}}