@font-face{font-family: "Barlow Condensed";src: url("../fonts/barlow-condensed-600.woff2") format("woff2");font-weight: 600;font-style: normal;font-display: swap}@font-face{font-family: "Barlow Condensed";src: url("../fonts/barlow-condensed-800.woff2") format("woff2");font-weight: 800;font-style: normal;font-display: swap}@font-face{font-family: "Barlow Condensed";src: url("../fonts/barlow-condensed-800-italic.woff2") format("woff2");font-weight: 800;font-style: italic;font-display: swap}@font-face{font-family: "Barlow";src: url("../fonts/barlow-400.woff2") format("woff2");font-weight: 400;font-style: normal;font-display: swap}@font-face{font-family: "Barlow";src: url("../fonts/barlow-400-italic.woff2") format("woff2");font-weight: 400;font-style: italic;font-display: swap}@font-face{font-family: "Barlow";src: url("../fonts/barlow-500.woff2") format("woff2");font-weight: 500;font-style: normal;font-display: swap}@font-face{font-family: "Barlow";src: url("../fonts/barlow-600.woff2") format("woff2");font-weight: 600;font-style: normal;font-display: swap}@font-face{font-family: "Antic Didone";src: url("../fonts/antic-didone-400.woff2") format("woff2");font-weight: 400;font-style: normal;font-display: swap}@font-face{font-family: "JetBrains Mono";src: url("../fonts/jetbrains-mono-400.woff2") format("woff2");font-weight: 400 500;font-style: normal;font-display: swap}:root{--ink: #080E26;--ink-2: #031D2B;--violet: #331E54;--violet-2: #5A3A8C;--lime: #D0FF01;--paper: #F2EDE3;--paper-2: #E7E0D1;--paper-hi: #FBF8F2;--on-dark-muted: rgba(242, 237, 227, .72);--on-paper-muted: #4A4D60;--line-dark: rgba(242, 237, 227, .22);--line-paper: rgba(8, 14, 38, .2);--f-display: "Barlow Condensed", "Arial Narrow", "Helvetica Neue", sans-serif;--f-body: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif;--f-serif: "Antic Didone", "Didot", "Bodoni 72", Georgia, serif;--f-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--max: 1440px;--pad: clamp(16px, 4.5vw, 64px);--gap: clamp(14px, 1.8vw, 24px);--s: clamp(10px, 1.5vw, 22px);--t: clamp(8px, 1.15vw, 18px);--section-y: clamp(72px, 11vw, 168px);--mh: 60px;--ease: cubic-bezier(.2, .7, .2, 1);--noise-dark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.03 0 0 0 0 0.05 0 0 0 0 0.15 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--noise-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.95 0 0 0 0 0.93 0 0 0 0 0.89 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--line: var(--line-dark);--muted: var(--on-dark-muted);--focus: var(--lime);--halo: var(--ink)}*, *::before, *::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-padding-top: calc(var(--mh) + 12px)}@media (prefers-reduced-motion: no-preference){html{scroll-behavior: smooth}}body{margin: 0;background: var(--ink);color: var(--paper);font: 400 1.0625rem/1.6 var(--f-body);-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;overflow-x: clip}img, svg{display: block;max-width: 100%}img{height: auto}a{color: inherit;text-underline-offset: .2em;text-decoration-thickness: 1.5px}p{margin: 0 0 1em}figure{margin: 0}h1, h2, h3, h4{margin: 0;font-weight: 800}button, input, textarea{font: inherit;color: inherit}::selection{background: var(--lime);color: var(--ink)}:focus-visible{outline: 3px solid var(--focus);outline-offset: 3px}main:focus, [tabindex="-1"]:focus{outline: none}.wrap{max-width: var(--max);margin-inline: auto;padding-inline: var(--pad)}.mono{font-family: var(--f-mono)}.sr-only{position: absolute !important;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.skip-link{position: absolute;left: 12px;top: -100px;z-index: 200;background: var(--lime);color: var(--ink);padding: 10px 14px;font: 500 .8rem/1 var(--f-mono);text-transform: uppercase;letter-spacing: .1em}.skip-link:focus{top: 12px}.kicker{position: relative;isolation: isolate;z-index: 0;display: flex;align-items: center;width: fit-content;max-width: calc(100% - 34px);margin: 0 0 16px;padding: 6px 13px 5px 14px;font: 500 .7rem/1.3 var(--f-mono);text-transform: uppercase;letter-spacing: .16em;color: var(--kick-ink, var(--ink));transform: rotate(-1.5deg);transform-origin: left center}.kicker::before{content: "";position: absolute;inset: 0;z-index: -1;background: var(--kick-bg, var(--lime));border: 2px solid var(--kick-edge, var(--ink));box-shadow: 3px 3px 0 0 var(--kick-shadow, var(--ink));transform: skewX(-12deg)}.kicker::after{content: "";position: absolute;left: calc(100% + 9px);top: 50%;width: 17px;height: 11px;margin-top: -6px;background: repeating-linear-gradient(90deg, var(--kick-shadow, var(--ink)) 0 2px, transparent 2px 5px);transform: skewX(-24deg)}.cover, .chapter--dark, .chapter--ink, .work--wide, .work--system{--kick-shadow: #7B5BC0}.backcover{--kick-bg: var(--ink);--kick-ink: var(--lime);--kick-edge: var(--ink);--kick-shadow: var(--paper)}.lead{font-size: clamp(1.1rem, 1.45vw, 1.3rem);line-height: 1.55}.chapter{position: relative;padding-block: var(--section-y)}.chapter--paper, .case, .notfound{background-color: var(--paper);background-image: var(--noise-dark);color: var(--ink);--line: var(--line-paper);--muted: var(--on-paper-muted);--focus: var(--violet);--halo: var(--paper)}.chapter--dark{background-color: var(--ink-2);background-image: var(--noise-light)}.chapter--ink{background-color: var(--ink);background-image: var(--noise-light)}.btn{--shadow: var(--paper);display: inline-flex;align-items: center;gap: .6em;padding: .95em 1.25em .9em;border: 2px solid currentColor;background: transparent;font: 800 1.05rem/1 var(--f-display);text-transform: uppercase;letter-spacing: .05em;text-decoration: none;cursor: pointer;transition: transform .18s var(--ease), box-shadow .18s var(--ease), background-color .18s, color .18s}.btn:hover{transform: translate(-3px, -3px);box-shadow: 3px 3px 0 0 var(--shadow)}.btn:active{transform: none;box-shadow: none}.btn .icon-arrow{transition: transform .2s var(--ease)}.btn:hover .icon-arrow, .link-arrow:hover .icon-arrow{transform: translateX(4px)}.icon-arrow--down{transform: rotate(90deg)}.btn:hover .icon-arrow--down{transform: rotate(90deg) translateX(3px)}.btn--lime{background: var(--lime);border-color: var(--lime);color: var(--ink)}.btn--line{color: var(--paper);--shadow: var(--lime)}.btn--ink{background: var(--ink);border-color: var(--ink);color: var(--paper);--shadow: var(--violet-2)}.chapter--paper .btn--lime, .case .btn--lime{border-color: var(--ink);--shadow: var(--ink)}.link-arrow{display: inline-flex;align-items: center;gap: .5em;padding-bottom: 4px;border-bottom: 2px solid currentColor;font: 800 1rem/1 var(--f-display);text-transform: uppercase;letter-spacing: .06em;text-decoration: none}.link-arrow .icon-arrow{width: 18px;height: 18px;transition: transform .2s var(--ease)}.caption-box{position: absolute;top: -2px;left: -2px;z-index: 3;padding: 7px 9px 6px;background: var(--lime);color: var(--ink);border: 2px solid var(--ink);font: 500 .68rem/1 var(--f-mono);text-transform: uppercase;letter-spacing: .12em}.sfx{position: absolute;z-index: 2;font: italic 800 clamp(1.7rem, 2.6vw, 2.5rem)/1 var(--f-display);text-transform: uppercase;letter-spacing: .02em;color: var(--lime);-webkit-text-stroke: 2px var(--ink);paint-order: stroke fill;text-shadow: 3px 3px 0 var(--ink);transform: rotate(-10deg);pointer-events: none}.stamp{position: absolute;top: 18px;right: 18px;z-index: 2;padding: 6px 10px 5px;border: 2.5px solid currentColor;color: var(--violet-2);font: 800 .9rem/1 var(--f-display);text-transform: uppercase;letter-spacing: .16em;transform: rotate(6deg)}.bubble{position: absolute;z-index: 3;margin: 0;padding: 14px 20px 12px;background: var(--paper);color: var(--ink);border: 2px solid var(--ink);border-radius: 50%;font: italic 800 1.05rem/1.1 var(--f-display);text-transform: uppercase;letter-spacing: .02em;text-align: center}.bubble::before, .bubble::after{content: "";position: absolute;left: 26%;clip-path: polygon(0 0, 100% 0, 10% 100%)}.bubble::before{bottom: -16px;width: 22px;height: 18px;background: var(--ink)}.bubble::after{bottom: -12px;left: calc(26% + 3px);width: 16px;height: 14px;background: var(--paper)}.placeholder-chip{display: inline-block;padding: 6px 10px;border: 1.5px dashed currentColor;font-size: .72rem;letter-spacing: .04em}.img-missing{display: grid;place-items: center;aspect-ratio: 3 / 2;width: 100%;background: repeating-linear-gradient(-45deg, transparent 0 12px, rgba(8, 14, 38, .08) 12px 13px), var(--paper-2);color: var(--ink);border: 2px dashed var(--ink);font-size: .75rem}.art{width: 100%;height: auto}.art-label{font: 500 11px var(--f-mono);fill: currentColor;stroke: none;letter-spacing: .04em}.art-stamp{font: 800 22px var(--f-display);stroke: none;letter-spacing: .1em}.art .wire{opacity: .38}.art .flow{stroke-dasharray: 5 13}[data-draw]{stroke-dasharray: 1;stroke-dashoffset: 0}.masthead{position: sticky;top: 0;z-index: 60;border-bottom: 1px solid var(--line-dark);color: var(--paper);view-transition-name: masthead}.masthead::before{content: "";position: absolute;inset: 0;z-index: -1;background: rgba(8, 14, 38, .94);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px)}.masthead__inner{max-width: var(--max);margin-inline: auto;padding-inline: var(--pad);height: var(--mh);display: flex;align-items: center;gap: 20px}.brand{display: flex;align-items: center;gap: 12px;text-decoration: none;flex: none}.brand__mark{display: inline-block;padding: 7px 7px 5px;background: var(--lime);color: var(--ink);font: 800 1.05rem/1 var(--f-display);letter-spacing: .03em;transform: rotate(-4deg);box-shadow: 3px 3px 0 var(--violet-2);transition: transform .25s var(--ease)}.brand:hover .brand__mark{transform: rotate(3deg) scale(1.05)}.brand__name{font: 600 1.06rem/1 var(--f-display);text-transform: uppercase;letter-spacing: .07em;white-space: nowrap}.nav{margin-left: auto}.nav__list{list-style: none;margin: 0;padding: 0;display: flex;align-items: center;gap: clamp(14px, 2vw, 30px)}.nav__link{position: relative;display: inline-flex;align-items: flex-start;gap: 6px;padding: 8px 0;font: 600 .98rem/1 var(--f-display);text-transform: uppercase;letter-spacing: .08em;text-decoration: none}.nav__num{font: 500 .62rem/1 var(--f-mono);color: var(--lime);letter-spacing: .02em}.nav__link::after{content: "";position: absolute;left: 0;right: 0;bottom: 2px;height: 2px;background: var(--lime);transform: scaleX(0);transform-origin: left;transition: transform .25s var(--ease)}.nav__link:hover::after, .nav__link.is-active::after{transform: scaleX(1)}.nav__cta{display: inline-block;padding: 8px 12px 7px;border: 2px solid var(--lime);color: var(--lime);font: 800 .95rem/1 var(--f-display);text-transform: uppercase;letter-spacing: .08em;text-decoration: none;transition: background-color .18s, color .18s}.nav__cta:hover, .nav__cta.is-active{background: var(--lime);color: var(--ink)}.nav__status{display: none}.masthead__status{display: none;margin: 0 0 0 8px;white-space: nowrap;font-size: .68rem;letter-spacing: .08em;text-transform: uppercase;color: var(--on-dark-muted)}.dot{display: inline-block;width: 7px;height: 7px;margin-right: 8px;border-radius: 50%;background: var(--lime);vertical-align: 1px}.menu-btn{display: none;margin-left: auto;align-items: center;gap: 10px;padding: 8px 10px 8px 12px;background: transparent;border: 2px solid var(--paper);cursor: pointer;font: 500 .72rem/1 var(--f-mono);text-transform: uppercase;letter-spacing: .12em}.menu-btn__icon{position: relative;width: 16px;height: 10px}.menu-btn__icon::before, .menu-btn__icon::after{content: "";position: absolute;left: 0;right: 0;height: 2px;background: currentColor;transition: transform .25s var(--ease), top .25s var(--ease)}.menu-btn__icon::before{top: 0}.menu-btn__icon::after{top: 8px}.menu-btn[aria-expanded="true"] .menu-btn__icon::before{top: 4px;transform: rotate(45deg)}.menu-btn[aria-expanded="true"] .menu-btn__icon::after{top: 4px;transform: rotate(-45deg)}@media (min-width: 1240px){.masthead__status{display: block}}@media (max-width: 1023.98px){.menu-btn{display: inline-flex}.js .nav{position: fixed;inset: var(--mh) 0 0 0;z-index: 59;display: flex;flex-direction: column;justify-content: space-between;padding: 32px var(--pad) 28px;background: var(--ink);background-image: var(--noise-light);border-top: 2px solid var(--lime);visibility: hidden;opacity: 0;transform: translateY(-12px);transition: opacity .25s var(--ease), transform .25s var(--ease), visibility 0s linear .25s;overflow-y: auto}.js .menu-open .nav{visibility: visible;opacity: 1;transform: none;transition-delay: 0s}.js .nav__list{flex-direction: column;align-items: stretch;gap: 0}.js .nav__list li{border-bottom: 1px solid var(--line-dark)}.js .nav__link{display: flex;width: 100%;padding: 16px 0 14px;font-size: clamp(2.1rem, 9vw, 3.4rem);font-weight: 800;letter-spacing: .02em}.js .nav__link::after{display: none}.js .nav__num{font-size: .75rem;padding-top: .5em;min-width: 2.4em}.js .nav__cta-item{border: 0 !important;padding-top: 24px}.js .nav__cta{font-size: 1.4rem;padding: 14px 18px 12px}.js .nav__status{display: block;margin: 24px 0 0;font-size: .72rem;letter-spacing: .1em;text-transform: uppercase;color: var(--on-dark-muted)}html:not(.js) .masthead__inner{height: auto;flex-wrap: wrap;padding-block: 10px}html:not(.js) .nav{width: 100%}html:not(.js) .nav__list{flex-wrap: wrap}}.menu-open{overflow: hidden}@media (max-width: 400px){.brand__name{font-size: .92rem;letter-spacing: .05em}}.cover{position: relative;overflow: hidden;overflow: clip;background-color: var(--ink);background-image: var(--noise-light)}.cover::after{content: "";position: absolute;z-index: 0;pointer-events: none;right: -18vw;bottom: -30vw;width: 80vw;height: 80vw;background: radial-gradient(circle, var(--violet-2) 1.7px, transparent 2px) 0 0 / 12px 12px;-webkit-mask-image: radial-gradient(closest-side, #000 15%, transparent 100%);mask-image: radial-gradient(closest-side, #000 15%, transparent 100%);opacity: .8}.cover__grid{position: relative;z-index: 1;display: grid;grid-template-columns: minmax(0, 1fr);gap: clamp(22px, 3vw, 34px) var(--gap);padding-top: clamp(14px, 2vw, 24px);padding-bottom: clamp(40px, 5vw, 72px)}.cover__meta{display: flex;align-items: center;justify-content: space-between;gap: 12px;padding-bottom: 12px;border-bottom: 1px solid var(--line-dark);font-size: .7rem;letter-spacing: .14em;text-transform: uppercase;color: var(--on-dark-muted)}.cover__code{display: flex;align-items: center;gap: 10px;color: var(--paper)}.cover__code .barcode{height: 18px;width: auto}@media (max-width: 599.98px){.cover__meta-mid, .cover__code{display: none}}.cover__main{display: flex;flex-direction: column;align-items: flex-start;min-width: 0}.cover__title{margin: 0 0 clamp(22px, 2.6vw, 34px);font: 800 clamp(2.5rem, 11.4vw, 9.6rem)/.86 var(--f-display);text-transform: uppercase;letter-spacing: -.005em}.cover__line{display: block}.cover__line--2{position: relative;width: fit-content;color: var(--lime)}.cover__underline{position: absolute;left: 0;right: 4%;bottom: -.1em;width: 96%;height: .16em;color: var(--paper);overflow: visible}.cover__line--3{color: var(--paper)}@supports (-webkit-text-stroke: 1px black){.cover__line--3{color: transparent;-webkit-text-stroke: clamp(1.5px, .2vw, 3px) var(--paper)}}.cover__blurb{margin: 0 0 14px;max-width: 34ch;font: 400 clamp(1.25rem, 1.85vw, 1.6rem)/1.25 var(--f-serif);color: var(--paper)}.cover__lead{max-width: 46ch;margin: 0 0 18px}.cover__roles{list-style: none;margin: 0 0 24px;padding: 10px 0 0;border-top: 1px solid var(--line-dark);display: flex;flex-wrap: wrap;gap: 6px 0;font-size: .72rem;letter-spacing: .1em;text-transform: uppercase;color: var(--paper)}.cover__roles li:not(:last-child)::after{content: "/";margin: 0 9px;color: var(--lime)}@media (min-width: 1024px) and (max-width: 1199.98px){.cover__roles{letter-spacing: .05em}.cover__roles li:not(:last-child)::after{margin: 0 6px}}.cover__ctas{display: flex;flex-wrap: wrap;gap: 12px;margin-bottom: clamp(26px, 3vw, 38px)}.cover__kit{width: 100%;max-width: 40rem}.cover__kit .kicker{margin-bottom: 18px}.kit{--kit-size: clamp(36px, 3.1vw, 46px);list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(var(--kit-cols, 10), minmax(0, var(--kit-size)));justify-content: space-between;row-gap: 14px}.kit__item{position: relative;width: 100%;aspect-ratio: 1}@media (max-width: 479.98px){.kit{--kit-size: 46px;grid-template-columns: repeat(var(--kit-cols-sm, 5), minmax(0, var(--kit-size)));row-gap: 12px}}.tool{display: block;width: 100%;height: 100%;overflow: visible}.tool-glyph{font-family: var(--f-body);font-weight: 600;letter-spacing: -.02em}.tool .tool__shadow > *{fill: var(--tool-shadow, var(--ink))}.tool .tool__edge{stroke: var(--tool-edge, var(--ink))}.cover, .chapter--dark, .chapter--ink, .work--wide, .work--system{--tool-edge: var(--paper);--tool-shadow: #7B5BC0}.kit__item .tool{transition: transform .22s var(--ease)}.kit__item:nth-child(3n+1) .tool{transform: rotate(-6deg)}.kit__item:nth-child(3n+2) .tool{transform: rotate(4deg)}.kit__item:nth-child(3n) .tool{transform: rotate(-2deg)}.kit__item:hover .tool{transform: translateY(-4px) rotate(0) scale(1.1)}.has-tip{position: relative}.has-tip::after{content: attr(data-name);position: absolute;left: 50%;bottom: calc(100% + 10px);z-index: 5;padding: 6px 9px 5px;background: var(--paper);color: var(--ink);border: 2px solid var(--ink);font: 500 .64rem/1 var(--f-mono);letter-spacing: .08em;text-transform: uppercase;white-space: nowrap;opacity: 0;transform: translate(-50%, 4px);transition: opacity .15s, transform .15s;pointer-events: none}.has-tip::before{content: "";position: absolute;left: 50%;bottom: calc(100% + 2px);z-index: 6;width: 10px;height: 10px;margin-left: -5px;background: var(--paper);border-right: 2px solid var(--ink);border-bottom: 2px solid var(--ink);transform: rotate(45deg);opacity: 0;transition: opacity .15s;pointer-events: none}.has-tip:hover::after{opacity: 1;transform: translate(-50%, 0)}.has-tip:hover::before{opacity: 1}.tool-list{list-style: none;margin: 0;padding: 1px 0;display: flex;flex-wrap: wrap;gap: 8px 10px}.tool-list > li{width: 30px;height: 30px}.tool-list .tool{transition: transform .2s var(--ease)}.tool-list > li:nth-child(odd) .tool{transform: rotate(-5deg)}.tool-list > li:nth-child(even) .tool{transform: rotate(4deg)}.tool-list > li:hover .tool{transform: translateY(-3px) rotate(0) scale(1.1)}.tool-inline{display: inline-block;width: 1.5em;height: 1.5em;margin: 0 .06em;vertical-align: -.42em}.tool-inline .tool{transition: transform .2s var(--ease)}.tool-inline:hover .tool{transform: translateY(-2px) scale(1.12)}.meta--row .tool-list{padding-top: 4px}.cover__panels{--p1: polygon(0 0, 44% 0, 40.45% 59.17%, 0 62%);--p2: polygon(47.4% 0, 100% 0, 100% 55%, 43.86% 58.93%);--p3: polygon(0 64.8%, 100% 57.8%, 100% 100%, 0 100%);position: relative;min-width: 0;aspect-ratio: 5 / 7;container-type: size}.cpanel{position: absolute;inset: 0;pointer-events: none;filter: drop-shadow(2px 0 0 var(--paper)) drop-shadow(-2px 0 0 var(--paper)) drop-shadow(0 2px 0 var(--paper)) drop-shadow(0 -2px 0 var(--paper)) drop-shadow(6px 6px 0 #7B5BC0)}.cover .cover__panels .panel{position: absolute;inset: 0;display: block;margin: 0;overflow: visible;border: 0;color: inherit;text-decoration: none;pointer-events: auto}.panel__box{position: absolute;display: block;overflow: hidden;container-type: size}.cpanel--1 .panel{clip-path: var(--p1)}.cpanel--2 .panel{clip-path: var(--p2)}.cpanel--3 .panel{clip-path: var(--p3)}.cpanel--1 .panel__box{left: 0;top: 0;width: 44%;height: 62%}.cpanel--2 .panel__box{left: 43.86%;top: 0;width: 56.14%;height: 58.93%}.cpanel--3 .panel__box{left: 0;top: 57.8%;width: 100%;height: 42.2%}.cpanel:has(.panel:focus-visible){filter: drop-shadow(3px 0 0 var(--lime)) drop-shadow(-3px 0 0 var(--lime)) drop-shadow(0 3px 0 var(--lime)) drop-shadow(0 -3px 0 var(--lime)) drop-shadow(6px 6px 0 #7B5BC0)}.cover__panels > .caption-box{z-index: 4}.cap--1{left: -2px;top: -2px}.cap--2{left: calc(47.4% + 2px);top: -2px}.cap--3{left: -2px;top: calc(64.8% - 2px)}.panel--design{background-color: var(--paper-2);background-image: radial-gradient(rgba(8, 14, 38, .16) 1px, transparent 1.3px);background-size: 14px 14px}.artboard{position: absolute;display: block}.artboard img{display: block;width: 100%;height: auto;box-shadow: 0 2px 8px rgba(8, 14, 38, .18)}.artboard--back{left: 56cqw;top: 8cqh;width: min(58cqw, 34cqh);opacity: .9}.artboard--front{left: 9cqw;top: 13cqh;width: min(60cqw, 34cqh);outline: 2px solid var(--violet-2)}.artboard__name{position: absolute;left: 0;bottom: 100%;margin-bottom: 5px;font-size: .58rem;letter-spacing: .02em;white-space: nowrap;color: rgba(8, 14, 38, .7)}.artboard__handle{position: absolute;width: 7px;height: 7px;background: var(--paper-hi);border: 1.5px solid var(--violet-2)}.artboard__handle:nth-of-type(1){left: -4.5px;top: -4.5px}.artboard__handle:nth-of-type(2){right: -4.5px;top: -4.5px}.artboard__handle:nth-of-type(3){left: -4.5px;bottom: -4.5px}.artboard__handle:nth-of-type(4){right: -4.5px;bottom: -4.5px}.artboard__size{position: absolute;left: 50%;top: calc(100% + 7px);transform: translateX(-50%);padding: 2px 6px;border-radius: 3px;background: var(--violet-2);color: var(--paper);font-size: .56rem;white-space: nowrap}.artboard__ring{position: absolute;left: -7%;top: 61.5%;width: 114%;height: 16%;overflow: visible;fill: none;stroke: var(--violet-2);stroke-width: 2.6;stroke-linecap: round}.sticky{position: absolute;left: 50%;top: 82%;z-index: 2;width: max-content;max-width: 46cqw;padding: 7px 9px 8px;background: var(--lime);color: var(--ink);border: 2px solid var(--ink);font-size: .62rem;line-height: 1.3;letter-spacing: .02em;transform: rotate(-4deg);box-shadow: 3px 3px 0 var(--ink)}.fcursor{position: absolute;left: 78%;top: 72%;z-index: 3;display: flex;align-items: flex-start;width: max-content}.fcursor svg{flex: none;width: 15px;height: 19px;fill: var(--violet-2);stroke: var(--paper-hi);stroke-width: 1.4;stroke-linejoin: round}.fcursor .mono{margin: 13px 0 0 -2px;padding: 2px 6px;border-radius: 3px;background: var(--violet-2);color: var(--paper);font-size: .56rem}.fcursor{transition: left .7s var(--ease), top .7s var(--ease)}.panel--design:is(:hover, :focus-visible) .fcursor{left: 56%;top: 66%;animation-play-state: paused}.artboard__ring{transform-origin: 50% 50%;transition: transform .3s var(--ease) .55s, stroke-width .3s .55s}.panel--design:is(:hover, :focus-visible) .artboard__ring{transform: scale(1.05);stroke-width: 3.4}.sticky{transition: transform .4s var(--ease)}.panel--design:is(:hover, :focus-visible) .sticky{transform: rotate(-8deg) translateY(-3px)}@media (prefers-reduced-motion: no-preference){.fcursor{animation: cursor-drift 3.6s var(--ease) infinite alternate}@keyframes cursor-drift{from{transform: translate(0, 0)}to{transform: translate(-14px, -8px)}}}.panel--build{background: var(--ink-2)}.browserbar{position: absolute;left: 0;right: 0;top: 0;z-index: 1;height: 26px;display: flex;align-items: center;justify-content: flex-end;gap: 5px;padding: 0 12px 0 34%;background: var(--ink);border-bottom: 2px solid var(--paper);color: var(--on-dark-muted);font-size: .6rem}.browserbar i{width: 7px;height: 7px;border-radius: 50%;background: var(--paper);opacity: .8}.browserbar span{min-width: 0;margin-left: 8px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.panel--build img{position: absolute;top: 26px;left: 0;width: 100%;height: auto;max-width: none;transform-origin: top center;transition: transform .7s var(--ease)}.panel--build:hover img{transform: scale(1.035)}.panel__tag{position: absolute;right: 3%;bottom: calc(45% + 12px);z-index: 2;max-width: 52%;display: flex;align-items: center;gap: 10px;padding: 8px 10px;background: var(--ink);color: var(--paper);border: 2px solid var(--paper);font-size: .62rem;line-height: 1.35;letter-spacing: .06em;text-transform: uppercase;box-shadow: 4px 4px 0 var(--lime);transition: background-color .2s, color .2s}.panel__tag .icon-arrow{width: 16px;height: 16px;flex: none}.panel--build:hover .panel__tag, .panel--build:focus-visible .panel__tag{background: var(--lime);color: var(--ink)}.panel--automate{background-color: var(--violet);background-image: radial-gradient(rgba(242, 237, 227, .12) 1px, transparent 1.3px);background-size: 7px 7px}.panel--automate .panel__box{display: flex;align-items: center;justify-content: center;padding: calc(7cqh + 30px) 2cqw 2cqh}.panel--automate .art{width: 100%;height: 100%}.panel--automate .art--row{display: none}@container (min-aspect-ratio: 2.6){.panel--automate .art--grid{display: none}.panel--automate .art--row{display: block}}.panel--automate .acc{stroke: var(--lime)}.cnode__shadow{fill: var(--lime);stroke: var(--ink);stroke-width: 1.6}.cnode__box{fill: var(--ink);stroke: var(--paper);stroke-width: 2}.cnode__chip{fill: var(--paper);stroke: var(--ink);stroke-width: 1.6}.cnode__icon{stroke: var(--ink);stroke-width: 1.8}.cnode__label{font-size: 12.5px}.bolt{fill: var(--lime);stroke: var(--ink);stroke-width: 1.8}.cover__panels > .sfx{left: -2%;top: 79.5%;z-index: 4}.cover__sticker{position: absolute;z-index: 4;width: clamp(38px, 3.6vw, 50px);height: clamp(38px, 3.6vw, 50px)}.cover__sticker .tool{width: 100%;height: 100%}.cover__sticker--1{left: -12px;top: calc(62% - 46px);transform: rotate(-10deg)}.cover__sticker--2{right: -12px;top: 30%;transform: rotate(9deg)}@media (min-width: 600px) and (max-width: 1023.98px){.cover__panels{aspect-ratio: 5 / 4}.cover__panels > .sfx{top: 71%}}@media (min-width: 1024px){.cover__grid{grid-template-columns: repeat(12, minmax(0, 1fr));column-gap: var(--gap);align-items: stretch}.cover__meta{grid-column: 1 / -1}.cover__main{grid-column: 1 / span 7}.cover__title{font-size: clamp(2.5rem, 6.25vw, 5.65rem)}.cover__panels{grid-column: 8 / -1;aspect-ratio: auto;min-height: 620px}}.chapter__head{--head-gap: clamp(16px, 2.2vw, 32px);display: grid;grid-template-columns: auto minmax(0, 1fr);align-items: start;column-gap: clamp(20px, 3.4vw, 56px);row-gap: clamp(28px, 3.6vw, 52px);margin-bottom: clamp(48px, 7vw, 104px)}.chapter__num{display: block;font: 400 clamp(5rem, 15vw, 13rem)/1 var(--f-serif);letter-spacing: -.02em;font-variant-numeric: lining-nums;white-space: nowrap;text-box: trim-both cap alphabetic}.chapter--dark .chapter__num, .chapter--ink .chapter__num{color: var(--lime)}.chapter__text > *{text-box: trim-both cap alphabetic}.chapter__text .kicker{margin: 0 0 var(--head-gap)}.chapter__title{margin: 0;font: 800 clamp(2.5rem, 7vw, 6.4rem)/.9 var(--f-display);text-transform: uppercase;letter-spacing: -.005em}.chapter__intro{margin: var(--head-gap) 0 0;font-size: clamp(1.04rem, 1.3vw, 1.2rem);line-height: 1.45;color: var(--muted)}@media (max-width: 559.98px){.chapter__head{grid-template-columns: minmax(0, 1fr);row-gap: 24px}.chapter__num{font-size: 5.5rem}}.cutp, .cframe{--tlx: 0px;--tly: 0px;--trx: 0px;--try: 0px;--brx: 0px;--bry: 0px;--blx: 0px;--bly: 0px;--shape: polygon(var(--tlx) var(--tly), calc(100% - var(--trx)) var(--try), calc(100% - var(--brx)) calc(100% - var(--bry)), var(--blx) calc(100% - var(--bly)));--cut-l: max(var(--tlx), var(--blx));--cut-r: max(var(--trx), var(--brx));--ow: 2px;--sh: clamp(4px, .45vw, 7px);--edge: var(--ink);--shade: var(--violet-2);--fill: var(--paper-hi)}:is(.chapter--dark, .chapter--ink, .work--wide, .work--system) :is(.cutp, .cframe){--edge: var(--paper);--shade: #7B5BC0}.cutp{position: relative;isolation: isolate}.cut, .cframe{filter: drop-shadow(var(--ow) 0 0 var(--edge)) drop-shadow(calc(var(--ow) * -1) 0 0 var(--edge)) drop-shadow(0 var(--ow) 0 var(--edge)) drop-shadow(0 calc(var(--ow) * -1) 0 var(--edge)) drop-shadow(var(--sh) var(--sh) 0 var(--shade))}.cut{position: absolute;inset: 0;z-index: -1;pointer-events: none}.cut::before{content: "";position: absolute;inset: 0;background: var(--fill);clip-path: var(--shape)}.cframe > *{clip-path: var(--shape)}.motion-ok .cutp[data-reveal]::after{clip-path: var(--shape)}.corner-sticker{position: absolute;z-index: 3;top: calc(var(--try, 0px) - 16px);right: calc(var(--trx, 0px) - 12px);width: clamp(38px, 3.4vw, 48px);height: clamp(38px, 3.4vw, 48px);transform: rotate(9deg)}.cutp > .caption-box{left: calc(var(--tlx) - 2px);top: calc(var(--tly) - 2px)}.cutp > .bubble:not(.bubble--reply){top: calc(var(--try) + 16px);right: calc(var(--trx) + 16px)}.corner-sticker .tool{width: 100%;height: 100%}.work-list{display: flex;flex-direction: column;gap: clamp(96px, 13vw, 184px)}.work{position: relative}.work__index{display: flex;flex-wrap: wrap;align-items: center;gap: 6px 12px;margin: 0 0 14px;font: 500 .72rem/1.3 var(--f-mono);text-transform: uppercase;letter-spacing: .12em;color: var(--muted)}.work__no{padding: 3px 7px 2px;border: 1.5px solid currentColor;color: var(--ink)}.work__title{margin: 0 0 16px;font: 800 clamp(2.2rem, 4.6vw, 4.2rem)/.92 var(--f-display);text-transform: uppercase}.work__title a{text-decoration: none;background: linear-gradient(var(--lime), var(--lime)) no-repeat 0 86% / 0 .32em;transition: background-size .35s var(--ease)}.work__title a:hover{background-size: 100% .32em}.work__title--xl{font-size: clamp(2.6rem, 7.2vw, 6.6rem)}.work__title--sm{font-size: clamp(1.6rem, 2.5vw, 2.15rem);margin-bottom: 6px}.work__summary{max-width: 46ch;margin: 0 0 24px;font-size: clamp(1.05rem, 1.25vw, 1.18rem)}.work__summary--sm{font-size: 1rem;margin-bottom: 0;color: var(--muted)}.work__client{margin: 0 0 10px;font-size: .72rem;letter-spacing: .08em;text-transform: uppercase;color: var(--muted)}.meta{display: grid;grid-template-columns: auto minmax(0, 1fr);margin: 0 0 26px;border-top: 1px solid var(--line)}.meta > div{display: contents}.meta dt, .meta dd{padding: 10px 0 9px;border-bottom: 1px solid var(--line)}.meta dt{padding-right: 22px;font: 500 .68rem/1.9 var(--f-mono);text-transform: uppercase;letter-spacing: .12em;color: var(--muted)}.meta dd{margin: 0;font-size: .98rem;line-height: 1.45}.meta__via{color: var(--muted);font-size: .86em;white-space: nowrap}.browser{position: relative;background: var(--ink)}.cframe > .browser{display: flex;flex-direction: column;height: 100%}.cframe > .browser > .scroller{flex: 1}.browser:not(.cframe > *){border: 2px solid var(--ink);box-shadow: 8px 8px 0 var(--violet-2)}.browser--dark:not(.cframe > *){border-color: var(--paper);box-shadow: 8px 8px 0 #7B5BC0}.browser__bar{display: flex;align-items: center;gap: 12px;height: 30px;padding: 0 12px;color: var(--paper)}.browser__dots{flex: none;width: 8px;height: 8px;margin-right: 28px;border-radius: 50%;background: var(--paper);box-shadow: 14px 0 0 var(--paper), 28px 0 0 var(--lime)}.browser__url{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: .66rem;letter-spacing: .06em;color: var(--on-dark-muted)}.iphone{container-type: inline-size;position: relative;width: 100%;isolation: isolate}.iphone::before{content: "";position: absolute;z-index: -1;inset: 4% -5% -3% 6%;border-radius: 17cqw;background: radial-gradient(var(--ink) 1.15px, transparent 1.45px) 0 0 / 6px 6px;opacity: .9}.iphone__body{position: relative;padding: 1.15cqw;border-radius: 17.2cqw;background: linear-gradient(140deg, #5a5d66 0%, #1d1f24 18%, #3a3d45 46%, #15161a 74%, #4a4d55 100%);box-shadow: inset 0 0 0 .35cqw rgba(255, 255, 255, .16), 0 2.5cqw 6cqw rgba(8, 14, 38, .3)}.iphone__body::before, .iphone__body::after{content: "";position: absolute;width: 1cqw;border-radius: .6cqw}.iphone__body::before{left: -.75cqw;top: 23cqw;height: 44cqw;background: linear-gradient(to bottom, #3b3e45 0 7cqw, transparent 7cqw 13cqw, #3b3e45 13cqw 27cqw, transparent 27cqw 30cqw, #3b3e45 30cqw 44cqw)}.iphone__body::after{right: -.75cqw;top: 36cqw;height: 66cqw;background: linear-gradient(to bottom, #3b3e45 0 22cqw, transparent 22cqw 50cqw, #2c2e33 50cqw 66cqw)}.iphone__screen{position: relative;display: flex;flex-direction: column;overflow: hidden;aspect-ratio: 402 / 874;border: 2.5cqw solid #040405;border-radius: 16cqw;background: #000}.iphone__screen > img{flex: 1;min-height: 0;width: 100%;height: 100%;object-fit: cover;object-position: top}.iphone__screen > .scroller{flex: 1;min-height: 0;aspect-ratio: auto}.iphone__status{flex: none;display: flex;align-items: center;justify-content: space-between;height: 12.6cqw;padding: 1.4cqw 6.6cqw 0 9.2cqw;background: var(--sb-bg);color: var(--sb-ink);font: 600 3.9cqw/1 -apple-system, "SF Pro Text", "Helvetica Neue", system-ui, sans-serif;letter-spacing: -.01em}.iphone__status svg{width: 16cqw;height: auto}.iphone__island{position: absolute;z-index: 4;top: 2.4cqw;left: 50%;width: 28.5cqw;height: 8.4cqw;margin-left: -14.25cqw;border-radius: 999px;background: #000}.scroller{position: relative;display: block;overflow: hidden;aspect-ratio: var(--ar, 3 / 2);background: var(--paper-2)}.scroller__poster{width: 100%;height: 100%;object-fit: cover;object-position: top}.scroller__full{position: absolute;top: 0;left: 0;width: 100%;max-width: none;height: auto;opacity: 0;transition: opacity .3s}.scroller.is-ready .scroller__full{opacity: 1}@media (prefers-reduced-motion: no-preference){.scroller .scroller__full{transition: opacity .3s, top 1.1s var(--ease), transform 1.1s var(--ease)}.scroller.is-ready.is-playing .scroller__full{top: 100%;transform: translateY(-100%);transition: opacity .3s, top var(--dur, 8s) cubic-bezier(.4, 0, .6, 1), transform var(--dur, 8s) cubic-bezier(.4, 0, .6, 1)}}@media (hover: hover) and (prefers-reduced-motion: no-preference){.scroller.is-ready:is(:hover, :focus-visible) .scroller__full{top: 100%;transform: translateY(-100%);transition: opacity .3s, top var(--dur, 8s) cubic-bezier(.4, 0, .6, 1), transform var(--dur, 8s) cubic-bezier(.4, 0, .6, 1)}}.scroller--case{cursor: pointer}.scroller.is-manual{overflow-y: auto;cursor: auto}.scroller.is-manual .scroller__poster{display: none}.scroller.is-manual .scroller__full{position: static;opacity: 1}.margin-note{position: absolute;top: 100%;left: 0;display: none;align-items: flex-start;gap: 8px;margin: 22px 0 0 8px;font-size: .7rem;letter-spacing: .1em;text-transform: uppercase;color: var(--muted)}.margin-note .scribble{width: 54px;height: 30px;flex: none;color: var(--violet-2);transform: scale(-1, -1);margin-top: -18px}@media (hover: hover) and (prefers-reduced-motion: no-preference){.hover-only{display: flex}}.strip{list-style: none;margin: 0;padding: 0;display: grid;gap: calc(var(--gap) + 34px) var(--gap)}.strip__item{position: relative}.strip__item figure{position: relative;margin: 0}.strip .cframe > img{display: block;width: 100%;object-fit: cover;object-position: left top}.strip figcaption{position: absolute;left: 50%;bottom: 0;z-index: 2;transform: translate(-50%, 50%);display: flex;align-items: flex-start;gap: 9px;width: max-content;max-width: 88%;padding: 8px 12px 8px 9px;background: var(--paper-hi);color: var(--ink);border: 2px solid var(--ink);box-shadow: 3px 3px 0 var(--ink);font-size: .68rem;line-height: 1.45}.case-ads figcaption{display: flex;gap: 10px;margin-top: 10px;font-size: .72rem;line-height: 1.5;color: var(--muted)}.strip__key{flex: none;display: grid;place-items: center;width: 19px;height: 19px;margin-top: -1px;border: 1.5px solid currentColor;border-radius: 50%;font-size: .64rem;color: var(--ink)}.strip figcaption .strip__key{border: 0;border-radius: 0;background: var(--lime)}.strip--feature, .strip--stack{padding-bottom: 26px}@media (max-width: 767.98px){.strip--feature .strip__item:nth-child(odd) .cframe{--try: var(--t);--bry: var(--t)}.strip--feature .strip__item:nth-child(even) .cframe{--tly: var(--t);--bly: var(--t)}}@media (min-width: 768px){.strip--feature{grid-template-columns: var(--cols, 1fr 1fr 1fr);column-gap: max(2px, calc(var(--gap) - var(--s)))}.strip--feature .strip__item:nth-child(3n + 1) .cframe{--brx: var(--s)}.strip--feature .strip__item:nth-child(3n + 2) .cframe{--tlx: var(--s);--trx: var(--s)}.strip--feature .strip__item:nth-child(3n) .cframe{--blx: var(--s)}}:is(.work--feature, .work--split) .work__text{display: flex;flex-direction: column;justify-content: center;padding: clamp(26px, 2.8vw, 40px) calc(clamp(26px, 2.8vw, 40px) + var(--cut-r)) clamp(26px, 2.8vw, 40px) calc(clamp(26px, 2.8vw, 40px) + var(--cut-l))}:is(.work--feature, .work--split) .work__text .link-arrow{align-self: flex-start}:is(.work--feature, .work--split) .work__media{position: relative;display: flex;flex-direction: column}:is(.work--feature, .work--split) .cframe{flex: 1}.work--feature{display: grid;gap: clamp(36px, 5vw, 72px) var(--gap)}@media (max-width: 1023.98px){.work--feature .cframe{--bry: var(--t)}.work--feature .work__text{--tly: var(--t)}}@media (min-width: 1024px){.work--feature{grid-template-columns: repeat(12, minmax(0, 1fr));row-gap: clamp(56px, 6vw, 88px)}.work--feature .work__media{grid-column: 1 / span 8}.work--feature .work__text{grid-column: 9 / -1;margin-left: calc(var(--s) * -1);--tlx: var(--s)}.work--feature .cframe{--brx: var(--s)}.work--feature .strip{grid-column: 1 / -1}}.work--wide{display: grid;gap: clamp(28px, 4vw, 48px) var(--gap);padding: calc(var(--t) * 2 + clamp(22px, 4vw, 56px)) clamp(22px, 4vw, 56px);color: var(--paper);--fill: var(--noise-light), var(--ink);--try: calc(var(--t) * 2);--bly: calc(var(--t) * 2);--line: var(--line-dark);--muted: var(--on-dark-muted);--focus: var(--lime)}.work--wide .work__no{color: var(--lime)}.work--wide .work__title a:hover{background-size: 0 .32em;color: var(--lime)}.work--wide .link-arrow:hover{color: var(--lime)}.work__head .work__summary{max-width: 56ch;color: var(--paper)}.strip--stack{margin-bottom: 28px}@media (max-width: 639.98px), (min-width: 1024px){.strip--stack .strip__item:nth-child(odd) .cframe{--try: var(--t);--bry: var(--t)}.strip--stack .strip__item:nth-child(even) .cframe{--tly: var(--t);--bly: var(--t)}}@media (min-width: 640px) and (max-width: 1023.98px){.strip--stack{grid-template-columns: var(--cols, 1fr 1fr 1fr);column-gap: max(2px, calc(var(--gap) - var(--s)))}.strip--stack .strip__item:nth-child(3n + 1) .cframe{--brx: var(--s)}.strip--stack .strip__item:nth-child(3n + 2) .cframe{--tlx: var(--s);--trx: var(--s)}.strip--stack .strip__item:nth-child(3n) .cframe{--blx: var(--s)}}@media (min-width: 1024px){.work--wide{grid-template-columns: repeat(12, minmax(0, 1fr))}.work--wide .work__head{grid-column: 1 / -1;display: grid;grid-template-columns: subgrid;align-items: end}.work--wide .work__head .work__index{grid-column: 1 / -1}.work--wide .work__head .work__title{grid-column: 1 / span 8;margin: 0}.work--wide .work__head .work__summary{grid-column: 9 / -1;margin: 0}.work--wide{align-items: start}.work--wide .work__media{grid-column: 1 / span 8}.work--wide .work__media .cframe{--brx: var(--s)}.work--wide .work__side{grid-column: 9 / -1}.strip--stack{gap: calc(var(--gap) + 30px)}}.work--split{display: grid;gap: clamp(32px, 5vw, 64px) var(--gap)}.work--split .work__media{order: -1}@media (max-width: 1023.98px){.work--split .cframe{--bry: var(--t)}.work--split .work__text{--tly: var(--t)}}@media (min-width: 1024px){.work--split{grid-template-columns: repeat(12, minmax(0, 1fr))}.work--split .work__text{grid-column: 1 / span 5;--trx: var(--s)}.work--split .work__media{order: 0;grid-column: 6 / -1;margin-left: calc(var(--s) * -1)}.work--split .cframe{--blx: var(--s)}}.phones__head{display: grid;gap: 16px;max-width: 820px;margin-bottom: clamp(36px, 4.6vw, 64px)}.phones__head .kicker{margin: 0;justify-self: start}.phones__title{margin: 0;font: 800 clamp(2.1rem, 4.6vw, 4.2rem)/.92 var(--f-display);text-transform: uppercase;max-width: 18ch;text-wrap: balance}.phones__intro{max-width: 52ch;margin: 0;color: var(--muted);font-size: clamp(1.02rem, 1.2vw, 1.15rem)}.phones__row{list-style: none;margin: 0;padding: 0;display: grid;gap: var(--gap)}.phones__item{padding: clamp(24px, 2.6vw, 36px) calc(clamp(20px, 2.2vw, 30px) + var(--cut-r)) clamp(26px, 2.8vw, 38px) calc(clamp(20px, 2.2vw, 30px) + var(--cut-l));color: var(--brand-ink, var(--ink));--fill: var(--brand-bg, var(--paper-hi));--muted: color-mix(in srgb, var(--brand-ink, var(--ink)) 72%, transparent)}.phones__item .work__no{color: inherit}.work--phone{display: grid;grid-template-columns: minmax(0, 40%) minmax(0, 1fr);gap: 18px;align-items: center}.work--phone .iphone::before{display: none}.work__device{position: relative}.work__device::before{content: "";position: absolute;z-index: -1;inset: -7% -14%;background: radial-gradient(color-mix(in srgb, var(--brand-dot, var(--violet-2)) 60%, transparent) 1.2px, transparent 1.5px) 0 0 / 8px 8px;-webkit-mask-image: radial-gradient(closest-side, #000 72%, transparent 100%);mask-image: radial-gradient(closest-side, #000 72%, transparent 100%)}@media (min-width: 640px){.work__device::before{inset: -8% -24%}}.work--phone .work__index{margin-bottom: 8px}@media (max-width: 639.98px){.phones__item:nth-child(odd){--try: var(--t);--bry: var(--t)}.phones__item:nth-child(even){--tly: var(--t);--bly: var(--t)}.phones__item:not(:first-child){margin-top: calc(var(--t) * -1)}}@media (min-width: 640px){.phones__row{grid-template-columns: repeat(3, minmax(0, 1fr))}.work--phone{grid-template-columns: minmax(0, 1fr);align-content: start;justify-items: center;gap: clamp(20px, 2.4vw, 30px)}.work__device{width: min(100%, 220px)}.work--phone .work__body{width: 100%}.phones__item:nth-child(3n + 1){--brx: var(--s)}.phones__item:nth-child(3n + 2){margin-left: calc(var(--s) * -1);--tlx: var(--s);--trx: var(--s)}.phones__item:nth-child(3n){margin-left: calc(var(--s) * -1);--blx: var(--s)}}.work--ads{display: grid;gap: clamp(32px, 5vw, 64px) var(--gap)}.adgrid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: var(--gap)}.adgrid__item{position: relative;align-self: start;margin: 0;border: 2px solid var(--ink);background: var(--ink);box-shadow: 6px 6px 0 var(--violet-2)}.adgrid__item img{width: 100%;aspect-ratio: 1;object-fit: cover}.adgrid__item--1{grid-column: 1 / -1}.adgrid__num{position: absolute;top: -2px;left: -2px;z-index: 2;display: grid;place-items: center;width: 28px;height: 28px;background: var(--ink);color: var(--paper);font-size: .72rem}.adgrid__legend{grid-column: 1 / -1;padding: 20px;border: 2px solid var(--ink);background: var(--paper-hi);box-shadow: 6px 6px 0 var(--violet-2)}.adgrid__legend ol{list-style: none;margin: 0;padding: 0;display: grid;gap: 10px}.adgrid__legend li{display: flex;gap: 10px;font-size: .9rem;line-height: 1.4}.adgrid__legend li .mono{flex: none;width: 22px;height: 22px;display: grid;place-items: center;background: var(--ink);color: var(--paper);font-size: .7rem}@media (min-width: 640px){.adgrid{grid-template-columns: repeat(3, minmax(0, 1fr))}.adgrid__item--1{grid-column: span 2;grid-row: span 2}}@media (min-width: 640px) and (max-width: 1279.98px){.adgrid__legend{grid-column: 1 / -1;padding: 18px 20px}.adgrid__legend ol{grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px 28px}.adgrid__legend li{font-size: .84rem}}@media (min-width: 1280px){.adgrid__legend{grid-column: span 1;align-self: stretch;container-type: size;overflow: hidden;padding: 14px 16px}.adgrid__legend .kicker{margin-bottom: 5.5cqh}.adgrid__legend ol{gap: 3cqh}.adgrid__legend li{gap: 3.2cqh;font-size: clamp(.68rem, 5.1cqh, .8rem);line-height: 1.3}.adgrid__legend li .mono{width: 7.6cqh;height: 7.6cqh;font-size: clamp(.58rem, 3.6cqh, .7rem)}}@media (min-width: 1024px){.work--ads{grid-template-columns: repeat(12, minmax(0, 1fr));align-items: start}.work--ads .work__text{grid-column: 1 / span 4;position: sticky;top: calc(var(--mh) + 32px)}.work--ads .adgrid{grid-column: 5 / -1}}.tbc{margin-top: clamp(96px, 12vw, 168px)}.tbc__banner{margin: 0 0 clamp(20px, 3vw, 36px);font: italic 800 clamp(2.6rem, 9vw, 8rem)/.9 var(--f-display);text-transform: uppercase;color: var(--ink)}@supports (-webkit-text-stroke: 1px black){.tbc__banner{color: transparent;-webkit-text-stroke: 2px var(--ink)}}.tbc__grid{display: grid;gap: var(--gap)}@media (min-width: 768px){.tbc__grid{grid-template-columns: repeat(2, minmax(0, 1fr))}}.work--placeholder{padding: clamp(22px, 3vw, 36px);padding-right: clamp(110px, 12vw, 150px);border: 2px dashed var(--ink);background: repeating-linear-gradient(-45deg, transparent 0 14px, rgba(8, 14, 38, .045) 14px 15px)}.work--placeholder .work__summary{margin-bottom: 20px}.work--placeholder .kicker{margin-bottom: 10px}.todo{list-style: none;margin: 0;padding: 0;display: grid;gap: 8px;font-size: .95rem}.todo li{display: flex;gap: 10px;align-items: baseline}.todo li::before{content: "";flex: none;width: 11px;height: 11px;border: 1.5px solid var(--ink);transform: translateY(1px)}.flow{position: relative;list-style: none;margin: 0 0 clamp(36px, 5vw, 64px);padding: 0;display: grid;grid-template-columns: repeat(4, minmax(0, 1fr))}.flow::before{content: "";position: absolute;left: 12.5%;right: 12.5%;top: 20px;height: 2px;background: repeating-linear-gradient(90deg, var(--lime) 0 10px, transparent 10px 18px)}.flow__step a{display: flex;flex-direction: column;align-items: center;gap: 12px;text-decoration: none}.flow__n{position: relative;z-index: 1;display: grid;place-items: center;width: 42px;height: 42px;border: 2px solid var(--lime);border-radius: 50%;background: var(--ink-2);color: var(--lime);font-size: .74rem;transition: background-color .2s, color .2s}.flow__label{font: 800 clamp(1rem, 2.2vw, 1.7rem)/1 var(--f-display);text-transform: uppercase;letter-spacing: .04em}.flow__step a:hover .flow__n{background: var(--lime);color: var(--ink)}.caps{display: grid;gap: var(--gap)}.cap{position: relative;padding: clamp(28px, 3vw, 44px) calc(clamp(24px, 3vw, 40px) + var(--cut-r)) clamp(28px, 3vw, 44px) calc(clamp(24px, 3vw, 40px) + var(--cut-l));--fill: var(--ink);transition: transform .3s var(--ease)}.cap--build, .cap--automate{--fill: radial-gradient(rgba(242, 237, 227, .1) 1px, transparent 1.3px) 0 0 / 7px 7px, var(--violet)}.cap:hover{transform: translate(-3px, -3px);--sh: clamp(7px, .8vw, 11px)}.cap__num{position: absolute;top: calc(var(--try) + 14px);right: calc(var(--trx) + 22px);font: 400 clamp(3.4rem, 6.5vw, 5.8rem)/1 var(--f-serif);color: var(--lime)}.cap__note{margin: 0 0 14px;max-width: calc(100% - clamp(5.4rem, 8.6vw, 7.8rem));font-size: .7rem;letter-spacing: .04em;color: var(--lime);transform: rotate(-1.5deg);transform-origin: left}.cap__arrow{display: inline-block;width: 40px;height: 22px;margin-left: 6px;vertical-align: -14px;transform: rotate(32deg)}.cap__title{max-width: 21ch;margin: 0 0 16px;padding-right: 2.2em;font: 800 clamp(1.75rem, 2.8vw, 2.6rem)/.95 var(--f-display);text-transform: uppercase}.cap__practice{max-width: 48ch;margin: 0 0 22px;font-size: clamp(1.04rem, 1.25vw, 1.16rem)}.cap__skills{list-style: none;margin: 0 0 22px;padding: 0;columns: 2 210px;column-gap: 28px}.cap__skills li{break-inside: avoid;padding: 8px 0 7px;border-top: 1px solid var(--line-dark);font-size: .95rem;color: var(--on-dark-muted)}.cap__seen{margin: 0 0 8px;font-size: .74rem;line-height: 1.75;letter-spacing: .02em}.cap__tools{display: flex;align-items: flex-start;margin: 0 0 14px}.cap__tools .cap__label{flex: none;padding-top: 6px;font-size: .74rem}.cap__kit{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;gap: 8px 16px}.cap__kit li{display: inline-flex;align-items: center;gap: 8px;font-size: .74rem}.cap__kit .tool{width: 26px;height: 26px;flex: none}.cap__label{display: inline-block;min-width: 76px;margin-right: 8px;color: var(--lime);text-transform: uppercase;letter-spacing: .12em}.cap__seen a{text-decoration-color: var(--lime)}.cap__seen a:hover{color: var(--lime)}.is-placeholder{color: var(--muted);font-style: italic}.caps__note{margin: 30px 0 0;font-size: .74rem;letter-spacing: .02em;color: var(--on-dark-muted)}@media (max-width: 899.98px){.cap:nth-child(odd){--try: var(--t);--bry: var(--t)}.cap:nth-child(even){--tly: var(--t);--bly: var(--t)}.cap:not(:first-child){margin-top: calc(var(--t) * -1)}}@media (min-width: 900px){.caps{grid-template-columns: repeat(12, minmax(0, 1fr))}.cap--design{grid-column: 1 / span 7;--brx: var(--s);--bry: calc(var(--t) * .58)}.cap--build{grid-column: 8 / -1;margin-left: calc(var(--s) * -1);--tlx: var(--s);--bly: calc(var(--t) * .6);--bry: var(--t)}.cap--automate{grid-column: 1 / span 5;margin-top: calc(var(--t) * -1);--tly: var(--t);--try: calc(var(--t) * .58);--trx: var(--s)}.cap--products{grid-column: 6 / -1;margin: calc(var(--t) * -1) 0 0 calc(var(--s) * -1);--tly: calc(var(--t) * .56);--blx: var(--s)}}.origin{display: grid;gap: var(--gap);margin-bottom: clamp(40px, 4.4vw, 64px);grid-template-areas: "pic" "start" "today" "file" "along" "lesson"}.origin__panel{position: relative;min-width: 0;margin: 0;padding: 58px calc(clamp(18px, 2.4vw, 30px) + var(--cut-r)) clamp(20px, 2.4vw, 28px) calc(clamp(18px, 2.4vw, 30px) + var(--cut-l))}.origin__text{max-width: 54ch;margin: 0;font-size: clamp(1.02rem, 1.2vw, 1.12rem);line-height: 1.55}.origin__text--lead{max-width: 44ch;font-size: clamp(1.16rem, 1.65vw, 1.46rem);line-height: 1.42}.origin__pic{grid-area: pic;padding: 0;aspect-ratio: 4 / 5;--fill: var(--paper-2)}.origin__pic img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: 50% 58%;clip-path: var(--shape)}.origin__pic .bubble{top: 18px;right: 16px}.origin__plate{position: absolute;left: 14px;right: 14px;bottom: 16px;z-index: 2;display: grid;justify-items: start;gap: 8px}.origin__name{padding: 9px 13px 7px;background: var(--ink);color: var(--paper);font: 800 clamp(1.5rem, 2.3vw, 2.1rem)/.95 var(--f-display);text-transform: uppercase;letter-spacing: .01em;box-shadow: 4px 4px 0 var(--lime);transform: rotate(-1.5deg)}.origin__role{padding: 6px 10px 5px;background: var(--lime);color: var(--ink);border: 2px solid var(--ink);font-size: .68rem;letter-spacing: .12em;text-transform: uppercase}.origin__pic.is-empty::before{content: "";position: absolute;inset: 0;background: radial-gradient(var(--ink) 1.3px, transparent 1.6px) 0 0 / 7px 7px;-webkit-mask-image: radial-gradient(circle at 50% 37%, #000 0 19%, transparent 19.5%), radial-gradient(ellipse 44% 30% at 50% 100%, #000 0 98%, transparent 100%);mask-image: radial-gradient(circle at 50% 37%, #000 0 19%, transparent 19.5%), radial-gradient(ellipse 44% 30% at 50% 100%, #000 0 98%, transparent 100%);opacity: .4}.origin__pic .stamp{top: 70px}.origin__missing{position: absolute;left: 14px;top: 110px;margin: 0;font-size: .7rem;line-height: 1.5}.origin__start{grid-area: start}.origin__steps{list-style: none;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 18px 12px;margin: clamp(20px, 2.6vw, 32px) 0 0;padding: 0}.origin__steps li{position: relative;display: grid;justify-items: center;gap: 8px}.origin__steps .art{width: min(78%, 104px)}.origin__steps .mono{font-size: .7rem;letter-spacing: .12em;text-transform: uppercase}.origin__steps li:last-child .mono{color: var(--violet-2)}.origin__arrow{display: none}.origin__start .acc{stroke: var(--violet-2)}.origin__start .acc-fill{fill: var(--violet-2);stroke: var(--violet-2);stroke-width: 1.2}@media (min-width: 560px){.origin__steps{grid-template-columns: repeat(4, minmax(0, 1fr))}.origin__arrow{display: block;position: absolute;top: calc(40% - 6px);left: calc(100% + 6px);width: min(30px, 20%);transform: translateX(-50%)}}.origin__today{grid-area: today;color: var(--paper);--fill: var(--ink);--muted: var(--on-dark-muted);--line: var(--line-dark);--tool-edge: var(--paper);--tool-shadow: #7B5BC0}.origin__kit{display: flex;flex-wrap: wrap;align-items: center;gap: 12px 18px;margin-top: 22px;padding-top: 18px;border-top: 1px dashed var(--line)}.origin__kit > .mono{margin: 0;font-size: .68rem;letter-spacing: .12em;text-transform: uppercase;color: var(--lime)}.origin__kit .tool-list{gap: 10px 12px}.origin__kit .tool-list > li{width: clamp(30px, 2.6vw, 34px);height: clamp(30px, 2.6vw, 34px)}.origin__file{grid-area: file;color: var(--paper);--fill: radial-gradient(rgba(242, 237, 227, .1) 1px, transparent 1.3px) 0 0 / 7px 7px, var(--violet);--line: var(--line-dark);--muted: var(--on-dark-muted)}.facts{margin: 0}.facts div{padding: 13px 0;border-top: 1px dashed var(--line)}.facts div:first-child{padding-top: 0;border-top: 0}.facts dt{font-size: .66rem;letter-spacing: .14em;text-transform: uppercase;color: var(--lime)}.facts dd{margin: 5px 0 0;font-size: 1rem;line-height: 1.4}.origin__along{grid-area: along}.origin__along .bubble{top: 18px;right: 16px}.origin__big{display: flex;align-items: flex-end;gap: 14px;margin: 6px 0 18px}.origin__big > span:first-child{font: 400 clamp(4.4rem, 7.5vw, 6.6rem)/.78 var(--f-serif);font-variant-numeric: lining-nums;color: var(--violet-2)}.origin__big .mono{padding-bottom: 2px;font-size: .68rem;line-height: 1.5;letter-spacing: .12em;text-transform: uppercase;color: var(--muted)}.origin__lesson{grid-area: lesson;color: var(--ink);--fill: var(--lime);--muted: rgba(8, 14, 38, .74)}.origin__lesson .caption-box{background: var(--ink);color: var(--lime)}.origin__quote{max-width: 17ch;margin: 0 0 16px;font: 800 clamp(1.9rem, 3.4vw, 3.15rem)/.92 var(--f-display);text-transform: uppercase;letter-spacing: -.005em}.origin__art{width: min(100%, 230px);margin-top: 18px}.origin__lesson .acc{stroke: var(--violet-2)}@media (max-width: 767.98px){.origin__panel:nth-child(odd){--try: var(--t);--bry: var(--t)}.origin__panel:nth-child(even){--tly: var(--t);--bly: var(--t)}.origin__panel:not(:first-child){margin-top: calc(var(--t) * -1)}}@media (min-width: 768px) and (max-width: 1023.98px){.origin__pic{--bly: var(--t);--bry: calc(var(--t) * .5)}.origin__file{--bry: var(--t)}.origin__along{margin-top: calc(var(--t) * -1);--tly: var(--t);--bly: calc(var(--t) * .48)}.origin__start{margin-top: calc(var(--t) * -1);--try: var(--t);--bry: var(--t)}.origin__today{margin-top: calc(var(--t) * -1);--tly: var(--t);--bly: var(--t)}.origin__lesson{margin-top: calc(var(--t) * -1);--try: var(--t)}}@media (min-width: 1024px){.origin__pic{--bly: var(--t);--bry: calc(var(--t) * .667)}.origin__start{--bry: var(--t)}.origin__today{margin-top: calc(var(--t) * -1);--tly: var(--t);--try: calc(var(--t) * .375);--brx: var(--s);--bly: calc(var(--t) * .655);--bry: calc(var(--t) * .25)}.origin__file{margin: calc(var(--t) * -1) 0 0 calc(var(--s) * -1);--tlx: var(--s);--tly: calc(var(--t) * .34);--bly: calc(var(--t) * .24)}.origin__along{margin-top: calc(var(--t) * -1);--try: calc(var(--t) * .333);--trx: var(--s)}.origin__lesson{margin: calc(var(--t) * -1) 0 0 calc(var(--s) * -1);--tly: calc(var(--t) * .345);--try: var(--t);--blx: var(--s)}}@media (min-width: 768px){.origin{grid-template-columns: repeat(6, minmax(0, 1fr));grid-template-areas: "pic pic pic file file file" "pic pic pic along along along" "start start start start start start" "today today today today today today" "lesson lesson lesson lesson lesson lesson"}.origin__pic{aspect-ratio: auto;min-height: 460px}.origin__lesson{display: grid;grid-template-columns: minmax(0, 1fr) auto;grid-template-rows: auto 1fr;column-gap: clamp(24px, 3.4vw, 56px)}.origin__lesson .origin__art{grid-column: 2;grid-row: 1 / -1;align-self: center;width: clamp(170px, 16vw, 230px);margin: 0}}@media (min-width: 1024px){.origin{grid-template-columns: repeat(12, minmax(0, 1fr));grid-template-areas: "pic pic pic pic start start start start start start start start" "pic pic pic pic today today today today today file file file" "along along along along lesson lesson lesson lesson lesson lesson lesson lesson"}}.timeline__label{margin-bottom: 20px;font-weight: 500}.timeline{list-style: none;margin: 0;padding: 0;display: grid;gap: var(--gap)}.timeline__panel{position: relative;display: flex;flex-direction: column;align-items: center;text-align: center;padding: 24px max(22px, calc(14px + max(var(--cut-l), var(--cut-r)))) 26px}.timeline__years{margin: 0 0 14px;font: 400 clamp(1.6rem, 1.85vw, 2.1rem)/1 var(--f-serif);font-variant-numeric: lining-nums;white-space: nowrap}.timeline__org{margin: 0 0 4px;font: 800 1.16rem/1.05 var(--f-display);text-transform: uppercase;letter-spacing: .02em}.timeline__role{margin: 0;font-size: .88rem;font-weight: 600;line-height: 1.35}.timeline__note{margin: 10px 0 0;font-size: .88rem;line-height: 1.5;color: var(--muted)}.timeline__panel.is-now{color: var(--paper);--fill: var(--ink);--muted: var(--on-dark-muted)}.timeline__panel.is-now .timeline__years{color: var(--lime)}.timeline__panel.is-now .caption-box{left: auto;top: calc(var(--try) - 2px);right: calc(var(--trx) - 2px)}@media (min-width: 640px){.timeline{grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (max-width: 639.98px){.timeline__panel:nth-child(odd){--try: var(--t);--bry: var(--t)}.timeline__panel:nth-child(even){--tly: var(--t);--bly: var(--t)}.timeline__panel:not(:first-child){margin-top: calc(var(--t) * -1)}}@media (min-width: 640px) and (max-width: 899.98px){.timeline__panel:nth-child(odd){--brx: var(--s)}.timeline__panel:nth-child(even){--tlx: var(--s);margin-left: calc(var(--s) * -1)}}@media (min-width: 900px) and (max-width: 1359.98px){.timeline{grid-template-columns: repeat(3, minmax(0, 1fr))}.timeline__panel:nth-child(3n + 1){--brx: var(--s)}.timeline__panel:nth-child(3n + 2){margin-left: calc(var(--s) * -1);--tlx: var(--s);--trx: var(--s)}.timeline__panel:nth-child(3n){margin-left: calc(var(--s) * -1);--blx: var(--s)}}@media (min-width: 1360px){.timeline__panel:nth-child(odd){--brx: var(--s)}.timeline__panel:nth-child(odd):not(:first-child){--blx: var(--s)}.timeline__panel:nth-child(even){--tlx: var(--s)}.timeline__panel:nth-child(even):not(:last-child){--trx: var(--s)}.timeline__panel:not(:first-child){margin-left: calc(var(--s) * -1)}}@media (min-width: 1360px){.timeline{grid-template-columns: 1.1fr 1.1fr 1.1fr 1.25fr 1fr 1.45fr}}.comic{list-style: none;margin: 0;padding: 0;display: grid;gap: var(--gap)}.comic__panel{position: relative;display: flex;flex-direction: column;min-height: 300px;padding: 58px calc(clamp(18px, 2.4vw, 30px) + var(--cut-r)) 28px calc(clamp(18px, 2.4vw, 30px) + var(--cut-l));--fill: var(--ink-2)}.comic__panel--02, .comic__panel--04{--fill: radial-gradient(rgba(242, 237, 227, .1) 1px, transparent 1.3px) 0 0 / 7px 7px, var(--violet)}@media (max-width: 767.98px){.comic__panel:nth-child(odd){--try: var(--t);--bry: var(--t)}.comic__panel:nth-child(even){--tly: var(--t);--bly: var(--t)}.comic__panel:not(:first-child){margin-top: calc(var(--t) * -1)}}@media (min-width: 768px){.comic{--f3: .333;--f4: .667}.comic__panel--01{--brx: var(--s);--bry: calc(var(--t) * .58)}.comic__panel--02{margin-left: calc(var(--s) * -1);--tlx: var(--s);--bly: calc(var(--t) * .6);--bry: var(--t)}.comic__panel--03{margin-top: calc(var(--t) * -1);--tly: var(--t);--try: calc(var(--t) * (1 - var(--f3)));--trx: var(--s)}.comic__panel--04{margin: calc(var(--t) * -1) 0 0 calc(var(--s) * -1);--tly: calc(var(--t) * (1 - var(--f3)));--try: calc(var(--t) * (1 - var(--f4)));--blx: var(--s);--brx: var(--s)}.comic__panel--05{margin: calc(var(--t) * -1) 0 0 calc(var(--s) * -1);--tly: calc(var(--t) * (1 - var(--f4)));--tlx: var(--s)}}@media (min-width: 1024px){.comic{--f3: .25}}.comic__art{flex: 1;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;color: var(--paper)}.comic__art .art{width: min(100%, 250px)}.comic__art .acc{stroke: var(--lime)}.comic__art .acc-text{fill: var(--lime)}.comic__title{margin: 0 0 8px;font: 800 clamp(1.45rem, 2.2vw, 2rem)/.95 var(--f-display);text-transform: uppercase}.comic__text{max-width: 40ch;margin: 0;font-size: .98rem;color: var(--on-dark-muted)}.comic__panel .bubble{top: 16px;right: 16px;white-space: nowrap;font-size: clamp(.86rem, 1.2vw, 1.05rem)}.comic__panel .bubble--reply{position: relative;top: auto;right: auto;align-self: flex-start;max-width: 13.5em;margin: 28px 0 22px;padding: 16px 24px 14px;white-space: normal;background: var(--lime)}.bubble--reply::before, .bubble--reply::after{left: 16%}.bubble--reply::after{left: calc(16% + 3px);background: var(--lime)}.comic__panel--01 .comic__art .art{width: min(100%, 340px)}.comic__art .card{fill: var(--ink-2)}.comic__art .string{stroke-width: 1.4}.comic__art .lens{fill: rgba(242, 237, 227, .07)}@media (min-width: 768px){.comic{grid-template-columns: repeat(12, minmax(0, 1fr))}.comic__panel--01{grid-column: 1 / span 7}.comic__panel--02{grid-column: 8 / -1}.comic__panel--03{grid-column: 1 / span 4}.comic__panel--04{grid-column: 5 / span 4}.comic__panel--05{grid-column: 9 / -1}.comic__panel--01{display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: auto 1fr auto auto;column-gap: 28px}.comic__panel--01 .comic__art{grid-column: 1;grid-row: 1 / -1;margin: 0}.comic__panel--01 .bubble--reply{grid-column: 2;grid-row: 1;justify-self: start;margin: 34px 0 20px}.comic__panel--01 .comic__title{grid-column: 2;grid-row: 3}.comic__panel--01 .comic__text{grid-column: 2;grid-row: 4}}@media (min-width: 1024px){.comic__panel--03{grid-column: 1 / span 3}.comic__panel--04{grid-column: 4 / span 5}.comic__panel--05{grid-column: 9 / -1}}.backcover{position: relative;overflow: hidden;overflow: clip;padding-block: var(--section-y);background-color: var(--lime);background-image: var(--noise-dark);color: var(--ink);--line: rgba(8, 14, 38, .3);--muted: rgba(8, 14, 38, .74);--focus: var(--ink)}.backcover::before{content: "";position: absolute;left: -20vw;top: -24vw;width: 70vw;height: 70vw;pointer-events: none;background: radial-gradient(circle, rgba(8, 14, 38, .22) 1.6px, transparent 1.9px) 0 0 / 11px 11px;-webkit-mask-image: radial-gradient(closest-side, #000 10%, transparent 100%);mask-image: radial-gradient(closest-side, #000 10%, transparent 100%)}.backcover__inner{position: relative}.backcover__title{display: flex;flex-direction: column;align-items: flex-start;gap: .14em;margin: 0 0 clamp(40px, 6vw, 80px);font: 800 clamp(3rem, 11vw, 10rem)/.86 var(--f-display);text-transform: uppercase;letter-spacing: -.005em}.backcover__bubble{position: relative;display: inline-block;padding: .16em .34em .1em;font-size: .56em;background: var(--paper);border: 3px solid var(--ink);border-radius: .55em}.backcover__bubble::before, .backcover__bubble::after{content: "";position: absolute;left: 14%;clip-path: polygon(0 0, 100% 0, 0 100%)}.backcover__bubble::before{bottom: -.42em;width: .62em;height: .44em;background: var(--ink)}.backcover__bubble::after{bottom: -.3em;left: calc(14% + 3px);width: .48em;height: .34em;background: var(--paper)}.backcover__line{padding-top: .18em}.backcover__grid{display: grid;gap: clamp(36px, 5vw, 64px)}.backcover__lede{max-width: 36ch;margin-bottom: 18px;font-size: clamp(1.1rem, 1.5vw, 1.3rem)}.email{display: flex;flex-wrap: wrap;align-items: center;gap: 10px 14px;margin: 0}.email__link{font: 800 clamp(1.35rem, 3.4vw, 2.7rem)/1.1 var(--f-display);text-decoration: none;border-bottom: 3px solid var(--ink);overflow-wrap: anywhere}.email__link:hover{background: var(--ink);color: var(--lime)}.copy-btn{padding: 7px 11px 6px;border: 2px solid var(--ink);background: transparent;cursor: pointer;font-size: .7rem;letter-spacing: .12em;text-transform: uppercase}.copy-btn:hover{background: var(--ink);color: var(--lime)}.copy-status{font-size: .72rem}.backcover__resume{display: flex;flex-wrap: wrap;align-items: center;gap: 10px 14px;margin: 22px 0 0}.backcover__resume .mono{font-size: .7rem;letter-spacing: .12em;text-transform: uppercase}.backcover__links{list-style: none;margin: 30px 0 0;padding: 0;display: flex;flex-wrap: wrap;gap: 10px 20px;font-size: .78rem;letter-spacing: .1em;text-transform: uppercase}.backcover__links a{display: inline-flex;align-items: center;gap: 6px;text-decoration: none;border-bottom: 2px solid var(--ink);padding-bottom: 2px}.backcover__links .icon-arrow{width: 14px;height: 14px}.backcover__links .is-placeholder{padding: 4px 8px;border: 1.5px dashed var(--ink);color: var(--ink);opacity: .75;text-transform: none;letter-spacing: .02em}.composer{position: relative;padding: calc(var(--t) * 1.6 + clamp(20px, 3vw, 34px)) clamp(20px, 3vw, 34px) clamp(20px, 3vw, 34px) calc(clamp(20px, 3vw, 34px) + var(--cut-l));--focus: var(--violet-2);--fill: var(--paper);--shade: var(--ink);--sh: clamp(7px, .8vw, 11px);--tly: calc(var(--t) * 1.6);--blx: var(--s)}.sfx--contact{top: -18px;right: 5%;color: var(--paper);transform: rotate(8deg)}.composer__types{margin: 0 0 18px;padding: 0;border: 0}.composer__types legend, .composer__field > span{margin-bottom: 10px;padding: 0;font-size: .7rem;letter-spacing: .12em;text-transform: uppercase}.chip{position: relative;display: inline-flex;margin: 0 6px 8px 0}.chip input{position: absolute;opacity: 0;width: 1px;height: 1px}.chip span{padding: 9px 12px 8px;border: 2px solid var(--ink);cursor: pointer;font: 800 .95rem/1 var(--f-display);text-transform: uppercase;letter-spacing: .06em;transition: background-color .15s, color .15s}.chip span:hover{background: var(--paper-2)}.chip input:checked + span{background: var(--ink);color: var(--lime)}.chip input:focus-visible + span{outline: 3px solid var(--violet-2);outline-offset: 2px}.composer__field{display: grid;gap: 6px;margin-bottom: 16px}.composer__field input, .composer__field textarea{width: 100%;padding: 12px 13px;border: 2px solid var(--ink);border-radius: 0;background: var(--paper-hi);color: var(--ink);font-size: 1rem;line-height: 1.45}.composer__field textarea{resize: vertical;min-height: 110px}.composer__field input:focus-visible, .composer__field textarea:focus-visible{outline: 3px solid var(--violet-2);outline-offset: 0}.composer__foot{display: flex;flex-wrap: wrap;align-items: center;gap: 14px 18px}.composer__note{max-width: 36ch;margin: 0;font-size: .68rem;line-height: 1.5;color: var(--muted)}@media (min-width: 1024px){.backcover__grid{grid-template-columns: repeat(12, minmax(0, 1fr));column-gap: var(--gap);align-items: start}.backcover__direct{grid-column: 1 / span 5}.composer{grid-column: 7 / -1}}.footer{padding-block: 40px 44px;background: var(--ink);color: var(--paper);border-top: 2px solid var(--ink)}.footer__inner{display: grid;gap: 22px}.footer__name{margin: 0 0 4px;font: 800 1.6rem/1 var(--f-display);text-transform: uppercase;letter-spacing: .03em}.footer__pos{margin: 0;font-size: .68rem;line-height: 1.6;letter-spacing: .08em;text-transform: uppercase;color: var(--on-dark-muted)}.footer__links{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;gap: 10px 22px;font-size: .74rem;letter-spacing: .1em;text-transform: uppercase}.footer__links a{text-decoration: none;border-bottom: 1.5px solid var(--lime);padding-bottom: 2px}.footer__links a:hover{color: var(--lime)}.footer__copy{margin: 0;font-size: .68rem;letter-spacing: .08em;color: var(--on-dark-muted)}@media (min-width: 900px){.footer__inner{grid-template-columns: 1fr auto;align-items: end}.footer__copy{grid-column: 1 / -1;padding-top: 18px;border-top: 1px solid var(--line-dark)}}.work--system{display: grid;grid-template-columns: minmax(0, 1fr);gap: clamp(26px, 3.5vw, 44px) var(--gap);padding: calc(var(--t) * 2 + clamp(22px, 4vw, 56px)) clamp(22px, 4vw, 56px);color: var(--paper);--fill: var(--noise-light), var(--ink);--tly: calc(var(--t) * 2);--bry: calc(var(--t) * 2);--line: var(--line-dark);--muted: var(--on-dark-muted);--focus: var(--lime)}.work--system .work__no{color: var(--lime)}.work--system .work__title a:hover{background-size: 0 .32em;color: var(--lime)}.work--system .work__head .work__summary{max-width: 60ch;color: var(--paper)}.work--system .link-arrow:hover{color: var(--lime)}@media (min-width: 1024px){.work--system{grid-template-columns: repeat(12, minmax(0, 1fr));align-items: start}.work--system .work__head{grid-column: 1 / -1;display: grid;grid-template-columns: subgrid;align-items: end}.work--system .work__head .work__index{grid-column: 1 / -1}.work--system .work__head .work__title{grid-column: 1 / span 7;margin: 0}.work--system .work__head .work__summary{grid-column: 8 / -1;margin: 0}.work--system .transit{grid-column: 1 / -1}.work--system .lines{grid-column: 1 / span 8}.work--system .work__side{grid-column: 9 / -1}}.transit{position: relative;margin: 0;padding: clamp(8px, 1.6vw, 22px);background-color: var(--ink);background-image: radial-gradient(rgba(242, 237, 227, .09) 1px, transparent 1.3px);background-size: 20px 20px;border: 2px solid var(--ink);color: var(--paper);--muted: var(--on-dark-muted)}.work--system .transit{background-color: var(--ink-2);border-color: var(--line-dark)}.transit, .transit__scroll{min-width: 0;max-width: 100%}.transit__scroll{overflow-x: auto;scrollbar-width: thin;scrollbar-color: var(--lime) transparent}.tm{display: block;width: 100%;height: auto}@media (max-width: 899.98px){.tm{min-width: 920px}}.transit__hint{margin: 12px 4px 2px;font-size: .7rem;line-height: 1.5;color: var(--on-dark-muted)}.tm-lime{--c: var(--lime)}.tm-paper{--c: var(--paper)}.tm-violet{--c: #B49CFF}.tm-track{fill: none;stroke: var(--c);stroke-width: 9;stroke-linecap: round;stroke-linejoin: round}.tm-dash .tm-track{stroke-width: 7;stroke-dasharray: 16 10;stroke-linecap: butt}.tm-flow{fill: none;stroke: var(--ink);stroke-width: 3;stroke-dasharray: 3 37;stroke-linecap: round}.tm-stop{fill: var(--ink);stroke: var(--c);stroke-width: 4}.tm-end{fill: var(--c);stroke: var(--ink);stroke-width: 3}.tm-label{font: 500 13px var(--f-mono);fill: var(--paper);letter-spacing: .01em}.tm-label--end{fill: var(--c)}.tm-capsule{fill: var(--paper);stroke: var(--ink);stroke-width: 4}.tm-xdot{fill: var(--ink)}.tm-ilabel{font: 800 21px var(--f-display);text-transform: uppercase;letter-spacing: .04em;fill: var(--paper)}.tm-inote{font: 400 11px var(--f-mono);fill: var(--on-dark-muted)}.tm-hub rect{fill: var(--lime);stroke: var(--ink);stroke-width: 3}.tm-hubname{font: 800 31px var(--f-display);text-transform: uppercase;letter-spacing: .02em;fill: var(--ink)}.tm-hubnote{font: 500 11px var(--f-mono);fill: var(--ink)}.tm-keytitle{font: 500 11px var(--f-mono);text-transform: uppercase;letter-spacing: .16em;fill: var(--on-dark-muted)}.tm-key .tm-track{stroke-width: 8}.tm-keyhit{fill: transparent}.tm-keyid{font: 500 10px var(--f-mono);letter-spacing: .1em;fill: var(--on-dark-muted)}.tm-keyname{font: 800 17px var(--f-display);text-transform: uppercase;letter-spacing: .03em;fill: var(--paper)}.tm-line, .tm-key{transition: opacity .2s}.tm-key{cursor: default}.tm:has(.tm-line:hover) .tm-line:not(:hover){opacity: .2}.tm:has(.tm-line--L1:hover) .tm-key:not(.tm-key--L1), .tm:has(.tm-line--L2:hover) .tm-key:not(.tm-key--L2), .tm:has(.tm-line--L3:hover) .tm-key:not(.tm-key--L3), .tm:has(.tm-line--L4:hover) .tm-key:not(.tm-key--L4), .tm:has(.tm-line--L5:hover) .tm-key:not(.tm-key--L5){opacity: .3}.tm:has(.tm-key--L1:hover) :is(.tm-line:not(.tm-line--L1), .tm-key:not(.tm-key--L1)), .tm:has(.tm-key--L2:hover) :is(.tm-line:not(.tm-line--L2), .tm-key:not(.tm-key--L2)), .tm:has(.tm-key--L3:hover) :is(.tm-line:not(.tm-line--L3), .tm-key:not(.tm-key--L3)), .tm:has(.tm-key--L4:hover) :is(.tm-line:not(.tm-line--L4), .tm-key:not(.tm-key--L4)), .tm:has(.tm-key--L5:hover) :is(.tm-line:not(.tm-line--L5), .tm-key:not(.tm-key--L5)){opacity: .2}@media (prefers-reduced-motion: no-preference){.tm-flow{animation: tm-run 2.2s linear infinite}}@keyframes tm-run{to{stroke-dashoffset: -40}}.lines{list-style: none;margin: 0;padding: 0;display: grid;gap: 0 28px}.lines__item{padding: 11px 0 10px;border-top: 1px solid var(--line);font-size: .95rem;line-height: 1.5;color: var(--muted)}.lines__item strong{margin-right: 6px;color: var(--paper);font: 800 1.02rem/1 var(--f-display);text-transform: uppercase;letter-spacing: .04em}.lines__id{margin-right: 8px;font-size: .66rem;letter-spacing: .1em}.lines__swatch{display: inline-block;width: 28px;height: 7px;margin-right: 10px;vertical-align: 2px;background: var(--lime)}.lines__swatch--paper{background: var(--paper)}.lines__swatch--violet{background: #B49CFF}.lines__swatch--lime-dash{background: repeating-linear-gradient(90deg, var(--lime) 0 9px, transparent 9px 14px)}.lines__swatch--paper-dash{background: repeating-linear-gradient(90deg, var(--paper) 0 9px, transparent 9px 14px)}@media (min-width: 768px){.lines{grid-template-columns: repeat(2, minmax(0, 1fr))}}.case .lines__swatch{box-shadow: 0 0 0 1.5px var(--ink)}.case .lines__swatch--lime-dash, .case .lines__swatch--paper-dash{box-shadow: none;background-color: var(--ink)}.linecards{list-style: none;margin: 0;padding: 0;display: grid;gap: var(--gap)}.linecard{position: relative;padding: 22px calc(22px + var(--cut-r)) 24px calc(22px + var(--cut-l))}.linecard__head{display: flex;align-items: center;margin: 0 0 12px;font-size: .7rem;letter-spacing: .1em}.linecard__name{margin: 0 0 8px;font: 800 1.6rem/.95 var(--f-display);text-transform: uppercase}.linecard__what{margin: 0 0 14px;font-size: .98rem;color: var(--muted)}.linecard__stops{list-style: none;margin: 0;padding: 12px 0 0;border-top: 1px dashed var(--ink);display: flex;flex-wrap: wrap;gap: 6px 0;font-size: .72rem;line-height: 1.4}.linecard__stops li + li::before{content: "›";margin: 0 8px;color: var(--violet-2);font-weight: 500}@media (max-width: 767.98px){.linecard:nth-child(odd){--try: var(--t);--bry: var(--t)}.linecard:nth-child(even){--tly: var(--t);--bly: var(--t)}.linecard:not(:first-child){margin-top: calc(var(--t) * -1)}}@media (min-width: 768px){.linecards{grid-template-columns: repeat(2, minmax(0, 1fr))}}@media (min-width: 768px) and (max-width: 1099.98px){.linecard:nth-child(odd){--brx: var(--s)}.linecard:nth-child(even){margin-left: calc(var(--s) * -1);--tlx: var(--s)}}@media (min-width: 1100px){.linecards{grid-template-columns: repeat(3, minmax(0, 1fr))}.linecard:nth-child(3n + 1){--brx: var(--s)}.linecard:nth-child(3n + 2){margin-left: calc(var(--s) * -1);--tlx: var(--s);--trx: var(--s)}.linecard:nth-child(3n){margin-left: calc(var(--s) * -1);--blx: var(--s)}}.ticket{padding: calc(var(--t) + 20px) 24px 20px;--try: var(--t);--blx: var(--s);--sh: clamp(7px, .8vw, 11px)}.ticket__top{display: flex;justify-content: space-between;gap: 12px;margin: 0 0 10px;font-size: .68rem;letter-spacing: .12em;text-transform: uppercase}.ticket__lines{list-style: none;margin: 0 0 14px;padding: 0}.ticket__lines li{display: flex;align-items: center;gap: 2px;padding: 9px 0 8px;border-bottom: 1px solid var(--line);font: 800 1.25rem/1 var(--f-display);text-transform: uppercase;letter-spacing: .03em}.ticket__lines li .mono{margin-right: 10px;font-size: .62rem;font-weight: 500;letter-spacing: .1em;color: var(--muted)}.ticket__foot{margin: 0;padding-top: 12px;border-top: 2px dashed var(--ink);font-size: .68rem;letter-spacing: .1em;text-transform: uppercase}.apps{display: grid;gap: clamp(64px, 9vw, 128px)}.apps > .phones__head{margin-bottom: calc(clamp(36px, 4.6vw, 64px) - clamp(64px, 9vw, 128px))}.work--app{display: grid;gap: clamp(28px, 4vw, 56px) var(--gap);align-items: center}.work--app .showcase{order: -1}.work--app .work__text{padding: clamp(26px, 2.8vw, 40px) calc(clamp(26px, 2.8vw, 40px) + var(--cut-r)) clamp(26px, 2.8vw, 40px) calc(clamp(26px, 2.8vw, 40px) + var(--cut-l));--tly: var(--t)}.work--app .work__text .link-arrow{align-self: flex-start}@media (min-width: 1024px){.work--app{grid-template-columns: repeat(12, minmax(0, 1fr))}.work--app .work__text{grid-column: 1 / span 4;--tly: 0px;--brx: var(--s)}.work--app .showcase{order: 0;grid-column: 5 / -1}.work--app-flip .work__text{order: 2;grid-column: 9 / -1;--brx: 0px;--tlx: var(--s)}.work--app-flip .showcase{order: 1;grid-column: 1 / span 8}}.showcase{display: grid;grid-template-columns: 1fr 1.16fr 1fr;align-items: center;padding: 2% 3% 7%;text-decoration: none}.showcase .iphone{transition: transform .55s var(--ease)}.showcase .iphone:nth-child(1){z-index: 1;transform: translate(17%, 8%) rotate(-5deg)}.showcase .iphone:nth-child(2){z-index: 2}.showcase .iphone:nth-child(3){z-index: 1;transform: translate(-17%, 8%) rotate(5deg)}@media (hover: hover) and (prefers-reduced-motion: no-preference){a.showcase:hover .iphone:nth-child(1){transform: translate(5%, 5%) rotate(-7deg)}a.showcase:hover .iphone:nth-child(2){transform: translateY(-3%)}a.showcase:hover .iphone:nth-child(3){transform: translate(-5%, 5%) rotate(7deg)}}.appgrid{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: clamp(28px, 4vw, 56px) clamp(16px, 3vw, 40px)}.appgrid__item figure{margin: 0}.appgrid .iphone{max-width: 300px;margin-inline: auto}.appgrid figcaption{display: flex;gap: 10px;margin-top: 16px;font-size: .72rem;line-height: 1.5;color: var(--muted)}@media (min-width: 800px){.appgrid{grid-template-columns: repeat(3, minmax(0, 1fr))}}@media (min-width: 1100px){.appgrid{grid-template-columns: repeat(4, minmax(0, 1fr))}}.page-case main, .page-404 main{background: var(--paper)}.case{padding-bottom: var(--section-y)}.case__head{display: grid;gap: clamp(36px, 5vw, 64px) var(--gap);padding-top: clamp(36px, 6vw, 88px);padding-bottom: clamp(48px, 6vw, 96px)}.case__cover{margin: 0}.case__cover--phone{width: min(100%, 320px);justify-self: center}.case__cover--ad{--tlx: var(--s);--bry: var(--t);--sh: clamp(7px, .8vw, 11px)}.case__headtext{padding: clamp(26px, 3.2vw, 48px) calc(clamp(26px, 3.2vw, 48px) + var(--cut-r)) clamp(26px, 3.2vw, 48px) calc(clamp(26px, 3.2vw, 48px) + var(--cut-l))}.case__cover.cframe > .browser img{position: absolute;top: 30px;left: 0;width: 100%;height: calc(100% - 30px);object-fit: cover;object-position: top}@media (max-width: 1023.98px){.case__cover.cframe > .browser{aspect-ratio: 4 / 3}.case__headtext{--bry: var(--t)}.case__head--desktop .case__cover{--tly: var(--t)}}@media (min-width: 1024px){.case__headtext{--trx: var(--s)}.case__head.case__head--desktop{align-items: stretch}.case__head--desktop .case__cover{min-height: 420px}.case__head--desktop .case__cover{margin-left: calc(var(--s) * -1);--blx: var(--s)}}@media (min-width: 1024px){.case__head{grid-template-columns: repeat(12, minmax(0, 1fr));align-items: center}.case__headtext{grid-column: 1 / span 7}.case__cover{grid-column: 8 / -1}.case__cover--phone{grid-column: 9 / span 3;width: 100%}.case__head:has(.case__cover--showcase) .case__headtext{grid-column: 1 / span 6}.case__cover--showcase{grid-column: 7 / -1}.case__head .case__title{font-size: clamp(3rem, 6vw, 6.4rem)}}.case__crumbs{display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: clamp(24px, 4vw, 44px);font-size: .72rem;letter-spacing: .12em;text-transform: uppercase}.case__crumbs span:last-child{color: var(--muted)}.case__title{max-width: 14ch;margin: 0 0 22px;font: 800 clamp(3rem, 10vw, 9rem)/.86 var(--f-display);text-transform: uppercase;overflow-wrap: break-word}.case__summary{max-width: 34ch;margin: 0 0 36px;font: 400 clamp(1.3rem, 2.3vw, 1.9rem)/1.3 var(--f-serif)}.meta--row{margin-bottom: 28px}@media (min-width: 768px){.meta--row{display: flex;flex-wrap: wrap;border-top: 2px solid var(--ink)}.meta--row > div{display: block;padding: 14px 36px 12px 0}.meta--row dt, .meta--row dd{padding: 0;border: 0}.meta--row dd{margin-top: 4px}}.case__live{display: flex;flex-wrap: wrap;align-items: center;gap: 12px 18px;margin: 0}.case__livenote{max-width: 38ch;font-size: .7rem;line-height: 1.5;color: var(--muted)}.case__brief{display: grid;gap: var(--gap);margin-bottom: clamp(64px, 9vw, 128px)}.brief{position: relative;padding: 56px calc(clamp(20px, 2.4vw, 30px) + var(--cut-r)) 28px calc(clamp(20px, 2.4vw, 30px) + var(--cut-l))}.brief p{margin: 0;font-size: 1.04rem}.brief--approach{color: var(--paper);--fill: var(--ink)}.brief--approach ol{margin: 0;padding: 0;list-style: none;counter-reset: step;display: grid;gap: 14px}.brief--approach li{position: relative;padding-left: 38px;counter-increment: step;font-size: 1rem;line-height: 1.5}.brief--approach li::before{content: counter(step, decimal-leading-zero);position: absolute;left: 0;top: .15em;font: 500 .72rem/1 var(--f-mono);color: var(--lime)}.brief.is-placeholder{--fill: repeating-linear-gradient(-45deg, transparent 0 14px, rgba(8, 14, 38, .045) 14px 15px), var(--paper-hi)}.brief.is-placeholder p{font-size: .8rem;line-height: 1.55}@media (max-width: 1023.98px){.brief:nth-child(odd){--try: var(--t);--bry: var(--t)}.brief:nth-child(even){--tly: var(--t);--bly: var(--t)}.brief:not(:first-child){margin-top: calc(var(--t) * -1)}}@media (min-width: 1024px){.case__brief{grid-template-columns: 4fr 5fr 3fr;align-items: stretch}.case__brief:not(:has(.brief--outcome)){grid-template-columns: 5fr 7fr}.brief:nth-child(1){--brx: var(--s)}.brief:nth-child(2){margin-left: calc(var(--s) * -1);--tlx: var(--s)}.brief:nth-child(2):not(:last-child){--trx: var(--s)}.brief:nth-child(3){margin-left: calc(var(--s) * -1);--blx: var(--s)}}.case__h2{margin: 0 0 26px;font: 800 clamp(1.9rem, 3.8vw, 3.2rem)/.95 var(--f-display);text-transform: uppercase}.case__media{margin-bottom: clamp(64px, 9vw, 128px)}.strip--phones{grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr));gap: clamp(24px, 3vw, 44px)}.strip--phones .iphone{max-width: 300px}.fullpage{display: grid;gap: 28px var(--gap);margin-bottom: clamp(64px, 9vw, 128px)}.fullpage__aside p{max-width: 34ch;font-size: .76rem;line-height: 1.6;color: var(--muted)}.fullpage__frame{margin: 0}.fullpage__frame.cframe{width: 100%;max-width: 920px;--blx: var(--s);--try: var(--t);--sh: clamp(7px, .8vw, 11px)}.fullpage__frame--phone{width: min(100%, 340px);justify-self: center}.hover-only-inline{display: none}.touch-only-inline{display: inline}@media (hover: hover){.hover-only-inline{display: inline}.touch-only-inline{display: none}}.play-btn{display: inline-flex;align-items: center;gap: 10px;margin: 4px 0 18px;padding: 11px 16px 10px;border: 2px solid var(--ink);background: var(--ink);color: var(--paper);cursor: pointer;font: 800 1rem/1 var(--f-display);text-transform: uppercase;letter-spacing: .06em;transition: transform .18s var(--ease), box-shadow .18s var(--ease)}.play-btn:hover{transform: translate(-3px, -3px);box-shadow: 3px 3px 0 0 var(--violet-2)}.play-btn__icon{width: 12px;height: 12px;background: var(--lime);clip-path: polygon(0 0, 100% 50%, 0 100%);transition: clip-path .2s var(--ease)}.play-btn[aria-pressed="true"] .play-btn__icon{clip-path: polygon(50% 0, 100% 70%, 78% 92%, 50% 45%, 22% 92%, 0 70%)}.fullpage__open{margin: 0}.fullpage__open a{text-decoration-color: var(--violet-2)}html:not(.js) .play-btn, html:not(.js) .fullpage__hint{display: none}@media (prefers-reduced-motion: reduce){.play-btn, .hover-only-inline, .touch-only-inline{display: none !important}.fullpage__hint::after{content: " Scroll inside the frame to see all of it."}}@media (min-width: 1024px){.fullpage{grid-template-columns: repeat(12, minmax(0, 1fr));align-items: start}.fullpage__aside{grid-column: 1 / span 3;position: sticky;top: calc(var(--mh) + 32px)}.fullpage__frame{grid-column: 4 / -1}.fullpage__frame--phone{grid-column: 5 / span 4;justify-self: center}}.case-ads{display: grid;gap: clamp(24px, 3vw, 40px) var(--gap)}.case-ads__item{margin: 0}.case-ads__item img{width: 100%;border: 2px solid var(--ink);box-shadow: 6px 6px 0 var(--violet-2)}@media (min-width: 640px){.case-ads{grid-template-columns: repeat(2, minmax(0, 1fr))}}.case__aside{margin-top: 24px;font-size: .74rem;color: var(--muted)}.case__pager{display: grid;gap: var(--gap)}.pager{display: flex;flex-direction: column;gap: 8px;padding: 22px calc(clamp(20px, 2.4vw, 30px) + var(--cut-r)) 22px calc(clamp(20px, 2.4vw, 30px) + var(--cut-l));text-decoration: none;transition: transform .25s var(--ease)}.pager:hover{transform: translate(-3px, -3px);--sh: clamp(7px, .8vw, 11px)}.pager--all{--fill: var(--ink);color: var(--paper);--muted: var(--on-dark-muted)}.pager--all:hover .pager__title{color: var(--lime)}.pager--prev{--bry: var(--t)}.pager--next{--tly: var(--t)}.pager .mono{font-size: .68rem;letter-spacing: .12em;text-transform: uppercase;color: var(--muted)}.pager__title{display: inline-flex;align-items: center;gap: 8px;font: 800 clamp(1.3rem, 2.6vw, 2.1rem)/1 var(--f-display);text-transform: uppercase}.pager:hover .pager__title{color: var(--violet-2)}.pager--all{order: 3}@media (min-width: 768px){.case__pager{grid-template-columns: 1fr auto 1fr;align-items: stretch}.pager--all{order: 0;align-items: center;justify-content: flex-end;text-align: center}.pager--next{align-items: flex-end;justify-content: flex-end;text-align: right}.pager--prev{justify-content: flex-end;--bry: 0px;--brx: var(--s)}.pager--all{margin-left: calc(var(--s) * -1);--tlx: var(--s);--trx: var(--s)}.pager--next{margin-left: calc(var(--s) * -1);--tly: 0px;--blx: var(--s)}}.notfound{min-height: 64vh;padding-block: clamp(80px, 12vw, 160px)}.notfound__title{margin: 0 0 24px;font: 800 clamp(3rem, 10vw, 8.5rem)/.86 var(--f-display);text-transform: uppercase}.notfound .lead{max-width: 40ch;margin-bottom: 28px}.links{position: relative;overflow: hidden;overflow: clip;min-height: 100svh;background-color: var(--ink);background-image: var(--noise-light)}.links::after{content: "";position: absolute;z-index: 0;pointer-events: none;right: -45vw;top: 38%;width: 100vw;height: 100vw;background: radial-gradient(circle, var(--violet-2) 1.7px, transparent 2px) 0 0 / 12px 12px;-webkit-mask-image: radial-gradient(closest-side, #000 15%, transparent 100%);mask-image: radial-gradient(closest-side, #000 15%, transparent 100%);opacity: .7}.links__wrap{position: relative;z-index: 1;display: grid;grid-template-columns: minmax(0, 1fr);gap: 26px;width: 100%;max-width: 560px;margin-inline: auto;padding: 16px 16px 32px}.links .cutp{--edge: var(--paper);--shade: #7B5BC0}.links__meta{display: flex;align-items: center;justify-content: space-between;gap: 12px;margin: 0;padding-bottom: 12px;border-bottom: 1px solid var(--line-dark);font-size: .7rem;letter-spacing: .14em;text-transform: uppercase;color: var(--on-dark-muted)}.links__code{display: flex;align-items: center;gap: 10px;color: var(--paper)}.links__code .barcode{height: 16px;width: auto}.links__intro{container-type: inline-size}.links__title{margin: 0 0 18px;font: 800 min(17vw, 5.4rem, 24cqi)/.86 var(--f-display);text-transform: uppercase;letter-spacing: -.005em}.links__line{display: block;white-space: nowrap}.links__line--2{position: relative;width: fit-content;color: var(--lime)}.links__underline{position: absolute;left: 0;bottom: -.1em;width: 96%;height: .16em;color: var(--paper);overflow: visible}@supports (-webkit-text-stroke: 1px black){.links__line--3{color: transparent;-webkit-text-stroke: clamp(1.5px, .45vw, 2.5px) var(--paper)}}.links__blurb{max-width: 30ch;margin: 0 0 14px;font: 400 clamp(1.2rem, 5vw, 1.45rem)/1.25 var(--f-serif);color: var(--paper)}.links__blurb strong{font-weight: 400;color: var(--lime)}.links__tags{display: flex;flex-wrap: wrap;gap: 6px 0;margin: 0;padding: 10px 0 0;list-style: none;border-top: 1px solid var(--line-dark);font-size: .68rem;letter-spacing: .1em;text-transform: uppercase;color: var(--paper)}.links__tags li:not(:last-child)::after{content: "/";margin: 0 8px;color: var(--lime)}.links__grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 14px}.links__cell--wide{grid-column: 1 / -1}.links__cell--left.lean-back{--trx: var(--s)}.links__cell--right.lean-back{--blx: var(--s);margin-left: calc(var(--s) * -1)}.links__cell--left.lean-fwd{--brx: var(--s)}.links__cell--right.lean-fwd{--tlx: var(--s);margin-left: calc(var(--s) * -1)}.links__pic{z-index: 2;min-height: clamp(210px, 58vw, 280px);--fill: var(--paper-2)}.links__pic img{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;object-position: 50% 38%;clip-path: var(--shape)}.links__bubble{top: 38px;right: -18px;max-width: 7.5em;padding: 10px 14px 9px;font-size: .82rem;transform: rotate(5deg)}.links__role{position: absolute;left: 10px;bottom: 12px;z-index: 2;margin: 0;padding: 6px 9px 5px;background: var(--lime);color: var(--ink);border: 2px solid var(--ink);font-size: .56rem;letter-spacing: .06em;text-transform: uppercase;white-space: nowrap;transform: rotate(-3deg)}.links__panel{display: flex;flex-direction: column;justify-content: space-between;gap: 20px;min-height: 140px;padding: 14px calc(14px + var(--cut-r)) 14px calc(14px + var(--cut-l));color: var(--ink);text-decoration: none;transition: transform .18s var(--ease)}.links__panel:hover{transform: translate(-3px, -3px);--fill: var(--lime);--sh: 9px}.links__panel:active{transform: none;--sh: 3px}.links__panel--lime{--fill: linear-gradient(to top, var(--lime) 42%, transparent 78%), radial-gradient(rgba(8, 14, 38, .2) 1.4px, transparent 1.7px) 0 0 / 8px 8px, var(--lime)}.links__panel--lime:hover{--fill: var(--paper-hi)}.links__panel--violet{--fill: radial-gradient(rgba(242, 237, 227, .16) 1.2px, transparent 1.5px) 0 0 / 9px 9px, var(--violet);color: var(--paper)}.links__panel--violet:hover{color: var(--ink)}.links__icon{align-self: flex-end;display: grid;place-items: center;width: 46px;height: 46px;background: var(--ink);color: var(--paper);box-shadow: 3px 3px 0 #7B5BC0;transform: rotate(var(--r, 6deg));transition: transform .2s var(--ease)}.links__cell--right .links__icon{--r: -5deg}.links__panel:hover .links__icon{transform: rotate(0) scale(1.08)}.links__panel--violet .links__icon{background: var(--lime);color: var(--ink);box-shadow: 3px 3px 0 var(--ink)}.links__mono{font: 800 .95rem/1 var(--f-display);letter-spacing: .03em;color: var(--lime)}.links__foot{display: flex;align-items: flex-end;justify-content: space-between;gap: 8px}.links__text{display: grid;gap: 6px;min-width: 0}.links__label{font: 800 clamp(1.45rem, 6.6vw, 1.9rem)/.9 var(--f-display);text-transform: uppercase;letter-spacing: .01em}.links__panel--lime .links__label{font-size: clamp(1.6rem, 7.6vw, 2.2rem)}.links__note{overflow: hidden;font-weight: 500;font-size: .64rem;letter-spacing: .06em;text-overflow: ellipsis;white-space: nowrap;color: var(--on-paper-muted)}.links__panel--violet .links__note{color: var(--on-dark-muted)}.links__panel--violet:hover .links__note{color: var(--on-paper-muted)}.links__panel .icon-arrow{flex: none;transition: transform .2s var(--ease)}.links__panel:hover .icon-arrow{transform: translateX(4px)}.links__panel.links__cell--wide{flex-direction: row;align-items: center;min-height: 0;padding-top: 18px;padding-bottom: 18px}.links__cell--wide .links__icon{order: -1;align-self: center}.links__cell--wide .links__foot{flex: 1;align-items: center}.links__panel:hover .icon-arrow--down{transform: rotate(90deg) translateX(3px)}.links__sfx{top: -20px;right: 22%;font-size: clamp(1.5rem, 6.4vw, 2rem);transform: rotate(-12deg)}.links__copy{margin: 4px 0 0;font-size: .64rem;letter-spacing: .12em;text-transform: uppercase;color: var(--on-dark-muted)}@media (min-width: 960px){.links{display: grid;align-items: center}.links__wrap{max-width: 1240px;padding: 18px var(--pad) 28px;grid-template-columns: minmax(0, 1fr) minmax(0, 560px);column-gap: clamp(40px, 6vw, 96px);row-gap: 20px}.links__meta, .links__copy{grid-column: 1 / -1}.links__intro{align-self: center}.links__title{font-size: min(8.6vw, 8.4rem, 24cqi);margin-bottom: 26px}.links__underline{height: .12em}.links__pic{min-height: 236px}.links__panel{min-height: 146px}.links__label{font-size: 2rem}.links__panel--lime .links__label{font-size: 2.4rem}.links::after{top: auto;right: -20vw;bottom: -36vw;width: 70vw;height: 70vw}}.cursor-label{position: fixed;top: 0;left: 0;z-index: 120;pointer-events: none;padding: 8px 10px 7px;background: var(--lime);color: var(--ink);border: 2px solid var(--ink);font: 500 .66rem/1 var(--f-mono);letter-spacing: .12em;text-transform: uppercase;white-space: nowrap;opacity: 0;transition: opacity .15s}.cursor-label::after{content: "";position: absolute;left: -2px;bottom: -9px;width: 12px;height: 9px;background: var(--ink);clip-path: polygon(0 0, 100% 0, 0 100%)}.cursor-label.is-visible{opacity: 1}.motion-ok [data-reveal]{position: relative}.motion-ok [data-reveal]::after{content: "";position: absolute;inset: -3px;z-index: 5;pointer-events: none;background: var(--lime);transform-origin: right center;transition: transform .65s var(--ease)}.motion-ok .chapter--paper [data-reveal]::after, .motion-ok .case [data-reveal]::after{background: var(--ink)}.motion-ok .chapter--dark [data-reveal]::after, .motion-ok .chapter--ink [data-reveal]::after{background: var(--violet)}.motion-ok [data-reveal].is-in::after{transform: scaleX(0)}.motion-ok [data-reveal]:nth-child(2)::after{transition-delay: .08s}.motion-ok [data-reveal]:nth-child(3)::after{transition-delay: .16s}.motion-ok [data-reveal]:nth-child(4)::after{transition-delay: .24s}.motion-ok [data-reveal]:nth-child(5)::after{transition-delay: .32s}.motion-ok [data-reveal]:nth-child(6)::after{transition-delay: .4s}.motion-ok svg:not(.is-drawn) [data-draw]{stroke-dashoffset: 1}.motion-ok [data-draw]{transition: stroke-dashoffset .9s var(--ease) .35s}@media (prefers-reduced-motion: no-preference){.art .flow{animation: wire-flow 1.4s linear infinite}.dot{animation: blink 2.4s ease-in-out infinite}}@keyframes wire-flow{to{stroke-dashoffset: -36}}@keyframes blink{50%{opacity: .35}}@view-transition{navigation: auto}@media (prefers-reduced-motion: no-preference){::view-transition-old(root){animation: page-out .42s cubic-bezier(.4, 0, .2, 1) both;transform-origin: left center}::view-transition-new(root){animation: page-in .5s cubic-bezier(.2, .7, .2, 1) both}}@keyframes page-out{to{opacity: 0;transform: perspective(1800px) rotateY(10deg) translateX(-6%)}}@keyframes page-in{from{opacity: 0;transform: translateX(5%)}}@media (prefers-reduced-motion: reduce){*, *::before, *::after{animation-duration: .01ms !important;animation-iteration-count: 1 !important;transition-duration: .01ms !important;scroll-behavior: auto !important}::view-transition-old(root), ::view-transition-new(root){animation: none !important}}