@font-face{font-family:Schibsted Grotesk;src:url(/assets/fonts/schibsted-grotesk-wght.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap}@font-face{font-family:Fragment Mono;src:url(/assets/fonts/fragment-mono-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Schibsted Fallback;src:local("Arial");size-adjust:101%;ascent-override:96%;descent-override:26%;line-gap-override:0%}@font-face{font-family:Playfair Display;src:url(/assets/fonts/mock-playfair-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Raleway;src:url(/assets/fonts/mock-raleway-wght.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--bg: #0c0c0b;--bg-2: #131312;--bg-3: #1c1c1a;--line: #2a2a27;--line-2: #3b3a37;--text: #eceae5;--text-2: #a5a39c;--accent: #ff5533;--accent-ink: #0c0c0b;--accent-deep: #b8361a;--studio: #625e5f;--studio-ink: #f6f4f0;--studio-muted: #e2dfda;--paper: #ecebe7;--paper-2: #e2e0db;--paper-line: #cfccc5;--paper-ink: #141413;--paper-muted: #55534e;--font-sans: "Schibsted Grotesk", "Schibsted Fallback", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Fragment Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--fs-display: clamp(2.75rem, 1.4rem + 5.6vw, 6.5rem);--fs-h2: clamp(2.25rem, 1.45rem + 3.6vw, 4.5rem);--fs-h3: clamp(1.375rem, 1.15rem + .8vw, 1.875rem);--fs-lead: clamp(1.125rem, 1.02rem + .45vw, 1.4rem);--fs-body: 1.0625rem;--fs-small: .9375rem;--fs-mono: .8125rem;--container: 1360px;--gutter: clamp(16px, 4.2vw, 56px);--section-y: clamp(96px, 7rem + 4vw, 200px);--header-h: 68px;--radius: 14px;--radius-lg: 22px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--dur: .9s;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px);background:var(--bg)}body{margin:0;min-height:100svh;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-body);line-height:1.6;font-feature-settings:"kern","liga","calt";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}h1,h2,h3,h4,p,ul,ol,dl,dd,figure,blockquote{margin:0}ul[role=list],ol[role=list]{list-style:none;padding:0}h1,h2,h3,h4{font-weight:560;line-height:1.04;letter-spacing:-.035em;text-wrap:balance}p{text-wrap:pretty}img,svg,video{display:block;max-width:100%}img{height:auto}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.22em}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.container{width:100%;max-width:calc(var(--container) + 2 * var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.mono{font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:.01em;line-height:1.5}.section-title{font-size:var(--fs-h2);font-weight:540;letter-spacing:-.042em;line-height:.98}.lead{font-size:var(--fs-lead);line-height:1.5;color:var(--text-2)}html.menu-open{overflow:hidden}.lazy-section{content-visibility:auto;contain-intrinsic-size:auto 1200px}.btn{--btn-bg: transparent;--btn-ink: var(--text);--btn-line: var(--line-2);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:52px;padding:0 1.45em;border:0;border-radius:999px;background:var(--btn-bg);color:var(--btn-ink);box-shadow:inset 0 0 0 1px var(--btn-line);font-size:1rem;font-weight:560;letter-spacing:-.01em;line-height:1;text-decoration:none;white-space:nowrap;cursor:pointer;isolation:isolate;overflow:hidden;transition:color .35s var(--ease-out),box-shadow .35s var(--ease-out),background-color .35s var(--ease-out)}.btn:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--btn-fill, var(--text));transform:translateY(101%);transition:transform .5s var(--ease-out)}@media(hover:hover)and (pointer:fine){.btn:hover{color:var(--btn-fill-ink, var(--bg));box-shadow:inset 0 0 0 1px transparent}.btn:hover:before{transform:translateY(0)}}.btn:focus-visible{outline-offset:4px;border-radius:999px}.btn svg{flex:none;width:1em;height:1em}.btn--primary{--btn-bg: var(--accent);--btn-ink: var(--accent-ink);--btn-line: transparent;--btn-fill: var(--text);--btn-fill-ink: var(--bg)}.btn--small{min-height:42px;padding:0 1.1em;font-size:.9375rem}.link-arrow{display:inline-flex;align-items:center;gap:.45em;font-weight:560;text-decoration:none;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;padding-bottom:2px;transition:background-size .45s var(--ease-out)}.link-arrow svg{width:.95em;height:.95em;transition:transform .45s var(--ease-out)}@media(hover:hover)and (pointer:fine){.link-arrow:hover{background-size:0 1px;background-position:100% 100%}.link-arrow:hover svg{transform:translate(2px,-2px)}}html.js [data-reveal]{opacity:0;transform:translate3d(0,28px,0);transition:opacity 1s var(--ease-out),transform 1.1s var(--ease-out);transition-delay:calc(var(--reveal-i, 0) * 80ms)}html.js [data-reveal=fade]{transform:none}html.js [data-reveal].is-in{opacity:1;transform:none}html.js [data-reveal=mask]{opacity:1;transform:none;overflow:clip;padding-bottom:.14em;margin-bottom:-.14em}html.js [data-reveal=mask]>.reveal-line{display:block;transform:translate3d(0,108%,0);transition:transform 1.15s var(--ease-out);transition-delay:calc(var(--reveal-i, 0) * 90ms)}html.js [data-reveal=mask].is-in>.reveal-line{transform:none}@media(prefers-reduced-motion:reduce){html.js [data-reveal],html.js [data-reveal=mask]>.reveal-line{transform:none;transition:opacity .4s linear;transition-delay:0s}html.js [data-reveal=mask]>.reveal-line{opacity:0}html.js [data-reveal=mask].is-in>.reveal-line{opacity:1}*,*:before,*:after{scroll-behavior:auto!important}}@property --intro{syntax: "<number>"; inherits: true; initial-value: 0;}@property --grid{syntax: "<number>"; inherits: true; initial-value: 0;}@property --type{syntax: "<number>"; inherits: true; initial-value: 0;}@property --color{syntax: "<number>"; inherits: true; initial-value: 0;}@property --image{syntax: "<number>"; inherits: true; initial-value: 0;}@property --interact{syntax: "<number>"; inherits: true; initial-value: 0;}@property --finale{syntax: "<number>"; inherits: true; initial-value: 0;}@property --u{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --g{syntax: "<number>"; inherits: true; initial-value: 0;}@property --t{syntax: "<number>"; inherits: true; initial-value: 0;}@property --c{syntax: "<percentage>"; inherits: true; initial-value: 0%;}@property --col{syntax: "<number>"; inherits: true; initial-value: 0;}@property --move{syntax: "<number>"; inherits: true; initial-value: 0;}@property --move-e{syntax: "<number>"; inherits: true; initial-value: 0;}@property --hover{syntax: "<number>"; inherits: true; initial-value: 0;}@property --press{syntax: "<number>"; inherits: true; initial-value: 0;}@property --ripple{syntax: "<number>"; inherits: true; initial-value: 0;}@property --focus{syntax: "<number>"; inherits: true; initial-value: 0;}html:not(.js) app-build-scene .scene{height:auto;--intro: 1;--grid: 1;--type: 1;--color: 1;--image: 1;--interact: 0;--finale: 1;--url-chars: 16}html:not(.js) app-build-scene .scene__sticky{position:relative;height:auto;min-height:0;padding-bottom:32px}html:not(.js) app-build-scene .intro,html:not(.js) app-build-scene .stage,html:not(.js) app-build-scene .device,html:not(.js) app-build-scene .caption,html:not(.js) app-build-scene .result{position:relative;inset:auto;opacity:1;transform:none;visibility:visible}html:not(.js) app-build-scene .stage{height:70vh;margin-top:32px}html:not(.js) app-build-scene .caption,html:not(.js) app-build-scene .skip{display:none}