@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.static{position:static}.block{display:block}.grid{display:grid}.hidden{display:none}.lowercase{text-transform:lowercase}}:root{--paper:#f3f1e9;--ink:#111114;--ink-2:#1d1d22;--blue:#2647ff;--red:#ff4b2b;--red-text:#c4280f;--acid:#d7ff3f;--cream:#f7f5ee;--muted:#5d5c58;--line:#11111429;--pad:clamp(1rem, 4.5vw, 2.75rem);--col:60rem;--sans:"Helvetica Neue", Helvetica, Arial, system-ui, sans-serif;--display:"Arial Narrow", "Helvetica Neue Condensed", "Roboto Condensed", "Helvetica Neue", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0;overflow-x:clip}img,video{max-width:100%;height:auto;display:block}a,button,summary{-webkit-tap-highlight-color:transparent}::selection{background:var(--blue);color:#fff}.page{min-height:100vh;overflow-x:clip}.skip-link{z-index:100;background:var(--ink);color:#fff;padding:.7rem 1rem;font-weight:700;position:fixed;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus{transform:none}.go{border:2px solid var(--ink);color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:#fff;justify-content:space-between;align-items:center;gap:.9rem;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s;display:inline-flex;position:relative}.go-arrow{background:var(--ink);color:#fff;border-radius:50%;flex:none;place-items:center;width:2.4rem;height:2.4rem;font-size:1.15rem;font-weight:800;line-height:1;transition:transform .18s,background .18s,color .18s;display:inline-grid}.go:hover,.go:focus-visible{border-color:var(--blue);transform:translateY(-3px);box-shadow:0 .9rem 1.8rem -1rem #2647ff8c}.go:hover .go-arrow,.go:focus-visible .go-arrow{background:var(--blue);transform:translate(4px)}.go:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.go:active{background:var(--acid);box-shadow:none;transform:translateY(0)scale(.98)}.go:active .go-arrow{background:var(--blue)}.go-pill{border-radius:999px;min-height:3rem;padding:.35rem .4rem .35rem 1.2rem;font-size:.98rem;font-weight:800}.go-pill .go-arrow{width:2.2rem;height:2.2rem}.go-card{border-radius:1rem;flex-direction:column;align-items:stretch;gap:0;width:100%;display:flex;overflow:hidden}.go-media{aspect-ratio:16/9;background:var(--ink);position:relative;overflow:hidden}.go-media.is-square{aspect-ratio:1}.go-media img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.go:hover .go-media img{transform:scale(1.04)}.go-foot{justify-content:space-between;align-items:center;gap:1rem;padding:.9rem .9rem .9rem 1.1rem;display:flex}.go-text{gap:.4rem;min-width:0;display:grid}.go-name{letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:800;line-height:1.15}.go-by{color:var(--muted);font-size:.86rem}.go-result{color:var(--blue);font-size:.9rem;font-weight:800}.go-card.is-hero .go-name{font-family:var(--display);letter-spacing:-.04em;font-size:clamp(2rem,7vw,3.6rem);line-height:.9}.go-card.is-hero .go-foot{padding:1.1rem 1.1rem 1.2rem 1.4rem}.go-card.is-hero .go-arrow{width:3.2rem;height:3.2rem;font-size:1.5rem}.screen.ink .go{background:var(--ink-2);border-color:var(--cream);color:var(--cream)}.screen.ink .go-arrow{background:var(--acid);color:var(--ink)}.screen.ink .go-by{color:#f7f5eebf}.screen.ink .go-result{color:var(--acid)}.screen.ink .go:hover,.screen.ink .go:focus-visible{border-color:var(--acid);box-shadow:0 .9rem 1.8rem -1rem #d7ff3f66}.screen.ink .go:hover .go-arrow,.screen.ink .go:focus-visible .go-arrow{background:#fff}.screen.ink .go:active{background:#000}.tags{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.tag{cursor:default;align-items:center;font-size:.95rem;line-height:1;display:inline-flex}.tag-emoji{letter-spacing:0;filter:drop-shadow(0 1px 1.5px #11111161)drop-shadow(0 0 2px #ffffff8c);font-family:Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif;font-size:1.12em;font-weight:400;line-height:1}.marks{gap:.55rem}.tag-me,.tag-ai,.tag-net{color:inherit;background:0 0}.legend{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:.4rem 1rem;margin:0;padding:0;font-size:.78rem;list-style:none;display:flex}.legend li{align-items:center;gap:.4rem;display:inline-flex}.screen.ink .legend{color:#f7f5eebf}.top{z-index:40;padding:.6rem var(--pad);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#f3f1e9eb;justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.mark{letter-spacing:-.03em;font-size:1.05rem;font-weight:900}.mark span{color:var(--blue)}.top .go-pill{min-height:2.6rem;font-size:.86rem}.top .go-pill .go-arrow{width:1.9rem;height:1.9rem;font-size:1rem}.foot{padding:1.6rem var(--pad) 2rem;color:var(--muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem 1.2rem;font-size:.78rem;display:flex}.foot .made{align-items:center;gap:.45rem;display:inline-flex}.screen{padding:clamp(4.5rem, 13vh, 8.5rem) var(--pad);text-align:center;flex-direction:column;align-items:center;gap:clamp(1.6rem,4vw,2.6rem);display:flex}.screen.ink{background:var(--ink);color:var(--cream)}.screen-head{justify-items:center;gap:.7rem;display:grid}.label{letter-spacing:.18em;text-transform:uppercase;color:var(--blue);margin:0;font-size:.76rem;font-weight:800}.screen.ink .label{color:var(--acid)}.screen-title{max-width:16ch;font-family:var(--display);letter-spacing:-.045em;margin:0;font-size:clamp(2.6rem,10vw,6.2rem);font-weight:800;line-height:.9}.caps{background:var(--acid);color:var(--ink);padding:.04em .06em 0;line-height:.86;display:inline-block}.screen-sub{max-width:34ch;margin:0;font-size:clamp(1rem,2.4vw,1.25rem);line-height:1.4}.hero-slot{width:min(100%,50rem)}.smalls{width:min(100%, var(--col));grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}@media (min-width:640px){.smalls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:960px){.smalls{grid-template-columns:repeat(3,minmax(0,1fr))}.smalls.n2{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,42rem)}}.skills{border-top:1px solid var(--line);justify-items:center;gap:.55rem;width:min(100%,44rem);margin:0;padding:1.1rem 0 0;list-style:none;display:grid}.screen.ink .skills{border-color:#f7f5ee33}.skills li{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:.25rem .5rem;font-size:.9rem;line-height:1.4;display:flex}.skills .items{color:var(--muted)}.screen.ink .skills .items{color:#f7f5eebf}.opening{justify-content:center;gap:clamp(1rem,3vw,1.6rem);min-height:calc(100svh - 3.5rem);padding-top:clamp(2rem,7vh,4rem);padding-bottom:clamp(2rem,7vh,4rem)}.opening h1{font-family:var(--display);letter-spacing:-.05em;margin:0;font-size:clamp(3rem,12.5vw,8.5rem);font-weight:800;line-height:.88}.opening .screen-sub{font-size:clamp(1.1rem,3vw,1.5rem)}.showreel{aspect-ratio:16/9;background:var(--ink);border-radius:1rem;width:min(100%,46rem);position:relative;overflow:hidden;box-shadow:0 2rem 3.5rem -2rem #11111499}.showreel video,.showreel img{object-fit:cover;width:100%;height:100%}.also{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:1.4rem;padding-top:clamp(3.5rem,9vh,6rem);padding-bottom:clamp(3.5rem,9vh,6rem)}.also-list{width:min(100%, var(--col));flex-wrap:wrap;justify-content:center;gap:.9rem 1.6rem;margin:0;padding:0;list-style:none;display:flex}.also-list li{color:var(--muted);justify-items:center;gap:.3rem;font-size:.86rem;display:grid}.contact{background:var(--acid)}.contact .screen-title{color:var(--ink)}.contact .go-pill{overflow-wrap:anywhere;padding-left:clamp(1rem,3vw,1.6rem);font-size:clamp(.95rem,3.6vw,1.5rem)}.contact .go-pill .go-arrow{width:2.8rem;height:2.8rem}.p-head{padding:clamp(2.6rem, 8vw, 4.5rem) var(--pad) 1.2rem;text-align:center;justify-items:center;gap:.8rem;display:grid}.p-head h1{font-family:var(--display);letter-spacing:-.05em;margin:0;font-size:clamp(3.2rem,14vw,8.5rem);font-weight:800;line-height:.86}.p-by{color:var(--muted);margin:0;font-size:1rem}.block{padding:clamp(1.6rem, 5vw, 2.6rem) var(--pad);text-align:center;justify-items:center;gap:1rem;display:grid}.block>.label{margin-bottom:.2rem}.block .tags{justify-content:center}.block .marks .tag{font-size:1.5rem}.result{font-family:var(--display);letter-spacing:-.03em;margin:.3rem 0 0;font-size:clamp(1.5rem,5.5vw,2.4rem);font-weight:800;line-height:1.05}.result span{background:var(--acid);-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .15em}.who-list{justify-items:center;gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.who-list li{flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}.honest{margin:.3rem 0 0;font-weight:800}.work-media{width:min(100%,56rem)}.player{width:100%}.player .go-card{border-radius:1rem}.player-frame{aspect-ratio:16/9;border:2px solid var(--ink);background:#000;border-radius:1rem;position:relative;overflow:hidden}.player-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.drive-frame{scroll-margin-top:9rem;display:none}.drive-frame:target{display:block}.drive-frame:target~.go-card{display:none}.player-drive+.go{margin-top:1rem}.stage{text-align:left;padding:0 13% 9% 0;position:relative}.browser{border:1px solid var(--ink);background:#fff;border-radius:.7rem;margin:0;overflow:hidden;box-shadow:0 1.75rem 3rem -1.75rem #1111148c}.browser-bar{background:var(--ink);color:var(--cream);white-space:nowrap;align-items:center;gap:.35rem;padding:.5rem .75rem;font-size:.7rem;display:flex}.browser-bar i{background:#f7f5ee59;border-radius:50%;width:.55rem;height:.55rem}.browser-bar span{opacity:.8;text-overflow:ellipsis;margin-left:.5rem;overflow:hidden}.phone{border:3px solid var(--ink);background:var(--ink);border-radius:1.1rem;width:24%;margin:0;position:absolute;bottom:0;right:0;overflow:hidden;box-shadow:0 1.5rem 2.5rem -1rem #11111499}.still{width:min(100%,26rem);margin:0 auto}.still img{border:2px solid var(--ink);border-radius:1rem;width:100%}.diagram{border:2px solid var(--ink);background:var(--ink);width:min(100%,52rem);color:var(--cream);counter-reset:node;border-radius:1rem;gap:.6rem;margin:0;padding:clamp(1rem,3vw,1.6rem);list-style:none;display:grid}.diagram li{text-align:center;border:1px solid #f7f5ee4d;border-radius:.6rem;gap:.15rem;padding:.9rem 1rem;display:grid}.diagram li strong{font-size:1.05rem}.diagram li span{color:#f7f5eec7;font-size:.86rem}.diagram li.is-me{border-color:var(--blue);background:#2647ff2e}@media (min-width:760px){.diagram{grid-template-columns:repeat(3,minmax(0,1fr))}}.how{padding:1.2rem var(--pad) clamp(2.5rem, 7vw, 4rem);justify-items:center;display:grid}.how>summary{list-style:none}.how>summary::-webkit-details-marker{display:none}.how>summary .go-arrow{transition:transform .22s,background .18s}.how[open]>summary .go-arrow{transform:rotate(90deg)}.how-body{width:min(100%, var(--col));border-top:1px solid var(--line);text-align:center;justify-items:center;gap:clamp(2rem,5vw,3rem);margin-top:clamp(1.8rem,5vw,2.8rem);padding-top:clamp(1.8rem,5vw,2.8rem);display:grid}.how-part{justify-items:center;gap:1rem;width:100%;display:grid}.how-part p{max-width:44ch;margin:0;line-height:1.5}.chips{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.chips li{background:#11111412;border-radius:.3rem;padding:.45rem .75rem;font-size:.9rem;font-weight:700}.steps{gap:.6rem;width:min(100%,36rem);margin:0;padding:0;list-style:none;display:grid}.steps li{gap:.1rem;display:grid}.steps time{letter-spacing:.1em;text-transform:uppercase;color:var(--blue);font-size:.76rem;font-weight:800}.steps span{font-size:1rem;font-weight:700}.pair,.visual-grid{grid-template-columns:minmax(0,1fr);gap:1.5rem;width:100%;display:grid}@media (min-width:900px){.pair,.visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.visual{margin:0}.visual img{border:1px solid var(--ink);border-radius:.5rem;width:100%}.visual.is-phone img{border-width:3px;border-radius:1.2rem;width:auto;max-width:min(14rem,62vw);margin-inline:auto}.visual figcaption{margin-top:.6rem;font-size:.92rem;font-weight:700}.note{color:var(--red-text);margin:0;font-size:.92rem;font-weight:700}.credits{gap:.25rem;margin:0;padding:0;font-size:.92rem;list-style:none;display:grid}.p-nav{padding:clamp(2.5rem, 7vw, 4rem) var(--pad);border-top:1px solid var(--line);justify-items:center;gap:1rem;display:grid}.p-nav .go-card{width:min(100%,26rem)}.lost{min-height:70vh;padding:3rem var(--pad);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}.lost h1{font-family:var(--display);letter-spacing:-.05em;margin:0;font-size:clamp(3rem,14vw,8rem);line-height:.9}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.step{animation:linear both step-in;animation-timeline:view();animation-range:entry cover 28%}.step.is-hero{animation-name:hero-in;animation-range:entry cover 40%}.smalls>.step{animation-name:fan-in;animation-range:entry cover 35%}.opening .showreel{animation:linear both reel-out;animation-timeline:view();animation-range:exit}}}@keyframes step-in{0%{transform:translateY(3.5rem)}to{transform:none}}@keyframes hero-in{0%{transform:translateY(5rem)scale(.9)}to{transform:none}}@keyframes fan-in{0%{transform:translate(var(--fx,0), -4rem) rotate(var(--fr,0deg)) scale(.86)}to{transform:none}}@keyframes reel-out{to{transform:scale(.92)}}@media (min-width:960px){.smalls>.step:first-child{--fx:70%;--fr:-5deg}.smalls>.step:nth-child(3){--fx:-70%;--fr:5deg}.smalls.n2>.step:first-child{--fx:35%}.smalls.n2>.step:nth-child(2){--fx:-35%;--fr:5deg}}html.io .step{transition:transform .7s cubic-bezier(.2,.7,.2,1)}html.io .step:not(.in){transform:translateY(3rem)}html.io .smalls>.step:not(.in){transform:translateY(-3rem)scale(.9)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.go,.go-arrow,.go-media img{transition:none}.go:hover,.go:focus-visible,.go:hover .go-arrow,.go:focus-visible .go-arrow,.go:hover .go-media img{transform:none}}.hero-slot.is-square{width:min(100%,26rem)}.reel-slot{justify-items:center;display:grid}.screen-title.is-small{font-size:clamp(1.8rem,6vw,3.2rem)}.go.is-mail{overflow-wrap:anywhere;border-radius:999px;min-height:4rem;padding:.5rem .6rem .5rem clamp(1rem,3vw,1.6rem);font-size:clamp(.92rem,3.8vw,1.5rem);font-weight:800}.go.is-mail .go-arrow{width:2.8rem;height:2.8rem}.go-media.is-diagram{background:var(--ink);grid-template-columns:repeat(3,minmax(0,1fr));align-content:center;gap:.4rem;padding:.9rem;display:grid}.go-media.is-diagram span{min-height:2.6rem;color:var(--cream);text-align:center;border:1px solid #f7f5ee59;border-radius:.4rem;place-items:center;padding:.3rem;font-size:.68rem;font-weight:700;line-height:1.15;display:grid}.go-media.is-diagram span.is-me{border-color:var(--blue);background:#2647ff59}.work-media{gap:1.25rem;display:grid}.p-head .label,.p-nav .label{margin:0}.honest{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:inline-flex}@media (prefers-reduced-motion:reduce){.go:active{transform:none}}.opening .opening-line{max-width:40ch}.skills .detail{font-weight:700}.skills .skill,.also-list .skill{color:var(--ink);font-weight:800}.screen.ink .skills .skill{color:inherit}.also-skill{align-items:center;gap:.4rem;display:inline-flex}.who-list li{font-weight:700}@media (max-width:639px){.go-card.small{border-radius:.8rem;grid-template-columns:7.5rem minmax(0,1fr);align-items:stretch;display:grid}.go-card.small .go-media{aspect-ratio:auto;height:100%;min-height:5.5rem}.go-card.small .go-media.is-diagram{grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem;padding:.35rem}.go-card.small .go-media.is-diagram span{min-height:0;padding:.15rem;font-size:.5rem}.go-card.small .go-foot{gap:.5rem;padding:.6rem .6rem .6rem .8rem}.go-card.small .go-name{font-size:1rem}.go-card.small .go-by{font-size:.78rem}.go-card.small .tag{font-size:.85rem}.go-card.small .go-arrow{width:2rem;height:2rem;font-size:1rem}}.contact .caps{background:var(--ink);color:var(--acid)}.top-right{align-items:center;gap:.5rem;display:inline-flex}.opening .legend{color:var(--ink);flex-direction:column;align-items:center;gap:.45rem;font-size:.9rem}.opening .legend li{gap:.55rem}.opening .legend .tag{font-size:1.15rem}.opening .legend strong{font-weight:800}@media (prefers-reduced-motion:no-preference){.opening .legend li{animation:.52s cubic-bezier(.2,.9,.3,1.35) both pop-in;animation-delay:calc(.7s + var(--i,0) * .26s)}}@keyframes pop-in{0%{transform:translateY(.6rem)scale(.4)}to{transform:none}}.chain-scroll{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;text-align:center;--chain-show:1.6;--chain-w:calc(min(100vw - 2 * var(--pad), var(--col)) - .6rem);width:100%;min-width:0;max-width:100%;padding:.3rem .3rem .9rem;scroll-padding-inline:.3rem;overflow:auto hidden}@media (min-width:560px){.chain-scroll{--chain-show:3.5}}@media (min-width:960px){.chain-scroll{--chain-show:4.5}}.chain-scroll:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:.9rem}@media (prefers-reduced-motion:no-preference){.chain-scroll{scroll-behavior:smooth}}.chain{flex-wrap:nowrap;align-items:stretch;width:max-content;margin:0;padding:0;list-style:none;display:flex}.chain-step{scroll-snap-align:start;flex:none;align-items:stretch;display:flex}.chain-block{flex:0 0 max(7.5rem, calc(var(--chain-w) / var(--chain-show) - 2.7rem));width:max(7.5rem, calc(var(--chain-w) / var(--chain-show) - 2.7rem));border:1px solid var(--line);background:#fff;border-radius:.9rem;align-content:start;justify-items:center;gap:.55rem;min-height:6.6rem;padding:.95rem .8rem 1rem;display:grid}.chain-marks{align-items:center;gap:.45rem;margin:0;display:inline-flex}.chain-marks .tag{font-size:1.4rem}.chain-name{overflow-wrap:break-word;margin:0;font-size:1rem;font-weight:800;line-height:1.25}.chain-link{background:var(--ink);flex:0 0 2rem;align-self:center;height:2px;margin:0 .35rem;position:relative}.chain-link:after{content:"";border-top:2px solid var(--ink);border-right:2px solid var(--ink);width:.55rem;height:.55rem;position:absolute;top:50%;right:0;transform:translateY(-50%)rotate(45deg)}.chain-shots{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1rem .9rem;width:100%;margin:.2rem 0 0;padding:0;list-style:none;display:flex}.chain-shot{justify-items:center;gap:.45rem;max-width:100%;margin:0;display:grid}.chain-shot img{object-fit:contain;border:1px solid var(--line);border-radius:.5rem;width:auto;max-width:100%;height:6.5rem}.chain-shot figcaption{align-items:center;gap:.3rem;font-size:.8rem;font-weight:800;display:inline-flex}.chain-shot figcaption .tag{font-size:.95rem}@media (min-width:760px){.chain-shots{gap:1.1rem 1.4rem}.chain-shot img{height:11rem}.chain-shot figcaption{font-size:.86rem}.opening .legend{flex-flow:wrap;justify-content:center;gap:.5rem 1.6rem}.opening .showreel{width:min(100%,40rem)}}.hero-me{--me-cut:.1;--me-shift:10%;--me-over:calc(1607 / 1440);--me-w:min(40rem, 100%, calc((50vw - .75rem) / .716));justify-items:center;width:100%;display:grid}.me{z-index:1;width:var(--me-w);transform:translateX(var(--me-shift));margin:0;position:relative}.me-shape{z-index:-1;background:var(--acid);border-radius:58% 42% 47% 53%/46% 55% 45% 54%;width:56%;height:76%;position:absolute;top:11%;left:19%}.me-shape:after{content:"";aspect-ratio:1;border:clamp(.35rem, 1.4vw, .7rem) solid var(--blue);border-color:var(--blue) var(--blue) transparent transparent;border-radius:50%;width:46%;position:absolute;top:-6%;right:-10%;transform:rotate(-12deg)}@media (prefers-reduced-motion:no-preference){.me-shape{animation:14s ease-in-out infinite me-morph}}@keyframes me-morph{0%,to{border-radius:58% 42% 47% 53%/46% 55% 45% 54%}50%{border-radius:44% 56% 55% 45%/56% 44%}}.me img{width:calc(100% * var(--me-over));filter:contrast(1.05)saturate(1.05)sepia(.05)drop-shadow(0 1.2rem 1.4rem #1111142e);max-width:none;height:auto;position:relative}.opening .me-name{z-index:2;margin:calc(var(--me-w) * var(--me-cut) * -1 - .07em) 0 0;text-transform:uppercase;letter-spacing:-.035em;text-shadow:0 0 .02em var(--paper), 0 0 .035em var(--paper), 0 0 .05em var(--paper), 0 .06em .1em #11111447;font-size:clamp(3.6rem,9vw,7rem);line-height:.88;position:relative}@media (max-width:759px){.opening .me-name{font-size:16vw}}.story{border-top:1px solid var(--line);text-align:left;gap:.9rem;width:min(100%,40rem);margin:0;padding:1.2rem 0 0;display:grid}.story p{margin:0;font-size:clamp(1rem,2.2vw,1.12rem);line-height:1.55}.screen .story p:first-child{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(1.5rem,4.5vw,2rem);font-weight:800;line-height:1.05}.story .tag{vertical-align:-.1em}.block .story{border-top:0;padding-top:0}@media (min-width:640px){.smalls.n4{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,44rem)}}.go-card.small .go-result{font-size:.82rem}.go-media.is-logo img{box-sizing:border-box;object-fit:contain;width:100%;height:100%;padding:7%;position:absolute;inset:0}.go:hover .go-media.is-logo img{transform:none}.go-media.is-afroton{background:linear-gradient(160deg,#ff8a1c,#ff5a04)}.go-media.is-vault{background:#1b1030}.go-media.is-type{background:var(--ink);color:var(--cream);font-family:var(--display);letter-spacing:-.03em;text-align:center;place-items:center;padding:.6rem;font-size:clamp(1.4rem,5vw,2rem);font-weight:800;line-height:.95;display:grid}.card-quiet{text-align:left;background:#fff;border:2px dashed #11111473;border-radius:1rem;flex-direction:column;width:100%;display:flex;overflow:hidden}@media (max-width:639px){.card-quiet.small{border-radius:.8rem;grid-template-columns:7.5rem minmax(0,1fr);align-items:stretch;display:grid}.card-quiet.small .go-media{aspect-ratio:auto;height:100%;min-height:5.5rem;font-size:1rem}.card-quiet.small .go-foot{gap:.5rem;padding:.6rem .6rem .6rem .8rem}.card-quiet.small .go-name{font-size:1rem}.card-quiet.small .go-by{font-size:.78rem}}.who-list .who-role{color:var(--muted);font-weight:400}.afro-logo{aspect-ratio:1;background:linear-gradient(160deg,#ff8a1c,#ff5a04);border-radius:1.4rem;place-items:center;width:clamp(7rem,26vw,10rem);padding:.7rem;display:grid}.afro-logo img{object-fit:contain;width:100%;height:100%}.afro-work{text-align:left;gap:1.4rem;width:min(100%,60rem);display:grid}.afro-edits{gap:1.4rem;display:grid}.afro-edit,.afro-ad{gap:.6rem;margin:0;display:grid}.afro-edit figcaption,.afro-ad figcaption{gap:.15rem;font-size:.92rem;display:grid}.afro-edit time,.afro-ad time{color:var(--muted)}.afro-role{color:var(--blue);font-weight:800}.afro-ad{justify-self:center;width:min(100%,15rem)}.go-media.is-tall{aspect-ratio:9/16}@media (min-width:820px){.afro-work{grid-template-columns:minmax(0,1fr) 15rem;align-items:start}.afro-ad{width:100%}}.vault-logo{width:clamp(5rem,18vw,7.5rem);height:auto}.vault-line{max-width:30ch;margin:0;font-size:clamp(1.1rem,3vw,1.4rem);font-weight:700;line-height:1.35}.vault .p-head .marks .tag{font-size:1.5rem}.flow{flex-wrap:wrap;justify-content:center;gap:.6rem .5rem;width:min(100%,58rem);margin:0;padding:0;list-style:none;display:flex}.flow li{align-items:center;gap:.5rem;display:inline-flex}.flow-step{align-items:center;gap:.4rem;font-size:1rem;font-weight:700;display:inline-flex}.flow li+li:before{content:"→";color:var(--muted)}@media (max-width:639px){.flow{flex-direction:column;align-items:center}.flow li{flex-direction:column;gap:.35rem}.flow li+li:before{content:"↓"}}@media (min-width:960px){.smalls.n4>.step:nth-child(odd){--fx:35%;--fr:-4deg}.smalls.n4>.step:nth-child(2n){--fx:-35%;--fr:4deg}.smalls.n5{grid-template-columns:repeat(6,minmax(0,1fr))}.smalls.n5>*{grid-column:span 2}.smalls.n5>:nth-child(4){grid-column:2/span 2}.smalls.n5>:nth-child(5){grid-column:4/span 2}}.story .honest{margin:0}.story-quote{border-left:3px solid var(--ink);margin:0;padding:.2rem 0 .2rem 1rem}.story-quote p{font-family:var(--display);letter-spacing:-.01em;font-size:clamp(1.2rem,3.4vw,1.5rem);font-weight:800;line-height:1.2}.marquee{background:#2f2d34;border-radius:1rem;width:min(100%,56rem);margin-top:.6rem;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.marquee-track{width:max-content;animation:48s linear infinite marquee;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-row{flex:none;align-items:center;gap:2.6rem;margin:0;padding:1.4rem 1.3rem;list-style:none;display:flex}.marquee-row li{flex:none;place-items:center;display:grid}.marquee-row img{object-fit:contain;width:8.5rem;height:3rem;display:block}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width:639px){.marquee-row{gap:1.8rem;padding:1.1rem .9rem}.marquee-row img{width:6.5rem;height:2.4rem}}@media (prefers-reduced-motion:reduce){.marquee{-webkit-mask-image:none;mask-image:none}.marquee-track{width:100%;animation:none}.marquee-row{flex-wrap:wrap;flex:1;justify-content:center;row-gap:1.2rem}.marquee-row[data-copy]{display:none}}.vault-shots{gap:1.6rem;width:min(100%,56rem);display:grid}.vault-shot{gap:.6rem;margin:0;display:grid}.vault-shot-img{border:1px solid var(--ink);background:#1a1a1e;border-radius:.7rem;display:block;overflow:hidden;box-shadow:0 1.75rem 3rem -1.75rem #1111148c}.vault-shot-img img{width:100%;height:auto;display:block}.vault-shot figcaption{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;font-size:.95rem;display:flex}.sample{background:var(--acid);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.1rem .5rem;font-size:.78rem;font-weight:800}.vault .story{justify-self:center}.how-lines{border-top:1px solid var(--line);text-align:left;gap:.5rem;width:min(100%,40rem);margin:.6rem 0 0;padding:1rem 0 0;list-style:none;display:grid}.how-lines li{font-size:clamp(1rem,2.2vw,1.08rem);line-height:1.5}.how-lines li:before{content:"→ ";color:var(--muted)}.result.is-text{letter-spacing:0;text-align:left;width:min(100%,40rem);margin-top:.6rem;font-family:inherit;font-size:clamp(1rem,2.2vw,1.12rem);font-weight:400;line-height:1.55}.result.is-text span{background:0 0;padding:0}.chapter-intro{text-wrap:balance;max-width:46ch}.chapter-intro .tag{vertical-align:-.1em}.afro-side{justify-self:center;gap:1.4rem;width:min(100%,15rem);display:grid}.afro-side .afro-ad{width:100%}.player-frame.is-tall{aspect-ratio:9/16}.player-frame video{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;inset:0}.afro-reel figcaption .tags{justify-content:flex-start;justify-self:start;margin:.15rem 0}.afro-reel figcaption .marks .tag{font-size:1.2rem}.afro-reel .reel-link{justify-self:start;margin-top:.3rem}@media (min-width:820px){.afro-side{width:100%}}.bank-lead{max-width:40rem;margin:0;font-size:clamp(1.05rem,2.6vw,1.25rem);font-weight:700;line-height:1.4}.belt{width:min(100%,58rem);margin-top:.4rem;position:relative}.belt-stations{grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem;margin:0;padding:0 0 1.5rem;list-style:none;display:grid}.belt-stations li{align-content:start;justify-items:center;gap:.25rem;min-width:0;display:grid}.belt-name{flex-direction:column;justify-content:center;align-items:center;gap:.2rem;max-width:100%;font-size:1rem;display:inline-flex}.belt-name strong{overflow-wrap:anywhere;min-width:0}.belt-note{color:var(--muted);font-size:.86rem;line-height:1.35}.belt-track{border-bottom:3px solid var(--ink);background:repeating-linear-gradient(90deg, transparent 0 calc(20% - 2px), var(--line) calc(20% - 2px) 20%) bottom / 100% .35rem no-repeat;height:.75rem;position:absolute;bottom:.45rem;left:0;right:0;overflow:hidden}.belt-parcel{transform:translateX(calc(var(--n) * 25% + 6%));position:absolute;inset:0}.belt-parcel:before{content:"";background:var(--acid);border:2px solid var(--ink);width:.55rem;height:.55rem;position:absolute;bottom:0;left:0}@media (prefers-reduced-motion:no-preference){.belt-parcel{animation:12s linear infinite belt-x;animation-delay:calc(var(--n) * -3s)}}@keyframes belt-x{0%{transform:translate(-1rem)}to{transform:translate(100%)}}@media (max-width:639px){.belt{width:min(100%,24rem)}.belt-stations{text-align:left;grid-template-columns:minmax(0,1fr);gap:.9rem;padding:0 0 0 2rem}.belt-stations li{justify-items:start}.belt-name{flex-direction:row;justify-content:flex-start;gap:.35rem}.belt-track{border-bottom:0;border-left:3px solid var(--ink);background:0 0;width:.75rem;height:auto;top:0;bottom:0;right:auto}.belt-parcel{transform:translateY(calc(var(--n) * 25% + 6%))}.belt-parcel:before{top:0;bottom:auto;left:0}@media (prefers-reduced-motion:no-preference){.belt-parcel{animation-name:belt-y}}}@keyframes belt-y{0%{transform:translateY(-1rem)}to{transform:translateY(100%)}}.bank-facts{border-top:1px solid var(--line);text-align:left;gap:.9rem;width:min(100%,40rem);margin:.4rem 0 0;padding:1rem 0 0;display:grid}.bank-facts div{gap:.2rem;display:grid}.bank-facts dt{font-weight:800}.bank-facts dd{overflow-wrap:anywhere;margin:0;font-size:clamp(1rem,2.2vw,1.08rem);line-height:1.5}.belt-stations li[data-optional] .belt-name strong{font-style:italic;font-weight:600}