:root{--blue:#1857D0;--yellow:#FF9F1C;--ink:#15171C;--paper:#F3F4F6;--steel:#8A8F99;--ink-soft:color-mix(in srgb,var(--ink) 78%,var(--paper));--hair:color-mix(in srgb,var(--ink) 22%,transparent);--sheet2:color-mix(in srgb,var(--ink) 7%,var(--paper));--u:8px;--fs-body:1.0625rem;--fs-mid:clamp(1.44rem,1.25rem + 0.7vw,1.75rem);--fs-big:clamp(2.05rem,1.45rem + 2.6vw,3.3rem);--display:"Archivo","Arial Narrow",sans-serif;--text:"Schibsted Grotesk","Segoe UI",sans-serif;interpolate-size:allow-keywords;color-scheme:light;scrollbar-color:var(--blue) var(--paper);}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 var(--fs-body)/1.6 var(--text);text-rendering:optimizeLegibility;overflow-x:clip}::selection{background:var(--yellow);color:var(--ink)}h1,h2{font-family:var(--display);font-weight:800;margin:0;text-wrap:balance;letter-spacing:-0.02em}h1{font-size:var(--fs-big);line-height:1.06}h2{font-size:var(--fs-mid);line-height:1.2}p{margin:0;text-wrap:pretty}a{color:inherit}a:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:3px;border-radius:2px}.wrap{width:min(100% - 2 * var(--u) * 2,1160px);margin-inline:auto}.story{background:var(--blue);color:#fff;padding-top:calc(var(--u) * 2 + env(safe-area-inset-top))}.story .grid{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"text" "stage" "steps";column-gap:calc(var(--u) * 8)}.hero{grid-area:text;padding-bottom:calc(var(--u) * 3)}.logo{display:flex;align-items:center;gap:var(--u);margin-bottom:calc(var(--u) * 3);min-height:56px}.logo img{width:56px;height:56px;display:block}.logo span{font:800 var(--fs-body)/1 var(--display);letter-spacing:0}.lead{margin-top:calc(var(--u) * 2);max-width:34em;color:#fff}.cta{display:inline-flex;align-items:center;justify-content:center;min-width:248px;min-height:56px;padding:0 calc(var(--u) * 3);background:var(--yellow);color:var(--ink);border:3px solid var(--ink);border-radius:4px;font:600 var(--fs-body)/1 var(--text);text-decoration:none}.hero .cta{margin-top:calc(var(--u) * 3)}.cta:focus-visible{outline:3px solid #fff;outline-offset:3px}@media (hover: hover){.cta:hover{background:#fff}}.under{margin-top:var(--u);color:#fff}.stage{grid-area:stage;position:sticky;top:0;z-index:2;background:var(--blue);padding:var(--u) 0 calc(var(--u) * 2);display:flex;justify-content:flex-start}.stage svg{display:block;width:min(100%,46dvh,400px);height:auto}.steps{grid-area:steps;padding-bottom:calc(var(--u) * 8)}.step{min-height:70dvh;display:flex;align-items:flex-end;padding-bottom:calc(var(--u) * 4)}.step:first-child{min-height:40dvh}.sheet{position:relative;isolation:isolate;background:var(--paper);color:var(--ink);border:1px solid var(--hair);border-radius:4px}.sheet::before{content:"";position:absolute;inset:-1px;z-index:-1;border:1px solid var(--hair);border-radius:4px;background:var(--sheet2);transform:translate(6px,6px)}.step .sheet{display:flex;gap:calc(var(--u) * 2);align-items:baseline;padding:calc(var(--u) * 2) calc(var(--u) * 3);max-width:30em;width:calc(100% - 8px)}.num{font:800 var(--fs-big)/1 var(--display);color:var(--blue);min-width:1ch}#acStage [data-part]{transition:opacity .3s ease-out,transform .3s ease-out}#acStage .lb{opacity:0}#acStage[data-step="done"] .lb-done,#acStage[data-step="4"] .lb-done{opacity:1}#acStage[data-step="1"] .lb-plain{opacity:1}#acStage[data-step="2"] .lb-pick,#acStage[data-step="3"] .lb-pick{opacity:1}#acStage[data-step="1"] #skin{opacity:0}#acStage[data-step="2"] #skin{opacity:0;transform:translate(352px,0)}#acStage[data-step="3"] #skin{transform:translate(176px,0)}#acStage[data-step="1"] #mac{opacity:.35}#acStage[data-step="1"] #box,#acStage[data-step="1"] #lead{opacity:0}#acStage[data-step="1"] #check,#acStage[data-step="2"] #check{opacity:0}.toc{padding:calc(var(--u) * 5) 0 0}.toc ul{list-style:none;margin:var(--u) 0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--u) calc(var(--u) * 3)}.toc a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;text-underline-offset:4px}.toc p{font-weight:600;color:var(--ink-soft)}.article{padding:calc(var(--u) * 4) 0 calc(var(--u) * 8)}.standfirst{font:600 var(--fs-mid)/1.35 var(--text);max-width:32em;margin-bottom:calc(var(--u) * 5)}.bento{display:grid;grid-template-columns:minmax(0,1fr);gap:calc(var(--u) * 3)}.tile{padding:calc(var(--u) * 3)}.tile h2{margin-bottom:calc(var(--u) * 2)}.tile p+p{margin-top:calc(var(--u) * 2)}.body p{max-width:38em}.drop::first-letter{font-family:var(--display);font-weight:800;float:left;font-size:3.4em;line-height:.9;margin:6px 8px 0 0;color:var(--blue)}@supports (initial-letter: 3){.drop::first-letter{float:none;margin:0 8px 0 0;font-size:inherit;line-height:inherit;initial-letter:3}}.exploded{display:block;width:100%;max-width:400px;height:auto;margin-top:calc(var(--u) * 3)}.side{background:var(--paper)}.side ul{margin:0;padding:0;list-style:none;display:grid;gap:calc(var(--u) * 2)}.side li{display:grid;grid-template-columns:24px minmax(0,1fr);gap:var(--u) calc(var(--u) * 2);align-items:start}.side svg{width:24px;height:24px;margin-top:2px}.chip{display:inline-flex;align-items:center;margin-top:var(--u);min-height:32px;padding:0 var(--u);border:1px solid var(--ink);border-radius:4px;font-weight:600;text-decoration:none}.slide h2{margin-bottom:var(--u)}.skins{display:flex;gap:calc(var(--u) * 2);overflow-x:auto;scroll-snap-type:x mandatory;padding:calc(var(--u) * 2) 8px calc(var(--u) * 2) 0;margin-top:calc(var(--u) * 2);-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.skin{flex:0 0 168px;scroll-snap-align:start;margin:0}.art{position:relative;display:block;height:104px;border-radius:8px;overflow:hidden;background:var(--c1)}.art i{position:absolute;display:block}.art .a{width:72px;height:72px;border-radius:50%;background:var(--c2);right:-16px;top:-16px}.art .b{left:0;right:0;bottom:24px;height:16px;background:var(--c3)}.art .c{left:16px;top:16px;width:24px;height:16px;border-radius:3px;background:var(--paper);opacity:.85}.s2 .a{border-radius:4px;transform:rotate(45deg)}.s3 .b{height:48px;bottom:0}.s4 .a{width:200px;height:200px;right:-120px;top:-40px}.s5 .b{left:56px;width:24px;right:auto;top:0;bottom:0;height:auto}.s6 .a{right:40px;top:24px;width:56px;height:56px}.s7 .b{bottom:auto;top:0;height:32px}.s8 .a{border-radius:0;width:56px;height:104px;top:0;right:24px}.s9 .a{width:24px;height:24px;right:24px;top:56px}.s10 .b{height:8px;bottom:16px}.s11 .a{border-radius:50% 50% 0 0;width:104px;height:56px;right:0;top:auto;bottom:0}.s12 .b{left:auto;right:0;width:48px;top:0;bottom:0;height:auto}.skin figcaption{margin-top:var(--u);font-weight:600}.note{margin-top:var(--u);color:var(--ink-soft)}.pull{padding:calc(var(--u) * 6) 0;max-width:30em}.pull blockquote{margin:0;padding-left:calc(var(--u) * 3);border-left:1px solid var(--ink);font:800 var(--fs-mid)/1.25 var(--display);letter-spacing:-0.01em}.fit{background:var(--ink);color:#fff;padding:calc(var(--u) * 8) 0}.fit p.q-lead{margin-top:var(--u);color:color-mix(in srgb,#fff 82%,var(--ink))}.flow{margin-top:calc(var(--u) * 4);max-width:720px}.box{border:1px solid color-mix(in srgb,#fff 45%,var(--ink));border-radius:4px;padding:calc(var(--u) * 2)}.box.q{background:var(--blue);border-color:var(--blue);font-weight:600}.forks{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:calc(var(--u) * 2)}.fork svg{display:block;width:24px;height:48px;margin:var(--u) 0 var(--u) calc(var(--u) * 2)}.fork b{display:block;font-weight:600;color:var(--yellow);margin-bottom:var(--u)}.fork .box p+p{margin-top:var(--u)}.faq{padding:calc(var(--u) * 8) 0}.faq .list{margin-top:calc(var(--u) * 3);max-width:720px;padding:0 calc(var(--u) * 3)}details{border-top:1px solid var(--hair)}details:first-child{border-top:0}summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:calc(var(--u) * 2);min-height:56px;padding:var(--u) 0;cursor:pointer;font-weight:600}summary::-webkit-details-marker{display:none}summary svg{flex:0 0 16px;width:16px;height:16px;transition:transform .3s ease-out}details[open] summary svg{transform:rotate(45deg)}details::details-content{block-size:0;overflow:hidden;transition:block-size .3s ease-out,content-visibility .3s allow-discrete}details[open]::details-content{block-size:auto}details p{padding-bottom:calc(var(--u) * 2);max-width:38em}.end{padding:0 0 calc(var(--u) * 6)}.end ul{list-style:none;margin:calc(var(--u) * 2) 0 0;padding:0;display:grid;gap:calc(var(--u) * 2);justify-items:start}.end .plain{display:inline-flex;align-items:center;min-height:44px;font-weight:600;text-underline-offset:4px}footer{border-top:1px solid var(--ink);margin-top:calc(var(--u) * 2);padding:calc(var(--u) * 5) 0 calc(var(--u) * 12 + env(safe-area-inset-bottom))}.sig{display:flex;flex-wrap:wrap;align-items:center;gap:var(--u) calc(var(--u) * 2);font:800 var(--fs-mid)/1.2 var(--display)}.sig i{display:block;width:32px;height:3px;background:var(--ink)}.sig span:last-child{font-family:var(--text);font-weight:600;font-size:var(--fs-body)}.small{margin-top:calc(var(--u) * 2);display:grid;gap:var(--u);color:var(--ink-soft)}.small a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--ink)}.bar{position:fixed;left:0;right:0;bottom:0;z-index:5;background:var(--ink);padding:var(--u) calc(var(--u) * 2) calc(var(--u) + env(safe-area-inset-bottom));display:flex;justify-content:center;transform:translateY(110%);visibility:hidden;transition:transform .25s ease-out,visibility 0s linear .25s}.bar.on{transform:none;visibility:visible;transition:transform .25s ease-out}.bar .cta{border-color:var(--yellow)}@media (min-width: 900px){:root{--fs-mid:clamp(1.56rem,1.1rem + 0.8vw,1.95rem)}.story .grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"text stage" "steps stage"}.hero{padding-top:calc(var(--u) * 4);min-height:calc(100dvh - 200px)}.stage{grid-row:1 / span 2;align-self:start;top:calc(var(--u) * 6);padding:calc(var(--u) * 4) 0;justify-content:center}.stage svg{width:min(100%,72dvh,440px)}.step{min-height:70dvh;align-items:center}.step:first-child{min-height:60dvh}.bento{grid-template-columns:repeat(12,minmax(0,1fr))}.inside{grid-column:span 7}.side{grid-column:span 5;align-self:start}.slide{grid-column:span 12}.forks{gap:calc(var(--u) * 4)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none !important;animation:none !important}}@font-face{font-family: 'Archivo';font-style: normal;font-weight: 800;font-stretch: 100%;font-display: swap;src: url(../fonts/archivo.79e203676aab0cd2.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Archivo';font-style: normal;font-weight: 800;font-stretch: 100%;font-display: swap;src: url(../fonts/archivo.6cb2970815d3020f.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: 'Schibsted Grotesk';font-style: normal;font-weight: 400;font-display: swap;src: url(../fonts/schibstedgrotesk.f7dea0f19cd757b1.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Schibsted Grotesk';font-style: normal;font-weight: 400;font-display: swap;src: url(../fonts/schibstedgrotesk.70e080ee27c7d3d1.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family: 'Schibsted Grotesk';font-style: normal;font-weight: 600;font-display: swap;src: url(../fonts/schibstedgrotesk.f7dea0f19cd757b1.woff2) format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family: 'Schibsted Grotesk';font-style: normal;font-weight: 600;font-display: swap;src: url(../fonts/schibstedgrotesk.70e080ee27c7d3d1.woff2) format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}