:root{color-scheme:light;--bg:#F3F3F0;--plinth:#FBFBF9;--ink:#1C1D1B;--ink-2:#565952;--rule:#D6D7D1;--rule-2:#878982;--band:#D3D4CE;--accent:#2B5B4B;--on-accent:#F3F3F0;--hang:0 1px 1px rgb(28 29 27 / .06),0 8px 16px -6px rgb(28 29 27 / .14),0 28px 48px -24px rgb(28 29 27 / .22);--serif:"Bodoni Moda","Didot","Bodoni 72",Georgia,serif;--sans:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;--fs-h1:clamp(3rem,1.6rem + 7.5vw,8.5rem);--fs-h2:clamp(2.125rem,1.5rem + 2.8vw,3.5rem);--fs-h3:1.375rem;--fs-lede:clamp(1.375rem,1.1rem + 1.1vw,2rem);--fs-body:1.0625rem;--fs-small:0.875rem;--fs-label:0.8125rem;--measure:66ch;--s1:0.25rem;--s2:0.5rem;--s3:0.75rem;--s4:1rem;--s5:1.5rem;--s6:2rem;--s7:3rem;--gutter:16px;--label-col:14.5rem;--col-gap:3.5rem;--rail:48px;--node:32px;--container:76rem;--tap:44px;}@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--bg:#191A19;--plinth:#212321;--ink:#E7E7E2;--ink-2:#A2A59E;--rule:#333532;--rule-2:#73766F;--band:#3A3C39;--accent:#93C3AD;--on-accent:#15221C;--hang:0 0 0 1px rgb(255 255 255 / .06),0 24px 48px -24px rgb(0 0 0 / .7);}}:root[data-theme="dark"]{color-scheme:dark;--bg:#191A19;--plinth:#212321;--ink:#E7E7E2;--ink-2:#A2A59E;--rule:#333532;--rule-2:#73766F;--band:#3A3C39;--accent:#93C3AD;--on-accent:#15221C;--hang:0 0 0 1px rgb(255 255 255 / .06),0 24px 48px -24px rgb(0 0 0 / .7);}@font-face{font-family: "Bodoni Moda";src: url(/fonts/bodoni-moda-latin.woff2) format("woff2");font-weight: 400 600;font-style: normal;font-display: swap;}@font-face{font-family: "Bodoni Moda";src: url(/fonts/bodoni-moda-italic-latin.woff2) format("woff2");font-weight: 400 500;font-style: italic;font-display: swap;}@font-face{font-family: "Hanken Grotesk";src: url(/fonts/hanken-grotesk-latin.woff2) format("woff2");font-weight: 400 600;font-style: normal;font-display: swap;}*,*::before,*::after{box-sizing: border-box;}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;}body{margin: 0;background: var(--bg);color: var(--ink);font: 400 var(--fs-body)/1.55 var(--sans);font-kerning: normal;overflow-wrap: break-word;overflow-x: clip;-webkit-font-smoothing: antialiased;}[hidden]{display: none !important;}img,video,svg{display: block;max-width: 100%;}img,video{height: auto;}h1,h2,h3,h4,p,figure,ul,ol,dl,dd{margin: 0;padding: 0;}ul[role="list"],ol{list-style: none;}h1,h2,h3{font-family: var(--serif);font-weight: 400;font-optical-sizing: auto;text-wrap: balance;}h1{font-size: var(--fs-h1);line-height: 0.92;letter-spacing: -0.025em;}h2{font-size: var(--fs-h2);line-height: 1.05;letter-spacing: -0.01em;}h3{font-size: var(--fs-h3);line-height: 1.2;}.k,h4{font: 500 var(--fs-label)/1.4 var(--sans);color: var(--ink-2);}a{color: inherit;text-decoration-thickness: 1px;text-underline-offset: 0.2em;}a:hover{text-decoration-thickness: 2px;}q{quotes: "\201C" "\201D";}sup{line-height: 0;}summary{cursor: pointer;}:focus-visible{outline: 2px solid var(--accent);outline-offset: 3px;border-radius: 2px;}.nw{white-space: nowrap;}.sr-only,.vh{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip-path: inset(50%);white-space: nowrap;border: 0;}button{font: inherit;color: inherit;background: none;cursor: pointer;min-width: var(--tap);min-height: var(--tap);}.skip{position: absolute;left: var(--gutter);top: 8px;z-index: 10;padding: 8px 12px;background: var(--ink);color: var(--bg);transform: translateY(-160%);}.skip:focus{transform: none;}.draft-tag,.tag{display: inline-block;padding: 1px 7px 2px;border: 1px dashed var(--rule-2);border-radius: 3px;font: 500 0.75rem/1.4 var(--sans);color: var(--ink-2);white-space: nowrap;}.draft-tag{vertical-align: 0.3em;margin-left: 0.4em;}.chips{display: flex;flex-wrap: wrap;gap: var(--s1) var(--s2);list-style: none;margin: 0;padding: 0;}.chip{display: inline-flex;align-items: baseline;gap: 0.4em;padding: 1px 8px;border: 1px solid var(--rule-2);border-radius: 3px;background: var(--plinth);font: 500 var(--fs-label)/1.5 var(--sans);font-variant-numeric: tabular-nums;}@media (min-width: 720px){:root{--gutter: 40px;}}@media (min-width: 1100px){:root{--gutter: 56px;}}.wrap,main > *{width: 100%;max-width: var(--container);margin-inline: auto;padding-inline: var(--gutter);}main{display: block;}.masthead{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 0 32px;padding-top: 12px;}.wordmark{display: inline-flex;align-items: baseline;gap: 0 0.1em;padding-block: 9px;font: italic 500 1.625rem/1 var(--serif);font-optical-sizing: auto;letter-spacing: -0.01em;text-decoration: none;}.wordmark__suffix{font: 500 var(--fs-label)/1 var(--sans);letter-spacing: 0;color: var(--ink-2);}.masthead__end{display: flex;flex-wrap: wrap;align-items: center;gap: 0 22px;}@media (max-width: 519px){.masthead{flex-direction: column;align-items: flex-start;}.masthead__end{gap: 0 20px;}}.foot{margin-top: 136px;}.foot__list{display: flex;flex-wrap: wrap;gap: 6px 32px;padding-block: 24px 48px;border-top: 1px solid var(--rule);font-size: var(--fs-small);color: var(--ink-2);}.foot__list li:first-child{color: var(--ink);}@media (max-width: 519px){.foot__list{flex-direction: column;}}.tabs__list{display: flex;flex-wrap: wrap;gap: 0 22px;list-style: none;margin: 0;padding: 0;}.tab{display: inline-block;padding-block: 11px;font-size: 0.9375rem;font-weight: 500;color: var(--ink-2);text-decoration: none;background: linear-gradient(var(--accent),var(--accent)) 0 calc(100% - 8px) / 0 1.5px no-repeat;}.tab:hover{color: var(--ink);}.tab[aria-current="page"]{color: var(--ink);background-size: 100% 1.5px;}.theme-btn{padding: 0;border: 0;background: none;font: 500 var(--fs-label)/1.4 var(--sans);color: var(--ink-2);text-decoration: underline;text-decoration-color: var(--rule-2);text-underline-offset: 0.3em;}.theme-btn:hover{color: var(--ink);text-decoration-color: currentColor;}.work{padding-top: 88px;}.work + .work{padding-top: 120px;}.work__head{padding-top: 20px;border-top: 1px solid var(--rule);}.work__title{font-size: var(--fs-h2);font-weight: 400;line-height: 1.05;letter-spacing: -0.01em;}.project + .project{margin-top: 96px;padding-top: 24px;border-top: 1px solid var(--rule);}.project__head{margin-top: 24px;}.project__head > * + *{margin-top: var(--s2);}.project__head h3{font-size: var(--fs-h3);}.project__kicker{max-width: 46ch;color: var(--ink-2);text-wrap: pretty;}.project > section,.project__media{margin-top: 56px;}.row__label{margin-bottom: 18px;}.row__body{min-width: 0;}.objective{max-width: 34ch;font: 400 var(--fs-lede)/1.3 var(--serif);font-optical-sizing: auto;text-wrap: pretty;}.project__notes,.project__links,.project__field p:not(.objective){max-width: var(--measure);}.project__notes{padding-left: 1.25rem;}.project__notes li + li{margin-top: var(--s2);}.project__links{list-style: none;padding: 0;display: flex;flex-wrap: wrap;gap: var(--s2) var(--s4);}.project__links a{display: inline-flex;align-items: center;min-height: var(--tap);}.project__media > * + *{margin-top: var(--s5);}@media (min-width: 960px){.work{padding-top: 120px;}.work + .work{padding-top: 168px;}.project + .project{margin-top: 144px;}.project__head{display: grid;grid-template-columns: var(--label-col) minmax(0,1fr);column-gap: var(--col-gap);margin-top: 32px;}.project__head > *{grid-column: 2;}.project > section,.project__media{margin-top: 96px;}.project__head + section{margin-top: 64px;}.row{display: grid;grid-template-columns: var(--label-col) minmax(0,1fr);column-gap: var(--col-gap);}.row__label{position: sticky;top: 32px;align-self: start;margin: 0;}.row--bare .row__body{grid-column: 2;}}.media{position: relative;}.media__cap,.ba__cap,.ba__label,.dash__title{font: 500 var(--fs-label)/1.5 var(--sans);color: var(--ink-2);}.media__cap{margin-top: var(--s2);max-width: var(--measure);}.media-image--16-10 .browser__body,.media-image--16-9 .browser__body{display: grid;}.media-image--16-10 .browser__body{aspect-ratio: 16 / 10;}.media-image--16-9 .browser__body{aspect-ratio: 16 / 9;}.media-video .phone,.media-image .phone{max-width: 15rem;margin-inline: 0;}.privacy-frame{position: relative;display: grid;place-items: center;align-content: center;gap: var(--s2);width: 100%;height: 100%;min-height: 12rem;padding: var(--s4);text-align: center;overflow: hidden;}.privacy-frame{background: var(--plinth);border: 1px dashed var(--rule-2);color: var(--ink-2);font: 500 var(--fs-label)/1.4 var(--sans);}.privacy-frame .icon{width: 2rem;height: 2rem;}.shot-link{display: block;width: 100%;height: 100%;}.shot-link:focus-visible{outline-offset: -3px;}.pipe > * + *{margin-top: var(--s5);}.pipe__head{display: grid;gap: var(--s3);}.pipe-count{font-size: 0.9375rem;color: var(--ink-2);font-variant-numeric: tabular-nums lining-nums;text-wrap: pretty;}.legend{display: flex;flex-wrap: wrap;gap: 6px 18px;font: 500 var(--fs-label)/1.4 var(--sans);color: var(--ink-2);}.legend li{display: flex;align-items: center;gap: var(--s2);}.mk{flex: none;width: 13px;height: 13px;border: 1px solid var(--ink);border-radius: 50%;}.mk--script{border-radius: 2px;}.mk--me{background: var(--accent);border-color: var(--accent);}.mk--planned{border-style: dashed;border-color: var(--ink-2);}.mk--planned-me{width: 15px;height: 15px;padding: 2px;border: 1px dashed var(--accent);background: var(--accent);background-clip: content-box;}.mk--gate{width: 16px;height: 3px;border: 0;border-radius: 0;background: var(--accent);}.stage{position: relative;padding-left: var(--rail);padding-bottom: 2rem;}.stage::before{content: "";position: absolute;left: calc(var(--node) / 2 - 0.5px);top: 0;bottom: 0;width: 1px;background: var(--rule-2);}.stage:first-child::before{top: calc(var(--node) / 2);}.stage:last-child{padding-bottom: 0;}.stage:last-child::before{bottom: auto;height: calc(var(--node) / 2);}.stage:first-child:last-child::before{display: none;}.stage:last-child:has(.gate)::before{height: auto;bottom: 14px;}.stage.is-planned::before,.stage:has(+ .is-planned)::before{background: repeating-linear-gradient(to bottom,var(--ink-2) 0 4px,transparent 4px 8px);}.stage:has(+ .is-planned):not(.is-planned)::before{background: linear-gradient(var(--rule-2),var(--rule-2)) 0 0 / 1px var(--node) no-repeat,repeating-linear-gradient(to bottom,var(--ink-2) 0 4px,transparent 4px 8px);}.pipeline.has-more > .stage:last-child{padding-bottom: 28px;}.pipeline.has-more > .stage:last-child::before{bottom: 0;height: auto;}.pipe-more .stage:first-child::before{top: 0;}.stage__node{position: absolute;left: 0;top: 0;z-index: 1;display: grid;place-items: center;width: var(--node);height: var(--node);border: 1px solid var(--ink);border-radius: 50%;background: var(--bg);font: 600 0.8125rem/1 var(--sans);font-variant-numeric: tabular-nums lining-nums;}.stage[data-by="script"] .stage__node{border-radius: 3px;}.stage[data-by="me"] .stage__node{background: var(--accent);border-color: var(--accent);color: var(--on-accent);}.stage.is-planned .stage__node{border-style: dashed;border-color: var(--ink-2);color: var(--ink-2);}.stage.is-planned[data-by="me"] .stage__node{padding: 3px;border-color: var(--accent);background: var(--accent) content-box;color: var(--on-accent);font-size: 0.75rem;}.stage__name{margin: 0;padding-top: 2px;font: 500 1.3125rem/1.2 var(--serif);font-optical-sizing: auto;color: var(--ink);text-wrap: balance;}.stage__name .tag{margin-left: 6px;vertical-align: 0.2em;}.stage__desc,.stage__note{margin-top: 6px;max-width: 58ch;text-wrap: pretty;}.stage__desc{color: var(--ink-2);font-size: 1rem;}.stage__note{font-size: 0.9375rem;font-weight: 500;font-variant-numeric: lining-nums;}.stage__forks{display: grid;gap: var(--s3);margin-top: var(--s3);padding-left: var(--s4);border-left: 1px solid var(--rule-2);max-width: 58ch;font-size: 0.9375rem;color: var(--ink-2);}.stage__fork-name{font-weight: 600;color: var(--ink);}.stage__fork-name::after{content: ".";}.stage__meta{margin-top: 10px;font-size: var(--fs-small);line-height: 1.5;color: var(--ink-2);text-wrap: pretty;}.stage__by{font-weight: 600;color: var(--ink);}.stage__by:not(:last-child)::after{content: "";display: inline-block;width: 1px;height: 0.85em;margin: 0 0.6em;vertical-align: -0.08em;background: var(--rule-2);}.stage__fork-tools{font-size: var(--fs-small);}@media (min-width: 720px){.stage{display: grid;grid-template-columns: minmax(0,1fr) minmax(10rem,14rem);column-gap: 2rem;}.stage__meta{margin-top: 0;padding-top: 6px;}.stage__by{display: block;}.stage__by:not(:last-child)::after{display: none;}.gate{grid-column: 1 / -1;}}.gate{position: relative;display: grid;grid-template-columns: auto minmax(0,max-content) minmax(16px,1fr);align-items: baseline;column-gap: var(--s3);margin-top: 18px;color: var(--accent);}.gate::before{content: "";position: absolute;left: calc(-1 * var(--rail) + var(--node) / 2 - 13px);top: 11px;width: 26px;height: 3px;background: var(--accent);}.gate__k{font: 500 var(--fs-label)/1.4 var(--sans);white-space: nowrap;}.gate__v{font: italic 400 1.25rem/1.25 var(--serif);font-optical-sizing: auto;text-wrap: pretty;}.gate::after{content: "";align-self: start;margin-top: 12px;height: 1px;background: var(--accent);opacity: 0.5;}.pipe-more summary{position: relative;display: flex;align-items: center;min-height: var(--tap);padding-left: var(--rail);list-style: none;cursor: pointer;font: 500 0.9375rem/1.3 var(--sans);}.pipe-more summary::-webkit-details-marker{display: none;}.pipe-more summary::before{content: "";position: absolute;left: calc(var(--node) / 2 - 0.5px);top: 0;width: 1px;height: 6px;background: var(--rule-2);}.pipe-more[open] summary::before{height: auto;bottom: 0;}.pipe-more[open] summary{margin-bottom: 28px;}.pipe-more__mark{position: absolute;left: 6px;top: 50%;width: 20px;height: 20px;margin-top: -10px;border: 1px solid var(--ink);border-radius: 50%;background: linear-gradient(var(--ink),var(--ink)) center / 9px 1.5px no-repeat,linear-gradient(var(--ink),var(--ink)) center / 1.5px 9px no-repeat,var(--bg);}.pipe-more[open] .pipe-more__mark{background: linear-gradient(var(--ink),var(--ink)) center / 9px 1.5px no-repeat,var(--bg);}.pipe-more__label{text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 0.25em;text-decoration-color: var(--rule-2);}.pipe-more summary:hover .pipe-more__label{text-decoration-color: currentColor;}.pipe-more__hide,.pipe-more[open] .pipe-more__show{display: none;}.pipe-more[open] .pipe-more__hide{display: inline;}.pipe-map{display: flex;align-items: center;justify-content: space-between;padding-bottom: 24px;border-bottom: 1px solid var(--rule);}.pm-node{box-sizing: border-box;flex: none;width: 11px;height: 11px;border: 1px solid var(--ink);border-radius: 50%;background: var(--bg);}.pm-node[data-by="script"]{border-radius: 2px;}.pm-node[data-by="me"]{background: var(--accent);border-color: var(--accent);}.pm-node.is-planned{border-style: dashed;border-color: var(--ink-2);}.pm-node.is-planned[data-by="me"]{padding: 2px;border-color: var(--accent);background: var(--accent) content-box;}.pm-link{position: relative;flex: 1 1 0;min-width: 4px;margin-inline: 2px;height: 1px;background: var(--rule-2);}.pm-end{position: relative;flex: none;width: 14px;margin-left: 4px;height: 1px;background: var(--rule-2);}.pm-link.is-planned,.pm-end.is-planned{background: repeating-linear-gradient(to right,var(--ink-2) 0 3px,transparent 3px 6px);}.pipe-map .has-gate::after{content: "";position: absolute;left: calc(50% - 1px);top: -6px;width: 2px;height: 13px;background: var(--accent);box-shadow: 0 0 0 3px var(--bg);}@media (min-width: 720px){.pm-node{width: 20px;height: 20px;}.pm-node.is-planned[data-by="me"]{padding: 3px;}.pm-link{min-width: 10px;margin-inline: 6px;}.pipe-map .has-gate::after{left: calc(50% - 1.5px);width: 3px;top: -8px;height: 17px;}.pm-end{width: 20px;}.pipe-map{padding-bottom: 28px;}}.rails ul{display: grid;gap: 6px;margin-top: 6px;max-width: 64ch;font-size: 0.9375rem;line-height: 1.45;text-wrap: pretty;}.rails__tools{color: var(--ink-2);font-size: var(--fs-small);}.pipe > .pipeline{margin-top: var(--s6);}@media (prefers-reduced-motion: no-preference){@supports (animation-timeline: view()){.stage{animation: stage-up linear both;animation-timeline: view();animation-range: entry 0% entry 60%;}@keyframes stage-up{from{opacity: 0;transform: translateY(12px);}}}}.res{display: grid;grid-template-columns: minmax(0,1fr);gap: var(--s6);}.res__chart{width: 100%;max-width: 22rem;height: auto;overflow: visible;}.res__bar{fill: none;stroke: var(--ink-2);stroke-width: 1;}.res__band{fill: var(--band);}.res__mark{stroke: var(--ink);stroke-width: 3;}.res__fold{stroke: var(--ink-2);stroke-width: 1;}.res__val,.res__cap{font: 500 11px var(--sans);}.res__val{fill: var(--ink-2);}.res__cap{fill: var(--ink);}.res__table{width: 100%;max-width: 36rem;border-collapse: collapse;font-variant-numeric: tabular-nums lining-nums;}.res__table th,.res__table td{padding: 11px 0;border-bottom: 1px solid var(--rule);text-align: right;font-weight: 400;vertical-align: baseline;}.res__table thead th,.res__table thead td{padding-top: 0;font: 500 var(--fs-label)/1.4 var(--sans);color: var(--ink-2);border-bottom-color: var(--rule-2);}.res__table tbody th{padding-right: var(--s3);text-align: left;font-size: 0.9375rem;}.res__table td{width: 6.5rem;font-size: 0.9375rem;color: var(--ink-2);white-space: nowrap;}.res__table td.res__after{font-size: 1.0625rem;font-weight: 600;color: var(--ink);}.res__method{caption-side: bottom;padding-top: var(--s3);text-align: left;font: 500 var(--fs-label)/1.5 var(--sans);color: var(--ink-2);}@media (max-width: 400px){.res__table td{width: 5.5rem;}}.phone{--veil: rgb(18 19 18 / 0.7);--on-veil: #fff;position: relative;width: 100%;max-width: 18rem;aspect-ratio: 9 / 16;border-radius: 4px;background: var(--plinth);box-shadow: var(--hang);overflow: hidden;}.phone--post{max-width: none;}.phone__screen{position: absolute;inset: 0;overflow: hidden;border-radius: inherit;}.phone__screen > img,.shot-link img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: top;}.clip{position: absolute;inset: 0;background: var(--plinth);color: var(--on-veil);}.clip__video{display: block;width: 100%;height: 100%;object-fit: cover;}.clip::after{content: "";position: absolute;z-index: 1;inset: 0;pointer-events: none;background: linear-gradient(to top,rgb(0 0 0 / 0.5),rgb(0 0 0 / 0) 26%);}.ai-pill{position: absolute;z-index: 2;top: 10px;left: 10px;padding: 3px 7px 4px;border-radius: 3px;background: var(--veil);color: var(--on-veil);font: 500 0.75rem/1.2 var(--sans);letter-spacing: 0.01em;}.clip__ui{position: absolute;z-index: 3;left: 8px;bottom: 8px;display: flex;gap: 8px;}.clip__ui button{display: grid;place-items: center;width: var(--tap);height: var(--tap);padding: 0;border: 0;border-radius: 50%;background: var(--veil);color: var(--on-veil);}.clip__ui button:hover{background: rgb(18 19 18 / 0.88);}.clip__ui button:focus-visible{outline: 2px solid var(--on-veil);outline-offset: 2px;}.clip__ui .icon{width: 18px;height: 18px;stroke-width: 1.8;}.clip__ui .icon--play path{fill: currentColor;stroke: none;}[aria-pressed="false"] > .icon--pause,[aria-pressed="false"] > .icon--sound,[aria-pressed="true"] > .icon--play,[aria-pressed="true"] > .icon--muted{display: none;}.browser{border: 1px solid var(--rule-2);border-radius: 4px;overflow: hidden;background: var(--plinth);box-shadow: var(--hang);}.browser__bar{display: flex;align-items: center;gap: var(--s3);padding: var(--s2) var(--s3);background: var(--band);color: var(--ink);}.browser__dots{display: flex;gap: 5px;flex: none;}.browser__dots span{width: 9px;height: 9px;border-radius: 50%;background: var(--rule-2);}.browser__label{min-width: 0;font: 500 var(--fs-label)/1.4 var(--sans);}.browser__body{position: relative;}.browser__body > img,.browser__body > .shot-link img{display: block;width: 100%;height: auto;}.wall{display: grid;gap: 56px;margin-top: 56px;}.piece__fig{display: grid;grid-template-columns: 58% minmax(0,1fr);gap: 18px;align-items: end;}.piece:nth-child(2) .piece__fig{grid-template-columns: minmax(0,1fr) 58%;}.piece:nth-child(2) .phone--post{order: 2;}@media (min-width: 900px){.wall{grid-template-columns: repeat(3,minmax(0,1fr));gap: clamp(32px,4vw,64px);margin-top: 96px;}.piece__fig,.piece:nth-child(2) .piece__fig{grid-template-columns: minmax(0,1fr);gap: 22px;}.piece:nth-child(2) .phone--post{order: 0;}}.wall__note{margin-top: var(--s4);}.label{display: flex;flex-direction: column;min-width: 0;padding-bottom: 2px;}.label__name{font: 500 1.25rem/1.15 var(--serif);font-optical-sizing: auto;}.label__line{margin-top: 6px;font-size: 0.875rem;line-height: 1.4;color: var(--ink-2);text-wrap: pretty;}.label__quote{margin-top: 12px;font: italic 400 1.25rem/1.25 var(--serif);font-optical-sizing: auto;text-wrap: pretty;}.label__medium{margin-top: 14px;padding-top: 10px;border-top: 1px solid var(--rule);color: var(--ink-2);font-size: 0.8125rem;line-height: 1.4;text-wrap: pretty;}.label__transcript{margin-top: 10px;font-size: 0.8125rem;line-height: 1.4;color: var(--ink-2);}.label__transcript > summary{display: flex;align-items: center;gap: var(--s2);min-height: var(--tap);cursor: pointer;list-style: none;}.label__transcript > summary::-webkit-details-marker{display: none;}.label__transcript > summary::after{content: "";flex: none;width: 14px;height: 14px;border: 1px solid var(--ink-2);border-radius: 50%;background: linear-gradient(var(--ink-2),var(--ink-2)) center / 7px 1.5px no-repeat,linear-gradient(var(--ink-2),var(--ink-2)) center / 1.5px 7px no-repeat;}.label__transcript[open] > summary::after{background: linear-gradient(var(--ink-2),var(--ink-2)) center / 7px 1.5px no-repeat;}.label__transcript p{margin-top: 4px;text-wrap: pretty;}@media (min-width: 900px){.label{max-width: 30ch;}.label__name,.label__quote{font-size: 1.375rem;}}.post-ph{position: absolute;inset: 0;display: grid;place-content: center;padding: 14%;text-align: center;background: var(--plinth);box-shadow: inset 0 0 0 14px var(--plinth),inset 0 0 0 15px var(--rule);}.post-icons{position: absolute;z-index: 2;right: 10px;bottom: 3.5rem;display: grid;gap: 14px;color: var(--on-veil);}.post-icons .icon{width: 22px;height: 22px;stroke-width: 1.6;filter: drop-shadow(0 1px 2px rgb(0 0 0 / 0.45));}@media (prefers-reduced-motion: no-preference){@supports not (animation-timeline: view()){.wall.is-armed:not(.is-lit) .piece{opacity: 0;transform: translateY(14px);}.wall.is-armed .piece{transition: opacity 0.9s cubic-bezier(0.2,0.7,0.2,1),transform 0.9s cubic-bezier(0.2,0.7,0.2,1);}.wall.is-armed .piece:nth-child(2){transition-delay: 0.12s;}.wall.is-armed .piece:nth-child(3){transition-delay: 0.24s;}}}.dash{display: grid;gap: var(--s6);}.dash__title{grid-column: 1 / -1;margin: 0;}.dash__frame,.dash__text{min-width: 0;margin: 0;}.dash__frame{display: grid;gap: var(--s3);align-content: start;}.dash__privacy{max-width: var(--measure);}.dash__text{display: grid;gap: var(--s5);align-content: start;max-width: 46ch;}.dash__list{display: grid;gap: var(--s4);margin: 0;padding: 0;list-style: none;text-wrap: pretty;}.stack{display: grid;gap: var(--s2);font-size: var(--fs-small);color: var(--ink-2);}.stack .k{margin: 0;}.dash .browser{box-shadow: var(--hang);}@media (min-width: 68.75rem){.dash{grid-template-columns: minmax(0,1.1fr) minmax(0,1fr);gap: var(--s6) var(--s7);align-items: start;}}.media-before-after > * + *{margin-top: var(--s7);}.ba__label{margin: 0 0 var(--s4);font: 500 var(--fs-label)/1.4 var(--sans);color: var(--ink-2);}.ba__pair{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--s4);align-items: start;max-width: 36rem;}.ba__side{min-width: 0;margin: 0;display: grid;gap: var(--s2);align-content: start;}.ba__tag{font: 500 var(--fs-label)/1.4 var(--sans);color: var(--ink-2);}.ba__shot{padding: 3px;border: 1px solid var(--rule-2);border-radius: 9px;background: var(--plinth);box-shadow: var(--hang);}.ba .ba__shot .shot-link{display: block;width: 100%;height: auto;border-radius: 6px;overflow: hidden;}.ba .ba__shot img{display: block;width: 100%;height: auto;}.ba__shot .privacy-frame{min-height: 14rem;border-radius: 6px;}.ba__cap{margin: 0;font: var(--fs-small)/1.4 var(--sans);color: var(--ink);text-wrap: pretty;}@media (min-width: 45rem){.ba__pair{gap: var(--s6);}}.gap{display: inline-block;padding: 1px 7px 2px;border: 1px dashed var(--rule-2);border-radius: 3px;font: 500 0.75rem/1.4 var(--sans);color: var(--ink-2);vertical-align: 0.1em;}.is-draft{color: var(--ink);}.plate{display: grid;place-items: center;aspect-ratio: 2 / 1;padding: var(--s4);background: var(--plinth);border: 1px solid var(--rule);box-shadow: inset 0 0 0 14px var(--plinth),inset 0 0 0 15px var(--rule);}@media (min-width: 45rem){.plate{aspect-ratio: 3 / 2;}}.plate .gap{padding: 0;border: 0;border-radius: 0;text-align: center;vertical-align: baseline;font: italic 400 1.25rem/1.2 var(--serif);}.phone .plate,.browser .plate{width: 100%;height: 100%;aspect-ratio: auto;border: 0;box-shadow: none;}.browser .plate{min-height: 12rem;}.page-head{padding-block: 48px 8px;}.page__title{font-size: var(--fs-h1);font-weight: 400;line-height: 0.92;letter-spacing: -0.025em;}.page__lede{max-width: 30ch;margin-top: 28px;font: 400 var(--fs-lede)/1.32 var(--serif);font-optical-sizing: auto;text-wrap: pretty;}.framing-options{padding-top: 56px;}.framing__note{margin-bottom: 8px;}.framing__note .gap{display: block;padding: 22px 24px 24px;background: var(--plinth);color: var(--ink);border: 0;border-left: 6px solid var(--accent);border-radius: 0;box-shadow: var(--hang);font: 400 clamp(1.5rem,1.2rem + 1.3vw,2.25rem)/1.2 var(--serif);font-optical-sizing: auto;text-wrap: balance;}.framing__list{list-style: none;margin: 0;padding: 0;}.framing__option,.bridge__pair{margin-top: 48px;}.framing__label,.bridge__then{display: block;margin-bottom: 14px;font: 400 1.375rem/1.2 var(--serif);font-optical-sizing: auto;}.framing{max-width: 34ch;font: 400 clamp(1.25rem,1.05rem + 0.9vw,1.625rem)/1.34 var(--serif);font-optical-sizing: auto;text-wrap: pretty;}.bridge{padding-top: 88px;}.bridge__title{padding-top: 20px;border-top: 1px solid var(--rule);font-size: var(--fs-h2);line-height: 1.05;letter-spacing: -0.01em;}.bridge__list{list-style: none;margin: 0;padding: 0;}.bridge__join{display: block;margin-bottom: 8px;color: var(--ink-2);}.bridge__now{display: block;max-width: 46ch;text-wrap: pretty;}.bridge__link{margin-top: 40px;}.bridge__link a{display: inline-flex;align-items: center;min-height: var(--tap);font-weight: 500;}.contact{padding-top: 56px;}.contact-card{display: grid;place-items: center;min-height: 12rem;padding: 15px;background: var(--plinth);border: 1px solid var(--rule);box-shadow: inset 0 0 0 14px var(--plinth),inset 0 0 0 15px var(--rule);}.contact-card .gap{padding: 0;background: none;border: 0;box-shadow: none;text-align: center;font: italic 400 1.25rem/1.3 var(--serif);color: var(--ink-2);}@media (min-width: 720px){.contact-card{aspect-ratio: 3 / 1;min-height: 0;}}@media (min-width: 960px){.page-head{padding-block: 88px 16px;}.page__lede{margin: 48px 0 0 calc(var(--label-col) + var(--col-gap));}.framing-options{padding-top: 96px;}.framing__note{margin-left: calc(var(--label-col) + var(--col-gap));}.framing__option,.bridge__pair{display: grid;grid-template-columns: var(--label-col) minmax(0,1fr);column-gap: var(--col-gap);margin-top: 72px;}.framing__label,.bridge__then{margin-bottom: 0;}.bridge{padding-top: 168px;}.bridge__join{display: none;}.bridge__link{margin-left: calc(var(--label-col) + var(--col-gap));}.contact{padding-top: 96px;}.contact-card{margin-left: calc(var(--label-col) + var(--col-gap));}}@media (prefers-reduced-motion: no-preference){.tab{transition: background-size 220ms ease-out,color 160ms ease-out;}.clip.is-playing .clip__video{animation: fade-in 200ms ease-out;}@keyframes fade-in{from{opacity: 0.8;}}@supports (animation-timeline: view()){.wall .piece{animation: come-up linear both;animation-timeline: view();animation-range: entry 0% entry 55%;}.wall .piece:nth-child(2){animation-range: entry 8% entry 63%;}.wall .piece:nth-child(3){animation-range: entry 16% entry 71%;}@keyframes come-up{from{opacity: 0;transform: translateY(14px);}}}}@media print{.wall .piece,.stage{animation: none !important;opacity: 1 !important;transform: none !important;transition: none !important;}}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto;}*,*::before,*::after{transition-duration: 0s !important;animation-duration: 0s !important;}}