.archive-project{--project-accent:var(--accent);--project-accent-soft:var(--accent-soft)}.archive-project.project-netliphy{--accent:#c79e18;--accent-2:#f2d46d;--accent-soft:#c79e1821;--site-ui-accent:#c79e18;--site-ui-accent-soft:#c79e1821}.archive-project.project-otphub{--accent:#7a5cff;--accent-2:#b49cff;--accent-soft:#7a5cff24;--site-ui-accent:#7a5cff;--site-ui-accent-soft:#7a5cff24}.archive-project.project-covid{--accent:#d94f55;--accent-2:#ff8a78;--accent-soft:#d94f551f;--site-ui-accent:#d94f55;--site-ui-accent-soft:#d94f551f}.archive-project .ambient-one{background:var(--accent-2);opacity:.13}.archive-project .ambient-two{background:var(--accent);opacity:.13}.archive-header-nav{min-width:0}.archive-hero{align-items:flex-end;min-height:72svh;padding-block:164px 80px;display:flex}.archive-hero-copy{width:min(920px,100%);min-width:0}.archive-status-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:24px;display:flex}.archive-status,.archive-period{border:1px solid var(--border);letter-spacing:.045em;text-transform:uppercase;border-radius:999px;align-items:center;min-height:31px;padding:7px 11px;font-size:.72rem;font-weight:740;display:inline-flex}.archive-status{border-color:color-mix(in srgb, var(--accent) 30%, var(--border));background:var(--accent-soft);color:var(--text)}.archive-period{color:var(--secondary);background:var(--surface)}.archive-hero .eyebrow{margin-bottom:16px}.archive-hero h1{max-width:11ch;letter-spacing:var(--tracking-display);margin:0 0 28px;font-size:clamp(5.2rem,10vw,9.4rem);line-height:.86}.project-covid .archive-hero h1{max-width:10ch;font-size:clamp(4.6rem,8.2vw,7.8rem)}.archive-lead{max-width:760px;color:var(--secondary);margin:0;font-size:clamp(1.08rem,1.7vw,1.3rem);line-height:1.55}.archive-actions{flex-wrap:wrap;gap:10px;margin-top:32px;display:flex}.archive-action{border:1px solid var(--border);background:var(--surface);min-height:48px;color:var(--text);border-radius:999px;justify-content:center;align-items:center;padding:12px 17px;font-size:.88rem;font-weight:700;transition:transform .18s,border-color .18s,background .18s;display:inline-flex}.archive-action:hover{border-color:color-mix(in srgb, var(--accent) 34%, var(--border));background:var(--accent-soft);transform:translateY(-2px)}.archive-action-primary{border-color:color-mix(in srgb, var(--accent) 28%, var(--border));background:var(--accent-soft)}.archive-screenshot{padding-block:0 112px}.archive-screenshot-media{--screenshot-radius:34px;--screenshot-inset:12px;width:100%;padding:var(--screenshot-inset);border:1px solid var(--border);border-radius:var(--screenshot-radius);background:var(--surface);box-shadow:var(--shadow);margin:0}.archive-screenshot-media img{object-fit:contain;border-radius:calc(var(--screenshot-radius) - var(--screenshot-inset));width:100%;height:auto;max-height:none;display:block}.archive-screenshot-media figcaption{color:var(--secondary);padding:13px 6px 2px;font-size:.72rem;font-weight:680}.archive-overview{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:20px;padding-block:40px 112px;display:grid}.archive-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);border-radius:30px}.archive-story{background:radial-gradient(circle at 90% 8%, var(--accent-soft), transparent 38%), var(--surface);min-height:430px;padding:clamp(30px,5vw,58px)}.archive-card-index,.archive-feature>span,.archive-fact>span{color:var(--tertiary);letter-spacing:var(--tracking-label);margin:0 0 38px;font-size:.72rem;font-weight:760;display:block}.archive-story h2,.archive-closing-card h2{max-width:10ch;letter-spacing:var(--tracking-heading);margin:0 0 22px;font-size:clamp(3.1rem,5.4vw,5.7rem);line-height:.92}.archive-story>p:last-child,.archive-closing-card>p:last-of-type{max-width:720px;color:var(--secondary);margin:0;font-size:1.03rem;line-height:1.65}.archive-facts{gap:20px;display:grid}.archive-fact{min-height:130px;padding:23px 26px}.archive-fact>span{margin-bottom:17px}.archive-fact p{color:var(--secondary);letter-spacing:.04em;text-transform:uppercase;margin:0 0 4px;font-size:.76rem;font-weight:700}.archive-fact strong{max-width:26ch;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.2;display:block}.archive-features{padding-block:84px 124px}.archive-section-intro{margin-bottom:36px}.archive-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.archive-feature{min-height:290px;padding:28px}.archive-feature>span{margin-bottom:56px}.archive-feature h3{letter-spacing:var(--tracking-title);margin:0 0 14px;font-size:clamp(2rem,3.5vw,3.3rem);line-height:.96}.archive-feature p{max-width:540px;color:var(--secondary);margin:0;line-height:1.6}.archive-closing{padding-block:36px 112px}.archive-closing-card{background:radial-gradient(circle at 84% 0%, var(--accent-soft), transparent 40%), var(--surface);padding:clamp(36px,6vw,72px);position:relative;overflow:hidden}.archive-closing-card .eyebrow{margin-bottom:20px}.archive-closing-card h2{max-width:12ch}.archive-closing-actions{flex-wrap:wrap;gap:22px;margin-top:34px;display:flex}.archive-closing-actions a{color:var(--secondary);font-weight:700;transition:color .18s,transform .18s}.archive-closing-actions a:hover{color:var(--text);transform:translateY(-1px)}.archive-footer{border-top:1px solid var(--border);color:var(--secondary);justify-content:space-between;gap:24px;padding-block:30px 48px;font-size:.82rem;display:flex}@media (width<=1040px){.archive-hero{min-height:64svh;padding-top:142px}.archive-hero-copy{max-width:820px}.archive-overview{grid-template-columns:1fr}.archive-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.archive-fact{min-width:0}}@media (width<=900px){.archive-header-nav{display:none}}@media (width<=900px) and (orientation:landscape) and (height<=520px){.archive-hero{min-height:auto;padding-block:108px 52px}.archive-hero h1,.project-covid .archive-hero h1{max-width:12ch;font-size:clamp(3.2rem,9.6vw,5rem);line-height:.9}.archive-lead{max-width:720px;font-size:1rem}.archive-screenshot{padding-bottom:72px}.archive-overview,.archive-features{padding-top:54px}}@media (width<=680px){.archive-section-intro{width:100%;min-width:0}.archive-section-intro h2{min-width:0;max-width:100%;font-size:clamp(2.65rem,11vw,4rem)}.archive-hero{min-height:auto;padding-block:118px 58px}.archive-hero h1,.project-covid .archive-hero h1{max-width:100%;font-size:clamp(3.45rem,15.2vw,5.4rem);line-height:.9}.archive-lead{font-size:1.03rem}.archive-actions{flex-direction:column;align-items:stretch}.archive-action{width:100%}.archive-screenshot{padding-bottom:78px}.archive-screenshot-media{--screenshot-radius:26px;--screenshot-inset:8px}.archive-screenshot-media figcaption{padding:10px 4px 0}.archive-overview{padding-block:26px 78px}.archive-story{min-height:0;padding:28px 24px 34px}.archive-story h2,.archive-closing-card h2{max-width:100%;font-size:clamp(2.65rem,11vw,4rem)}.archive-facts,.archive-feature-grid{grid-template-columns:1fr}.archive-feature{min-height:250px;padding:24px}.archive-feature>span{margin-bottom:42px}.archive-features{padding-block:64px 88px}.archive-closing{padding-block:20px 78px}.archive-closing-card{border-radius:28px;padding:30px 24px}.archive-footer{flex-direction:column;gap:6px}}