.weave-box{box-sizing:border-box;height:100%;padding-bottom:var(--wv-pad,0px);background:#f3f2ec;container-type:size}.weave{--wv-bg:#f3f2ec;--wv-poly:#415c7c;width:100%;height:100%;font-family:var(--sans);color:var(--color-ink);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 70% 46%, #fffffd 0, #fffffd8c 34%, #fffffd00 66%), var(--wv-bg);position:relative;overflow:hidden}.weave canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.weave .copy{width:min(32cqw,440px);position:absolute;top:50%;left:clamp(28px,6.6cqw,112px);transform:translateY(-50%)}.weave .bar{align-items:center;gap:16px;margin:0 0 34px;display:flex}.weave .steps{flex:1;gap:16px;max-width:316px;margin:0;padding:0;list-style:none;display:flex}.weave .steps li{letter-spacing:-.005em;color:#737370;flex:1;font-size:12px;font-weight:600}.weave .steps li b{font-feature-settings:"tnum";margin-right:6px;font-weight:700}.weave .steps li i{background:#1d1d1b21;height:1px;margin-bottom:10px;display:block;position:relative;overflow:hidden}.weave .steps li i:after{content:"";background:var(--color-ink);transform-origin:0;transform:scaleX(var(--p,0));opacity:var(--o,1);position:absolute;inset:0}.weave .steps li.on{color:var(--color-ink)}.weave .chs{display:grid}.weave .ch{grid-area:1/1}.weave .ch>*{will-change:opacity, transform}.weave #ch2>p{opacity:0}.weave .eyebrow{color:var(--color-coir-600);letter-spacing:-.01em;margin:0 0 14px;font-size:14px;font-weight:600}.weave .ch h2{letter-spacing:-.034em;word-break:keep-all;margin:0;font-size:clamp(30px,3.2cqw,46px);font-weight:700;line-height:1.2}.weave .ln{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}.weave .ln>span{will-change:transform;display:block}.weave #ch2 .ln>span{transform:translateY(110%)}.weave .ch p.body{color:var(--color-ink-2);letter-spacing:-.014em;word-break:keep-all;text-wrap:pretty;max-width:21em;margin:20px 0 0;font-size:clamp(15px,1.25cqw,17px);line-height:1.72}.weave .nw{white-space:nowrap}.weave .rmonly{display:none}.weave.rm .rmonly{display:inline}.weave .spec{color:var(--color-muted);letter-spacing:-.01em;flex-wrap:wrap;gap:6px 0;margin:26px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.weave .spec li{white-space:nowrap}.weave .spec li+li:before{content:"";vertical-align:-1px;background:#1d1d1b33;width:1px;height:10px;margin:0 11px;display:inline-block}.weave .lab{pointer-events:none;will-change:transform, opacity;opacity:0;position:absolute;top:0;left:0}.weave .callout{width:max-content;max-width:240px}.weave .callout .k{letter-spacing:.01em;color:var(--color-coir-600);margin-bottom:3px;font-size:12px;font-weight:600;display:block}.weave .callout b{letter-spacing:-.022em;font-size:15px;font-weight:650;line-height:1.3;display:block}.weave .callout.r{text-align:right}.weave .cap{text-align:center;width:max-content}.weave .cap b{letter-spacing:-.022em;align-items:center;gap:7px;font-size:14px;font-weight:650;display:inline-flex}.weave .cap b:before{content:"";background:var(--dot);border-radius:50%;width:7px;height:7px}.weave .cap span{color:var(--color-muted);letter-spacing:-.012em;margin-top:5px;font-size:13px;display:block}.weave #capL{--dot:var(--wv-poly)}.weave #capR{--dot:var(--color-ok)}.weave #capR span{color:var(--color-ok);font-weight:600}.weave .ruler{color:var(--color-muted);letter-spacing:-.005em;white-space:nowrap;align-items:center;gap:12px;font-size:12px;font-weight:600;display:flex}.weave .ruler .tr{flex:1;height:9px;position:relative}.weave .ruler .tr:before{content:"";background:#1d1d1b29;height:1px;position:absolute;top:4px;left:0;right:0}.weave .ruler .tr:after{content:"";background:repeating-linear-gradient(90deg,#1d1d1b33 0 1px,#0000 1px 14px);height:7px;position:absolute;top:1px;left:0;right:0}.weave .ruler .fl{background:var(--color-ink-2);transform-origin:0;height:1px;transform:scaleX(var(--k,0));position:absolute;top:4px;left:0;right:0}.weave .ruler .dt{background:var(--color-ink);width:7px;height:7px;box-shadow:0 0 0 2.5px var(--wv-bg);transform:translateX(var(--x,0px));border-radius:50%;margin-left:-3.5px;position:absolute;top:1px;left:0}.weave .ruler.done .e{color:var(--color-ink)}.weave .note{color:var(--color-muted);letter-spacing:-.005em;margin:12px 0 0;font-size:11.5px}.weave .art{position:absolute;inset:0}.weave .real{visibility:hidden;width:min(52cqw,160cqh - 216px);position:absolute;top:50%;right:5.5cqw;transform:translateY(-50%)}.weave .real-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.weave .real-card{opacity:var(--k,0);transform:translateY(calc((1 - var(--k,0)) * 18px));background:#fff;border-radius:14px;margin:0;overflow:hidden;box-shadow:0 1px 2px #0000000f,0 22px 44px -18px #281e0f61}.weave .real-card figcaption{letter-spacing:-.02em;text-align:center;color:#fff;background:var(--color-muted);padding:10px 12px;font-size:14px;font-weight:700;line-height:1.3}.weave .real-card.ours figcaption{background:var(--color-coir-600)}.weave .real-card img{aspect-ratio:4/5;object-fit:cover;width:100%;height:auto;filter:blur(calc((1 - var(--k,0)) * 8px));display:block}.weave .real-card p{letter-spacing:-.02em;text-align:center;color:var(--color-ink-2);margin:0;padding:11px 10px 13px;font-size:14px;font-weight:650;line-height:1.35}.weave .real-card p:before{content:"";background:var(--wv-poly);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.weave .real-card.ours p{color:var(--color-ok)}.weave .real-card.ours p:before{background:var(--color-ok)}.weave .real-note{color:var(--color-muted);letter-spacing:-.005em;opacity:var(--k,0);margin:12px 0 0;font-size:11.5px}@container (orientation:portrait) or (max-width:559px){.weave{background:radial-gradient(circle at 50% 66%, #fffffd 0, #fffffd8c 36%, #fffffd00 70%), var(--wv-bg)}.weave .copy{width:auto;top:max(24px,4cqh);left:max(20px,6cqw);right:max(20px,6cqw);transform:none}.weave .bar{margin-bottom:18px}.weave .eyebrow{margin-bottom:8px;font-size:13px}.weave .ch h2{font-size:clamp(26px,7cqw,40px)}.weave .ch p.body{max-width:24em;margin-top:10px;font-size:clamp(14.5px,3.7cqw,18px);line-height:1.6}.weave .spec{margin-top:12px;font-size:12.5px}.weave .callout{max-width:180px}.weave .callout .k{margin-bottom:2px;font-size:11.5px}.weave .callout b{font-size:13.5px}.weave .cap b{gap:6px;font-size:13px}.weave .cap span{margin-top:3px;font-size:12.5px}.weave .note{margin-top:8px;font-size:11px}.weave .real{left:max(16px,5cqw);right:max(16px,5cqw);top:calc(var(--copy-b,45%) + 16px);width:auto;transform:none}.weave .real-grid{width:min(100%, calc((100cqh - var(--copy-b,45%) - 132px) * 1.6 + 10px));gap:10px;margin-inline:auto}.weave .real-card{border-radius:10px}.weave .real-card figcaption{padding:7px 6px;font-size:12.5px}.weave .real-card p{padding:8px 6px 9px;font-size:12.5px}.weave .real-card p:before{width:6px;height:6px;margin-right:5px}.weave .real-m{display:none}.weave .real-note{text-align:center;margin-top:8px;font-size:11px}}
.qs-box{box-sizing:border-box;height:100%;padding-bottom:var(--wv-pad,0px);background:#f3f2ec;container-type:size}.qs{--qs-bg:#f3f2ec;--qs-grey:#7c7c78;width:100%;height:100%;font-family:var(--sans);color:var(--color-ink);-webkit-font-smoothing:antialiased;word-break:keep-all;background:radial-gradient(circle at 68% 50%, #fffffd 0, #fffffd99 32%, #fffffd00 64%), var(--qs-bg);position:relative;overflow:hidden}.qs .copy{z-index:3;width:min(30cqw,420px);position:absolute;top:50%;left:clamp(28px,6.4cqw,112px);transform:translateY(-50%)}.qs .bar{align-items:center;gap:16px;margin:0 0 32px;display:flex}.qs .steps{flex:1;gap:14px;max-width:340px;margin:0;padding:0;list-style:none;display:flex}.qs .steps li{letter-spacing:-.005em;color:#737370;white-space:nowrap;flex:1;font-size:12px;font-weight:600}.qs .steps li b{font-feature-settings:"tnum";margin-right:6px;font-weight:700}.qs .steps li i{background:#1d1d1b24;height:1px;margin-bottom:10px;display:block;position:relative;overflow:hidden}.qs .steps li i:after{content:"";background:var(--color-ink);transform-origin:0;transform:scaleX(var(--p,0));position:absolute;inset:0}.qs .steps li.on{color:var(--color-ink)}.qs .chs{display:grid}.qs .qs-note{color:var(--color-muted);letter-spacing:-.01em;letter-spacing:-.01em;margin:0 0 14px;font-size:11.5px;line-height:1.45}.qs .ch{grid-area:1/1}.qs .ch>*{will-change:opacity, transform}.qs .ch:not(#ch1)>p{opacity:0}.qs .eyebrow{color:var(--color-coir-600);letter-spacing:-.01em;margin:0 0 14px;font-size:14px;font-weight:600}.qs .ch h2{letter-spacing:-.034em;margin:0;font-size:clamp(30px,3.2cqw,46px);font-weight:700;line-height:1.2}.qs .ln{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}.qs .ln>span{will-change:transform;display:block}.qs .ch:not(#ch1) .ln>span{transform:translateY(110%)}.qs .ch p.body{color:var(--color-ink-2);letter-spacing:-.014em;text-wrap:pretty;max-width:22em;margin:20px 0 0;font-size:clamp(15px,1.25cqw,17px);line-height:1.72}.qs .spec{color:var(--color-muted);letter-spacing:-.01em;flex-wrap:wrap;gap:6px 0;margin:26px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.qs .spec li{white-space:nowrap}.qs .spec li+li:before{content:"";vertical-align:-1px;background:#1d1d1b33;width:1px;height:10px;margin:0 11px;display:inline-block}.qs .scene{position:absolute;inset:0 0 0 40cqw}.qs .layer{opacity:0;visibility:hidden;will-change:opacity;position:absolute;inset:0}.qs .pill{letter-spacing:-.02em;color:#fff;background:var(--qs-grey);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:13px;font-weight:700;display:inline-flex}.qs .pill.ours{background:var(--color-ok)}.qs .pill:before{content:"";background:#ffffffa6;border-radius:50%;width:6px;height:6px}.qs .rolls{justify-content:center;align-items:flex-end;gap:4%;padding:0 5% 15%;display:flex}.qs .roll{opacity:0;width:41%;position:relative;transform:translateY(28px)}.qs .roll.ours{width:46%}.qs .roll img{filter:drop-shadow(0 18px 22px #3c280f38);width:100%;height:auto;display:block;position:relative}.qs .roll:after{content:"";z-index:0;background:radial-gradient(#32230f52,#32230f00 70%);border-radius:50%;height:9%;position:absolute;bottom:-3%;left:8%;right:8%}.qs .roll .tag{opacity:0;position:absolute;top:-14%;left:50%;transform:translate(-50%)}.qs .roll .tag:after{content:"";background:var(--color-ink);opacity:.45;width:1px;height:20px;transform:scaleY(var(--l,0));transform-origin:top;position:absolute;top:100%;left:50%}.qs .macros{grid-template-columns:1fr 1fr;align-content:center;gap:clamp(12px,2.2cqw,28px);padding:0 6%;display:grid}.qs .macro{aspect-ratio:1;clip-path:circle(0% at 50% 95%);background:#2b2118;border-radius:16px;margin:0;position:relative;overflow:hidden;box-shadow:0 22px 44px -18px #281e0f66}.qs .macro img{object-fit:cover;width:100%;height:100%;display:block}.qs .macro .cap{color:#fff;opacity:0;background:linear-gradient(#0000,#0000009e);padding:44px 16px 14px;position:absolute;bottom:0;left:0;right:0;transform:translateY(8px)}.qs .macro .cap b{letter-spacing:-.02em;font-size:15px;font-weight:700;display:block}.qs .macro .cap span{opacity:.85;letter-spacing:-.01em;margin-top:3px;font-size:12.5px;display:block}.qs .macro .mark{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#00000073;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:14px;left:14px}.qs .macro .mark.ours{background:#1e4d3acc}.qs .macro .mark svg{width:14px;height:14px}.qs .macro .lens{pointer-events:none;opacity:0;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #ffffff8c}.qs .dia canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.qs .dl{opacity:0;will-change:transform, opacity;white-space:nowrap;position:absolute;top:0;left:0}.qs .dl.note{color:var(--color-muted);letter-spacing:-.01em;font-size:12.5px}.qs .dl.note b{color:var(--color-ink);letter-spacing:-.02em;margin-bottom:2px;font-size:14px;font-weight:700;display:block}.qs .dl.note.ours b{color:var(--color-ok)}.qs .qs-sum{grid-template-columns:1fr 1fr;align-content:center;gap:clamp(12px,2cqw,24px);padding:0 6%;display:grid}.qs .qs-card{opacity:0;background:#fff;border-radius:16px;padding:18px 18px 20px;position:relative;transform:translateY(16px);box-shadow:0 1px 2px #0000000d,0 22px 44px -22px #281e0f59}.qs .qs-card.ours{box-shadow:0 0 0 1.5px var(--color-ok), 0 22px 44px -22px #1e4d3a73}.qs .qs-card .ct{align-items:center;gap:12px;margin-bottom:14px;display:flex}.qs .qs-card .ct img{object-fit:contain;filter:drop-shadow(0 4px 6px #3c280f40);flex:none;width:46px;height:58px}.qs .qs-card .ct b{letter-spacing:-.025em;font-size:16px;font-weight:750;line-height:1.25;display:block}.qs .qs-card .ct span{color:var(--color-muted);letter-spacing:-.01em;margin-top:2px;font-size:12.5px;display:block}.qs .qs-card ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.qs .qs-card li{letter-spacing:-.02em;color:var(--color-ink-2);opacity:0;align-items:center;gap:9px;font-size:14px;font-weight:600;display:flex;transform:translate(-6px)}.qs .qs-card li:before{content:"";background:var(--qs-grey) center / 10px no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2.5 2.5l5 5M7.5 2.5l-5 5' stroke='%23fff' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");border-radius:50%;flex:none;width:18px;height:18px}.qs .qs-card.ours li{color:var(--color-ink)}.qs .qs-card.ours li:before{background-color:var(--color-ok);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 5.2l2.1 2.1L8 3' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.qs .tagline{text-align:center;color:var(--color-muted);letter-spacing:-.01em;opacity:0;margin:0;font-size:13px;position:absolute;left:6%;right:6%}.qs .tagline small{opacity:.85;margin-top:6px;font-size:11px;display:block}@container (orientation:portrait) or (max-width:559px){.qs{background:radial-gradient(circle at 50% 70%, #fffffd 0, #fffffd99 34%, #fffffd00 68%), var(--qs-bg)}.qs .copy{width:auto;top:max(24px,4cqh);left:max(20px,6cqw);right:max(20px,6cqw);transform:none}.qs .bar{margin-bottom:16px}.qs .eyebrow{margin-bottom:8px;font-size:13px}.qs .ch h2{font-size:clamp(26px,7cqw,40px)}.qs .ch p.body{max-width:26em;margin-top:10px;font-size:clamp(14.5px,3.7cqw,18px);line-height:1.6}.qs .spec{margin-top:12px;font-size:12.5px}.qs .scene{left:0;top:var(--copy-b,46%);bottom:0}.qs .rolls{align-items:center;gap:5%;padding:2% 5% 8%}.qs .roll{width:44%}.qs .roll.ours{width:49%}.qs .macros{gap:10px;padding:0 4%}.qs .macro{border-radius:12px}.qs .macro .cap{padding:34px 12px 10px}.qs .macro .cap b{font-size:13.5px}.qs .macro .cap span{font-size:11.5px}.qs .pill{padding:6px 11px;font-size:12px}.qs .qs-sum{gap:10px;padding:0 4%}.qs .qs-card{border-radius:12px;padding:14px 12px}.qs .qs-card .ct{gap:9px;margin-bottom:10px}.qs .qs-card .ct img{width:36px;height:46px}.qs .qs-card .ct b{font-size:14px}.qs .qs-card .ct span{font-size:11.5px}.qs .qs-card li{gap:7px;font-size:12.5px}.qs .qs-card li:before{background-size:9px;width:16px;height:16px}.qs .dl.note{font-size:11.5px}.qs .dl.note b{font-size:13px}}
.hs-box{box-sizing:border-box;height:100%;padding-bottom:var(--wv-pad,0px);background:#f3f2ec;container-type:size}.hs{--hs-bg:#f3f2ec;--hs-grey:#7c7c78;width:100%;height:100%;font-family:var(--sans);color:var(--color-ink);-webkit-font-smoothing:antialiased;word-break:keep-all;background:radial-gradient(circle at 68% 50%, #fffffd 0, #fffffd99 32%, #fffffd00 64%), var(--hs-bg);position:relative;overflow:hidden}.hs .copy{z-index:3;width:min(30cqw,420px);position:absolute;top:50%;left:clamp(28px,6.4cqw,112px);transform:translateY(-50%)}.hs .bar{align-items:center;gap:16px;margin:0 0 32px;display:flex}.hs .steps{flex:1;gap:14px;max-width:340px;margin:0;padding:0;list-style:none;display:flex}.hs .steps li{letter-spacing:-.005em;color:#737370;white-space:nowrap;flex:1;font-size:12px;font-weight:600}.hs .steps li b{font-feature-settings:"tnum";margin-right:6px;font-weight:700}.hs .steps li i{background:#1d1d1b24;height:1px;margin-bottom:10px;display:block;position:relative;overflow:hidden}.hs .steps li i:after{content:"";background:var(--color-ink);transform-origin:0;transform:scaleX(var(--p,0));position:absolute;inset:0}.hs .steps li.on{color:var(--color-ink)}.hs .head>*{will-change:opacity, transform}.hs .chs{display:grid}.hs .ch{grid-area:1/1}.hs .ch>*{will-change:opacity, transform}.hs .ch:not(:first-child)>:not(h2){opacity:0}.hs .eyebrow{color:var(--color-coir-600);letter-spacing:-.01em;margin:0 0 14px;font-size:14px;font-weight:600}.hs h2{letter-spacing:-.034em;margin:0;font-size:clamp(30px,3.2cqw,46px);font-weight:700;line-height:1.2}.hs .head h2{margin-bottom:4px}.hs .ln{margin-bottom:-.08em;padding-bottom:.08em;display:block;overflow:hidden}.hs .ln>span{will-change:transform;display:block;transform:translateY(110%)}.hs p.body{color:var(--color-ink-2);letter-spacing:-.014em;text-wrap:pretty;max-width:22em;margin:20px 0 0;font-size:clamp(15px,1.25cqw,17px);line-height:1.72}.hs .head+.chs p.body{margin-top:16px}.hs .spec{color:var(--color-muted);letter-spacing:-.01em;flex-wrap:wrap;gap:6px 0;margin:26px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.hs .spec li{white-space:nowrap}.hs .spec li+li:before{content:"";vertical-align:-1px;background:#1d1d1b33;width:1px;height:10px;margin:0 11px;display:inline-block}.hs .cta{opacity:0;will-change:opacity, transform;margin-top:26px}.hs .note{text-align:center;color:var(--color-muted);letter-spacing:-.005em;opacity:0;margin:0;font-size:11.5px;position:absolute;bottom:0;left:0;right:0}.hs .scene{position:absolute;inset:0 0 0 40cqw}.hs .pill{letter-spacing:-.02em;color:#fff;background:var(--hs-grey);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:7px 13px;font-size:13px;font-weight:700;display:inline-flex}.hs .pill.ours{background:var(--color-ok)}.hs .pill:before{content:"";background:#ffffffa6;border-radius:50%;width:6px;height:6px}@container (orientation:portrait) or (max-width:559px){.hs{background:radial-gradient(circle at 50% 70%, #fffffd 0, #fffffd99 34%, #fffffd00 68%), var(--hs-bg)}.hs .copy{width:auto;top:max(24px,4cqh);left:max(20px,6cqw);right:max(20px,6cqw);transform:none}.hs .bar{margin-bottom:16px}.hs .eyebrow{margin-bottom:8px;font-size:13px}.hs h2{font-size:clamp(26px,7cqw,40px)}.hs p.body{max-width:26em;margin-top:10px;font-size:clamp(14.5px,3.7cqw,18px);line-height:1.6}.hs .spec{margin-top:12px;font-size:12.5px}.hs .cta{margin-top:14px}.hs .scene{left:0;top:var(--copy-b,46%);bottom:0}.hs .pill{padding:6px 11px;font-size:12px}.hs .note{font-size:11px}}
.ba .frame{aspect-ratio:4/3;width:min(86%,133.333cqh - 200px);position:absolute;top:50%;left:50%;transform:translate(-50%,-52%)}.ba .pair{opacity:0;visibility:hidden;will-change:opacity, transform;background:#2b2118;border-radius:18px;margin:0;position:absolute;inset:0;overflow:hidden;box-shadow:0 26px 48px -20px #281e0f73}.ba .pair img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.ba .pair .after{clip-path:inset(0 100% 0 0)}.ba .line{opacity:0;background:#ffffffeb;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 0 1px #0000002e,0 0 18px #00000059}.ba .line b{background:#fff;border-radius:50%;width:34px;height:34px;margin:-17px 0 0 -17px;position:absolute;top:50%;left:50%;box-shadow:0 4px 14px #0000004d}.ba .line b:before,.ba .line b:after{content:"";border:2px solid var(--color-ink);border-width:2px 0 0 2px;width:7px;height:7px;margin-top:-4px;position:absolute;top:50%}.ba .line b:before{left:9px;transform:rotate(-45deg)}.ba .line b:after{right:9px;transform:rotate(135deg)}.ba .pill{opacity:0;position:absolute;top:14px}.ba .pill.b{left:14px}.ba .pill.a{right:14px}.ba .note{bottom:12px}.ba .steps{gap:8px;max-width:380px}.ba .steps li{flex:1 1 0;min-width:0}.ba .steps li.on{flex-grow:2.6}.ba .steps li:not(.on) span{display:none}@container (orientation:portrait) or (max-width:559px){.ba .frame{aspect-ratio:1;width:min(92%, calc(100cqh - var(--copy-b,46%) - 64px));margin-top:6px;top:0;transform:translate(-50%)}.ba .pair{border-radius:14px}.ba .line b{width:28px;height:28px;margin:-14px 0 0 -14px}.ba .line b:before{left:7px}.ba .line b:after{right:7px}.ba .pill{top:10px}.ba .pill.b{left:10px}.ba .pill.a{right:10px}.ba .note{bottom:10px}}
.rp .doc{justify-content:center;align-items:center;gap:clamp(14px,2.4cqw,34px);display:flex;position:absolute;inset:0 6% 40px 4%}.rp .paper{aspect-ratio:3/4;opacity:0;will-change:opacity, transform;background:#fff;border-radius:6px;flex:none;height:min(82%,80cqw - 400px);position:relative;overflow:hidden;transform:rotate(-2deg);box-shadow:0 30px 50px -22px #281e0f80,0 0 0 1px #1d1d1b14}.rp .paper img{width:100%;height:100%;display:block;position:absolute;inset:0}.rp .paper .p2{opacity:0}.rp .spot{border:2px solid var(--color-coir-600);opacity:0;border-radius:6px;position:absolute;box-shadow:0 0 0 9999px #f3f2ec57,0 6px 18px #8b5f1840}.rp .stats{flex-direction:column;gap:12px;width:clamp(200px,19cqw,290px);margin:0;padding:0;list-style:none;display:flex}.rp .stat{opacity:0;will-change:opacity, transform;background:#fff;border-radius:14px;padding:14px 16px 13px;box-shadow:0 12px 28px -14px #281e0f4d,0 0 0 1px #1d1d1b0f}.rp .stat .lbl{letter-spacing:-.005em;color:var(--color-muted);font-size:11.5px;font-weight:600;display:block}.rp .stat .val{letter-spacing:-.03em;font-feature-settings:"tnum";align-items:baseline;gap:6px;margin-top:4px;font-size:clamp(24px,2.4cqw,34px);font-weight:700;line-height:1.1;display:flex}.rp .stat .val small{color:var(--color-ink-2);letter-spacing:0;font-size:13px;font-weight:600}.rp .stat .sub{color:var(--color-ink-2);letter-spacing:-.01em;margin-top:5px;font-size:12.5px;display:block}.rp .note{padding:0 6%;bottom:12px}@container (orientation:portrait) or (max-width:559px){.rp .doc{flex-direction:row;align-items:safe center;gap:10px;inset:4px 4% 34px}.rp .paper{width:50%;height:auto;max-height:calc(100% - 8px)}.rp .stats{flex:1;gap:6px;width:auto}.rp .stat{border-radius:12px;padding:8px 11px 7px}.rp .stat .lbl{font-size:10.5px}.rp .stat .val{gap:4px;font-size:clamp(20px,6cqw,26px)}.rp .stat .val small{font-size:11px}.rp .stat .sub{margin-top:3px;font-size:11px}.rp .note{padding:0 4%;bottom:8px}}