.m4{height:650vh;position:relative;--m4-accent:#5d755b;scroll-margin-top:0}.m4-stage{position:sticky;top:0;height:100vh;min-height:650px;overflow:hidden;background:#f7f5ee;isolation:isolate}.m4-stage:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 55%,#e8eadb70,transparent 58%);pointer-events:none}.m4-intro{position:absolute;top:11.5%;left:10%;right:10%;text-align:center;z-index:4;pointer-events:none}.m4-kicker{font-size:10px;color:#9a9f8b;letter-spacing:3px;margin-bottom:15px}.m4-intro h2{font:500 clamp(40px,4.6vw,78px)/1.1 var(--serif);letter-spacing:-2px}.m4-intro h2 em{font-style:normal;color:var(--m4-accent);transition:color .35s}.m4-swatch-note{display:flex;justify-content:center;gap:10px;align-items:center;margin-top:16px;font-size:11px;letter-spacing:2px;color:#929985}.m4-swatch-note i{display:block;width:7px;height:7px;background:var(--m4-accent);border-radius:50%}.m4-sheets{position:absolute;inset:0;z-index:3}.m4-sheet{position:absolute;left:0;top:0;width:794px;height:1123px;transform-origin:0 0;background:#fff;border-radius:2px;box-shadow:0 12px 22px #363a2817,0 0 0 1px #756f4d12;will-change:transform;overflow:visible;opacity:0}.m4-sheet iframe{width:794px;height:1123px;border:0;display:block;background:white;border-radius:2px;pointer-events:none}.m4-sheet figcaption{position:absolute;top:100%;left:0;right:0;height:60px;padding-top:16px;display:flex;align-items:flex-start;justify-content:space-between;font:30px/1.2 var(--sans);color:#747e67;white-space:nowrap;overflow:hidden;opacity:0}.m4-sheet figcaption b{font-weight:400}.m4-sheet figcaption small{font:25px Georgia,serif;color:#a6ac99}.m4-sheet.is-gallery{cursor:zoom-in;transition:box-shadow .2s}.m4-sheet.is-gallery:hover{box-shadow:0 18px 30px #363a2838,0 0 0 3px #98a78c}.m4-sheet.is-gallery:focus-visible{outline:5px solid #637357}.m4-wipe{position:absolute;top:0;left:0;height:0;width:1px;background:var(--m4-accent);z-index:40;pointer-events:none;opacity:0}.m4-wipe span{position:absolute;bottom:calc(100% + 8px);left:0;transform:translateX(-50%);font-size:10px;white-space:nowrap;background:var(--m4-accent);color:#fff;padding:5px 9px;border-radius:2px;letter-spacing:1px}.m4-caption{position:absolute;left:7.2%;bottom:10%;width:230px;z-index:4;pointer-events:none}.m4-caption .eyebrow{font-size:11.5px;letter-spacing:2px;margin-bottom:15px}.m4-caption h3{font:26px/1.45 var(--serif);margin:0 0 12px}.m4-caption p{font-size:11px;line-height:1.9;color:#8b927e}.m4-note{position:absolute;right:11%;top:47%;width:170px;z-index:2;color:#8a9679;transform:rotate(-7deg);font:21px/1.65 var(--serif)}.m4-note svg{display:block;width:130px;height:60px;stroke:#aab39b;stroke-width:1.2;fill:none;transform:rotate(180deg);margin-left:-45px}.m4-controls{position:absolute;bottom:4.8%;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:5px;border:1px solid #dedfd2;border-radius:4px;background:#f7f5eeef;z-index:50}.m4-choice{border:0;background:none;font-size:11px;padding:10px 13px;white-space:nowrap;border-radius:2px;color:#929a86;display:flex;align-items:center;gap:7px}.m4-choice i{display:inline-block;width:6px;height:6px;background:var(--swatch);border-radius:50%}.m4-choice.active{background:#58694c;color:#fff}.m4-choice.active i{background:#e3e9da}.m4-color-options{position:absolute;right:8%;bottom:10%;display:flex;gap:9px;align-items:center;z-index:50}.m4-color-options>span{font-size:10.5px;letter-spacing:1px;color:#929b84;margin-right:4px}.m4-color-options button{width:16px;height:16px;background:var(--swatch);border:3px solid var(--bg);outline:1px solid transparent;border-radius:50%;padding:0;transition:outline-color .2s}.m4-color-options button:hover,.m4-color-options button.active{outline-color:var(--swatch)}.m4-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.m4-lines path{fill:none;stroke:#95977f;stroke-width:1;stroke-linecap:round;vector-effect:non-scaling-stroke}.m4-wall-title{position:absolute;top:11%;left:0;right:0;text-align:center;z-index:4;opacity:0;pointer-events:none}.m4-wall-title p{font-size:9px;letter-spacing:4px;color:#a0a58e;margin-bottom:12px}.m4-wall-title h2{font:500 clamp(32px,3.4vw,58px)/1.2 var(--serif);letter-spacing:-1px}.m4-wall-title h2 span{color:#71845e}.m4-wall-footer{position:absolute;bottom:4.5%;left:0;right:0;text-align:center;z-index:4;opacity:0;pointer-events:none}.m4-wall-footer p{font:25px var(--serif);color:#758463}.m4-wall-footer small{display:block;font-size:11px;letter-spacing:1.5px;color:#9da58e;margin-top:10px}.m4-stage-index{position:absolute;left:7.2%;bottom:4.5%;font:10px Georgia,serif;letter-spacing:2px;color:#98a18b;z-index:51}.m4-stage-index b{font-weight:400;color:#647553}.m4-progress{position:absolute;right:7%;bottom:4.5%;display:flex;align-items:center;gap:10px;font-size:10.5px;color:#8e9980;z-index:51}.m4-progress>i{display:block;height:1px;width:70px;background:#d2d8c6}.m4-progress>i>b{display:block;height:1px;background:#748563;width:0}.m4-modal{border:0;padding:0;max-width:none;max-height:none;overflow:visible;background:none;outline:none}.m4-modal::backdrop{background:#293023ad;backdrop-filter:blur(7px)}.m4-modal-inner{background:#faf9f1;border-radius:4px;padding:18px 18px 14px;box-shadow:0 30px 100px #0004}.m4-modal-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#68735d;margin-bottom:14px}.m4-modal-top button{border:0;background:none;font-size:24px;line-height:1}.m4-modal-view{overflow:hidden;background:white;position:relative}.m4-modal-view iframe{position:absolute;top:0;left:0;width:794px;height:1123px;border:0;transform-origin:0 0}.m4-modal-foot{font-size:10.5px;letter-spacing:1px;color:#a2aa94;margin-top:12px;text-align:center}.m4-load-message{position:absolute;top:50%;left:0;right:0;text-align:center;color:#8d967f;font:18px var(--serif)}