.wonder{--black: #000000;--white: #ffffff;--grey: #7f7f7f;--grey-mid: #8d9092;--grey-link: #737677;--hairline: #c8cbcc;--bg: var(--white);--ink: var(--black);--ink-soft: var(--grey);--rule: var(--black);--font: "Designco Sans", "Designco Sans Fallback", "Helvetica Neue", Helvetica, Arial, sans-serif;--light: 300;--regular: 400;--medium: 500;--t-title: 4.625rem;--t-case: 2.75rem;--t-headline: 2.25rem;--t-statement: 2.25rem;--t-giant: 5.75rem;--t-split: 2.25rem;--t-lead: 1.0625rem;--t-case-lead: 1.5rem;--t-chapter: 1.125rem;--t-closing: 2.5rem;--t-label: .9375rem;--t-nav: 1.125rem;--t-menu: 2.25rem;--t-row: 1.125rem;--t-tile: 2.25rem;--t-card: 1.375rem;--t-tile-caption: 1.375rem;--t-meta: .8125rem;--t-city: 2.625rem;--t-office: 1rem;--t-footer-line: 1.75rem;--t-base: .8125rem;--t-body: 1rem;--t-note: 1rem;--t-small: .8125rem;--t-show-title: 2.75rem;--t-show-statement: 1.375rem;--t-show-caption: 1.0625rem;--lh-title: .85;--lh-giant: .9;--lh-tile: .8;--lh-tight: 1;--lh-snug: 1.1;--lh-meta: 1.3;--lh-body: 1.5;--track-label: .02em;--track-meta: .0175rem;--grid-gap: 1.5rem;--marker: .75rem;--cell: 3.1875rem;--cell-icon: 3.125rem;--title-min: 0px;--s-intro: 2.75rem;--s-block: 3.75rem;--s-card: 1.25rem;--s-tiles: 3.75rem;--s-band: 4.375rem;--s-chapter: 3.625rem;--s-media: 1.25rem;--s-film: 3.75rem;--s-hero-lead: 2.1875rem;--s-label: 1.25rem;--s-show-intro: 3rem;--s-show-gap: .5rem;--s-show-caption: 3.5rem;--ease: cubic-bezier(.4, 0, .2, 1);--t-zoom: .7s;--t-underline: .5s;--t-panel: .7s;--t-header: .5s;--marquee: 20s;--z-sheet: 20;--z-header: 50;--z-panel: 60;--z-cookie: 70;color-scheme:light}@media(min-width:410px)and (max-width:767px){.wonder{--t-menu: 3rem}}@media(min-width:768px){.wonder{--t-title: 6.25rem;--t-case: 3.5rem;--t-headline: 2.875rem;--t-statement: 2.5rem;--t-giant: 7.625rem;--t-split: 2.5rem;--t-lead: 1.125rem;--t-case-lead: 1.75rem;--t-chapter: 1.5rem;--t-closing: 2.8125rem;--t-label: 1rem;--t-menu: 3.75rem;--t-row: 1.5625rem;--t-tile: 2.5rem;--t-tile-caption: 1.25rem;--t-meta: .875rem;--t-city: 2.75rem;--t-office: 1.0625rem;--t-footer-line: 2.25rem;--t-base: 1rem;--grid-gap: 4rem;--title-min: 18.75rem;--s-intro: 6.875rem;--s-block: 7rem;--s-band: 6.875rem;--s-chapter: 7.5rem;--s-film: 10rem;--s-hero-lead: 3.625rem;--s-label: 1.875rem;--t-show-title: 3.5rem;--t-show-statement: 1.75rem;--t-show-caption: 1.125rem;--s-show-intro: 5rem;--s-show-gap: 1.25rem;--s-show-caption: 5rem}}@media(min-width:1024px){.wonder{--t-title: 6.875rem;--t-case: 6.375rem;--t-headline: 3.4375rem;--t-statement: 3rem;--t-giant: 8.125rem;--t-split: 3rem;--t-lead: 1.25rem;--t-case-lead: 2.25rem;--t-chapter: 1.75rem;--t-closing: 3.125rem;--t-label: 1.125rem;--t-nav: 1.25rem;--t-menu: 3.875rem;--t-row: 1.75rem;--t-tile: 3rem;--t-tile-caption: 1.375rem;--t-meta: 1.125rem;--t-city: 3rem;--t-office: 1.125rem;--t-base: 1.125rem;--marker: 1rem;--s-intro: 8.75rem;--s-block: 9.375rem;--s-card: 1.875rem;--s-tiles: 4.5rem;--s-band: 8.75rem;--s-chapter: 10rem;--s-hero-lead: 4.6875rem;--s-label: 2.375rem;--t-show-title: 4.25rem;--t-show-statement: 2rem;--t-show-caption: 1.25rem;--s-show-intro: 6.875rem;--s-show-gap: 2rem;--s-show-caption: 6.5rem}}@media(min-width:1200px){.wonder{--t-headline: 3.625rem;--t-title: 7.875rem;--t-giant: 9.625rem;--t-lead: 1.375rem;--t-closing: 3.5rem;--t-label: 1.1875rem;--t-nav: 1.375rem;--t-menu: 4.125rem;--t-row: 2rem;--t-tile: 3.5rem;--t-tile-caption: 1.5rem;--t-city: 3.125rem;--t-footer-line: 2.625rem;--s-intro: 10.9375rem;--s-card: 2.5rem;--s-media: 2.5rem;--s-hero-lead: 5rem}}@media(min-width:1440px){.wonder{--t-title: 9.0625rem;--t-headline: 4.375rem;--t-giant: 11.125rem;--t-split: 3.5rem;--t-lead: 1.625rem;--t-note: 1.125rem;--t-closing: 3.875rem;--t-label: 1.3125rem;--t-nav: 1.5rem;--t-menu: 5.125rem;--t-row: 2.25rem;--t-tile: 4.5rem;--t-tile-caption: 1.75rem;--t-city: 3.625rem;--t-office: 1.1875rem;--marker: 1.125rem;--title-min: 26.25rem;--s-block: 11.25rem;--s-tiles: 5.625rem;--s-band: 10.625rem;--t-show-title: 4.75rem;--t-show-statement: 2.375rem;--t-show-caption: 1.375rem;--s-show-intro: 8.75rem;--s-show-gap: 2.5rem;--s-show-caption: 7.5rem}}@media(min-width:1920px){.wonder{--t-title: 10.375rem;--t-headline: 5.25rem;--t-giant: 13rem;--t-lead: 1.75rem;--t-note: 1.1875rem;--t-closing: 4.25rem;--t-label: 1.5rem;--t-nav: 1.75rem;--t-menu: 6rem;--t-row: 2.375rem;--t-tile-caption: 2.375rem;--t-city: 4.5rem;--t-office: 1.25rem;--t-footer-line: 2.875rem;--title-min: 31.875rem}}@media(min-width:2560px){.wonder{--t-title: 12.625rem;--t-headline: 6.25rem;--t-giant: 14.5rem;--t-lead: 1.875rem;--t-note: 1.3125rem;--t-closing: 5rem;--t-label: 1.625rem;--t-nav: 2rem;--t-menu: 7.1875rem;--t-row: 2.5rem;--t-tile-caption: 3rem;--t-city: 5.125rem;--t-office: 1.375rem;--t-footer-line: 3.25rem;--title-min: 37.5rem}}.wonder[data-scene=dark],.wonder [data-scene=dark]{--bg: var(--black);--ink: var(--white);--rule: var(--white);color-scheme:dark}.wonder{font-family:var(--font);font-weight:var(--regular);font-size:var(--t-body);line-height:var(--lh-body);letter-spacing:normal;color:var(--ink);font-kerning:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.wonder--page{background:var(--bg)}.wonder :where(h1,h2,h3,h4,h5,p,figure,blockquote,ul,ol,dl,dd):not(.container){margin:0}.wonder :where(h1,h2,h3,h4,h5){font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit;text-transform:none;text-wrap:inherit;color:inherit}.wonder :where(ul,ol):not(.container){padding:0}.wonder :where(ul,ol){list-style:none}.wonder :where(a){color:inherit;text-decoration:none}.wonder :where(img,video,picture,svg,canvas){display:block;max-width:100%}.wonder :where(img,video){height:auto}.wonder :where(button){font:inherit;color:inherit;letter-spacing:inherit;text-transform:none;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:inherit}.wonder .grid-12{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}.wonder .grid-12--gap{column-gap:var(--grid-gap)}.wonder .marker{display:inline-block;flex:none;width:var(--marker);height:var(--marker);background:currentColor}.wonder .label{display:flex;align-items:center;gap:.375rem;font-size:var(--t-label);font-weight:var(--medium);letter-spacing:var(--track-label);line-height:1;text-transform:uppercase}.wonder .label>.marker{position:relative;top:-.125rem}.wonder .label__text{padding-left:.25rem}.wonder .label-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.wonder .view-all{display:inline-flex;align-items:center;gap:.5rem;flex:none;font-size:.8125rem}.wonder .view-all svg{width:.875em;height:auto}@media(min-width:768px){.wonder .view-all{font-size:.875rem}}@media(min-width:1024px){.wonder .view-all{font-size:1.125rem}}.wonder .link-line{position:relative;display:inline-block;padding-bottom:.125rem}.wonder .view-all.link-line{display:inline-flex}.wonder .link-line:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:currentColor;transition:width var(--t-underline) var(--ease)}.wonder .link-line:hover:after,.wonder .link-line:focus-visible:after,.wonder .link-line[aria-current=page]:after,.wonder .link-line[aria-selected=true]:after{width:100%}.wonder .cells{display:inline-flex;align-items:stretch;gap:1px;height:var(--cell);text-align:left}.wonder .cells__label{display:flex;align-items:center;padding:.5rem;background:var(--white);color:var(--black);font-size:1.125rem;line-height:1.1}.wonder .cells__icon{display:flex;align-items:center;justify-content:center;width:var(--cell-icon);flex:none;background:var(--white);color:var(--black)}.wonder .cells__icon svg{width:.875rem;height:auto}.wonder .cells--square .cells__icon{width:var(--cell)}.wonder .cells--solid{gap:0;background:var(--black);color:var(--white)}.wonder .cells--solid .cells__label{background:none;color:inherit;padding:.625rem 5rem .625rem 1.25rem}.wonder .cells--solid .cells__icon{background:none;color:inherit;width:var(--cell);border-left:1px solid currentColor}.wonder[data-scene=dark] .cells--solid,.wonder [data-scene=dark] .cells--solid{background:var(--white);color:var(--black)}.wonder .cells:disabled,.wonder .cells[aria-disabled=true]{opacity:.4;cursor:not-allowed}@media(hover:hover){.wonder .cells--solid:hover .cells__icon svg{transform:translate(.1875rem)}.wonder .cells__icon svg{transition:transform .3s var(--ease)}}.wonder .film{position:relative;aspect-ratio:16 / 9;overflow:clip;background:var(--black);color:var(--white)}.wonder .film--square{aspect-ratio:1 / 1}.wonder .film--tall{aspect-ratio:4 / 5}.wonder .film--natural{aspect-ratio:var(--film-ratio)}.wonder .film>picture,.wonder .film>img,.wonder .film>video,.wonder .film>.film__media{position:absolute;inset:0;width:100%;height:100%}.wonder .film picture img,.wonder .film>img,.wonder .film video{width:100%;height:100%;object-fit:cover}.wonder .film__ui{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;pointer-events:none}.wonder .film__ui>*{pointer-events:auto}.wonder .film__title{font-size:2rem;line-height:1}.wonder .film__foot{position:sticky;bottom:1.5rem;display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto}.wonder .film__down{width:1rem;color:var(--white)}.wonder .film__playing,.wonder .film[data-mode=reel] .film__play,.wonder .film[data-mode=reel] .film__down{display:none}.wonder .film[data-mode=reel] .film__title{visibility:hidden}.wonder .film[data-mode=reel] .film__controls{flex:1;min-width:0}.wonder .film[data-mode=reel] .film__playing{display:flex;align-items:center;width:100%}.wonder .film[data-film-reel]:not([data-mode=reel]){cursor:url(/cursors/play.svg) 31 31,pointer}@media(min-width:1024px){.wonder .film__ui{padding:2.5rem}.wonder .film__foot{bottom:2.5rem}.wonder .film__title{font-size:3.5rem}}.wonder .frame{position:relative;overflow:clip}.wonder .frame>picture,.wonder .frame>img,.wonder .frame>video{width:100%;height:100%}.wonder .frame img,.wonder .frame video{width:100%;height:100%;object-fit:cover}.wonder .zoom img,.wonder .zoom video{transition:transform var(--t-zoom) var(--ease)}@media(hover:hover){.wonder .zoom:hover img,.wonder .zoom:hover video{transform:scale(1.1)}}.wonder .cursor-view{cursor:url(/cursors/view.svg) 31 31,pointer}.wonder .work-cards{margin-bottom:var(--s-block)}.wonder .work-card{position:relative;display:block;margin-block:var(--s-card)}.wonder .work-card__media{aspect-ratio:335 / 418}.wonder .work-card__caption{position:absolute;z-index:1;left:1.5rem;right:1.5rem;bottom:1.5rem;padding:1.25rem;background:var(--white);color:var(--black);font-size:var(--t-card);line-height:var(--lh-snug)}.wonder .work-card__client,.wonder .work-card__project{display:block}.wonder .work-card__client{text-transform:uppercase}.wonder .work-card__project{font-weight:var(--light)}@media(min-width:768px){.wonder .work-cards{margin-block:var(--s-block)}.wonder .work-card__media{aspect-ratio:1440 / 607}.wonder .work-card__caption{left:2.5rem;right:2.5rem;bottom:2.5rem;max-width:27.5rem}}@media(min-width:1024px){.wonder .work-cards__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:min(36vw,54rem);gap:1.25rem;margin-top:var(--s-card)}.wonder .work-cards__grid>li{grid-column:span 7}.wonder .work-cards__grid>li:nth-child(4n+2),.wonder .work-cards__grid>li:nth-child(4n+3){grid-column:span 5}.wonder .work-cards__grid>li:last-child:nth-child(odd){grid-column:1 / -1}.wonder .work-cards__grid .work-card{height:100%;margin-block:0}.wonder .work-cards__grid .work-card__media{aspect-ratio:auto;height:100%}}.wonder .closing{padding-bottom:var(--s-band)}.wonder .closing__text{max-width:39rem;font-size:var(--t-closing);line-height:var(--lh-snug)}.wonder .closing__link{color:var(--grey-link)}@media(hover:hover){.wonder .closing__link{transition:color .3s var(--ease)}.wonder .closing__link:hover{color:var(--ink)}}@media(min-width:768px){.wonder .closing__inner{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}.wonder .closing__text{grid-column:7 / span 6;transform:translateY(.125rem)}}.wonder .reel-band{margin-bottom:var(--s-band)}.wonder .case-hero{position:relative;width:100%;height:100svh;margin-bottom:var(--s-hero-lead);overflow:clip;background:var(--black)}.wonder .case-hero>picture,.wonder .case-hero>img,.wonder .case-hero>video,.wonder .case-hero>.film__media{position:absolute;inset:0;width:100%;height:100%}.wonder .case-hero img,.wonder .case-hero video{width:100%;height:100%;object-fit:cover}.wonder .case-hero:after{content:"";position:absolute;inset:auto 0 0;height:45%;background:linear-gradient(to top,#0000008c,#0000);pointer-events:none}.wonder .case-hero__title{position:absolute;inset:auto 0 0;z-index:1;color:var(--white)}.wonder .case-hero__title h1{margin-bottom:1.5rem;font-size:var(--t-case);line-height:var(--lh-title)}.wonder .case-lead{margin-bottom:var(--s-chapter)}.wonder .case-lead__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}.wonder .case-lead__text{grid-column:span 12;margin-bottom:.75rem}.wonder .case-lead__copy{position:relative;max-width:90%;font-size:var(--t-case-lead);line-height:var(--lh-snug)}.wonder .case-lead__copy>p:first-of-type{text-indent:1.75rem}.wonder .case-lead__copy>p+p{margin-top:1em}.wonder .case-lead__copy>.marker{position:absolute;left:0;top:.2em;width:.6em;height:.6em}.wonder .case-meta{grid-column:span 12;font-size:var(--t-meta)}.wonder .case-meta__group{margin-bottom:1rem}.wonder .case-meta__label{margin-bottom:.125rem;letter-spacing:var(--track-meta);text-transform:uppercase}.wonder .case-meta__value{display:inline;font-weight:var(--light);line-height:var(--lh-meta)}.wonder .case-meta__value+.case-meta__value:before{content:" / "}.wonder .case-meta a{text-decoration:underline;text-underline-offset:.2em;text-decoration-thickness:1px}@media(min-width:768px){.wonder .case-lead__text{grid-column:span 8;margin-bottom:0}.wonder .case-lead__copy{padding-right:2.5rem}.wonder .case-lead__copy>p:first-of-type{text-indent:1.875rem}.wonder .case-meta{grid-column:span 4}.wonder .case-meta__group{margin-bottom:1.5rem}.wonder .case-meta__label{margin-bottom:.5rem}.wonder .case-meta__value{display:block}.wonder .case-meta__value+.case-meta__value:before{content:none}}@media(min-width:1024px){.wonder .case-lead__copy{padding-right:4rem}.wonder .case-lead__copy>p:first-of-type{text-indent:2.5rem}}@media(min-width:1200px){.wonder .case-lead__text{grid-column:span 10}.wonder .case-meta{grid-column:span 2}}.wonder .chapter{margin-bottom:var(--s-chapter)}.wonder .chapter__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}.wonder .chapter__label{grid-column:span 12;margin-bottom:1rem}.wonder .chapter__body{grid-column:span 12;font-size:var(--t-chapter);line-height:var(--lh-body)}.wonder .chapter__body p+p{margin-top:1em}.wonder .media-label{margin-bottom:var(--s-label)}@media(min-width:768px){.wonder .chapter__label{grid-column:span 4;margin-bottom:0}.wonder .chapter__body{grid-column:span 8;transform:translateY(-.375rem)}}.wonder .stage__intro{margin-bottom:var(--s-chapter)}.wonder .stage__step:not(.stage__intro){margin-bottom:calc(var(--s-label) * 2)}.wonder .stage__eyebrow{margin-bottom:var(--s-label)}.wonder .stage__line{max-width:32ch;margin-bottom:.625rem;font-size:max(var(--t-lead),1.25rem);line-height:1.25;letter-spacing:-.01em;text-wrap:balance}.wonder .stage__note{max-width:42ch;margin-bottom:1.25rem;font-size:var(--t-note);line-height:var(--lh-body);text-wrap:pretty}.wonder .stage__frame{display:none}.wonder .stage__media{--gaps: calc((var(--n) - 1) * var(--s-media));display:flex;align-items:flex-start;gap:var(--s-media);max-width:calc(85svh * var(--sum) + var(--gaps));margin-inline:auto}.wonder .stage__media>.frame{flex:var(--shape) 1 0;min-width:0;aspect-ratio:var(--shape)}.wonder .stage__media video{position:absolute;inset:0}@media(max-width:767px){.wonder .stage__media--row{flex-direction:column;max-width:none}.wonder .stage__media--row>.frame{flex:none;width:100%}}@media(min-width:1024px){:root.js .wonder .stage{display:grid;grid-template-columns:minmax(17.5rem,30%) minmax(0,1fr);column-gap:4vw}:root.js .wonder .stage__steps{padding-block:22svh 40svh}:root.js .wonder .stage__step{display:flex;flex-direction:column;justify-content:center;gap:.875rem;min-height:64svh;margin:0;opacity:.25;transition:opacity .5s var(--ease)}:root.js .wonder .stage__step.is-on{opacity:1}:root.js .wonder .stage__step>*{margin:0}:root.js .wonder .stage__line{max-width:24ch}:root.js .wonder .stage__note{max-width:40ch}:root.js .wonder .stage__inline{display:none}:root.js .wonder .stage__intro .chapter__grid{display:block}:root.js .wonder .stage__intro .chapter__label{margin-bottom:1.25rem}:root.js .wonder .stage__intro .chapter__body{font-size:var(--t-lead);line-height:1.4;transform:none}:root.js .wonder .stage__frame{position:sticky;top:0;display:grid;place-items:center;height:100svh;align-self:start}:root.js .wonder .stage__box{position:relative;width:100%;height:76svh;container-type:size}:root.js .wonder .stage__layer{position:absolute;inset:0;display:grid;place-items:center;opacity:0;transform:scale(1.035);transition:opacity .7s ease,transform 1.3s var(--ease)}:root.js .wonder .stage__layer.is-on{opacity:1;transform:none}:root.js .wonder .stage__layer:not(.is-on,.is-near){display:none}:root.js .wonder .stage__layer .stage__media{width:min(100cqw,calc(100cqh * var(--sum) + var(--gaps)));max-width:none;margin:0}}@media(min-width:1024px)and (prefers-reduced-motion:reduce){:root.js .wonder .stage__layer{transform:none;transition:opacity .3s ease}}.wonder .media-block{margin-bottom:var(--s-media)}.wonder .media-block--film{margin-bottom:var(--s-film)}.wonder .media-block--film>.film--natural{max-width:calc(85svh * var(--film-ratio));margin-inline:auto}.wonder .media-caption{margin-top:.75rem;font-size:var(--t-small);color:var(--grey)}@media(min-width:1024px){.wonder .media-block>:is(.film,.board,.media-caption){width:70%;margin-inline:auto}}.wonder .device-film{--stage: #f2f3f4;margin-bottom:var(--s-film)}.wonder .device-film__stage{display:grid;place-items:center;width:100%;aspect-ratio:6 / 5;max-height:88svh;background:var(--stage);container-type:size;overflow:clip}.wonder .device{--fit: 88cqw;--tall: calc(.964 / var(--screen) + .172);position:relative;width:min(var(--fit),calc(80cqh / var(--tall)));container-type:inline-size}.wonder .device__body{position:relative;padding:1.8cqw;border-radius:2.1cqw;background:#0b0b0c;box-shadow:0 0 0 .16cqw #b8b9bc,0 0 0 .32cqw #0000000f,0 2.6cqw 5.2cqw -1.4cqw #00000057}.wonder .device__body:before{content:"";position:absolute;z-index:1;top:.64cqw;left:50%;width:.56cqw;height:.56cqw;margin-left:-.28cqw;border-radius:50%;background:#1d1e21;box-shadow:inset 0 0 0 .1cqw #2c2d31}.wonder .device__screen{position:relative;aspect-ratio:var(--screen);overflow:clip;border-radius:.5cqw;background:#000}.wonder .device__screen>video{position:absolute;inset:-1px;width:calc(100% + 2px);max-width:none;height:calc(100% + 2px);object-fit:cover}.wonder .device__stand{display:grid;justify-items:center;margin-top:-.4cqw}.wonder .device__stand:before{content:"";width:19cqw;height:12cqw;background:linear-gradient(180deg,#8f9194,#c3c4c7 16%,#d9dadc 55%,#cfd0d3);box-shadow:inset .25cqw 0 .2cqw -.1cqw #ffffff80,inset -.25cqw 0 .2cqw -.1cqw #0000001f}.wonder .device__stand>span{width:30cqw;height:1.3cqw;border-radius:.5cqw .5cqw .65cqw .65cqw;background:linear-gradient(#f1f1f3,#c4c6c9 55%,#a9abae);box-shadow:0 1.1cqw 2cqw -.4cqw #00000047}.wonder .device--phone{--fit: 52cqw;--tall: calc(.09 + .91 / var(--screen))}.wonder .device--phone .device__body{padding:4.5cqw;border-radius:15cqw}.wonder .device--phone .device__body:before{top:7.5cqw;width:27cqw;height:7.6cqw;margin-left:-13.5cqw;border-radius:3.8cqw;background:#000;box-shadow:none}.wonder .device--phone .device__screen{border-radius:11cqw}.wonder .device--kiosk{--fit: 60cqw;--tall: calc(.16 + .88 / var(--screen) + .286)}.wonder .device--kiosk .device__body{padding:6cqw 6cqw 10cqw;border-radius:5cqw;background:linear-gradient(#f9f9fa,#e4e5e7);box-shadow:0 0 0 .3cqw #d3d4d7,0 4cqw 8cqw -3cqw #0000004d}.wonder .device--kiosk .device__body:before{top:2.6cqw;width:1.6cqw;height:1.6cqw;margin-left:-.8cqw;background:#c9cbce;box-shadow:none}.wonder .device--kiosk .device__screen{border-radius:1.2cqw;box-shadow:0 0 0 1.6cqw #0b0b0c}.wonder .device--kiosk .device__stand{margin-top:-.6cqw}.wonder .device--kiosk .device__stand:before{width:20cqw;height:25cqw;background:linear-gradient(90deg,#c8cacd,#eeeff1 50%,#c6c8cb)}.wonder .device--kiosk .device__stand>span{width:60cqw;height:4cqw;border-radius:2cqw 2cqw 1.4cqw 1.4cqw;background:linear-gradient(#f4f4f6,#c7c9cc);box-shadow:0 2.4cqw 4cqw -1cqw #00000042}.wonder .device--laptop{--tall: calc(.854 / var(--screen) + .049)}.wonder .device--laptop .device__body{width:88cqw;margin-inline:auto;padding:1.4cqw 1.3cqw 1.9cqw;border-radius:1.8cqw 1.8cqw .45cqw .45cqw;box-shadow:0 0 0 .14cqw #a6a8ab,0 0 0 .28cqw #0000000d}.wonder .device--laptop .device__body:before{top:.45cqw;width:.5cqw;height:.5cqw;margin-left:-.25cqw}.wonder .device--laptop .device__screen{border-radius:.35cqw}.wonder .device__base{position:relative;height:1.6cqw;margin-top:-.05cqw;border-radius:.2cqw .2cqw 1.4cqw 1.4cqw/.2cqw .2cqw 1.5cqw 1.5cqw;background:linear-gradient(180deg,#cfd1d4,#eceef0 28%,#d5d7da 62%,#9c9ea2);box-shadow:0 1.4cqw 2.6cqw -.8cqw #00000052}.wonder .device__base:before{content:"";position:absolute;top:0;left:50%;width:13cqw;height:.5cqw;margin-left:-6.5cqw;border-radius:0 0 .6cqw .6cqw;background:linear-gradient(#a9abae,#cdd0d3)}.wonder .device--tablet{--tall: calc(.952 / var(--screen) + .048)}.wonder .device--tablet .device__body{padding:2.4cqw;border-radius:3.6cqw;box-shadow:0 0 0 .2cqw #b5b7ba,0 0 0 .36cqw #0000000d,0 2.6cqw 5.2cqw -1.4cqw #00000057}.wonder .device--tablet .device__body:before{top:.9cqw;width:.6cqw;height:.6cqw;margin-left:-.3cqw}.wonder .device--tablet .device__screen{border-radius:1.5cqw}.wonder .device-film--kiosk .device-film__stage{aspect-ratio:3 / 4}.wonder .device-film>.media-caption{width:auto;text-align:center}@media(min-width:768px){.wonder .device-film__stage,.wonder .device-film--kiosk .device-film__stage{aspect-ratio:16 / 10}.wonder .device{--fit: 70cqw}.wonder .device--phone{--fit: 34cqw}.wonder .device--kiosk{--fit: 30cqw}}@media(min-width:1024px){.wonder .device{--fit: 58cqw}.wonder .device--phone{--fit: 28cqw}.wonder .device--kiosk{--fit: 26cqw}}.wonder .show-col{width:100%}.wonder .show-text{padding-inline:var(--gutter)}.wonder .show-hero{position:relative;width:100%;aspect-ratio:432 / 768;max-height:88svh;overflow:clip;background:var(--black);color:var(--white)}.wonder .show-hero>picture,.wonder .show-hero>video{position:absolute;inset:0;width:100%;height:100%}.wonder .show-hero img,.wonder .show-hero video{width:100%;height:100%;object-fit:cover}.wonder .show-hero__inner{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:space-between;padding-block:6.5rem 1.5rem}.wonder .show-hero__inner>.show-col{padding-inline:var(--gutter)}.wonder .show-hero__title{font-size:var(--t-show-title);font-weight:var(--medium);line-height:.95;letter-spacing:-.03em}.wonder .show-hero[data-surface=light]{color:var(--black)}.wonder .show-hero[data-surface=light] .cells{gap:0;background:var(--black);color:var(--white)}.wonder .show-hero[data-surface=light] .cells__label,.wonder .show-hero[data-surface=light] .cells__icon{background:none;color:inherit}.wonder .show-hero[data-surface=light] .cells__icon{border-left:1px solid currentColor}.wonder .show-intro{display:grid;grid-template-columns:minmax(0,1fr);gap:2.25rem;margin-block:var(--s-show-intro)}.wonder .show-intro .case-meta{order:2;grid-column:1 / -1}.wonder .show-statement{font-size:var(--t-show-statement);font-weight:var(--medium);line-height:1.06;letter-spacing:-.025em}.wonder .show-statement p+p{margin-top:.75em}.wonder .show-blocks{display:flex;flex-direction:column;gap:var(--s-show-gap);margin-bottom:var(--s-chapter)}.wonder .show-caption{display:grid;gap:.625rem;margin-block:calc(var(--s-show-caption) - var(--s-show-gap));font-size:var(--t-show-caption);line-height:1.2;letter-spacing:-.01em}.wonder .show-caption__title{font-size:inherit;font-weight:var(--medium);line-height:inherit}.wonder .show-caption__body p+p{margin-top:.75em}.wonder .show-panel{--ratio: 4 / 3;position:relative;aspect-ratio:var(--ratio-ph, 1 / 1);overflow:clip;background:var(--ground);isolation:isolate}.wonder .show-panel[data-recipe=duo],.wonder .show-panel[data-recipe=trio]{--ratio-ph: 4 / 5}.wonder .show-panel__split{position:absolute;inset:calc(var(--split) * 1%) 0 0 0;background:var(--ground-2)}.wonder .show-slot,.wonder .show-layer{--x: var(--xp, var(--xd));--y: var(--yp, var(--yd));--w: var(--wp, var(--wd));position:absolute;left:calc((var(--x) - var(--w) / 2) * 1%);top:calc(var(--y) * 1%);width:calc(var(--w) * 1%);translate:0 -50%}.wonder .show-slot{z-index:1}.wonder .show-slot>.device{width:100%}.wonder .show-layer{z-index:0;max-width:none;height:auto;opacity:var(--o, 1);pointer-events:none;user-select:none}.wonder .show-layer--front{z-index:2}.wonder .show-photo img{display:block;width:auto;max-width:100%;height:auto;max-height:92svh;margin-inline:auto}@media(max-width:767px){.wonder .show-layer--wide{display:none}}@media(min-width:768px){.wonder .show-col{width:88vw;margin-inline:auto}.wonder .show-text,.wonder .show-hero__inner>.show-col{padding-inline:0}.wonder .show-hero{aspect-ratio:1920 / 760;min-height:28rem;max-height:86svh}.wonder .show-hero__inner{padding-block:8rem 2.5rem}.wonder .show-panel{aspect-ratio:var(--ratio)}.wonder .show-slot,.wonder .show-layer{--x: var(--xd);--y: var(--yd);--w: var(--wd)}}@media(min-width:1024px){.wonder .show-col{width:80vw;max-width:112rem}.wonder .show-intro,.wonder .show-caption{grid-template-columns:31fr 20.7fr 48.3fr;column-gap:0}.wonder .show-intro .case-meta{order:0;grid-column:1}.wonder .show-statement{grid-column:3}.wonder .show-caption__title{grid-column:1;padding-right:2rem}.wonder .show-caption__body{grid-column:3}}.wonder .collage{margin-block:10rem}.wonder .collage__stage{position:relative;aspect-ratio:1130 / 1180;width:78.472vw;max-width:70.625rem;margin-inline:auto}.wonder .collage__item{position:absolute;overflow:clip}.wonder .collage__item img,.wonder .collage__item video{width:100%;height:auto}.wonder .collage__item--a{width:38.542vw;max-width:34.6875rem;top:18%;left:0;z-index:3}.wonder .collage__item--b{width:46.528vw;max-width:41.875rem;top:0;right:0;z-index:2}.wonder .collage__item--c{width:22.639vw;max-width:20.375rem;bottom:0;left:33.333%;z-index:3}@media(min-width:768px){.wonder .collage{margin-block:16rem}}@media(min-width:1024px){.wonder .collage{margin-block:20rem}}@supports (animation-timeline: view()){@media(min-width:761px){.wonder .collage__item{animation:collage-drift linear both;animation-timeline:view();animation-range:cover}.wonder .collage__item--a{--drift: -6vh}.wonder .collage__item--b{--drift: 4vh}.wonder .collage__item--c{--drift: -10vh}}}@keyframes collage-drift{0%{transform:translateY(calc(var(--drift) * -1))}to{transform:translateY(var(--drift))}}.wonder .related{margin-bottom:var(--s-block)}.wonder .related__title{margin-bottom:1.5rem;font-size:1.375rem;line-height:1.5}.wonder .related__grid{display:grid;grid-template-columns:1fr}.wonder .related__tile{position:relative;display:block;aspect-ratio:1920 / 809;overflow:clip;color:var(--white)}.wonder .related__tile .frame{position:absolute;inset:0}.wonder .related__caption{position:absolute;left:1.5rem;right:1.5rem;bottom:1.5rem;z-index:1;font-size:1.375rem;line-height:1;text-shadow:0 0 2rem rgb(0 0 0 / .3)}@media(min-width:768px){.wonder .related__title{font-size:2.625rem}.wonder .related__grid{grid-template-columns:1fr 1fr}}.wonder .board{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(.75rem,2vw,2.5rem);padding:clamp(1.25rem,6vw,7.5rem);background:var(--board-stage, #f2f2f2);align-items:center}.wonder .board--flush{padding:0;gap:0}.wonder .board__item{grid-column:1 / -1}.wonder .board__item img{width:100%;height:auto}.wonder .board__item--round{border-radius:clamp(.5rem,.75vw,.875rem);overflow:clip;box-shadow:0 2rem 5rem #00000047}.wonder .board__film{position:relative}.wonder .board__film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}@media(min-width:768px){.wonder .board__item{grid-column:span var(--span, 6)}.wonder .board__item[style*=--row]{grid-row:var(--row)}}.wonder .film .film__reel{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:contain;background:var(--black)}.wonder .film [data-when-sound],.wonder .film [data-when-paused]{display:none}.wonder .film[data-sound] [data-when-sound],.wonder .film[data-paused] [data-when-paused]{display:block}.wonder .film[data-sound] [data-when-muted],.wonder .film[data-paused] [data-when-playing],.wonder .film [data-when-full],.wonder .film[data-full] [data-when-window]{display:none}.wonder .film[data-full] [data-when-full]{display:block}.wonder .film__group{display:inline-flex;flex:none;gap:1px}.wonder .film__scrub{position:relative;flex:1;min-width:0;height:2.75rem;margin-inline:1.25rem;cursor:pointer;touch-action:none;outline:none}.wonder .film__scrub:focus-visible{outline:1px solid var(--white);outline-offset:.25rem}.wonder .film__track,.wonder .film__rail{position:absolute;left:0;right:0;top:50%}.wonder .film__track{height:1px;margin-top:-.5px;background:#ffffff59;transition:transform .2s var(--ease)}.wonder .film__done{position:absolute;inset:0;background:var(--white);transform-origin:0 50%;transform:scaleX(var(--p, 0))}.wonder .film__rail{height:0;transform:translate(calc((var(--p, 0) - 1) * 100%))}.wonder .film__head{position:absolute;right:-.28125rem;top:-.28125rem;width:.5625rem;height:.5625rem;background:var(--white)}.wonder .film:not([data-scrubbing]) :is(.film__done,.film__rail){transition:transform .25s linear}.wonder .film__peek{position:absolute;left:0;bottom:calc(50% + .875rem);padding:.375rem .5rem;background:var(--white);color:var(--black);font-size:var(--t-meta);line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;transform:translate(var(--peek-x, 0)) translate(-50%);opacity:0;pointer-events:none;transition:opacity .15s var(--ease)}@media(hover:hover)and (pointer:fine){.wonder .film__scrub:hover .film__track,.wonder .film[data-scrubbing] .film__track{transform:scaleY(3)}.wonder .film__scrub[data-peek] .film__peek{opacity:1}}.wonder .film__time{flex:none;margin-right:1.25rem;font-size:var(--t-meta);line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--white)}.wonder .film[data-mode=reel]:after{content:"";position:absolute;inset:auto 0 0;height:40%;z-index:1;background:linear-gradient(to top,#00000061,#0000);pointer-events:none;transition:opacity .4s var(--ease)}.wonder .film__foot{transition:opacity .4s var(--ease)}.wonder .film[data-idle]{cursor:none}.wonder .film[data-idle] .film__foot{opacity:0;pointer-events:none}.wonder .film[data-idle]:after{opacity:0}.wonder .film:fullscreen{aspect-ratio:auto;width:100%;height:100%}.wonder .film:-webkit-full-screen{aspect-ratio:auto;width:100%;height:100%}.wonder .film[data-full]{container-type:size;--stage-pad: clamp(1rem, 5cqmin, 4rem);--stage-gap: 1rem;--player-h: var(--cell);--reel-w: min(100cqw - 2 * var(--stage-pad), (100cqh - 2 * var(--stage-pad) - var(--stage-gap) - var(--player-h)) * var(--reel-ar, 16 / 9));--reel-h: calc(var(--reel-w) / (var(--reel-ar, 16 / 9)));--reel-top: calc((100cqh - var(--reel-h) - var(--stage-gap) - var(--player-h)) / 2);--reel-left: calc((100cqw - var(--reel-w)) / 2)}.wonder .film[data-full]>.film__media{visibility:hidden}.wonder .film[data-full]:after,.wonder .film[data-full] .film__title{display:none}.wonder .film[data-full] .film__reel{inset:var(--reel-top) auto auto var(--reel-left);width:var(--reel-w);height:var(--reel-h)}.wonder .film[data-full] .film__ui{inset:calc(var(--reel-top) + var(--reel-h) + var(--stage-gap)) auto auto var(--reel-left);width:var(--reel-w);padding:0}.wonder .film[data-full] .film__foot{position:static}@media(max-width:767px){.wonder .film[data-full]{--player-h: calc(3rem + var(--cell))}}@media(max-width:767px){.wonder .film[data-mode=reel] .film__playing{flex-wrap:wrap}.wonder .film__scrub{order:-2;flex:1 1 calc(100% - 6rem);margin:0 .75rem .25rem 0}.wonder .film__time{order:-1;margin:0 0 .25rem}.wonder .film__group:last-child{margin-left:auto}}@media(prefers-reduced-motion:reduce){.wonder .film__foot,.wonder .film[data-mode=reel]:after,.wonder .film__track{transition:none}}.wonder .related__tile:after{content:"";position:absolute;inset:auto 0 0;height:40%;z-index:0;background:linear-gradient(to top,#00000061,#0000);pointer-events:none}@media(prefers-reduced-motion:reduce){.wonder .collage__item{animation:none!important}.wonder .zoom img,.wonder .zoom video{transition:none}}@media(max-width:760px){.wonder .case-hero__title{padding-bottom:var(--phone-bar-clear, 0px)}.wonder .film__foot{bottom:calc(var(--phone-bar-clear, 0px) + .5rem)}}