@font-face{font-family:'Instrument Sans';font-style:italic;font-weight:400;font-display:swap;src:url('assets/instrument-sans-italic-400.ttf') format('truetype')}
@font-face{font-family:'Instrument Sans';font-style:italic;font-weight:500;font-display:swap;src:url('assets/instrument-sans-italic-500.ttf') format('truetype')}
@font-face{font-family:'Instrument Sans';font-style:italic;font-weight:600;font-display:swap;src:url('assets/instrument-sans-italic-600.ttf') format('truetype')}
@font-face{font-family:'Instrument Sans';font-style:italic;font-weight:700;font-display:swap;src:url('assets/instrument-sans-italic-700.ttf') format('truetype')}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400;font-display:swap;src:url('assets/instrument-sans-normal-400.ttf') format('truetype')}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:500;font-display:swap;src:url('assets/instrument-sans-normal-500.ttf') format('truetype')}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:600;font-display:swap;src:url('assets/instrument-sans-normal-600.ttf') format('truetype')}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:700;font-display:swap;src:url('assets/instrument-sans-normal-700.ttf') format('truetype')}
:root{--sans:'Instrument Sans','Helvetica Neue',Arial,sans-serif;--type-xs:12px;--type-sm:14px;--type-md:18px;--type-lg:24px;--type-xl:32px;--type-2xl:48px;--type-3xl:64px}body,main{font-family:var(--sans);font-size-adjust:none}h1,h2,h3{font-family:var(--sans);letter-spacing:-.025em;font-weight:700}h1{line-height:1.05}h2,h3{line-height:1.2}body>header nav{font-size:14px;font-weight:500;line-height:24px}body>header nav a{font-weight:500}body>header>a{font-weight:600;letter-spacing:-.02em}p,.project-prose p,.about-story p{font-size:18px;line-height:1.6}.home-intro h1{font-size:clamp(40px,5vw,64px);letter-spacing:-.03em}.home-intro p{font-size:18px;line-height:1.6}.home-intro p:last-child{font-size:14px}.featured-list .project-meta h3{font-size:clamp(28px,3vw,42px);letter-spacing:-.025em;font-weight:700;line-height:1.15}.featured-list .project-meta p{font-size:18px;line-height:1.6}.project-category,.project-meta .project-category{font-size:14px;line-height:1.4;font-weight:500}.home-project-grid .project-meta h3,.archive-row h3{font-size:24px;line-height:1.25;font-weight:500;letter-spacing:-.02em}.home-project-grid .project-meta p,.archive-row p{font-size:16px;line-height:1.5}.project-type,.chapter-label,.eyebrow{font-size:12px;font-weight:500;letter-spacing:.045em;line-height:1.4}.project-sidebar{font-family:var(--sans);font-size:16px}.project-sidebar h1,.legacy-case .project-sidebar h1{letter-spacing:-.035em;font-weight:700}.sidebar-tagline,.legacy-case .sidebar-tagline{font-size:24px;line-height:1.25;font-weight:500;letter-spacing:-.02em}.sidebar-context p{font-size:16px;line-height:1.6}.sidebar-context h2{font-size:18px;line-height:1.3;font-weight:500}.sidebar-facts{font-size:14px;line-height:1.5}.sidebar-timeline,.case-contents{font-size:14px;line-height:1.4}.sidebar-timeline dd{font-weight:500}.case-story p{font-size:18px;line-height:1.6}.case-section-new h2,.legacy-story .case-section-new h2{font-size:clamp(32px,3.2vw,48px);letter-spacing:-.025em;line-height:1.1;font-weight:700}.experience-point h3{font-size:32px;line-height:1.2;letter-spacing:-.025em;font-weight:500}.case-story .section-lead{font-size:24px;line-height:1.4;letter-spacing:-.015em}.case-story .detail-label,.case-section-new>h3{font-size:18px;line-height:1.3;font-weight:700;letter-spacing:-.01em}.about-story h2{font-size:32px;line-height:1.2;letter-spacing:-.025em}.case-story figcaption{font-family:var(--sans);font-size:14px;line-height:1.4}.about-lead{font-size:24px;line-height:1.4}.all-work>h2{font-size:32px}.live-link{font-size:14px;font-weight:500}@media(min-width:1101px) and (max-height:850px){.sidebar-context p{font-size:15px;line-height:1.5}}@media(max-width:600px){p,.project-prose p,.about-story p,.home-intro p,.case-story p{font-size:16px;line-height:1.6}.case-story .section-lead,.about-lead{font-size:21px}.experience-point h3{font-size:28px}.case-section-new h2,.legacy-story .case-section-new h2{font-size:32px}.sidebar-tagline,.legacy-case .sidebar-tagline{font-size:22px}}
/* Lighter homepage introduction and flagship project title. */
.home-intro h1,.featured-list .project[href="copus.html"] .project-meta h3{font-weight:500}
/* Shared restrained typography: medium headings, regular body, no heavy display weights. */
h1,h2,h3,h4,h5,h6,.home-intro h1,.project-sidebar h1,.legacy-case .project-sidebar h1,.featured-list .project-meta h3,.home-project-grid .project-meta h3,.archive-row h3,.case-section-new h2,.legacy-story .case-section-new h2,.experience-point h3,.about-story h2,.design-perspective h2,.sidebar-context h2,.case-story .detail-label,.case-section-new>h3{font-weight:500;letter-spacing:-.02em}strong,b{font-weight:500}.sidebar-tagline,.legacy-case .sidebar-tagline{font-weight:400}.home-intro h1{font-size:clamp(40px,4.2vw,60px);line-height:1.08}.project-prose p,.case-story p,.about-story p,.hero-copy p,.legacy-overview p{font-size:18px;line-height:1.6}.sidebar-facts,.sidebar-timeline{font-size:14px;line-height:1.5}.legacy-story .project-prose h2{font-size:24px;font-weight:500;line-height:1.3}.legacy-story .project-prose h3{font-size:18px;font-weight:500;line-height:1.3}.case-story .project-next{font-size:14px}.home-selected .project-category,.project-category{font-weight:400}.project-sidebar h1{font-weight:500}.about-intro h1{font-weight:500}.design-perspective h2{font-size:32px;line-height:1.2}@media(max-width:600px){.project-prose p,.case-story p,.about-story p,.hero-copy p,.legacy-overview p{font-size:16px;line-height:1.6}}
/* One body treatment across the homepage introduction and project descriptions. */
.hero-copy p,.home-intro .hero-copy p,.featured-list .project-meta p,.home-project-grid .project-meta p,.archive-row p{font-family:var(--sans);font-size:18px;font-weight:400;line-height:1.6;letter-spacing:0;color:var(--ink)}.home-intro .hero-copy p:last-child{font-size:14px;line-height:1.6;color:var(--red)}@media(max-width:600px){.home-intro .hero-copy p,.featured-list .project-meta p,.home-project-grid .project-meta p,.archive-row p{font-size:16px}.home-intro .hero-copy p:last-child{font-size:14px}}
/* Project narrative stays black; color accents are reserved for navigation and labels. */
.copus-case{--ink:#000;--muted:#000}.copus-case .case-story p,.copus-case .case-story li,.copus-case .case-story blockquote,.copus-case .sidebar-context p,.copus-case .legacy-overview p,.copus-case .sidebar-facts,.copus-case .sidebar-timeline,.copus-case .case-story figcaption,.copus-case .project-prose,.copus-case .case-story .section-lead{color:#000}
/* Homepage color and heading parity override earlier component treatments. */
.home-page .home-intro h1,.home-page .featured-list .project-meta h3{font-size:clamp(40px,4.2vw,60px);font-weight:500;line-height:1.08;letter-spacing:-.02em}.home-page .hero-copy p,.home-page .home-intro .hero-copy p,.home-page .featured-list .project-meta p,.home-page .home-project-grid .project-meta p,.home-page .archive-row p,.home-page .home-intro .hero-copy p:last-child{color:#440d26}
.home-page .home-intro .hero-copy p:last-child,.home-page .home-intro .hero-copy p:last-child a{color:var(--red)}.home-page .project-category{color:var(--red)}.about-page .about-story p,.about-page .about-lead,.about-page .design-perspective p{color:#440d26}
.about-page .about-lead{font-family:var(--sans);font-size:18px;font-weight:400;line-height:1.6;letter-spacing:0}.collection-page .archive-row p{font-size:18px;line-height:1.6;color:var(--ink)}@media(max-width:600px){.about-page .about-lead,.collection-page .archive-row p{font-size:16px}}
.copus-case:not(.legacy-case) .case-story .detail-label,.copus-case:not(.legacy-case) .sidebar-context h2{font-size:18px;font-weight:500;line-height:1.3;letter-spacing:-.02em}
/* Contribution summaries under project names use the shared body style. */
.project-sidebar .sidebar-tagline,.legacy-case .sidebar-tagline{font-size:18px;font-weight:400;line-height:1.6;letter-spacing:0}.about-page .about-intro h1{font-size:clamp(38px,4vw,60px);line-height:1.08}@media(max-width:600px){.project-sidebar .sidebar-tagline,.legacy-case .sidebar-tagline{font-size:16px}}
/* Keep the visual statement on two deliberate lines, at a quieter scale. */
.home-page .home-intro h1,.about-page .about-intro h1{font-size:clamp(25px,2.65vw,40px);line-height:1.22;letter-spacing:-.025em}.vision-line,.launch-line{display:inline-block;white-space:nowrap}.headline-motion .vision-line,.headline-motion .launch-line{opacity:0;transform:translateY(18px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.65,.3,1)}.headline-motion .launch-line{transition-delay:.14s}.headline-motion.headline-visible .vision-line,.headline-motion.headline-visible .launch-line{opacity:1;transform:translateY(0)}@media(max-width:760px){.home-page .home-intro h1,.about-page .about-intro h1{font-size:clamp(21px,4.3vw,34px)}}@media(prefers-reduced-motion:reduce){.headline-motion .vision-line,.headline-motion .launch-line{opacity:1;transform:none;transition:none}}
/* Match the homepage flagship title to the introductory heading scale. */
.home-page .featured-list .project-meta h3{font-family:var(--sans);font-size:clamp(25px,2.65vw,40px);font-weight:500;line-height:1.22;letter-spacing:-.025em}@media(max-width:760px){.home-page .featured-list .project-meta h3{font-size:clamp(21px,4.3vw,34px)}}
/* Rocket arrives from the lower left and settles into the headline. */
.rocket-flight{display:inline-block;transform-origin:50% 50%}.headline-motion .rocket-flight{opacity:0;transform:translate(-65px,45px) rotate(-25deg) scale(.7)}.headline-visible .rocket-flight{animation:rocket-arrive 1.15s cubic-bezier(.16,.7,.28,1) .55s both}@keyframes rocket-arrive{0%{opacity:0;transform:translate(-65px,45px) rotate(-25deg) scale(.7)}30%{opacity:1}75%{opacity:1;transform:translate(5px,-5px) rotate(7deg) scale(1.08)}100%{opacity:1;transform:translate(0,0) rotate(0) scale(1)}}@media(prefers-reduced-motion:reduce){.headline-motion .rocket-flight,.headline-visible .rocket-flight{opacity:1;transform:none;animation:none}}
/* Stationary headline; the rocket alone travels into place. */
.home-intro h1 .vision-line,.home-intro h1 .launch-line,.about-intro h1 .vision-line,.about-intro h1 .launch-line{opacity:1;transform:none;transition:none}.rocket-flight{animation:none;opacity:1;transform:none}.copus-case{--red:#2945a5;--blue:#2945a5;--orange:#2945a5}.copus-case #creation>h3,.copus-case #discovery>h3,.copus-case #spaces>h3{color:#2945a5}