.fig[data-astro-cid-bj3fsypb]{position:relative;margin:0;--fig-radius: var(--radius-frame);--fig-plate: #e5e1d8;--fig-plate-edge: rgb(0 0 0 / .08);--fig-plate-pad: var(--sp-40);--fig-lift: 0 2px 24px rgb(23 22 18 / .13);--fig-shot: #ffffff;--fig-shot-edge: rgb(0 0 0 / .08);--dev-body: #2a2823;--dev-rim: rgb(255 255 255 / .07);--dev-chrome: rgb(255 255 255 / .26);--dev-shadow: 0 30px 60px -26px rgb(23 22 18 / .5), 0 6px 14px -6px rgb(23 22 18 / .22);--fig-phone-max: 460px;--fig-screen-max: 660px}.on-night .fig[data-astro-cid-bj3fsypb]{--fig-plate: var(--paper-2);--fig-plate-edge: var(--rule);--fig-lift: 0 2px 28px rgb(0 0 0 / .5);--fig-shot-edge: rgb(0 0 0 / .4);--dev-body: #33302a;--dev-rim: rgb(237 234 225 / .22);--dev-shadow: 0 30px 60px -26px rgb(0 0 0 / .7)}.fig[data-astro-cid-bj3fsypb]{scroll-margin-block-start:calc(var(--nav-h, 64px) + var(--sp-40))}.fig[data-astro-cid-bj3fsypb]+.fig[data-astro-cid-bj3fsypb]{margin-block-start:var(--sp-56)}.fig--w-prose[data-astro-cid-bj3fsypb]{--fig-w: var(--measure)}.fig--w-wide[data-astro-cid-bj3fsypb]{--fig-w: none}.fig--w-bleed[data-astro-cid-bj3fsypb]{--fig-w: none;margin-inline:calc(50% - 50vw + var(--sbw, 0px) / 2);padding-inline:var(--page-gutter, var(--gutter))}.fig__frame[data-astro-cid-bj3fsypb]{position:relative;inline-size:100%;max-inline-size:var(--fig-max, var(--fig-w, none));margin-inline:auto}.fig--start[data-astro-cid-bj3fsypb] .fig__frame[data-astro-cid-bj3fsypb]{margin-inline:0}.fig__media[data-astro-cid-bj3fsypb]{position:relative;overflow:hidden;background-color:var(--paper-2);border-radius:var(--fig-radius)}.fig__img[data-astro-cid-bj3fsypb]{display:block;inline-size:100%;block-size:auto;transition:opacity var(--dur-fade-img, var(--dur-image)) var(--ease-io)}.fig__img[data-astro-cid-bj3fsypb].is-loading{opacity:0}.fig--fixed[data-astro-cid-bj3fsypb] .fig__media[data-astro-cid-bj3fsypb]{aspect-ratio:var(--fig-aspect)}.fig--fixed[data-astro-cid-bj3fsypb] .fig__img[data-astro-cid-bj3fsypb]{block-size:100%;object-fit:cover}.fig--focus-top[data-astro-cid-bj3fsypb] .fig__img[data-astro-cid-bj3fsypb]{object-position:top center}.fig--focus-center[data-astro-cid-bj3fsypb] .fig__img[data-astro-cid-bj3fsypb]{object-position:center}.fig--focus-bottom[data-astro-cid-bj3fsypb] .fig__img[data-astro-cid-bj3fsypb]{object-position:bottom center}.fig--well[data-astro-cid-bj3fsypb] .fig__media[data-astro-cid-bj3fsypb]{max-block-size:var(--fig-well);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.fig--well[data-astro-cid-bj3fsypb] .fig__img[data-astro-cid-bj3fsypb]{block-size:auto}.fig--well[data-astro-cid-bj3fsypb] .fig__media[data-astro-cid-bj3fsypb]:focus-visible{outline:var(--focus-w) solid var(--focus);outline-offset:var(--focus-offset)}.fig--panel[data-astro-cid-bj3fsypb] .fig__frame[data-astro-cid-bj3fsypb]{padding:var(--fig-plate-pad);background-color:var(--fig-plate);border-radius:var(--fig-radius);box-shadow:inset 0 0 0 var(--rule-w) var(--fig-plate-edge)}.fig--panel[data-astro-cid-bj3fsypb] .fig__media[data-astro-cid-bj3fsypb]{background-color:var(--fig-shot);box-shadow:0 0 0 var(--rule-w) var(--fig-shot-edge),var(--fig-lift);border-radius:calc(var(--fig-radius) - var(--sp-4))}.fig--none[data-astro-cid-bj3fsypb] .fig__media[data-astro-cid-bj3fsypb]{background-color:transparent;border-radius:0}.fig--browser[data-astro-cid-bj3fsypb] .fig__frame[data-astro-cid-bj3fsypb]{overflow:hidden;background-color:var(--fig-shot);border-radius:var(--fig-radius);box-shadow:inset 0 0 0 var(--rule-w) var(--fig-shot-edge),var(--fig-lift)}.fig__chrome[data-astro-cid-bj3fsypb]{display:flex;align-items:center;block-size:36px;padding-inline:var(--sp-12);border-block-end:var(--rule-w) solid var(--rule)}.fig__url[data-astro-cid-bj3fsypb]{display:block;flex:1 1 auto;min-inline-size:0;max-inline-size:46ch;padding:var(--sp-4) var(--sp-8);border:var(--rule-w) solid var(--rule);border-radius:var(--radius-chip);background-color:var(--paper);color:var(--ink-2);font-family:var(--font-mono);font-size:var(--fs-label);line-height:var(--lh-caption);letter-spacing:var(--ls-caption);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fig--browser[data-astro-cid-bj3fsypb] .fig__media[data-astro-cid-bj3fsypb]{border-radius:0}.fig--device[data-astro-cid-bj3fsypb]{--fig-w: none;display:grid;grid-template-columns:auto minmax(0,1fr);inline-size:100%}.fig--device[data-astro-cid-bj3fsypb] .fig__frame[data-astro-cid-bj3fsypb]{grid-column:1 / -1;grid-row:1;margin-inline:0;max-inline-size:min(var(--fig-max, var(--fig-screen-max)),var(--fig-shell, 9999px))}.fig--handset[data-astro-cid-bj3fsypb] .fig__frame[data-astro-cid-bj3fsypb]{max-inline-size:min(var(--fig-max, var(--fig-phone-max)),var(--fig-shell, 9999px))}.fig--device[data-astro-cid-bj3fsypb] .fig__shell[data-astro-cid-bj3fsypb]{position:relative;display:block;padding:var(--sp-8);border-radius:18px;background-color:var(--dev-body);box-shadow:inset 0 0 0 var(--rule-w) var(--dev-rim),var(--dev-shadow)}.fig--device[data-astro-cid-bj3fsypb] .fig__media[data-astro-cid-bj3fsypb]{background-color:var(--fig-shot);border-radius:11px;box-shadow:none}.fig--handset[data-astro-cid-bj3fsypb] .fig__shell[data-astro-cid-bj3fsypb]{padding:var(--sp-16) var(--sp-8) var(--sp-24);border-radius:32px}.fig--handset[data-astro-cid-bj3fsypb] .fig__media[data-astro-cid-bj3fsypb]{border-radius:22px}.fig--handset[data-astro-cid-bj3fsypb] .fig__shell[data-astro-cid-bj3fsypb]:before{content:"";position:absolute;inset-block-start:calc(var(--sp-8) - 1px);inset-inline-start:50%;inline-size:44px;block-size:3px;border-radius:999px;background-color:var(--dev-chrome);transform:translate(-50%)}.fig__home[data-astro-cid-bj3fsypb]{position:absolute;inset-block-end:var(--sp-8);inset-inline-start:50%;inline-size:88px;block-size:3px;border-radius:999px;background-color:var(--dev-chrome);transform:translate(-50%)}.fig__rail[data-astro-cid-bj3fsypb]{display:block;grid-column:1 / -1;grid-row:2;inline-size:100%;block-size:var(--rule-w);margin-block-start:var(--sp-16);background-color:var(--rule-strong)}.fig--device[data-astro-cid-bj3fsypb] .fig__tag[data-astro-cid-bj3fsypb]{position:static;grid-column:1;grid-row:3;padding-block-start:var(--sp-12);padding-inline-end:var(--sp-16);color:var(--ink)}.fig--device[data-astro-cid-bj3fsypb] .fig__cap[data-astro-cid-bj3fsypb]{grid-column:2;grid-row:3;margin-block-start:0;padding-block-start:var(--sp-12);border-block-start:0;max-inline-size:38ch}.fig--device[data-astro-cid-bj3fsypb]:is(.fig--device~.fig--device,:has(~.fig--device)){display:inline-grid;vertical-align:top;inline-size:min(var(--fig-shell, 676px),var(--fig-screen-max))}.fig--handset[data-astro-cid-bj3fsypb]:is(.fig--device~.fig--device,:has(~.fig--device)){inline-size:min(var(--fig-shell, 476px),var(--fig-phone-max))}.fig--device[data-astro-cid-bj3fsypb]+.fig--device[data-astro-cid-bj3fsypb]{margin-block-start:var(--sp-40);margin-inline-start:var(--sp-56)}.fig--device[data-astro-cid-bj3fsypb]:not(.fig--device~.fig--device):not(:has(~.fig--device)) .fig__frame[data-astro-cid-bj3fsypb]{grid-column:1 / -1;grid-row:1;max-inline-size:min(660px,var(--fig-shell, 9999px))}.fig--handset[data-astro-cid-bj3fsypb]:not(.fig--device~.fig--device):not(:has(~.fig--device)) .fig__frame[data-astro-cid-bj3fsypb]{max-inline-size:min(var(--fig-max, var(--fig-phone-max)),var(--fig-shell, 9999px))}.fig__cap[data-astro-cid-bj3fsypb]{margin-block-start:var(--sp-12);max-inline-size:var(--measure-narrow)}.fig--w-bleed[data-astro-cid-bj3fsypb] .fig__cap[data-astro-cid-bj3fsypb]{margin-inline:auto;max-inline-size:min(var(--page-max),100%)}.fig--w-bleed[data-astro-cid-bj3fsypb] .fig__cap[data-astro-cid-bj3fsypb]>[data-astro-cid-bj3fsypb]{max-inline-size:var(--measure-narrow)}@media(max-width:899px){.fig--device[data-astro-cid-bj3fsypb],.fig--device[data-astro-cid-bj3fsypb]:is(.fig--device~.fig--device,:has(~.fig--device)),.fig--device[data-astro-cid-bj3fsypb]:not(.fig--device~.fig--device):not(:has(~.fig--device)){display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:0;inline-size:100%;vertical-align:baseline}.fig--device[data-astro-cid-bj3fsypb] .fig__frame[data-astro-cid-bj3fsypb],.fig--device[data-astro-cid-bj3fsypb]:not(.fig--device~.fig--device):not(:has(~.fig--device)) .fig__frame[data-astro-cid-bj3fsypb]{grid-column:1 / -1;grid-row:1}.fig__rail[data-astro-cid-bj3fsypb],.fig--device[data-astro-cid-bj3fsypb]:not(.fig--device~.fig--device):not(:has(~.fig--device)) .fig__rail[data-astro-cid-bj3fsypb]{grid-column:1 / -1;grid-row:2;margin-block-start:var(--sp-16)}.fig--device[data-astro-cid-bj3fsypb] .fig__tag[data-astro-cid-bj3fsypb],.fig--device[data-astro-cid-bj3fsypb]:not(.fig--device~.fig--device):not(:has(~.fig--device)) .fig__tag[data-astro-cid-bj3fsypb]{grid-column:1;grid-row:3;padding-inline-end:var(--sp-16)}.fig--device[data-astro-cid-bj3fsypb] .fig__cap[data-astro-cid-bj3fsypb],.fig--device[data-astro-cid-bj3fsypb]:not(.fig--device~.fig--device):not(:has(~.fig--device)) .fig__cap[data-astro-cid-bj3fsypb]{grid-column:2;grid-row:3;padding-block-start:var(--sp-12);max-inline-size:none}.fig--device[data-astro-cid-bj3fsypb]+.fig--device[data-astro-cid-bj3fsypb]{margin-block-start:var(--sp-56);margin-inline-start:0}}@media(max-width:1180px){.fig[data-astro-cid-bj3fsypb]{--fig-plate-pad: var(--sp-24);--fig-phone-max: 360px;--fig-screen-max: 480px}}@media(max-width:767px){.fig--panel[data-astro-cid-bj3fsypb] .fig__frame[data-astro-cid-bj3fsypb]{padding:var(--sp-8)}.fig--well[data-astro-cid-bj3fsypb] .fig__media[data-astro-cid-bj3fsypb]{max-block-size:min(var(--fig-well),60vh)}.fig[data-astro-cid-bj3fsypb]+.fig[data-astro-cid-bj3fsypb]{margin-block-start:var(--sp-40)}}:root{--stage: #e6e1d8;--stage-edge: rgb(23 22 18 / .06)}main:has(img[src^="/images/wv-mobile-revamp/"]) .hero.on-night{padding-block-start:clamp(var(--sp-40),4.4vw,var(--sp-72))}main:has(img[src^="/images/wv-mobile-revamp/"]) .hero.on-night .hero__metrics{margin-block-start:var(--sp-40)}main:has(img[src^="/images/wv-mobile-revamp/"]) .hero.on-night:after{content:"";display:block;box-sizing:border-box;margin-block-start:var(--sp-40);margin-inline-start:calc(max(0px,(100% - var(--page-max, 1240px)) / 2) + var(--page-gutter, 24px) + (min(100%,var(--page-max, 1240px)) - 2 * var(--page-gutter, 24px) - 11 * var(--col-gap, 24px)) / 12 + var(--col-gap, 24px));inline-size:451px;block-size:946px;padding:16px 8px 24px;border-radius:32px;background-color:#33302a;background-image:url(/images/derived/wv-mobile-revamp/screen-03-add-outline.png),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='3'%3E%3Crect width='44' height='3' rx='1.5' fill='%23ffffff' fill-opacity='0.26'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='3'%3E%3Crect width='88' height='3' rx='1.5' fill='%23ffffff' fill-opacity='0.26'/%3E%3C/svg%3E");background-origin:content-box,padding-box,padding-box;background-position:left top,center top 7px,center bottom 8px;background-repeat:no-repeat;background-size:100% auto,44px 3px,88px 3px;box-shadow:inset 0 0 0 var(--rule-w) #edeae138,0 30px 60px -26px #000000b3}@media(min-width:1024px){main:has(img[src^="/images/wv-mobile-revamp/"]) .hero.on-night:after{inline-size:623px;block-size:1305px;border-radius:40px}}@media(max-width:767px){main:has(img[src^="/images/wv-mobile-revamp/"]) .hero.on-night:after{margin-inline-start:var(--page-gutter, 24px);inline-size:min(308px,calc(100% - 2 * var(--page-gutter, 24px)));block-size:auto;aspect-ratio:308 / 649}}main .cs-figure-row:has(>.fig--device){display:grid;grid-template-columns:auto auto minmax(0,1fr);column-gap:clamp(var(--sp-40),9vw,132px);align-items:start;inline-size:auto;max-inline-size:none;margin-inline:0;padding:0;background-color:transparent;box-shadow:none;border-radius:0;--fig-max: 356px}main .cs-figure-row:has(>.fig--device)>.fig--device{grid-column:1;grid-row:1 / span 2}main .cs-figure-row:has(>.fig--device)>.fig--device:has(img[src$="01-vector.png"]){--fig-max: 451px}main .cs-figure-row:has(>.fig--device)>.fig--device:has(img[src$="01-vector.png"]) .fig__media{aspect-ratio:435 / 560}main .cs-figure-row:has(>.fig--device)>.fig--device:has(img[src$="01-vector.png"]) .fig__shell{padding:var(--sp-8);border-radius:18px}main .cs-figure-row:has(>.fig--device)>.fig--device:has(img[src$="01-vector.png"]) .fig__media{border-radius:11px}main .cs-figure-row:has(>.fig--device)>.fig--device:has(img[src$="01-vector.png"]) .fig__shell:before,main .cs-figure-row:has(>.fig--device)>.fig--device:has(img[src$="01-vector.png"]) .fig__home{display:none}main:has(img[src^="/images/wv-mobile-revamp/"]) .cs-figure-row:has(>.fig--device):before{content:"";display:block;box-sizing:border-box;grid-column:2;grid-row:1;margin-block-start:var(--sp-56);inline-size:356px;block-size:744px;padding:16px 8px 24px;border-radius:32px;background-color:#2a2823;background-image:url(/images/derived/wv-mobile-revamp/screen-05-thumbnails.png),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='3'%3E%3Crect width='44' height='3' rx='1.5' fill='%23ffffff' fill-opacity='0.26'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='3'%3E%3Crect width='88' height='3' rx='1.5' fill='%23ffffff' fill-opacity='0.26'/%3E%3C/svg%3E");background-origin:content-box,padding-box,padding-box;background-position:left top,center top 7px,center bottom 8px;background-repeat:no-repeat;background-size:100% auto,44px 3px,88px 3px;box-shadow:inset 0 0 0 var(--rule-w) #ffffff12,0 30px 60px -26px #17161280,0 6px 14px -6px #17161238}main:has(img[src^="/images/wv-mobile-revamp/"]) .cs-figure-row:has(>.fig--device):after{content:"BEFORE   The page-thumbnail panel does the same thing.";display:block;grid-column:2;grid-row:2;inline-size:356px;margin-block-start:var(--sp-16);padding-block-start:var(--sp-12);border-block-start:var(--rule-w) solid var(--rule-strong);color:var(--ink-2);font-family:var(--font-mono);font-size:var(--fs-caption);line-height:var(--lh-caption);letter-spacing:var(--ls-caption)}@media(max-width:899px){main .cs-figure-row:has(>.fig--device){grid-template-columns:minmax(0,1fr)}main .cs-figure-row:has(>.fig--device)>.fig--device{grid-column:1;grid-row:1}main:has(img[src^="/images/wv-mobile-revamp/"]) .cs-figure-row:has(>.fig--device):before{grid-column:1;grid-row:2;margin-block-start:var(--sp-56);inline-size:min(100%,356px);block-size:auto;aspect-ratio:356 / 744}main:has(img[src^="/images/wv-mobile-revamp/"]) .cs-figure-row:has(>.fig--device):after{grid-column:1;grid-row:3;inline-size:min(100%,356px)}}main .decision__artifact:has(>.fig--device){display:flex;align-items:flex-start;column-gap:clamp(var(--sp-40),6.7vw,var(--sp-96));--band-left: calc( max(0px, (100vw - var(--sbw, 0px) - var(--page-max, 1240px)) / 2) + var(--page-gutter, 24px) );inline-size:calc(100vw - var(--sbw, 0px) - var(--band-left));max-inline-size:none;margin-inline:calc(-1 * (100% + var(--col-gap, 24px)) / 11) 0;margin-block-start:var(--sp-96);padding:0;background-color:transparent;box-shadow:none;border-radius:0;--rv-delay: 0ms}main .decision__artifact:has(>.fig--device)>.fig--device,main .decision__artifact:has(>.fig--device):after{flex:none}main .decision__artifact:has(>.fig--device)>.fig--device+.fig--device{margin-inline-start:0;margin-block-start:var(--sp-72)}main:has(img[src^="/images/wv-mobile-revamp/"]) .decision__artifact:has(>.fig--device):after{content:"";display:block;box-sizing:border-box;margin-block-start:var(--sp-24);inline-size:376px;block-size:840px;padding:16px 8px 24px;border-radius:32px;background-color:#2a2823;background-image:url(/images/derived/wv-mobile-revamp/screen-09-colour-picker.png),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='44' height='3'%3E%3Crect width='44' height='3' rx='1.5' fill='%23ffffff' fill-opacity='0.26'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='3'%3E%3Crect width='88' height='3' rx='1.5' fill='%23ffffff' fill-opacity='0.26'/%3E%3C/svg%3E");background-origin:content-box,padding-box,padding-box;background-position:left top,center top 7px,center bottom 8px;background-repeat:no-repeat;background-size:100% auto,44px 3px,88px 3px;box-shadow:inset 0 0 0 var(--rule-w) #ffffff12,0 30px 60px -26px #17161280,0 6px 14px -6px #17161238}@media(max-width:1179px){main:has(img[src^="/images/wv-mobile-revamp/"]) .decision__artifact:has(>.fig--device):after{display:none}}@media(max-width:899px){main .decision__artifact:has(>.fig--device){display:block;margin-inline:0;inline-size:auto}main .decision__artifact:has(>.fig--device)>.fig--device+.fig--device{margin-block-start:var(--sp-56)}main:has(img[src^="/images/wv-mobile-revamp/"]) .decision__artifact:has(>.fig--device):after{display:block;margin-block-start:var(--sp-56);inline-size:min(100%,376px);block-size:auto;aspect-ratio:376 / 840}}@media(max-width:767px){main .cs-figure-row:has(>.fig--device),main .decision__artifact:has(>.fig--device){margin-inline:0}main .decision__artifact:has(>.fig--device){margin-block-start:var(--sp-56)}}.artifact:has(>.artifact__frame--filmstrip){position:relative}main .artifact.artifact--bleed:has(>.artifact__frame--filmstrip){margin-inline:calc(50% - 50vw + var(--sbw, 0px) / 2);padding-inline:0;max-inline-size:none;background-color:transparent;box-shadow:none;--rv-delay: 0ms}main .artifact.artifact--bleed .artifact__frame--filmstrip{padding-block:var(--sp-56);padding-inline:0;background-color:#2a2823;box-shadow:none;border-radius:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin}main .artifact.artifact--bleed .artifact__frame--filmstrip>img{display:block;margin-inline:auto;inline-size:100%;max-inline-size:1590px;block-size:auto;aspect-ratio:1590 / 800;object-fit:cover;object-position:37.5% center;scroll-snap-align:start}main .artifact.artifact--bleed:has(>.artifact__frame--filmstrip) .artifact__caption{margin-block-start:var(--sp-16);margin-inline:calc(max(0px,(100% - var(--page-max, 1240px)) / 2) + var(--page-gutter, 24px)) 0;padding-inline:0;max-inline-size:var(--measure-narrow)}@media(max-width:1023px){main .artifact.artifact--bleed .artifact__frame--filmstrip{padding-block:var(--sp-32)}main .artifact.artifact--bleed .artifact__frame--filmstrip>img{margin-inline:0;inline-size:1590px;max-inline-size:none;block-size:800px}main .artifact.artifact--bleed:has(>.artifact__frame--filmstrip):after{content:"Scroll sideways →";display:block;margin-block-start:var(--sp-8);margin-inline-start:calc(max(0px,(100% - var(--page-max, 1240px)) / 2) + var(--page-gutter, 24px));color:var(--ink-2);font-family:var(--font-mono);font-size:var(--fs-caption);line-height:var(--lh-caption);pointer-events:none}}main:has(img[src^="/images/wv-mobile-revamp/"]) .section__body:has(>.cs-figure-row:not(.cs-figure-row--bleed):not(.cs-figure-row--compare)){display:flex;flex-direction:column}main:has(img[src^="/images/wv-mobile-revamp/"]) .section__body>.cs-figure-row:not(.cs-figure-row--bleed):not(.cs-figure-row--compare){order:-1;margin-block-end:var(--sp-96);--rv-delay: 0ms}main:has(img[src^="/images/wv-mobile-revamp/"]) .section__body>.cs-figure-row:not(:has(*)){margin-block:0}@media(max-width:767px){main:has(img[src^="/images/wv-mobile-revamp/"]) .section__body>.cs-figure-row:not(.cs-figure-row--bleed):not(.cs-figure-row--compare){margin-block-end:var(--sp-56)}}
