:is(html:has(.mb-page),body:has(.mb-page)){overscroll-behavior:none;overflow:hidden}body:has(.mb-page){background-position:0 var(--nav-height)}.mb-page{flex-direction:column;height:100svh;display:flex}.mb-main{--mb-grid:16px;--mb-pad:calc(round(up, var(--gutter), var(--mb-grid)) + var(--mb-grid) / 2);--mb-col:100cqi;--mb-cap:clamp(40px, 12vw, 96px);--mb-title:min(var(--mb-cap), (var(--mb-col) - var(--mb-pad) * 2 - var(--mb-grid) * 2) / var(--mb-em,5.6), (100cqh - 236px) / 2.5);--mb-frame-h:round(up, var(--mb-title) * 1.9 + var(--mb-grid) * 1.5, var(--mb-grid));--mb-top:calc(var(--mb-grid) * 2 + var(--mb-grid) / 2);flex:1;min-height:0;position:relative;container-type:size}.mb-copy{z-index:1;width:fit-content;padding:var(--mb-top) 0 0 var(--mb-pad);flex-direction:column;align-items:flex-start;display:flex;position:relative}.mb-title{width:round(up, var(--mb-title) * var(--mb-em,5.6) + var(--mb-grid) * 2, var(--mb-grid));height:var(--mb-frame-h);padding-left:var(--mb-grid);font-size:var(--mb-title);letter-spacing:-.04em;color:var(--text);align-items:center;margin:0;font-weight:700;line-height:.95;display:flex;position:relative}.mb-title-text{width:max-content}.mb-title-text span{white-space:nowrap;display:block}.mb-title-text .mb-dot{vertical-align:baseline;background:var(--orange);color:#0000;width:.15em;height:.15em;margin:0 .0075em 0 .047em;display:inline-block;overflow:hidden}.mb-sub{margin:clamp(16px, 2vw, 32px) 0 0 var(--mb-grid);letter-spacing:-.01em;color:#3a3936;font-size:clamp(16px,1.3vw,24px);line-height:1.4}.mb-button{height:clamp(44px,3.3vw,60px);margin:clamp(20px, 2.2vw, 40px) 0 0 var(--mb-grid);background:var(--text);color:#fff;letter-spacing:-.01em;white-space:nowrap;border-radius:8px;align-items:center;padding:0 clamp(20px,1.8vw,32px);font-size:clamp(16px,1.2vw,21px);font-weight:500;display:inline-flex}.mb-art{--lock-x:60;--lock-y:8;--lock-y2:48;--board-w:48;--square:24;--mb-gap:calc(var(--mb-grid) * 2);--mb-lock-left:round(calc(var(--lock-x) * 1cqi), var(--mb-grid));--mb-lock-top:round(calc(var(--lock-y) * 1cqh), var(--mb-grid));--mb-lock-bottom:round(up, calc(var(--lock-y2) * 1cqh), var(--mb-grid));--mb-lock-clear:round(down, (var(--mb-lock-bottom) - var(--mb-lock-top)) * .13, var(--mb-grid));--mb-pair-right:calc(var(--mb-lock-left) - var(--mb-gap));--mb-col-b:calc(var(--mb-pair-right) + var(--mb-gap));--mb-square:round(calc(var(--square) * 1cqi), var(--mb-grid));--mb-square-in:round(var(--mb-square) / 4, var(--mb-grid));--mb-square-left:calc(var(--mb-pair-right) - var(--mb-square-in));--mb-square-top:calc(var(--mb-lock-bottom) - min(var(--mb-square-in), var(--mb-lock-clear)));inset:round(up, var(--mb-copy-end,50cqh) + var(--mb-grid) * 1.5, var(--mb-grid)) 0 0 0;position:absolute;container-type:size}.mb-tile{top:round(calc(var(--y) * 1%), var(--mb-grid));right:max(0px, 100% - round(up, calc(var(--x2) * 1%), var(--mb-grid)));bottom:max(0px, 100% - round(up, calc(var(--y2) * 1%), var(--mb-grid)));left:round(calc(var(--x) * 1%), var(--mb-grid));display:block;position:absolute;overflow:hidden}.mb-tile img{object-fit:cover;width:100%;height:100%;display:block}.mb-sofa{background:var(--text);display:none}.mb-sofa img{object-position:30% 40%}.mb-bench{background:var(--text)}.mb-bench img{object-position:55% 25%}.mb-squiggle{aspect-ratio:1;background:var(--purple);bottom:auto}.mb-squiggle img{object-position:center 35%}.mb-lock{--u:min(calc(100cqi / 240), calc(100cqh / 224));background:var(--text);color:#fff;container-type:size}.mb-lock-face{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mb-lock-face p{margin:0}.mb-lock-date{font-size:calc(var(--u) * 12);color:#ffffffb8;font-weight:500;line-height:1.2}.mb-lock-time{font-size:calc(var(--u) * 58);letter-spacing:-.03em;font-weight:600;line-height:1}.mb-note{align-items:center;gap:calc(var(--u) * 10);width:calc(var(--u) * 200);margin-top:calc(var(--u) * 26);padding:calc(var(--u) * 10);border-radius:calc(var(--u) * 14);color:var(--text);text-align:left;background:#fff;display:flex}.mb-note-icon{width:calc(var(--u) * 34);height:calc(var(--u) * 34);border-radius:calc(var(--u) * 8);background:var(--orange);flex:none;place-items:center;display:grid}.mb-note-icon svg{fill:none;stroke:#fff;stroke-width:13px;width:72%;height:72%}.mb-note-body{white-space:nowrap;flex-direction:column;min-width:0;display:flex}.mb-note-app{font-size:calc(var(--u) * 9.5);font-weight:500;line-height:calc(var(--u) * 13);color:var(--muted);justify-content:space-between;display:flex}.mb-note-title{font-size:calc(var(--u) * 13);font-weight:600;line-height:calc(var(--u) * 17);letter-spacing:-.01em}.mb-note-text{font-size:calc(var(--u) * 11);line-height:calc(var(--u) * 15);color:#3a3936}.mb-board{--mb-zoom:1.3;--mb-phone-inset:clamp(16px, 5cqi, 32px);background:var(--orange);container-type:size}.mb-board>svg{--mb-art-w:min(var(--mb-zoom) * 100cqi, (100cqh - var(--mb-phone-inset) * 2) / var(--mb-phone-h));--mb-phone-top:calc((100cqh - var(--mb-art-w) * var(--mb-phone-h)) / 2);top:calc(var(--mb-phone-top) - var(--mb-art-w) * var(--mb-phone-y));width:var(--mb-art-w);aspect-ratio:256/300;display:block;position:absolute;left:50%;overflow:visible;translate:-50%}.mb-board-screen{fill:#f6f4f3}.mb-board-line{fill:none;stroke:#c8c3bd;stroke-width:1.5px}.mb-board-line.is-top{stroke:var(--orange);stroke-width:2px}.mb-board-card{fill:#fff;stroke:#e4e2df;stroke-width:1px}.mb-board-sale{fill:var(--text)}.mb-board-tile{fill:#f1eeea}.mb-board-tile.is-top{fill:var(--orange)}.mb-board-text{fill:var(--text)}.mb-board-text.is-sub{fill:#d9d4ce}.mb-board-text.is-light{fill:#ffffffe6}.mb-board-bar{fill:#ffffff38}.mb-board-bar.is-peak{fill:var(--orange)}.mb-board-track{fill:#f1eeea}.mb-board-fill{fill:var(--orange)}.mb-squiggle{z-index:1;top:var(--mb-square-top);right:auto;left:var(--mb-square-left);width:var(--mb-square)}.mb-lock{left:var(--mb-col-b);--y:var(--lock-y);--x2:100;--y2:var(--lock-y2)}.mb-board{--y:26;--y2:100;right:calc(100% - var(--mb-pair-right));left:max(0px, var(--mb-pair-right) - round(calc(var(--board-w) * 1cqi), var(--mb-grid)))}.mb-bench{top:calc(var(--mb-square-top) + var(--mb-square) + var(--mb-gap));bottom:0;right:0;left:var(--mb-col-b)}@media (aspect-ratio>=1) and (width>=760px){.mb-main{--mb-col:46cqi;--mb-cap:clamp(40px, 6.4vw, 120px);--mb-top:max(calc(var(--mb-grid) * 2.5), round(down, (100cqh - var(--mb-frame-h) - 200px) / 2, var(--mb-grid)) + var(--mb-grid) / 2)}.mb-art{--lock-x:56;--lock-y:12;--lock-y2:46;--sofa-y2:28;--board-w:50;--square:21;--mb-side:calc(var(--mb-grid) * 2);--mb-sofa-bottom:round(up, calc(var(--sofa-y2) * 1cqh), var(--mb-grid));--mb-board-top:calc(var(--mb-sofa-bottom) + var(--mb-gap));--mb-board-max:round(calc(var(--board-w) * 1cqi), var(--mb-grid));--mb-phone-fit:calc((100cqh - var(--mb-gap) - var(--mb-board-top) - var(--mb-side) * 2) * var(--mb-bezel));--mb-col-w:min(var(--mb-board-max), round(up, var(--mb-phone-fit) + var(--mb-side) * 2, var(--mb-grid)));--mb-col-left:round(var(--mb-lock-left) - var(--mb-gap) - (var(--mb-board-max) + var(--mb-col-w)) / 2, var(--mb-grid));--mb-pair-right:calc(var(--mb-col-left) + var(--mb-col-w));--mb-square-left:calc(var(--mb-pair-right) - var(--mb-grid));--mb-square-top:calc(var(--mb-lock-bottom) - var(--mb-grid));inset:0 0 0 round(46cqi, var(--mb-grid))}.mb-sofa{--y:6;--y2:var(--sofa-y2);right:calc(100% - var(--mb-pair-right));left:var(--mb-col-left);display:block}.mb-board{top:var(--mb-board-top);bottom:var(--mb-gap);left:var(--mb-col-left)}.mb-board>svg{--mb-art-w:min(max(var(--mb-zoom) * 100cqi, (100cqi - var(--mb-side) * 2) / var(--mb-phone-w)), (100cqh - var(--mb-side) * 2) / var(--mb-phone-h))}.mb-bench{top:calc(var(--mb-lock-bottom) + var(--mb-gap));bottom:var(--mb-gap);left:var(--mb-col-b)}}@container (width>=600px){.mb-bench{top:calc(var(--mb-lock-bottom) + var(--mb-gap));left:var(--mb-col-b)}}@container (height<=150px){.mb-tile{display:none}}