*,*:before,*:after{box-sizing:border-box}:root{--ink:var(--okoa-semantic-fg1);--coral:var(--okoa-semantic-border-accent);--rule:color-mix(in srgb,var(--okoa-semantic-fg1) 14%,transparent);--gut:clamp(1.25rem,5vw,4.5rem);--maxw:1320px}html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth}body{margin:0;font-family:var(--okoa-sans);color:var(--ink);background:var(--okoa-semantic-surface-warm)}a{color:inherit;text-decoration:none}p{margin:0}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding-inline:var(--gut)}.ac{color:var(--coral);font-style:normal}.head{position:sticky;top:0;z-index:var(--okoa-z-dock);background:color-mix(in srgb,var(--okoa-semantic-surface-warm) 88%,transparent);backdrop-filter:var(--okoa-backdrop-blur);-webkit-backdrop-filter:var(--okoa-backdrop-blur);border-bottom:var(--okoa-border-hair) solid transparent;transition:border-color .3s}.head.scr{border-bottom-color:var(--rule)}.head .wrap{display:flex;align-items:center;justify-content:space-between;gap:clamp(.85rem,2vw,2.2rem);min-height:var(--okoa-control-height);padding-block:1.1rem}.brand{flex:none;display:inline-flex}.brand .logo{height:1.4rem;width:auto;display:block;color:var(--ink)}.nav{display:flex;align-items:center;gap:clamp(1rem,2vw,2rem)}.nav a{font-family:var(--okoa-mono);font-size:var(--t-label);letter-spacing:var(--tr-caps-wide);text-transform:uppercase;color:var(--okoa-semantic-fg2);white-space:nowrap;transition:color .15s var(--okoa-ease-out)}.nav a:hover,.nav a[aria-current]{color:var(--ink)}.head-actions{display:flex;align-items:center;gap:clamp(.5rem,1.2vw,.85rem);flex:none}.modetog{display:inline-flex;align-items:center;justify-content:center;width:var(--okoa-control-height);height:var(--okoa-control-height);border:var(--okoa-border-hair) solid var(--rule);background:transparent;color:var(--okoa-semantic-fg2);cursor:pointer;transition:color .15s,border-color .15s}.modetog:hover{color:var(--ink);border-color:var(--okoa-semantic-border-default)}.modetog svg{width:17px;height:17px;display:block}.cta{font-family:var(--okoa-mono);font-size:var(--t-label);letter-spacing:var(--tr-caps);text-transform:uppercase;height:var(--okoa-control-height);display:inline-flex;align-items:center;gap:.5rem;padding:0 1.2rem;border:var(--okoa-border-hair) solid var(--ink);background:var(--ink);color:var(--okoa-semantic-surface-default);transition:transform .12s}.cta:hover{transform:translateY(-2px)}@media (max-width:760px){.nav{display:none}}.wall{padding-block:clamp(3rem,7vw,6rem) clamp(2rem,4vw,3.5rem)}.kick{display:inline-flex;align-items:center;gap:.7rem;color:var(--okoa-semantic-fg2)}.kick:before{content:"";width:9px;height:9px;border:var(--okoa-border-hair) solid var(--coral);border-radius:var(--okoa-radii-circle);flex:none}.wall h1{margin:1rem 0 1.1rem;max-width:18ch}.wall .lead{color:var(--okoa-semantic-fg2);max-width:54ch}.roster{padding-bottom:clamp(3rem,7vw,6rem)}.grp-h{color:var(--okoa-semantic-fg2);padding-bottom:.7rem;border-bottom:var(--okoa-border-hair) solid var(--rule);margin:clamp(2rem,4vw,3rem) 0 1.8rem}.people{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.6rem,3vw,2.6rem)}@media (max-width:860px){.people{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.people{grid-template-columns:1fr}}.person .ph{position:relative;width:100%;aspect-ratio:4/5;overflow:hidden;background:var(--okoa-semantic-surface-alt);margin-bottom:1.1rem;border:var(--okoa-border-hair) solid var(--rule)}.person .ph img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;filter:grayscale(.15) contrast(1.02);transition:transform .7s var(--okoa-ease-out)}.person:hover .ph img{transform:scale(1.03)}.person .ph .fallback{position:absolute;inset:0;display:grid;place-items:center;color:var(--okoa-semantic-fg3);font-family:var(--okoa-serif);font-weight:var(--w-medium);font-size:var(--t-display-m)}.person .ph--ph{display:grid;place-items:center;background:var(--okoa-semantic-surface-alt)}.person .ph--ph .ph-figure{width:42%;height:auto;color:var(--okoa-semantic-fg3);opacity:.5;transition:opacity .4s var(--okoa-ease-out)}.person:hover .ph--ph .ph-figure{opacity:.64}.person h3{color:var(--ink);margin:0}.person .role{font-family:var(--okoa-mono);font-size:var(--t-label-sm);letter-spacing:var(--tr-caps);text-transform:uppercase;color:var(--coral);margin:.35rem 0 .6rem}.person .bio{color:var(--okoa-semantic-fg2);max-width:42ch}.foot{border-top:var(--okoa-border-hair) solid var(--rule);padding-block:clamp(2.5rem,5vw,4rem) 2rem}.foot .wrap{display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.foot .logo{height:1.3rem;width:auto;color:var(--ink)}.foot .fl{font-family:var(--okoa-mono);font-size:var(--t-label-sm);letter-spacing:var(--tr-wide);color:var(--okoa-semantic-fg3)}.foot .fl a:hover{color:var(--ink)}
