/* KUGGUK: the original lime, dark canvas and zebracorn identity. */
:root{--quiet:#a0a8b3;--line:rgba(233,236,240,.13)}
html{scroll-padding-top:100px}
body{font-size:16px;line-height:1.6}
.shell,.head-inner{width:min(calc(100% - 48px),1280px)}
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:2px solid var(--lime,#b8f22d);outline-offset:5px}
.skip-link{position:fixed;top:12px;left:12px;z-index:100;padding:12px 18px;background:#b8f22d;color:#0a0a0c;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.head-inner{gap:24px;min-height:88px;flex-wrap:wrap}
.brand{max-width:100%}.brand-zebra{height:38px}.brand-wordmark{height:30px;max-width:180px;object-fit:contain}
.nav{gap:4px}.nav a{font:500 .875rem/1.4 'KUggUK Sans',system-ui,sans-serif;letter-spacing:0;text-transform:none;padding:12px}
.nav-toggle{display:none;min-height:44px;padding:8px 16px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--text)}
.nav-toggle[hidden]{display:none}
.head-inner>.social-presences{width:100%;justify-content:flex-end;font-size:.875rem}
.head-inner>.social-presences:empty{display:none}
.hero,.hero-no-lockup{padding-block:clamp(56px,8vw,112px) clamp(48px,6vw,88px);display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);column-gap:clamp(32px,6vw,100px);align-items:end}
.hero>.kicker{grid-column:1/-1;margin-bottom:24px;color:var(--lime);font-size:.875rem;letter-spacing:.12em}
.hero h1{grid-row:2/4;max-width:14ch;font-size:clamp(2.5rem,5.6vw,5rem);line-height:1.08;letter-spacing:-.035em}
.hero h1 span{color:var(--lime)}
.hero-copy{margin:0;font-size:1.125rem;line-height:1.7;max-width:42ch}
.hero-actions{margin-top:28px;align-self:start;gap:12px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;font:500 .9375rem/1.4 'KUggUK Sans',system-ui,sans-serif;letter-spacing:0;text-transform:none;padding:12px 20px}
.section{padding-block:clamp(48px,6vw,88px)}
.kicker{font-size:.875rem;line-height:1.5;letter-spacing:.12em;color:var(--lime);margin-bottom:24px}
.section h2{font-size:clamp(2rem,3.3vw,3rem);line-height:1.15;max-width:25ch}
.two-col{gap:clamp(28px,6vw,88px)}
.section-copy,.section-intro,.quote{font-size:1rem;line-height:1.7}
.principle-list{border-radius:8px}.principle-list article{padding:22px 24px;grid-template-columns:28px minmax(0,1fr)}
.principle-list article>span{font-size:.875rem}.principle-list p,.change-list p{font-size:1rem;color:var(--muted)}
.portfolio-head{display:block}.filters{margin-top:28px;gap:8px}.filter{min-height:44px;padding:10px 16px;font-size:.875rem;letter-spacing:0;text-transform:none}
.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.project{min-width:0;padding:28px;border-radius:8px;box-shadow:none}
.project-top{align-items:flex-start}.project-top>div{min-width:0}.project-top>img{width:48px;height:48px}
.project-top p{font-size:.8125rem;letter-spacing:.02em;line-height:1.5}.project-top h3{font-size:1.375rem;overflow-wrap:anywhere}
.project-desc{font-size:1rem;line-height:1.7;margin-top:24px}
.project-foot{flex-wrap:wrap;gap:12px;margin-top:24px}.project-foot a{font-size:.875rem;line-height:1.5;letter-spacing:0;white-space:normal;min-height:44px;display:inline-flex;align-items:center}
.badge{font-size:.8125rem;line-height:1.5;letter-spacing:.02em;text-transform:none;padding:5px 10px}
.change-list article{grid-template-columns:140px minmax(0,1fr) auto;padding:28px;gap:24px}.change-list time{font-size:.875rem}
.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.contact-grid>a{padding:24px;min-width:0}.contact-grid>a>span{min-width:0}.contact-grid strong{font-size:1rem;overflow-wrap:anywhere}.contact-grid small{font-size:.875rem}
.footer-main nav,.footer-bottom{font-size:.875rem;line-height:1.6;letter-spacing:0;text-transform:none}.footer-main nav a{display:inline-flex;align-items:center;min-height:44px}.footer-bottom{color:var(--muted)}
/* Content remains readable if JavaScript is unavailable. */
.reveal{opacity:1;transform:none}
/* Team room: readable type and flexible columns, including enlarged text. */
.team-page .team-hero{min-height:0;padding-block:64px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:48px}
.team-page .team-hero h1{font-size:clamp(2.5rem,5vw,4.75rem);line-height:1.12;letter-spacing:-.035em}
.team-page .team-hero h1 span{color:var(--team-acid);-webkit-text-stroke:0}
.team-page .section{padding-block:64px}.team-page .section-heading h2{font-size:clamp(2rem,4vw,3.25rem);line-height:1.15}
.team-page .org-lanes{grid-template-columns:repeat(2,minmax(0,1fr))}.team-page .org-lanes .org-node:before{display:none}
.team-page .node-title{flex-wrap:wrap;margin-top:24px}.team-page .node-title em{font-size:.875rem;color:#a0a8b3}
.team-page .org-node>p,.team-page .org-node blockquote,.team-page .vertical-card dd,.team-page .ask-list p,.team-page .disclosure p{font-size:1rem}
.team-page .node-code,.team-page .signal,.team-page .ask-owner,.team-page .ask-state,.team-page .vertical-card dt,.team-page .vertical-card header>div>span,.team-page .today-top{font-size:.8125rem;letter-spacing:.04em}
.team-page .vertical-card header,.team-page .health{flex-wrap:wrap}.team-page .vertical-card,.team-page .today-card{min-width:0}.team-page .vertical-card{min-height:0}.team-page .signal{max-width:100%}
.team-page .ask-list article{grid-template-columns:minmax(140px,.65fr) minmax(0,2fr) minmax(120px,.55fr)}
.team-page .disclosure-grid{gap:32px;grid-template-columns:repeat(3,minmax(0,1fr))}.team-page .disclosure h2{font-size:2rem;line-height:1.2}
@media(max-width:1100px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-grid{grid-template-columns:1fr}.head-inner{gap:12px}.head-inner .nav a{padding-inline:10px}.team-page .team-hero{grid-template-columns:1fr}.team-page .today-card strong{margin-top:24px}}
@media(max-width:800px){
 .shell,.head-inner{width:calc(100% - 40px)}
 .head-inner{align-items:center;min-height:76px;padding-block:12px}.brand{margin-right:auto}
 .nav-toggle:not([hidden]){display:block}.head-inner .nav{order:3;width:100%;margin:0;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px}
 .head-inner .nav a{font-size:.9375rem;text-align:left;padding:12px}.nav .contact-btn{margin-left:0}
 .head-inner .nav[data-collapsed="true"]{display:none}.head-inner>.social-presences{display:none}
 .hero,.hero-no-lockup{display:block;padding-block:56px}.hero h1{max-width:16ch;font-size:clamp(2.5rem,8vw,4rem)}.hero-copy{margin-top:24px;max-width:55ch}.hero-actions{margin-top:24px}
 .two-col{grid-template-columns:1fr}.change-list article{grid-template-columns:1fr;gap:12px}.change-list .badge{justify-self:start}
 .team-page .ask-list article,.team-page .grooming-lead,.team-page .disclosure-grid{grid-template-columns:1fr}.team-page .ask-state{grid-column:auto;justify-self:start}
 .team-page .section-heading.split{display:block}.team-page .disclosure-grid>div:first-child{grid-column:auto}
}
@media(max-width:560px){
 .shell,.head-inner{width:calc(100% - 32px)}.brand-zebra{height:32px}.brand-wordmark{height:26px}
 .hero,.hero-no-lockup{padding-block:40px 48px}.hero>.kicker{margin-bottom:20px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .button{width:100%}
 .project-grid{grid-template-columns:1fr}.project{padding:24px}.section{padding-block:48px}.filters{gap:8px}.filter{padding-inline:12px}
 .contact-grid>a,.change-list article{padding:20px}.footer-main{gap:20px;padding-block:28px}.footer-main nav{gap:20px}
 .team-page .org-lanes,.team-page .vertical-grid,.team-page .vertical-card dl{grid-template-columns:1fr}.team-page .team-hero{padding-block:40px;gap:24px}.team-page .section{padding-block:48px}.team-page .nav .brand{max-width:calc(100% - 90px)}.team-page .brand-wordmark{max-width:140px}.team-page .grooming-lead{padding:24px}.team-page .node-title b{overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project:hover{transform:none}}
@media(max-width:980px){.team-page .nav-toggle{display:block;color:var(--team-text);min-height:44px}.team-page .nav-links a{min-height:44px;font-size:1rem;display:flex;align-items:center}}

.project-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:16px;padding-top:8px}
.project-links a{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem;line-height:1.5;color:var(--lime,#b8f22d);text-decoration:underline;text-underline-offset:4px;text-decoration-color:rgba(184,242,45,.35)}
.project-links a:hover{text-decoration-color:currentColor}.project-links a:focus-visible{outline:2px solid #b8f22d;outline-offset:3px}