:root{color-scheme:dark;--navy: #0a1628;--navy-deep: #0c1d36;--navy-elev: #14283a;--ink-base: #1f2a3a;--cream: #f5efe6;--cream-elev: #fffefa;--text-hi: #e8eef5;--text-2: #b9c6d4;--text-mid: #8fa0b3;--text-low: #7a8ca1;--bg-host: #0a1628;--bg-rakuten: #2a0b4a;--bg-stumbleupon: #2b0d06;--bg-strangercourt: #0b0d10;--bg-falconforged: #0c1d36;--bg-github: #0d1117;--bg-ios: #000000;--bg-macos: #1d1d1f;--bg-pbhs: #08182e;--bg-wellsfargo: #2a0a0c;--bg-cci: #101c2b;--bg-grocertools: #141d1a;--fade-h: clamp(260px, 38vh, 520px);--hairline: rgba(245, 239, 230, .1);--hairline-strong: rgba(245, 239, 230, .18);--specular: rgba(245, 239, 230, .16);--glass-fill: rgba(20, 40, 58, .62);--sub-seed: var(--hairline-strong);--sub-line: var(--hairline-strong);--sub-ink: var(--text-2);--sub-bg: var(--navy);--font-display: "Instrument Serif", Georgia, "Times New Roman", serif;--font-body: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--gutter: 56px;--pad-x: clamp(20px, 5vw, 120px);--measure: 66ch;--radius: 14px;--nav-h: 72px;--settle: .52s cubic-bezier(.16, 1, .3, 1);--lift: .64s cubic-bezier(.16, 1, .3, 1);--snap: .18s cubic-bezier(.32, .94, .6, 1);--touch: .14s cubic-bezier(.4, 0, .2, 1);--exit: .16s cubic-bezier(.4, 0, 1, 1);--job-grow: cubic-bezier(.32, .72, 0, 1);--job-fall: cubic-bezier(.4, 0, .2, 1);--job-med: .64s var(--job-grow)}@media(min-width:1000px){:root{--pad-x: clamp(64px, 8vw, 116px)}}[data-subject=rakuten]{--font-display: "Zilla Slab", Georgia, serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--sub-wash: #8529cd;--sub-seed: #8529cd;--sub-line: #9b50d6;--sub-ink: #cfc0ff;--sub-bg: var(--bg-rakuten)}[data-subject=falconforged]{--sub-wash: #2dd4bf;--sub-wash-amt: 22%;--sub-seed: #2dd4bf;--sub-line: #2dd4bf;--sub-ink: #6fdbc6;--sub-bg: var(--bg-falconforged)}[data-subject=github]{--font-display: "Mona Sans Variable", "Mona Sans", system-ui, sans-serif;--font-body: "Mona Sans Variable", "Mona Sans", system-ui, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--sub-wash: #2f81f7;--sub-wash-amt: 20%;--sub-seed: #2f81f7;--sub-line: #2f81f7;--sub-ink: #7d8590;--sub-bg: var(--bg-github)}[data-subject=stumbleupon]{--font-display: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-body: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;--sub-wash: #eb4924;--sub-seed: #eb4924;--sub-line: #f2795c;--sub-ink: #ffc8b8;--sub-bg: var(--bg-stumbleupon)}[data-subject=products]{--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--sub-seed: #2997ff;--sub-line: #2997ff;--sub-ink: #86868b;--apple-hi: #f5f5f7}[data-subject=products]{--sub-bg: var(--bg-ios)}.show[data-brand=walkups]{--brand: #d8f13a;--brand-ink: #eaf7a8}.show[data-brand=dementoids]{--brand: #8ddfff;--brand-ink: #c9edff}.show[data-brand=fitlock]{--brand: #ff5e27;--brand-ink: #ffb69b}.show[data-brand=hoapass]{--brand: #4f46e5;--brand-ink: #b9b4f7}[data-subject=strangercourt]{--sub-wash: #e39a4e;--sub-wash-amt: 22%;--sub-seed: #59e8a0;--sub-line: #59e8a0;--sub-ink: #a9f3cb;--sub-bg: var(--bg-strangercourt);--font-display: "Big Shoulders Display", "Arial Narrow", sans-serif;--font-body: "Archivo", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}[data-subject=pbhs]{--font-display: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-body: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;--sub-wash: #1d6ad0;--sub-seed: #1d6ad0;--sub-line: #4a90e2;--sub-ink: #a8cdf7;--sub-bg: var(--bg-pbhs)}[data-subject=wellsfargo]{--font-display: "Inter", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--sub-wash: #d71e28;--sub-seed: #d71e28;--sub-line: #f2555d;--sub-ink: #fcc60a;--sub-bg: var(--bg-wellsfargo)}[data-subject=cci]{--sub-wash: #4C7BE0;--sub-seed: #4C7BE0;--sub-line: #6E93E8;--sub-ink: #BACDF7;--sub-bg: var(--bg-cci)}[data-subject=grocertools]{--sub-wash: #22C55E;--sub-seed: #22C55E;--sub-line: #4ADE80;--sub-ink: #A7F3C4;--sub-bg: var(--bg-grocertools)}*{box-sizing:border-box}body{margin:0;background:var(--navy);color:var(--text-2);font:400 16px/1.7 var(--font-body);-webkit-font-smoothing:antialiased}a{color:var(--cream);text-underline-offset:5px}a:hover{text-decoration:underline}a:focus-visible{outline:3px solid var(--cream);outline-offset:7px}img{display:block;max-width:100%;height:auto}.masthead,main,footer{width:min(1320px,88%);margin-inline:auto}.masthead{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:32px;border-bottom:1px solid var(--hairline-strong)}.wordmark{text-decoration:none;font:30px/1.15 var(--font-display)}.wordmark span{display:block;font:11px/2 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--text-mid)}nav{display:flex;gap:28px;font-size:13px}nav a{text-decoration:none}.intro{padding:100px 0 80px;max-width:850px}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text-mid);margin:0 0 24px}h1,h2,h3{font-family:var(--font-display);font-weight:400;color:var(--cream);margin:0}h1{font-size:clamp(64px,8.5vw,120px);line-height:.98;letter-spacing:-.035em}h1 em{font-weight:400}.lede{max-width:590px;font-size:18px;line-height:1.8;margin:32px 0 0}.section-heading{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--hairline-strong);padding:24px 0 30px}.section-heading h2{font-size:28px}.section-heading span{font-size:12px;color:var(--text-mid)}.project{display:grid;grid-template-columns:1.1fr 1fr;border:1px solid var(--hairline-strong);background:var(--navy-deep)}.preview{position:relative;display:flex;align-items:center;overflow:hidden;background:#f5f2eb;min-height:430px}.preview img{width:100%;object-fit:contain}.preview-label{position:absolute;bottom:20px;left:20px;background:var(--navy);color:var(--cream);padding:10px 16px;font-size:12px}.project-copy{padding:40px}.project-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:25px}.project-topline .eyebrow{margin:0}.status{font-size:11px;color:#a7f3c4;border:1px solid #3d6754;padding:3px 9px;border-radius:20px;white-space:nowrap}h3{font-size:clamp(34px,3.8vw,52px);line-height:1.05;letter-spacing:-.02em}.project-copy p{font-size:14px}.project-copy .detail{color:var(--text-mid);font-size:13px}.tags{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:26px 0}.tags li{font-size:11px;border:1px solid var(--hairline-strong);padding:3px 9px}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-size:12px}.button{display:flex;gap:24px;align-items:center;background:var(--cream);color:var(--navy);padding:12px 18px;text-decoration:none;font-weight:600}.project-copy .availability{color:var(--text-low);font-size:11px;margin:24px 0 0}.closing{padding:90px 0}.closing h2{font-size:42px}.closing p{max-width:530px;font-size:15px}.closing .actions{margin-top:24px}footer{border-top:1px solid var(--hairline-strong);padding:30px 0 40px;display:flex;gap:30px;flex-wrap:wrap;font-size:12px}footer span{margin-right:auto;color:var(--cream)}.skip{position:absolute;top:-100px;left:20px;padding:10px;background:var(--cream);color:var(--navy);z-index:10}.skip:focus{top:10px}@media(max-width:850px){.project{grid-template-columns:1fr}.preview{min-height:0}.preview img{aspect-ratio:16/10}.intro{padding:65px 0}.project-copy{padding:30px}.closing{padding:65px 0}}@media(max-width:450px){.masthead{align-items:flex-start}.wordmark{font-size:26px}nav{gap:14px;font-size:12px}.project-copy{padding:24px}.project-topline{align-items:flex-start}.intro h1{font-size:62px}.lede{font-size:16px}.closing h2{font-size:36px}}