/* Personal palette: warm paper, charcoal, Purdue gold, and NYC blue.
   Product colors remain scoped to their own cards and dialogs. */
:root {
  --paper:#f7f5f0; --ink:#17181a; --muted:#62615c;
  --surface:#efede6; --line:#d8d3c7;
  --gold:#cfb991; --lab-gold:#d7b85c; --accent:#7d6120;
  --orange:var(--accent); --blue:#21669e;
}
:root[data-theme="dark"] {
  --paper:#17181a; --ink:#f4f4f2; --muted:#b9b8b1;
  --surface:#222426; --line:#40423f;
  --accent:#cfb991; --orange:var(--accent); --blue:#adc8ed;
}
::selection{background:var(--gold);color:#17181a}
.header,[data-theme="dark"] .header{background:var(--paper);border-color:var(--line)}
.header nav,[data-theme="dark"] .header nav{color:var(--muted)}
.header nav a:hover{color:var(--accent)}
.hero,[data-theme="dark"] .hero,.home-pillars,[data-theme="dark"] .home-pillars{background:var(--paper)}
.hero-label,[data-theme="dark"] .hero-label,.eyebrow,[data-theme="dark"] .eyebrow{color:var(--muted)}
.hero>p,[data-theme="dark"] .hero>p{color:var(--muted)}
.hero>.hero-identity,[data-theme="dark"] .hero>.hero-identity{color:var(--ink)}
.hero h1>.hero-period,[data-theme="dark"] .hero h1>.hero-period{color:var(--gold)}
.live-dot{background:var(--gold);border-radius:1px}
.hero h1>span,.inner-page h1>span,[data-theme="dark"] .inner-page h1>span{color:var(--muted)}
.home-section-label{border-color:var(--line)}
.button.dark,[data-theme="dark"] .button.dark{background:var(--ink);color:var(--paper)}
.button.dark:hover,[data-theme="dark"] .button.dark:hover{background:var(--accent);color:var(--paper)}
[data-theme="dark"] .button.dark:hover{color:#17181a}
.button.secondary{border-color:var(--line)}
.pillar-card{border-radius:20px;min-height:485px;overflow:hidden}
.person-pillar,[data-theme="dark"] .person-pillar{background:var(--surface);color:var(--ink)}
.person-pillar p,.person-pillar .pillar-top,[data-theme="dark"] .person-pillar p,[data-theme="dark"] .person-pillar .pillar-top{color:var(--muted)}
.pillar-portrait{height:190px;margin:22px -28px 0;overflow:hidden;background:#adc8ed}
.pillar-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 68%;image-rendering:auto}
.person-pillar h3{margin-top:24px}
.experiments-pillar,[data-theme="dark"] .experiments-pillar{background:#17181a;color:#f4f4f2;border:1px solid #3e3b32}
.experiments-pillar .pillar-top,.experiments-pillar p{color:#c7c6bf}
.pillar-card .pillar-labs-logo{margin:70px 0 42px;max-width:280px}
.pillar-labs-logo img{width:100%;height:auto}
.experiments-pillar .pillar-link{color:#d7b85c}
.thoughts-pillar,[data-theme="dark"] .thoughts-pillar{background:#cfb991;color:#17181a}
.thoughts-pillar h3,[data-theme="dark"] .thoughts-pillar h3{color:#17181a;margin-top:70px}
.thoughts-pillar p,.thoughts-pillar .pillar-top,[data-theme="dark"] .thoughts-pillar p,[data-theme="dark"] .thoughts-pillar .pillar-top{color:#3d3529}
.thoughts-pillar h3>span{color:#4b3d22}
.contact-section{background:var(--surface)}
.contact-section h2>.orange,[data-theme="dark"] .contact-section h2>.orange{color:var(--accent)}
.about-copy p,.about-copy .big-copy{color:var(--ink)}
.about-copy p:not(.big-copy){color:var(--muted)}
.identity-lines span,[data-theme="dark"] .identity-lines span{color:var(--accent)}
.thoughts,[data-theme="dark"] .thoughts{background:var(--paper)}
.note-art,[data-theme="dark"] .note-art{background:#cfb991}
.note-art>span,[data-theme="dark"] .note-art>span{color:#403829}
.note-art>div,[data-theme="dark"] .note-art>div{color:#17181a}
.note-art em,[data-theme="dark"] .note-art em{color:#544018}
.format-note>span,.format-note>div,[data-theme="dark"] .format-note>span,[data-theme="dark"] .format-note>div{color:var(--muted)}
.format-active,[data-theme="dark"] .format-active{color:var(--ink)}
.inline-article article>p:not(.eyebrow),[data-theme="dark"] .inline-article article>p:not(.eyebrow){color:var(--ink)}
.footer>div,[data-theme="dark"] .footer>div{color:var(--muted)}
/* K Labs' existing identity kit supplies its own ink, paper, and gold. */
.labs-heading{background:#17181a;color:#f4f4f2;border:1px solid #3e3b32;border-radius:22px;padding:36px 40px;margin-bottom:28px;align-items:end}
.labs-heading .eyebrow,[data-theme="dark"] .labs-heading .eyebrow{color:#d7b85c}
.labs-wordmark{width:280px;height:auto;max-width:100%}
.labs-heading .labs-subtitle{color:#f4f4f2;font-size:1.5rem;margin-top:20px}
.labs-heading .section-intro{color:#c7c6bf;line-height:1.7}
.labs-jump a{border-radius:6px}.labs-jump a:hover{background:var(--gold);color:#17181a}.labs-jump a:hover span{color:#403829}
.lab-vertical{border:1px solid var(--line);border-top:3px solid var(--gold);background:var(--surface);padding:30px;gap:28px;grid-template-columns:minmax(190px,1fr) minmax(0,3fr);border-radius:20px}
.vertical-index{font:500 .75rem/1.6 SFMono-Regular,Consolas,monospace;letter-spacing:.01em;color:var(--accent)}
.vertical-intro h2{margin-top:22px;font-size:2.5rem}
.vertical-intro h2>span,[data-theme="dark"] .vertical-intro h2>span{color:var(--accent)}
.vertical-intro>p{color:var(--muted)}
.lab-projects{gap:14px}.lab-project{min-height:250px;aspect-ratio:1;border:0;border-radius:14px;padding:20px 20px 52px}
.lab-state{font:500 .6875rem/1.5 SFMono-Regular,Consolas,monospace;letter-spacing:.02em}
.lab-open>span{left:20px;right:20px;font-size:.8125rem}
.lab-project p{font-size:.875rem;line-height:1.6}
.lab-project h3{font-size:1.7rem;line-height:1.1}
.lab-huddies,[data-theme="dark"] .lab-huddies{background:#15b5b0;color:#1c2426}
.lab-project .huddies-lockup{margin:40px 0 12px}
.huddies-lockup{overflow:hidden}
.huddies-lockup img{display:block;width:145%;max-width:none;height:auto;margin-left:-22.5%}
.lab-project .huddies-tagline{font-size:.8125rem;line-height:1.5;letter-spacing:-.015em;max-width:none}
.lab-heywhen,[data-theme="dark"] .lab-heywhen{background:#fff4e5;color:#3c2c29;border-bottom:6px solid #ef805f;font-family:'DM Sans',sans-serif}
.lab-heywhen .lab-state{font-family:'DM Sans',sans-serif;background:#adc8ed;color:#3c2c29;border-radius:6px;padding:4px 7px;align-self:start;font-size:.625rem;font-weight:600}
.lab-project .heywhen-wordmark{font-family:'Bricolage Grotesque',sans-serif;font-size:2.4rem;font-weight:700;letter-spacing:-.07em;margin:31px 0 16px}
.lab-heywhen .lab-open{font-family:'DM Sans',sans-serif}
.lab-crescent,[data-theme="dark"] .lab-crescent{background:#272f3a;color:#f4f4f2}
.lab-duck,[data-theme="dark"] .lab-duck{background:#cfb991;color:#17181a}
.lab-duck .lab-state{border:1px solid #665633;border-radius:5px;padding:4px 7px;align-self:start;font-size:.625rem}
.lab-pov,[data-theme="dark"] .lab-pov{background:#adc8ed;color:#172a3c}
.lab-pov h3{font-family:SFMono-Regular,Consolas,monospace;letter-spacing:-.055em;font-size:1.5rem}
.graveyard,[data-theme="dark"] .graveyard{background:var(--surface);border-color:var(--line)}
.grave-index,[data-theme="dark"] .grave-index{color:var(--muted)}
/* Brand-specific detail panels retain their palette in both viewing modes. */
dialog,[data-theme="dark"] dialog{background:var(--paper);color:var(--ink)}
#huddies-detail,[data-theme="dark"] #huddies-detail{background:#15b5b0;color:#1c2426}
#huddies-detail p,#huddies-detail .eyebrow{color:#1c2426}
#huddies-detail .huddies-lockup{max-width:300px}
#huddies-detail .button{background:#1c2426;color:#fbe698}
#heywhen-detail,[data-theme="dark"] #heywhen-detail{background:#fff4e5;color:#3c2c29;font-family:'DM Sans',sans-serif;border-bottom:8px solid #ef805f}
#heywhen-detail p,#heywhen-detail .eyebrow{color:#3c2c29}
#heywhen-detail .heywhen-wordmark{font:700 4rem/1.1 'Bricolage Grotesque',sans-serif;letter-spacing:-.07em}
#heywhen-detail .heywhen-campaign{padding:18px;background:#adc8ed;border-radius:10px;margin-top:25px;font-weight:600}
#huddies-detail .close-dialog,#heywhen-detail .close-dialog{background:#ffffff70;color:#17181a}
@media(max-width:1100px){.lab-vertical{grid-template-columns:1fr}.lab-project{min-height:260px}.lab-project .heywhen-wordmark{font-size:2.8rem}.pillar-portrait{margin-inline:-24px}.pillar-card .pillar-labs-logo{margin-top:65px}.lab-project h3{font-size:1.9rem}}
@media(max-width:800px){.pillar-portrait{margin-inline:-22px}.labs-heading{padding:30px}.labs-wordmark{width:240px}.labs-heading .section-intro{max-width:220px}.lab-project .heywhen-wordmark{font-size:2.4rem}}
@media(max-width:680px){.pillar-card{min-height:360px}.pillar-portrait{height:240px;margin-inline:-28px}.pillar-card .pillar-labs-logo{margin:35px 0 28px;max-width:260px}.thoughts-pillar h3{margin-top:36px}.labs-heading{align-items:start;flex-direction:column;gap:25px}.labs-heading .section-intro br{display:none}.labs-heading .section-intro{max-width:none}.lab-vertical{padding:24px}}
@media(max-width:480px){.labs-heading{padding:28px 24px}.labs-wordmark{width:220px}.lab-vertical{padding:20px}.lab-project{min-height:250px}.lab-project .huddies-lockup{margin-top:44px}.lab-project .heywhen-wordmark{font-size:3rem}.lab-project h3{font-size:2rem}.lab-project p{font-size:1rem}.vertical-intro h2{font-size:2.4rem}}

@media(max-width:1200px){.lab-vertical{grid-template-columns:1fr}.vertical-intro>p{max-width:none}}
@media(max-width:640px){.lab-projects{grid-template-columns:1fr}.lab-project{min-height:240px}}