.pile,.cmeth{--g-before:brightness(.8) contrast(.88) saturate(.7);--g-against:brightness(.84) contrast(1.1) sepia(.1) saturate(1.05);--g-after:brightness(1.16) contrast(1.06) sepia(.1) hue-rotate(172deg) saturate(1.4);--g-sheen:brightness(1.38) contrast(.94);--g-wet:brightness(.72) contrast(1.12) saturate(1.1)}.cmeth{--g-before:brightness(.74) contrast(.8) saturate(.7);--g-after:brightness(.98) contrast(.9) sepia(.1) hue-rotate(172deg) saturate(1.3);--g-wet:brightness(.6) contrast(1.08) saturate(1.1)}.pile .pile__wrap{-webkit-user-select:none;user-select:none;position:absolute;inset:0;overflow:hidden;container-type:size}.pile__plane{transform-origin:50% 100%;width:140%;height:160%;position:absolute;bottom:0;left:-20%;transform:perspective(240cqh)rotateX(30deg);-webkit-mask-image:linear-gradient(#000 46%,#000000e0 74%,#000000a8);mask-image:linear-gradient(#000 46%,#000000e0 74%,#000000a8)}.pile__plane>img,.pile__plane>canvas{width:100%;height:100%;position:absolute;inset:0}.pile__img{object-fit:cover;transition:filter .6s var(--ease-out), opacity .6s var(--ease-out)}.pile__img--against{filter:var(--g-against)}.pile__img--lifted,.pile__img--sheen{--w:clamp(92px, 14cqw, 250px);--stripes:repeating-linear-gradient(177deg, #0000 0, #000 calc(var(--w) * .18), #000 calc(var(--w) * .6), #0000 calc(var(--w) * .78), #0000 calc(var(--w) * 1.56));filter:var(--g-after);-webkit-mask-image:var(--stripes);mask-image:var(--stripes)}.pile__img--sheen{filter:var(--g-after) var(--g-sheen);-webkit-mask-image:var(--stripes), linear-gradient(180deg, #000000e6, #0000009e 14%, #00000038 30%, #0000 42%);mask-image:var(--stripes), linear-gradient(180deg, #000000e6, #0000009e 14%, #00000038 30%, #0000 42%);-webkit-mask-composite:source-in;mask-composite:intersect}html.motion-ok .pile__wrap:not(.is-still) .pile__img--against{filter:var(--g-before)}html.motion-ok .pile__wrap:not(.is-still) .pile__img--lifted,html.motion-ok .pile__wrap:not(.is-still) .pile__img--sheen{opacity:0}.pile .pile__canvas{opacity:0;pointer-events:none}.pile .is-live .pile__canvas{opacity:1}.pile .is-live .pile__img{opacity:0;transition:none}html:not(.motion-ok) .pile .pile__canvas{display:none}.pile__depth{z-index:1;pointer-events:none;backdrop-filter:blur(2.6px);height:50%;position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000,#000 16%,#0000);mask-image:linear-gradient(#000,#000 16%,#0000)}.shero__stage.pile:after{background:linear-gradient(#0b14212e,#0b142100 20% 60%,#0b142180)}@media (pointer:fine){.pile .is-live{cursor:grab}.pile .is-live.dragging{cursor:grabbing}}.pile__tag{z-index:4;color:var(--paper);backdrop-filter:blur(8px);background:#080d16a8;border-radius:999px;align-items:center;gap:8px;margin:0;padding:8px 14px;font-size:.875rem;font-weight:550;display:inline-flex;position:absolute;top:22px;left:22px}.pile__tag i{background:var(--water);width:8px;height:8px;box-shadow:0 0 10px var(--water);border-radius:50%;flex:none}.pile__hint{z-index:4;backdrop-filter:blur(6px);font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--paper);opacity:0;visibility:hidden;transition:opacity .4s var(--ease-out), visibility 0s .4s;background:#080d1680;border-radius:999px;margin:0;padding:6px 12px;font-size:.6875rem;position:absolute;top:66px;left:22px}@media (pointer:fine){html.motion-ok .pile .is-live .pile__hint{opacity:.86;visibility:visible;transition:opacity .6s var(--ease-out) 1.6s, visibility 0s}html.motion-ok .pile .is-live.has-dragged .pile__hint{opacity:0;visibility:hidden;transition:opacity .25s var(--ease-out), visibility 0s .25s}}.shero__stage.pile .illus,.cmeth__strip .illus{backdrop-filter:blur(6px);text-shadow:none;color:var(--paper);background:#080d169e;border-radius:999px;padding:4px 9px}@media (width<=760px){.pile__tag{padding:6px 10px;font-size:.75rem;top:12px;left:12px}}.cmeth{padding:clamp(110px,18vh,200px) 0 clamp(80px,12vh,150px);position:relative}.cmeth__head{grid-template-columns:minmax(0,1fr) minmax(0,auto);align-items:end;gap:28px 56px;margin-bottom:clamp(28px,4vw,44px);display:grid}.cmeth__head .h2{max-width:13ch;margin:0}.cmeth__ctl{min-width:0;max-width:470px}.cmeth__pick{border:0;min-width:0;margin:0;padding:0}.cmeth__legend{font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted-night);margin:0 0 12px;padding:0;font-size:.75rem}.cmeth__opts{flex-wrap:wrap;gap:10px;display:flex}.cmeth__opt{border:1.5px solid var(--line-night);cursor:pointer;min-height:60px;font-family:var(--f-display);letter-spacing:-.015em;transition:background-color .22s var(--ease-out), color .22s var(--ease-out), border-color .22s var(--ease-out), transform .16s var(--ease-out);border-radius:999px;align-items:center;gap:14px;padding:10px 24px 10px 16px;font-size:1.1875rem;font-weight:720;line-height:1.1;display:inline-flex;position:relative}.cmeth__opt input{-webkit-appearance:none;appearance:none;cursor:pointer;width:24px;height:24px;transition:background-color .2s var(--ease-out), border-color .2s var(--ease-out);background:0 0;border:1.5px solid #f7faff9e;border-radius:50%;flex:none;place-items:center;margin:0;display:grid}.cmeth__opt input:after{content:"";background:var(--signal-ink);width:10px;height:10px;transition:transform .22s var(--ease-out);border-radius:50%;transform:scale(0)}.cmeth__opt input:checked{background:var(--signal);border-color:var(--signal)}.cmeth__opt input:checked:after{transform:scale(1)}.cmeth__opt:has(input:checked){background:var(--paper);color:var(--ink);border-color:var(--paper)}.cmeth__opt input:focus-visible{outline:2px solid #0000}.cmeth__opt:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:3px}@supports not selector(:has(*)){.cmeth__opt input:focus-visible{outline:2px solid var(--focus);outline-offset:3px}}@media (hover:hover) and (pointer:fine){.cmeth__opt:hover{border-color:#f7faff80}}.cmeth__opt:active{transform:scale(.97)}@media (forced-colors:active){.cmeth__opt,.cmeth__opt input{border-color:buttontext}.cmeth__opt input:checked{forced-color-adjust:none;background:highlight;border-color:highlight}.cmeth__opt input:checked:after{forced-color-adjust:none;background:highlighttext}.cmeth__opt:has(input:checked){color:highlighttext;forced-color-adjust:none;background:highlight}.cmeth__opt:has(input:focus-visible){outline:2px solid highlight}}.cmeth__texts{margin-top:22px;display:grid}.cmeth__text{max-width:24ch;font-family:var(--f-display);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(1.35rem,1.9vw,1.85rem);font-weight:720;font-stretch:94%;line-height:1.1}.cmeth__strip{background:var(--night-2);isolation:isolate;border-radius:26px;height:clamp(240px,26vw,360px);margin:0;position:relative;overflow:hidden}.cmeth__still{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.cmeth__still img{object-fit:cover;object-position:50% 78%;width:100%;height:100%;transform:scale(var(--z,1));pointer-events:none;position:absolute;inset:0}.cmeth__still--base img{filter:var(--g-before)}.cmeth__layer{z-index:1;width:130%;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.cmeth__layer .cmeth__still{width:76.9231%}.cmeth__layer--pass{-webkit-mask-image:linear-gradient(97deg,#000 74%,#0000008c 83%,#0000 95%);mask-image:linear-gradient(97deg,#000 74%,#0000008c 83%,#0000 95%)}.cmeth__layer--pass img{filter:var(--g-after)}.cmeth__layer--wet,.cmeth__layer--lift{z-index:2;opacity:0}.cmeth__layer--wet{-webkit-mask-image:linear-gradient(97deg,#0000 50%,#00000052 64%,#000000f0 78%,#000000b8 84%,#0000 94%);mask-image:linear-gradient(97deg,#0000 50%,#00000052 64%,#000000f0 78%,#000000b8 84%,#0000 94%)}.cmeth__layer--wet img{filter:var(--g-after) var(--g-wet)}.cmeth__layer--lift{-webkit-mask-image:linear-gradient(97deg,#0000 58%,#0009 77%,#00000059 86%,#0000 94%);mask-image:linear-gradient(97deg,#0000 58%,#0009 77%,#00000059 86%,#0000 94%)}.cmeth__layer--lift img{filter:var(--g-after) brightness(1.22) contrast(1.06)}html.motion-ok .cmeth__strip:not(.is-shown) .cmeth__layer{transform:translate(-100%)}html.motion-ok .cmeth__strip:not(.is-shown) .cmeth__layer .cmeth__still{transform:translate(130%)}html:not(.motion-ok) .cmeth:has(#cmeth-hot:checked) .cmeth__layer--wet{opacity:.6}.cmeth__after{z-index:4;color:var(--paper);font-family:var(--f-mono);letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(8px);background:#080d16b8;border-radius:12px;margin:0;padding:9px 14px;font-size:.75rem;display:grid;position:absolute;bottom:18px;left:20px}.cmeth__after span{grid-area:1/1}.cmeth__after span:before{content:"";background:var(--water);width:8px;height:8px;box-shadow:0 0 10px var(--water);vertical-align:1px;border-radius:50%;margin-right:9px;display:inline-block}html.motion-ok .cmeth__strip:not(.is-shown) .cmeth__after{opacity:0;transform:translateY(8px)}.cmeth__strip:after{content:"";z-index:3;pointer-events:none;background:linear-gradient(#0b142166,#0b142100 34% 70%,#0b142161);position:absolute;inset:0}.cmeth__tag{z-index:4;color:var(--paper);backdrop-filter:blur(8px);background:#080d16a8;border-radius:999px;align-items:center;gap:8px;margin:0;padding:8px 14px;font-size:.875rem;font-weight:550;display:inline-flex;position:absolute;top:18px;left:20px}.cmeth__tag i{background:var(--water);width:8px;height:8px;box-shadow:0 0 10px var(--water);border-radius:50%;flex:none}.cmeth__strip .illus{z-index:4}@media (prefers-reduced-transparency:reduce){.cmeth__after{background:var(--night);backdrop-filter:none}}.cmeth__note{border-top:1px solid var(--line-night);color:var(--muted-night);max-width:40ch;margin:clamp(22px,2.6vw,32px) 0 0;padding-top:16px}@supports selector(:has(*)){.cmeth__text,.cmeth__tag span{grid-area:1/1}.cmeth:has(#cmeth-hot:checked) [data-cmeth-text=dry],.cmeth:has(#cmeth-dry:checked) [data-cmeth-text=hot]{visibility:hidden}.cmeth:has(#cmeth-hot:checked) [data-cmeth-tag=dry],.cmeth:has(#cmeth-dry:checked) [data-cmeth-tag=hot]{display:none}}.cmeth[data-method] .cmeth__text{grid-area:1/1}.cmeth[data-method=hot] [data-cmeth-text=dry],.cmeth[data-method=dry] [data-cmeth-text=hot]{visibility:hidden}.cmeth[data-method=hot] [data-cmeth-tag=dry],.cmeth[data-method=dry] [data-cmeth-tag=hot]{display:none}@supports not selector(:has(*)){.cmeth:not([data-method]) .cmeth__tag span+span:before{content:" or "}}@media (width<=860px){.cmeth__strip{--z:1.15}.cmeth__head{grid-template-columns:minmax(0,1fr)}.cmeth__ctl{max-width:none}}@media (width<=560px){.cmeth__opts{grid-template-columns:minmax(0,1fr);display:grid}.cmeth__opt{min-height:56px;font-size:1.0625rem}.cmeth__strip{--z:1.25;border-radius:20px;height:240px}.cmeth__after{max-width:calc(100% - 64px);padding:7px 11px;font-size:.6875rem;bottom:12px;left:12px}.cmeth__tag{padding:6px 10px;font-size:.75rem;top:12px;left:12px}.cmeth__strip .illus{bottom:12px;right:12px}}.cwhere{border-radius:36px 36px 0 0}.cwhere .h2{max-width:15ch}.cwhere__fibre{max-width:36ch;margin:0}.cwhere__vs{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1180px;margin-top:44px;display:grid;position:relative}.cwhere__card{border-radius:26px;padding:clamp(24px,3vw,40px)}.cwhere__card h3{font-family:var(--f-display);letter-spacing:-.02em;max-width:16ch;margin:0 0 14px;font-size:clamp(1.6rem,2.6vw,2.25rem);font-weight:740;line-height:1.05}.cwhere__card p{color:var(--ink-2);max-width:40ch;margin:0}.cwhere__card--a{background:var(--paper-2)}.cwhere__card--b{background:var(--white);box-shadow:0 40px 70px -40px #0b142173, 0 0 0 1px var(--line-paper);transform:translate(-40px,46px)}.cwhere__card--b h3{color:var(--brand)}.cwhere__steps{counter-reset:step;flex-wrap:wrap;align-items:center;gap:10px 34px;margin:22px 0 0;padding:0;list-style:none;display:flex}.cwhere__steps li{border:1.5px solid var(--line-paper);min-height:44px;font-family:var(--f-mono);color:var(--ink);border-radius:999px;align-items:center;gap:10px;padding:6px 16px 6px 6px;font-size:.9375rem;font-weight:500;display:inline-flex;position:relative}.cwhere__steps li:before{counter-increment:step;content:counter(step);background:var(--signal);width:1.9em;height:1.9em;color:var(--signal-ink);border-radius:50%;flex:none;place-items:center;font-size:.8125em;font-weight:600;display:grid}.cwhere__steps li:not(:last-child):after{content:"→" / "";color:var(--muted-paper);font-family:var(--f-text);position:absolute;right:-26px}html.motion-ok .cwhere__vs:not(.is-in) .cwhere__card--b{opacity:0;transform:translate(-40px,166px)rotate(2deg)}html.motion-ok .cwhere__vs.is-in .cwhere__card--b{transition:transform 1.1s var(--ease-power3), opacity .7s var(--ease-out)}html.motion-ok .cwhere__vs:not(.is-in) .cwhere__steps li{opacity:0;transform:translate(-12px)}html.motion-ok .cwhere__vs.is-in .cwhere__steps li{transition:opacity .5s var(--ease-out), transform .6s var(--ease-out);transition-delay:calc(.7s + var(--i,0) * .16s)}@media (forced-colors:active){.cwhere__card{border:1.5px solid canvastext}.cwhere__steps li{border-color:canvastext}}@media (width<=760px){.cwhere{border-radius:26px 26px 0 0}.cwhere__vs{grid-template-columns:minmax(0,1fr);margin-top:32px}.cwhere__card--b{transform:translate(12px,-16px)}html.motion-ok .cwhere__vs:not(.is-in) .cwhere__card--b{transform:translate(12px,80px)}}@media (width<=520px){.cwhere__steps{flex-direction:column;align-items:flex-start;gap:22px}.cwhere__steps li:not(:last-child):after{content:"↓" / "";line-height:1;inset:auto auto -23px 18px}}@media (prefers-reduced-transparency:reduce){.pile__tag,.pile__hint,.cmeth__tag,.shero__stage.pile .illus,.cmeth__strip .illus{background:var(--night);backdrop-filter:none}}