.kit{padding:0 var(--gutter) 120px;max-width:var(--max);margin:0 auto}.kit__head{border-bottom:1px solid var(--line);padding:40px 0 100px}.kit__back{letter-spacing:.2em;text-transform:uppercase;color:var(--aloe-deep);margin-bottom:80px;font-size:11px;display:inline-block}.kit__hero{width:min(100%,520px);color:var(--ink);margin:30px 0 40px}.kit__tag{font-family:var(--serif);margin:0;font-size:clamp(28px,3.4vw,46px)}.kit__tag em{color:var(--aloe-deep)}.kit__tag span{color:var(--ink-soft);margin-top:6px;font-size:.6em;font-style:italic;display:block}.kit__sec{padding:90px 0 0}.kit__grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;margin-top:44px;display:grid}.tile{aspect-ratio:16/10;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);transition:transform .5s var(--ease);grid-template-rows:1fr auto;display:grid;overflow:hidden}.tile:hover{transform:translateY(-4px)}.tile img{object-fit:contain;width:70%;height:100%;margin:auto;padding:18px 0}.tile--sq img{width:46%}.tile--dark{background:var(--deep)}.tile--black{background:#000}.tile span{letter-spacing:.14em;text-transform:uppercase;border-top:1px solid var(--line);background:var(--bone);color:var(--ink);padding:12px 16px;font-size:11px}.swatches{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;margin-top:44px;display:grid}.swatches div{border-radius:var(--radius);border:1px solid var(--line);background:var(--paper);overflow:hidden}.swatches div:before{content:"";aspect-ratio:1;background:var(--c);display:block}.swatches b,.swatches code,.swatches small{padding:0 14px;display:block}.swatches b{padding-top:12px;font-weight:500}.swatches code{color:var(--ink-soft);font-size:12px}.swatches small{color:var(--ink-soft);padding-bottom:14px;font-size:11.5px}.type-row{border-top:1px solid var(--line);grid-template-columns:1.4fr 1fr;align-items:center;gap:30px;margin-top:30px;padding:30px 0;display:grid}.type-row .serif{font-family:var(--serif);margin:0;font-size:clamp(40px,5vw,72px)}.type-row .sans{font-family:var(--sans);letter-spacing:.02em;margin:0;font-size:clamp(22px,2.6vw,36px)}.type-row small{color:var(--ink-soft)}.voice{grid-template-columns:1fr 1fr;gap:40px;margin-top:44px;display:grid}.voice .q{font-family:var(--serif);margin:0 0 14px;font-size:clamp(22px,2vw,30px);font-style:italic}@media (width<=760px){.type-row,.voice{grid-template-columns:1fr}}.tile--champ{background:var(--champ)}