@font-face{font-family:Instrument Serif;src:url(/assets/fonts/display-instrument-serif-latin-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Schibsted Grotesk;src:url(/assets/fonts/schibsted-grotesk-latin-wght-normal.woff2)format("woff2");font-weight:400 900;font-style:normal;font-display:swap}:root{--bg:#080808;--fg:#ececec;--n300:#d4d4d4;--n400:#a3a3a3;--n500:#8c8c8c;--line:#262626;--display:"Instrument Serif","Times New Roman",Times,serif;--sans:"Schibsted Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--serif:"Literata",Georgia,"Times New Roman",serif;--margin:20px;--gutter:20px;--cols:6;--card-span:4;--h1-cols:4;--bar-span:4;--grid:min(100vw - 2 * var(--margin),1440px);--column:calc((var(--grid) - (var(--cols) - 1) * var(--gutter)) / var(--cols));--card-w:calc(var(--card-span) * var(--column) + (var(--card-span) - 1) * var(--gutter));--card-h:calc(var(--card-w) * 9 / 16);--band-h:calc(var(--card-w) * 9 / 8 + 2rem);--h1-w:calc(var(--h1-cols) * var(--column) + (var(--h1-cols) - 1) * var(--gutter));--bar-w:calc(var(--bar-span) * var(--column) + (var(--bar-span) - 1) * var(--gutter));--top:max(3dvh,calc(env(safe-area-inset-top,0px) + 8px));--menu-bottom:calc(var(--top) + 40px);--o6:cubic-bezier(.16,1,.3,1);--o4:cubic-bezier(.165,.84,.44,1);--o3:cubic-bezier(.33,1,.68,1)}@media (min-width:1024px){:root{--cols:20;--card-span:6;--h1-cols:14;--bar-span:2}}*,:before,:after{box-sizing:border-box}html{background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}a,button,summary,[role=button]{touch-action:manipulation}body{background:var(--bg);color:var(--fg);font:400 16px/1.5 var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}a{color:inherit}img,video,svg{max-width:100%;display:block}button{font:inherit;color:inherit}h1,h2,h3,p,ul,ol,dl,dd{margin:0}::selection{color:#080808;background:#ececec}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sr-only:focus-within{z-index:120;left:var(--margin);top:var(--margin);clip-path:none;white-space:normal;color:#000;background:#fff;width:auto;height:auto;margin:0;padding:12px 16px;position:fixed;overflow:visible}.sr-only a{color:inherit}:focus-visible{outline-offset:3px;outline:2px solid #fff}.skip{z-index:130;left:var(--margin);color:#000;font:600 14px/1 var(--sans);background:#fff;padding:10px 14px;text-decoration:none;position:fixed;top:-100px}.skip:focus{top:var(--margin)}#app{transition:opacity .7s var(--o3);position:relative}.is-leaving #app{opacity:0}.arrive #app{animation:app-in .7s var(--o3) both}@keyframes app-in{0%{opacity:0}to{opacity:1}}.menu-tab{z-index:99;top:var(--top);color:#000;cursor:pointer;min-width:48px;height:40px;font:400 20px/1 var(--display);text-transform:uppercase;letter-spacing:-.05em;white-space:nowrap;animation:tab-in 1.3s var(--o6) .1s both;background:#fff;border:0;border-radius:0;place-items:center;padding:0 4px 0 5px;transition:background-color .3s;display:grid;position:fixed;left:50%;translate:-50%}.menu-tab[aria-expanded=false]{width:48px}.menu-tab:hover{background:#d4d4d4}.menu-tab:focus-visible{outline-offset:4px;outline:2px solid #fff}.loading .menu-tab{animation-play-state:paused}@keyframes tab-in{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}.menu{z-index:90;padding:calc(var(--top) + 40px + 24px) var(--margin) max(28px,env(safe-area-inset-bottom));visibility:hidden;opacity:0;transition:opacity .5s var(--o3),visibility 0s .5s;background:#080808;flex-direction:column;justify-content:center;gap:clamp(28px,6vh,64px);display:flex;position:fixed;inset:0}.menu.is-open{visibility:visible;opacity:1;transition-delay:0s}.art-img,.art-video{object-fit:contain;opacity:0;width:100%;height:100%;transition:opacity .6s;display:block;position:absolute;inset:0}.art-img.is-on,.art-video.is-on{opacity:1}.art-video.is-on{transition-duration:.3s}.art-img.is-on.is-retired{opacity:0;transition:none}.menu-art{z-index:0;pointer-events:none;opacity:0;transition:opacity .6s;position:absolute;inset:0;overflow:hidden}.menu.is-open .menu-art{opacity:1;transition:opacity 1.2s var(--o3) .15s}.menu-art:after{content:"";background:radial-gradient(62% 52% at 50% 46%,#080808b3,#08080840 62%,#0000 80%);position:absolute;inset:0}.menu-art .art-box{aspect-ratio:1;transform-origin:50% 100%;width:90svh;position:absolute;bottom:0;left:50%;translate:-50%}@media (min-width:1024px){.menu-art .art-box{width:clamp(520px,50vw,720px);translate:-50% 16%;scale:1.75}}.menu>nav,.menu>.menu-co,.menu>.menu-foot{z-index:1;position:relative}.menu-links{text-align:center;flex-direction:column;align-items:center;padding:0;list-style:none;display:flex}.menu-link{font:400 60px/1 var(--display);text-transform:uppercase;transition:translate .5s var(--o4);padding:.04em 0;text-decoration:none;display:block}.menu-link>span{padding:.06em .1em;display:block;overflow:hidden}.menu-link>span>b{transition:translate .5s var(--o3);font-weight:400;display:block;translate:0 102%}.menu.is-open .menu-link>span>b{transition:translate 1.3s var(--o6);transition-delay:calc(var(--i) * 80ms + .1s);translate:0}.menu-link[aria-current=page]{opacity:.55}@media (min-width:1024px){.menu-link{font-size:72px}}@media (hover:hover) and (pointer:fine){.menu-link:hover{translate:32px}}.menu-co{gap:20px var(--gutter);max-width:var(--grid);opacity:0;grid-template-columns:repeat(2,1fr);width:100%;margin:0 auto;padding:0;list-style:none;transition:opacity .4s;display:grid}.menu.is-open .menu-co{opacity:1;transition:opacity 1s var(--o3) .6s}@media (min-width:1024px){.menu-co{grid-template-columns:repeat(4,1fr)}}.menu-co a{border-top:1px solid var(--line);padding-top:12px;text-decoration:none;display:block}.menu-co b{font:400 20px/1 var(--display);text-transform:uppercase;letter-spacing:.02em;display:block}.menu-co small{font:400 12px/1.4 var(--sans);color:var(--n400);margin-top:6px;display:block}.menu-co a:hover b{text-underline-offset:4px;text-decoration:underline}.menu-foot{text-align:center;font:400 12px/1 var(--sans);color:var(--n400)}.menu-foot a{padding:8px;text-decoration:none}.menu-foot a:hover{color:#fff}html:not(.js) .menu{visibility:visible;opacity:1;padding-top:60px;position:static}html:not(.js) .menu-tab{display:none}html:not(.js) .menu-link>span>b,html:not(.js) .menu-co{opacity:1;translate:none}@media (prefers-reduced-motion:reduce){.menu-tab,.arrive #app{animation:none}#app,.menu,.menu.is-open,.menu-link,.menu-link>span>b,.menu.is-open .menu-link>span>b,.menu-co,.menu.is-open .menu-co{transition:none}.menu-link>span>b{translate:0}.menu-co{opacity:1}}@media (pointer:coarse){.menu-tab{height:44px;min-height:44px}.wordmark{margin:-14px -8px;padding:14px 8px}.plain-links a,.co-row a{justify-content:center;min-width:44px}.plain-links a,.np-toc a,.np-sources a,.facts a,.meta a,.menu-foot a,.kicker a{align-items:center;min-height:44px;display:inline-flex}.plain-links li{padding-block:0}.menu-co a{padding-block:14px}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}html,body.work{overflow-x:clip}body.work{--accent:#fff}.project{--pad:max(var(--margin),calc((100vw - 1440px) / 2 + var(--margin)));--pad-x:var(--pad);padding-bottom:0;position:relative}@media (min-width:1024px){.project{--pad-x:calc(var(--pad) + var(--column) + var(--gutter))}}@media (max-width:1023px){.p-title{--pcols:6}}.project>section,.project>header{padding-inline:var(--pad)}.project>header.p-head{padding-inline:var(--pad-x)}.back{z-index:6;width:max-content;margin:80px 0 -14px var(--pad);font:400 12px/1 var(--sans);color:var(--n400);align-items:center;gap:8px;padding:8px 0;text-decoration:none;transition:color .3s;display:flex;position:sticky;top:40px}.back:hover{color:#fff}.sec-head{justify-content:space-between;align-items:baseline;margin-bottom:clamp(20px,3vw,40px);display:flex}.sec-head h2,.det-head h2{font:400 clamp(26px,2.6vw,36px)/1 var(--display);color:var(--n300)}.sec-count,.det-count{font:400 18px/1 var(--display);color:var(--accent);letter-spacing:.04em}.p-top{align-items:baseline;gap:18px;margin-top:68px;display:flex}.p-index{font:400 24px/1 var(--display);color:var(--accent);letter-spacing:.02em}.p-kicker{font:500 12px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--n400)}.p-title-wrap{width:100%}.p-title{--pcols:18;--p-w:calc(var(--pcols) * var(--column) + (var(--pcols) - 1) * var(--gutter));font:400 min(var(--fit-size,calc(var(--p-w) / var(--wem,5))),26vw)/.7 var(--display);text-transform:uppercase;white-space:nowrap;margin:14px 0 0;padding-top:.12em;padding-bottom:.02em}.meta{gap:var(--gutter);grid-template-columns:1fr 1fr;margin-top:72px;display:grid}.meta>div:last-child{text-align:right}.meta dt{font:400 24px/1 var(--display);color:var(--n500)}.meta dd{font:400 12px/1.5 var(--sans);color:var(--n300);margin-top:8px}.meta dd a,.facts dd a{text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--n500);text-decoration-color:var(--n500)}.meta dd a:hover,.facts dd a:hover{color:#fff;text-decoration-color:#fff}.host{color:var(--n400)}html.js .p-title,html.js .p-index,html.js .back{visibility:hidden}html.js:not(.hydrated) .p-title,html.js:not(.hydrated) .p-index,html.js:not(.hydrated) .back{animation:10ms 6s forwards reveal-fail}@keyframes reveal-fail{to{visibility:visible}}.hero-stage{isolation:isolate;place-items:center;width:100vw;min-height:min(92svh,980px);margin:56px 0 0 calc(50% - 50vw);padding:clamp(40px,8vh,100px) 0;display:grid;position:relative;overflow:hidden}.hero-stage[data-mode=film]{min-height:0;padding:0}.fx-bg{z-index:-1;background:radial-gradient(62% 70% at 50% 42%,color-mix(in srgb,var(--accent) 34%,#080808),#080808 78%),radial-gradient(40% 50% at 85% 90%,color-mix(in srgb,var(--accent) 18%,transparent),transparent);position:absolute;inset:0}.fx-scene{perspective:1800px;width:min(1120px,88vw)}.tilt{transform-style:preserve-3d;will-change:transform;transform:rotateX(13deg)rotateY(-11deg)rotate(.8deg)}.h-desk{position:relative}.h-phone{width:22%;position:absolute;bottom:-14%;right:-6%;transform:translateZ(80px)}.h-phone .phone-frame{box-shadow:0 0 0 1.5px #2b2b2b,0 60px 100px -20px #000000e6}.browser{box-shadow:0 70px 120px -30px #000000d9,0 0 0 1px #ffffff17,0 0 140px color-mix(in srgb,var(--accent) 22%,transparent);background:#0d0d0d;border-radius:12px;overflow:hidden}.browser-bar{background:#151515;border-bottom:1px solid #222;align-items:center;gap:7px;height:34px;padding:0 14px;display:flex}.browser-bar i{background:#2c2c2c;border-radius:50%;width:10px;height:10px}.browser-bar .url{font:400 11px/1 var(--sans);letter-spacing:.02em;color:var(--n400);text-overflow:ellipsis;white-space:nowrap;background:#0b0b0b;border-radius:7px;max-width:60%;margin:0 auto;padding:5px 44px;overflow:hidden}.browser-view{position:relative}.sv-wrap{aspect-ratio:var(--ar,16/9);background:#0a0a0a;position:relative;overflow:hidden}.sv-wrap picture,.sv-wrap>img,.sv-wrap video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.sv-wrap picture img{object-fit:cover;width:100%;height:100%;display:block}.sv{opacity:0;transition:opacity .7s var(--o3)}.sv.is-on{opacity:1}.film-wrap{width:100%;max-height:92svh;overflow:hidden}.film-wrap .sv-wrap{width:100%;max-height:92svh}.vpause{z-index:4;right:var(--margin);min-height:44px;color:var(--fg);font:500 12px/1 var(--sans);letter-spacing:.04em;cursor:pointer;background:#0808088c;border:1px solid #ececec59;align-items:center;gap:8px;padding:0 12px;transition:background-color .3s,border-color .3s;display:inline-flex;position:absolute;bottom:18px}.vpause:hover{background:#080808cc;border-color:#ececec}.vpause i{border-left:3px solid;border-right:3px solid;width:10px;height:12px;display:block}.vpause[data-paused=true] i{border:6px solid #0000;border-left:10px solid;border-right:0;width:0;height:0}.statement{gap:var(--gutter);grid-template-columns:repeat(12,1fr);align-items:end;margin-top:clamp(110px,18vh,220px);display:grid}.statement-text{font:400 clamp(30px,4.6vw,72px)/1.04 var(--display);letter-spacing:-.005em;text-wrap:balance;grid-column:1/span 9}.statement-fig{grid-column:10/span 3;margin:0}.statement-fig picture,.statement-fig img{width:100%;height:auto;display:block}.statement-fig img{box-shadow:0 30px 60px -24px #000c}.p-devices-first .statement-text{grid-column:3/span 10}.p-devices-first .statement-fig{grid-area:1/1/auto/span 2}.p-gallery-first .statement-text{grid-column:1/span 7}.p-gallery-first .statement-fig{grid-column:9/span 4}.p-editorial .statement-text{grid-column:2/span 10;font-size:clamp(34px,6vw,96px);line-height:1}.p-editorial .statement-fig{grid-area:2/2/auto/span 4;margin-top:clamp(30px,6vh,80px)}.p-editorial .statement{align-items:start}@media (max-width:767px){.statement-text,.statement-fig,.p-devices-first .statement-text,.p-devices-first .statement-fig,.p-gallery-first .statement-text,.p-gallery-first .statement-fig,.p-editorial .statement-text,.p-editorial .statement-fig{grid-area:auto/1/auto/-1}.statement-fig{max-width:70%;margin-top:28px}}.statement-text .line-mask{display:block}.devices{margin-top:clamp(120px,20vh,260px);position:relative}.dev-stage{gap:var(--gutter);grid-template-columns:repeat(12,1fr);align-items:end;display:grid}.dev-desktop{perspective:1600px;grid-column:1/span 9}.dev-desktop .browser{box-shadow:0 60px 100px -30px #000000d9,0 0 0 1px #ffffff17}.dev-phone{z-index:2;grid-column:9/span 3;align-self:end;margin-left:-6vw;padding-bottom:6vh;position:relative}.phone-frame{box-shadow:0 0 0 1.5px #2b2b2b,0 50px 90px -24px #000000e6,0 0 90px color-mix(in srgb,var(--accent) 16%,transparent);background:#0b0b0b;border-radius:clamp(24px,3vw,42px);padding:clamp(5px,.7vw,9px);position:relative}.phone-frame .sv-wrap,.phone-frame picture,.phone-frame img{border-radius:clamp(18px,2.4vw,34px);overflow:hidden}.phone-frame>picture{display:block}.phone-frame>picture img{width:100%;height:auto;display:block}.phone-notch{z-index:3;background:#000;border-radius:99px;width:28%;height:clamp(10px,1.2vw,16px);position:absolute;top:calc(clamp(5px,.7vw,9px) + 8px);left:50%;translate:-50%}.devices .vpause{bottom:0}@media (max-width:767px){.dev-desktop{grid-column:1/-1}.dev-phone{grid-column:5/span 8;margin:-18vw 0 0;padding:0}}.sections{margin-top:clamp(130px,22vh,280px)}.sec-grid{gap:clamp(40px,9vh,130px) var(--gutter);grid-template-columns:repeat(12,1fr);align-items:start;display:grid}.s{grid-column:var(--c);margin:var(--mt) 0 0}.s-in{aspect-ratio:var(--ar);transition:transform .7s var(--o3),box-shadow .7s var(--o3);background:#101010;position:relative;overflow:hidden}.s-in picture,.s-in img{object-fit:cover;width:100%;height:100%;display:block}.js .s-in img{will-change:transform;transform:scale(1.14)}@media (hover:hover) and (pointer:fine){.s:hover .s-in{transform:translateY(-8px);box-shadow:0 40px 70px -26px #000000d9}}figcaption{font:400 12px/1.4 var(--sans);color:var(--n400);align-items:baseline;gap:12px;margin-top:12px;display:flex}.s-n{font:400 15px/1 var(--display);color:var(--accent);letter-spacing:.04em}.is-editorial .sec-grid{row-gap:clamp(70px,14vh,190px)}@media (max-width:767px){.s{grid-column:1/-1;margin-top:0}}.details{margin-top:clamp(130px,22vh,280px);padding-inline:0!important}.det-pin{flex-direction:column;justify-content:center;gap:28px;display:flex}.det-head{padding-inline:var(--pad);justify-content:space-between;align-items:baseline;display:flex}.det-track{padding:0 var(--pad) 12px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#333 transparent;gap:clamp(18px,3vw,44px);display:flex;overflow-x:auto}.d{scroll-snap-align:center;flex:none;margin:0}.d-in{height:min(56svh,620px);aspect-ratio:var(--ar);background:#101010;max-width:88vw;overflow:hidden}.d-in picture,.d-in img{object-fit:cover;width:100%;height:100%;display:block}.is-pinned .det-pin{height:100svh;overflow:hidden}.is-pinned .det-track{scroll-snap-type:none;will-change:transform;overflow:visible}.is-pinned .d-in{height:min(62svh,700px)}.mobile{margin-top:clamp(130px,22vh,280px)}.ph-row{scroll-snap-type:x mandatory;perspective:1500px;scrollbar-width:thin;scrollbar-color:#333 transparent;gap:clamp(14px,2vw,30px);padding:56px 0 48px;display:flex;overflow-x:auto}.ph{scroll-snap-align:center;transform-style:preserve-3d;flex:0 0 clamp(190px,15.5vw,232px);margin:0}.ph:nth-child(2n){translate:0 38px}.ph .phone-frame{transform:rotateY(-7deg)}.ph:nth-child(2n) .phone-frame{transform:rotateY(7deg)}.outro{margin-top:clamp(140px,24vh,300px)}.facts{gap:28px var(--gutter);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);padding-bottom:56px;display:grid}.facts dt{font:400 22px/1 var(--display);color:var(--n500)}.facts dd{font:400 14px/1.5 var(--sans);color:var(--n300);margin-top:8px}@media (max-width:767px){.facts{grid-template-columns:1fr 1fr}}.next-wrap{position:relative}.next{padding:34px 0 110px;text-decoration:none;display:block;position:relative;overflow:hidden}.next-l{z-index:1;font:400 24px/1 var(--display);color:var(--accent);position:relative}.next b{z-index:1;font:400 clamp(72px,17vw,260px)/.8 var(--display);text-transform:uppercase;margin-top:18px;transition:color .4s;display:block;position:relative}.next-img{z-index:0;aspect-ratio:16/9;opacity:0;width:min(36vw,520px);transition:opacity .6s var(--o3),translate .8s var(--o3);position:absolute;top:50%;right:0;translate:0 -44%}.next-img img{object-fit:cover;width:100%;height:100%;display:block;box-shadow:0 40px 80px -24px #000000e6}:is(.next:hover b,.next:focus-visible b){color:var(--accent)}:is(.next:hover .next-img,.next:focus-visible .next-img){opacity:1;translate:0 -50%}@media (hover:none){.next-img{opacity:.5;translate:0 -50%}}@media (max-width:767px){body.work{--margin:16px}.project{--pad:16px;--pad-x:16px}.back{top:max(16px,env(safe-area-inset-top));min-height:44px;margin-top:max(72px,calc(env(safe-area-inset-top) + 56px));margin-bottom:-22px}.p-top{margin-top:44px}.meta{grid-template-columns:1fr;margin-top:44px}.meta>div:last-child{text-align:left}.hero-stage{min-height:0;margin-top:24px;padding:28px 0 72px}.fx-scene{perspective:1400px;width:100%}.h-desk{display:none}.hero-stage:not(:has(.h-phone)) .h-desk{margin:0 14px;display:block}.h-phone{width:min(76vw,340px);margin:0 auto;position:static;transform:none}.statement,.devices{margin-top:96px}.dev-stage{flex-direction:column;gap:30px;display:flex}.dev-phone{order:-1;width:min(70vw,320px);margin:0 auto;padding:0}.dev-desktop{width:100%}.sections,.details,.mobile,.outro{margin-top:96px}.sec-grid{row-gap:34px}.s-in{clip-path:inset(0)}.d-in{width:min(84vw,560px);max-width:none;height:auto}.det-track{padding-left:16px;padding-right:16px;scroll-padding-inline:16px}.ph{flex-basis:min(64vw,250px)}.ph-row{padding-inline:16px;scroll-padding-inline:16px}.facts dd a,.meta dd a{padding:11px 0;display:inline-block}.next{padding:28px 0 calc(72px + env(safe-area-inset-bottom))}.vpause{right:16px;bottom:calc(14px + env(safe-area-inset-bottom))}.next-img{width:min(60vw,320px)}}@media (prefers-reduced-motion:reduce){.sv,.s-in{transition:none}.js .s-in img,.tilt{transform:none}}