@font-face{font-family:Schibsted Grotesk;src:url(/fonts/schibsted-grotesk.woff2)format("woff2");font-weight:400 900;font-style:normal;font-display:swap}@font-face{font-family:Schibsted Grotesk;src:url(/fonts/schibsted-grotesk-italic.woff2)format("woff2");font-weight:400 900;font-style:italic;font-display:swap}@view-transition{navigation:auto}:root{--page:#f3f2ef;--ink:#151514;--ink-2:#454542;--ink-3:#62615d;--rule:#d4d3ce;--plate:#dddcd7;--plate-2:#e7e6e2;--cap:#f6f3ec;--dark:#1c1c1a;--dark-ink:#ebeae5;--signal:#c4441a;--apron:#e3a53a;--intercom:#34548a;--paddy-power:#2f5b47;--good:#dde7da;--bad:#f1ddd6;--f:"Schibsted Grotesk",ui-sans-serif,system-ui,sans-serif;--t-small:14px;--t-body:16px;--t-display:clamp(30px,3.1vw,40px);--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:48px;--s6:72px;--s7:112px;--gap:8px;--gutter:clamp(16px,2.8vw,40px);--max:1440px;--measure:40em;--ease:cubic-bezier(.2,.9,.2,1)}*,:before,:after{box-sizing:border-box}html{background:var(--page);color:var(--ink-2);font-family:var(--f);font-size:var(--t-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;scrollbar-color:#b6b5af var(--page);scroll-padding-top:24px;line-height:1.6}body{background:var(--page);margin:0;overflow-x:clip}img,svg{max-width:100%;height:auto;display:block}h1,h2,h3,h4{color:var(--ink);text-wrap:balance;margin:0;font-weight:600}p,ul,ol,figure,blockquote,dl,dd{margin:0}a{color:inherit;text-decoration:none}strong,b{color:var(--ink);font-weight:600}::selection{background:var(--ink);color:var(--page)}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.num{font-variant-numeric:tabular-nums}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{left:var(--gutter);background:var(--ink);color:var(--page);z-index:10;padding:10px 16px;transition:top .2s;position:absolute;top:-60px}.skip:focus{top:12px}.shell{max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.grid{gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.t-display{font-size:var(--t-display);letter-spacing:-.028em;color:var(--ink);font-weight:600;line-height:1.08}.t-intro{font-size:var(--t-body);color:var(--ink);line-height:1.6}.t-title{font-size:var(--t-body);color:var(--ink);font-weight:600}.t-small{font-size:var(--t-small);color:var(--ink-3);line-height:1.5}.line{transition:background-size .4s var(--ease),color .2s;background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:2px}.line:hover,.line[aria-current]{background-size:100% 1px}.arrow-link{font-size:var(--t-small);color:var(--ink-3);align-items:center;gap:8px;display:inline-flex}.arrow-link:hover{color:var(--ink)}.arrow-link svg{transition:transform .4s var(--ease)}.arrow-link:hover svg{transform:translate(-3px)}.site-header{justify-content:space-between;align-items:baseline;gap:var(--s3);padding:20px 0 18px;display:flex}.wordmark{color:var(--ink);font-weight:600}.wordmark span{color:var(--ink-3);margin-left:10px;font-weight:400}.site-nav{gap:28px;display:flex}.site-nav a{color:var(--ink-2)}.site-nav a:hover{color:var(--ink)}.site-footer{margin-top:var(--s7);border-top:1px solid var(--rule);padding:var(--s5) 0 var(--s6);justify-content:center;display:flex}.site-footer a{color:var(--ink);font-weight:600}.plate{background:var(--c,var(--plate));isolation:isolate;display:block;position:relative;overflow:hidden}.plate:before{content:"";z-index:-1;background:radial-gradient(120% 90% at 50% 15%,#ffffff29,#0000 60%),linear-gradient(#0000 72%,#0000000f);position:absolute;inset:0}.plate .obj{width:var(--w,78%);transition:transform .7s var(--ease),filter .7s var(--ease);filter:drop-shadow(0 26px 22px #0000002e)drop-shadow(0 2px 3px #0000001f);position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.plate .obj img{border-radius:4px;width:100%}.plate .btn,.cap-btn{background:var(--cap);width:44px;height:44px;color:var(--ink);border-radius:50%;place-items:center;transition:background .3s,color .3s,transform .2s;display:grid;box-shadow:inset 0 -2px #0000001f,0 2px 6px #00000029}.plate .btn{position:absolute;bottom:20px;right:20px}.plate .btn svg{transition:transform .35s var(--ease)}.back-btn{border-radius:50%;display:inline-block}.back-btn:hover .cap-btn{background:var(--ink);color:var(--cap)}.back-btn:hover svg{animation:turn .7s var(--ease)}.back-btn:active .cap-btn{transform:scale(.94)}@keyframes turn{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}a.plate:hover .obj{filter:drop-shadow(0 30px 26px #0003)drop-shadow(0 2px 3px #0000001f);transform:translate(-50%,-50%)scale(1.025)}a.plate:hover .btn{background:var(--ink);color:var(--cap)}a.plate:active .btn{transform:scale(.96)}a.plate:focus-visible{outline-offset:4px}.plate.empty{color:#fff;font-size:var(--t-small);place-items:center;font-weight:600;display:grid}.plate.company{aspect-ratio:16/10}.cap{margin-top:var(--s2);max-width:var(--measure)}.cap .t-title{display:block}.cap .meta{color:var(--ink-3);margin-top:2px;display:block}.cap p{margin-top:var(--s1);color:var(--ink)}.home{padding-top:var(--s5);align-items:start}.home-lead{top:var(--s4);padding-right:var(--s4);grid-column:1/span 4;position:sticky}.home-lead h1{max-width:12em}.home-lead .t-intro{margin-top:var(--s3);max-width:24em}.index{margin-top:var(--s5);border-top:1px solid var(--rule);padding:0;list-style:none}.index a{border-bottom:1px solid var(--rule);color:var(--ink-2);transition:color .25s,padding .35s var(--ease);align-items:center;gap:14px;padding:14px 0;display:flex}.index .sw{width:12px;height:12px;box-shadow:inset 0 0 0 2px var(--c);border-radius:50%;transition:box-shadow .3s}.index a:hover,.index a.on{color:var(--ink);padding-left:6px}.index a:hover .sw,.index a.on .sw{box-shadow:inset 0 0 0 6px var(--c)}.home-work{gap:var(--s6);grid-column:5/-1;display:grid}.home-work figure{scroll-margin-top:var(--s4)}.page-head{padding-top:var(--s5)}.page-head h1{margin-top:var(--s4)}.page-head h1 small{font-size:var(--t-body);color:var(--ink-3);letter-spacing:0;margin-left:.5em;font-weight:400}.page-head .meta{margin-top:var(--s1);color:var(--ink-3)}.hero-plate{margin-top:var(--s5);aspect-ratio:16/8}.hero-plate .obj{--w:66%}.sections{margin-top:var(--s6);align-items:start}.sections>div{padding-right:var(--s5);grid-column:span 6}.sections h2{font-size:var(--t-body);margin-bottom:var(--s2)}.sections p,.sections ul{max-width:var(--measure)}.sections p+h2{margin-top:var(--s5)}.sections ul{padding-left:1.15em}.sections li{margin-bottom:var(--s1)}.sections li::marker{color:var(--ink-3)}.cases{margin-top:var(--s7)}.cases>h2{font-size:var(--t-body);margin-bottom:var(--s3)}.cases .grid{row-gap:var(--s5)}.screens{margin-top:var(--s7)}.screens>h2{font-size:var(--t-body);margin-bottom:var(--s3)}.screens-grid{grid-template-columns:repeat(var(--cols,4),minmax(0,1fr));gap:var(--gap);display:grid}.screens figure{margin:0}.screens figcaption{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.screens .thumb-btn{aspect-ratio:1;padding:0}.screens .thumb-btn img{object-fit:cover;filter:none;width:100%;height:100%;inset:0}.screens .contain .thumb-btn img{inset:var(--s2);width:calc(100% - 2 * var(--s2));height:calc(100% - 2 * var(--s2));object-fit:contain}@media (width<=900px){.screens-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=560px){.screens-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.case{grid-area:span 2/span 4;grid-template-rows:subgrid;row-gap:var(--s2);display:grid}.case h3{font-size:var(--t-body);align-self:end}.case h3 a:hover{text-underline-offset:4px;text-decoration:underline 1px}.case .plate{aspect-ratio:16/11}.tag{font-size:var(--t-small);color:var(--signal);margin-top:2px;font-weight:600;display:block}.tag.lock{color:var(--ink-3);font-weight:400}.cs-shell{padding-top:var(--s5)}.cs-shell .hc-reference{margin-top:var(--s4)}.hc-reference{color:var(--ink-2)}.hc-reference h1{font-size:var(--t-display);letter-spacing:-.028em;max-width:20em;margin-bottom:var(--s3);line-height:1.08}.hc-reference>section{margin:var(--s7) 0 0}.hc-reference h2{font-size:var(--t-body);margin:0 0 var(--s2);max-width:32em;line-height:1.5}.hc-reference h3{font-size:var(--t-body);margin:0 0 var(--s1)}.hc-reference p,.hc-reference ul,.hc-reference ol{max-width:var(--measure);margin-bottom:var(--s2)}.hc-reference ul,.hc-reference ol{padding-left:1.15em}.hc-reference li{margin:0 0 6px;padding-left:4px}.hc-reference li::marker{color:var(--ink-3)}.hc-reference a{text-decoration:underline;text-decoration-color:var(--rule);text-underline-offset:4px;transition:text-decoration-color .2s}.hc-reference a:hover{text-decoration-color:currentColor}@media (width>=901px){.hc-reference>section{column-gap:var(--s3);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.hc-reference>section>*{grid-column:4/-2}.hc-reference>section>h2{top:var(--s4);padding-right:var(--s3);grid-area:1/1/span 80/span 3;margin:0;position:sticky}.hc-reference>section>h2+*,.cs .hc-reference>section>h2+.cs-design,.hc-reference.cs>section>h2+.cs-design{margin-top:0}}.cs .cs-lede{font-size:var(--t-body);color:var(--ink);max-width:var(--measure);margin-bottom:var(--s5);line-height:1.6}.cs .cs-facts{gap:0 var(--s3);margin:0 0 var(--s4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.cs .cs-facts>div{border-top:1px solid var(--ink);padding-top:12px}.cs .cs-facts h3{font-size:var(--t-small);color:var(--ink-3);margin-bottom:4px}.cs .cs-facts p{margin:0 0 var(--s1)}.cs .cs-stats{gap:var(--s3);max-width:none;margin:0 0 var(--s4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.cs .cs-stats span{border-top:1px solid var(--rule);color:var(--ink-3);font-size:var(--t-small);padding-top:12px;line-height:1.5}.cs .cs-stats strong{font-size:var(--t-display);letter-spacing:-.03em;color:var(--ink);margin-bottom:6px;line-height:1.05;display:block}.cs .cs-so{color:var(--ink)}.cs .cs-quote{margin:var(--s5) 0 0;border-top:1px solid var(--ink);max-width:30em;padding-top:var(--s3)}.cs .cs-quote p{font-size:var(--t-body);color:var(--ink);margin:0 0 var(--s1);font-weight:600;line-height:1.5}.cs .cs-quote cite{color:var(--ink-3);font-style:normal;font-size:var(--t-small)}.cs ol.cs-solve{counter-reset:s;max-width:var(--measure);padding:0;list-style:none}.cs ol.cs-solve li{counter-increment:s;border-top:1px solid var(--rule);margin:0;padding:0}.cs ol.cs-solve li:last-child{border-bottom:1px solid var(--rule)}.cs ol.cs-solve a{color:var(--ink-2);padding:12px 0 12px 36px;text-decoration:none;display:block;position:relative}.cs ol.cs-solve a:before{content:counter(s);color:var(--ink-3);font-variant-numeric:tabular-nums;position:absolute;top:12px;left:0}.cs ol.cs-solve a:hover{color:var(--ink)}.cs .cs-design{margin:var(--s6) 0 0;scroll-margin-top:24px}.cs .cs-eyebrow{font-size:var(--t-small);color:var(--ink-3);margin:0 0 4px;font-weight:600}.cs .cs-note{font-size:var(--t-small);color:var(--ink-3);border-top:1px solid var(--rule);padding-top:var(--s3);margin-top:var(--s6)}.hc-reference .hc-grid:not(.cs-facts):not(.blue-panels):not(.thumbs),.hc-reference .hc-column{margin:0;display:block}.hc-reference .hc-grid:not(.cs-facts):not(.blue-panels):not(.thumbs)>*,.hc-reference .hc-column>div{margin-bottom:var(--s4)}.hc-reference .hc-column>h3:not(:first-child){margin-top:var(--s4)}.hc-reference .measures>div{border-top:0;padding-top:0}.hc-reference .hc-definition{margin:var(--s2) 0}.hc-reference .blue-panels{gap:var(--gap);margin:var(--s3) 0;max-width:var(--measure);grid-template-columns:minmax(0,1fr);display:grid}.hc-reference .blue-panels>div,.hc-reference .blue-panels.results>p{background:var(--plate-2);padding:var(--s3);max-width:none;margin:0}.hc-reference .blue-panels>div>:last-child{margin-bottom:0}.hc-reference .blue-panels.results>p{color:var(--ink)}.hc-reference .panel-good{background:var(--good)!important}.hc-reference .panel-bad{background:var(--bad)!important}.hc-reference .hc-problems{background:var(--dark);color:var(--dark-ink);margin:var(--s4) 0;padding:clamp(24px,4vw,64px);display:block!important}.hc-reference .hc-problems>*,.hc-reference>section .hc-problems{max-width:var(--measure)}.hc-reference .hc-problems h2,.hc-reference .hc-problems h3,.hc-reference .hc-problems strong,.hc-reference .hc-problems b{color:#fff}.hc-reference .hc-problems p,.hc-reference .hc-problems li{color:var(--dark-ink)}.hc-reference .hc-problems li::marker{color:#8f8e88}.hc-reference .hc-problems>div:not(.hc-grid),.hc-reference .hc-problems>h3:not(:first-child){padding-top:var(--s4);margin-top:var(--s4);border-top:1px solid #3d3c39}.hc-reference .hc-problems .blue-panels>div{color:var(--dark-ink);background:#2a2a27}.hc-reference figure{margin:var(--s3) 0;position:relative}.hc-reference figcaption{font-size:var(--t-small);color:var(--ink-3);margin-top:10px}.hc-reference>figure:first-of-type{background:var(--c,var(--plate));margin:var(--s5) 0;view-transition-name:var(--vt,none);padding:clamp(24px,5vw,64px) clamp(16px,4vw,64px)}.hc-reference>figure:first-of-type>img{background:#fff;border-radius:6px;width:100%;max-width:880px;margin:0 auto;box-shadow:0 1px 2px #00000014,0 26px 44px -26px #00000073}.thumbs{gap:var(--s3);margin:var(--s3) 0;max-width:var(--measure);grid-template-columns:minmax(0,1fr);display:grid}.thumbs figure{margin:0}.thumb-btn{all:unset;box-sizing:border-box;aspect-ratio:4/3;width:100%;padding:var(--s3);background:var(--plate-2);cursor:zoom-in;place-items:center;display:grid;position:relative;overflow:hidden}.thumb-btn img{inset:var(--s3);width:calc(100% - 2 * var(--s3));height:calc(100% - 2 * var(--s3));object-fit:contain;max-width:none;transition:transform .5s var(--ease);filter:drop-shadow(0 10px 18px #00000024);position:absolute}.thumb-btn img[src$=\.svg]{filter:none}.thumb-btn:hover img{transform:scale(1.03)}.thumb-btn:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.thumbs .fit-narrow .thumb-btn img{inset:var(--s3) calc(var(--s3) + 44px);width:calc(100% - 2 * var(--s3) - 88px)}.paywall .thumb-btn img{inset:var(--s3) 0 auto;width:auto;height:calc(100% - 2 * var(--s3));object-fit:fill;border-radius:16px;max-width:none;margin:0 auto}.cs-clip{margin:var(--s3) 0;max-width:var(--measure);background:var(--plate-2);padding:var(--s3)}.cs-clip video{border:1px solid var(--rule);background:#fff;border-radius:6px;width:100%;height:auto;display:block;box-shadow:0 20px 40px -30px #00000059}.thumb-btn .zoom{background:var(--cap);width:32px;height:32px;color:var(--ink);opacity:0;transition:opacity .3s,transform .3s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:12px;right:12px;transform:translateY(4px);box-shadow:0 1px 4px #0000002e}.thumb-btn:hover .zoom,.thumb-btn:focus-visible .zoom{opacity:1;transform:none}.thumb-btn .notes-tag{font-size:var(--t-small);color:#fff;background:var(--signal);border-radius:999px;padding:2px 10px;font-weight:600;position:absolute;bottom:12px;left:12px}.cs-slides .slides-stage{aspect-ratio:16/9;background:#fff;border-radius:6px;max-width:1040px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000014,0 26px 44px -26px #00000073}.cs-slides .slides-stage img{object-fit:cover;object-position:top;opacity:0;width:100%;height:100%;transition:opacity .6s var(--ease);box-shadow:none;border-radius:0;position:absolute;inset:0}.cs-slides .slides-stage img.on,.cs-slides>img:first-child{opacity:1}.cs-slides>img:not(:first-child){display:none}.cs-slides:focus-visible{outline-offset:-4px}.slides-bar{align-items:center;gap:var(--s1) var(--s3);max-width:1040px;margin:var(--s3) auto 0;grid-template-columns:1fr auto;display:grid}.slides-label{font-size:var(--t-small);color:var(--ink);white-space:pre;grid-column:1;margin:0;font-weight:600}.slides-steps{grid-area:2/1;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px;display:grid}.slides-steps button{all:unset;cursor:pointer;align-items:center;height:20px;display:flex}.slides-steps button i{background:#1515142e;border-radius:2px;width:100%;height:3px;display:block;position:relative;overflow:hidden}.slides-steps button i:after{content:"";background:var(--ink);transform-origin:0;transform:scaleX(var(--p,0));position:absolute;inset:0}.slides-steps button:focus-visible i{outline:2px solid var(--ink);outline-offset:3px}.slides-toggle{cursor:pointer;border:0;grid-area:1/2/span 2;padding:0}.slides-toggle:hover{background:var(--ink);color:var(--cap)}.lightbox{width:100vw;max-width:none;height:100vh;max-height:none;color:var(--dark-ink);background:#151514f0;border:0;margin:0;padding:0;overflow:auto}.lightbox::backdrop{background:0 0}.lightbox[open]{animation:lb-in .35s var(--ease);place-items:center;display:grid}@keyframes lb-in{0%{opacity:0}to{opacity:1}}.lb-stage{cursor:zoom-out;margin:var(--s5) var(--s4) var(--s3);display:inline-block;position:relative}.lb-stage img{width:auto;max-width:min(1400px,92vw);height:auto;max-height:82vh;animation:lb-img .45s var(--ease);background:#fff;border-radius:6px;display:block}.lb-stage img[src$=\.svg]{background:var(--page);padding:var(--s3)}@keyframes lb-img{0%{opacity:.4;transform:scale(.97)}to{opacity:1;transform:none}}.lb-cap{font-size:var(--t-small);color:#bdbcb6;text-align:center;max-width:60ch;margin:0 auto var(--s4)}.lb-close,.lb-prev,.lb-next{z-index:2;position:fixed}.lb-close{top:20px;right:20px}.lb-prev{top:50%;left:20px}.lb-next{top:50%;right:20px}.lightbox .cap-btn{cursor:pointer;border:0;padding:0}.lightbox .cap-btn:hover{background:#fff}.lb-dot{background:var(--signal);color:#fff;width:30px;height:30px;font:600 14px/1 var(--f);cursor:help;transition:transform .3s var(--ease);border:2px solid #fff;border-radius:50%;place-items:center;margin:-15px 0 0 -15px;padding:0;display:grid;position:absolute;box-shadow:0 2px 6px #00000059}.lb-dot:hover,.lb-dot:focus-visible{outline:none;transform:scale(1.12)}.lb-dot .tip{background:var(--ink);color:#fff;width:max-content;max-width:260px;font:400 14px/1.45 var(--f);text-align:left;opacity:0;pointer-events:none;transition:opacity .2s,transform .25s var(--ease);border-radius:6px;padding:8px 12px;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,4px);box-shadow:0 6px 18px #0000004d}.lb-dot:hover .tip,.lb-dot:focus-visible .tip{opacity:1;transform:translate(-50%)}.lb-dot.flip .tip{top:calc(100% + 10px);bottom:auto}.cs-next{margin-top:var(--s7);border-top:1px solid var(--ink);padding-top:var(--s3)}.cs-next h2{font-size:var(--t-body);grid-column:1/span 4}.cs-next ul{grid-column:5/-1;padding:0;list-style:none}.cs-next li a{justify-content:space-between;align-items:center;gap:var(--s2);border-bottom:1px solid var(--rule);color:var(--ink);padding:14px 0;display:flex}.cs-next li a svg{transition:transform .4s var(--ease)}.cs-next li a:hover svg{transform:translate(3px)}::view-transition-old(root),::view-transition-new(root){animation-duration:.3s}@media (width<=900px){.home-lead,.home-work,.sections>div,.case,.cs-next h2,.cs-next ul{grid-column:1/-1}.home-lead{padding-right:0;position:static}.sections>div{padding-right:0}.sections{row-gap:var(--s6)}.hero-plate{aspect-ratio:4/3}.cs .cs-facts,.cs .cs-stats,.hc-reference .blue-panels,.thumbs{grid-template-columns:1fr}.wordmark span{display:none}.plate .btn{width:40px;height:40px;bottom:14px;right:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}@view-transition{navigation:none}html{scroll-behavior:auto}}