.brand-book{container:brandbook/inline-size;width:100%;max-width:1040px;margin-inline:auto;padding:clamp(24px,3.4vw,48px) var(--gut) 0;display:grid;gap:clamp(40px,6vw,88px)}.brand-plate{position:relative;overflow:hidden;margin:0;display:grid;justify-items:center;gap:clamp(14px,2vw,24px);padding:clamp(14px,3vw,40px) clamp(14px,3vw,40px) clamp(20px,3vw,36px)}.brand-plate:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 90% at 50% 0,color-mix(in srgb,var(--text) 8%,transparent),transparent 70%)}.brand-plate>*{position:relative}.brand-board{display:block;width:100%;max-width:600px;height:auto;overflow:visible}.brand-grid line{stroke:var(--line);stroke-width:1}.brand-clear,.brand-grid line{vector-effect:non-scaling-stroke}.brand-clear{fill:none;stroke:var(--muted);stroke-width:1.5;stroke-dasharray:7 6}.brand-cap{display:grid;gap:6px;max-width:40em;text-align:center;font-size:var(--fs-small);line-height:1.6;color:var(--text-2);text-wrap:pretty}.brand-cap>p+p{font-size:var(--fs-meta);color:var(--muted)}.brand-sec{display:grid;gap:clamp(16px,2vw,24px)}.brand-sec>.sk-h2{margin-bottom:0}.brand-files{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.brand-file{display:grid;grid-template-columns:clamp(88px,28cqi,128px) minmax(0,1fr);gap:12px 16px;align-items:center;padding:12px}.brand-ground{grid-row:1/span 2;display:grid;place-items:center;aspect-ratio:1;border-radius:calc(var(--rad-card) - 6px);background:var(--ground);box-shadow:inset 0 0 0 1px var(--rc-edge)}.brand-ground img{display:block;width:76%;height:auto}.brand-file-text{display:grid;gap:3px;min-width:0;align-self:end}.brand-file-l{font-size:var(--fs-body);font-weight:600;line-height:1.35;color:var(--text)}.brand-file-name{font-family:var(--mono);font-size:var(--fs-meta);line-height:1.4;color:var(--muted);overflow-wrap:anywhere}.brand-file-n{font-size:var(--fs-small);line-height:1.5;color:var(--text-2)}.brand-file>.sk-btn{grid-column:2;justify-self:start;align-self:start;min-height:44px;font-size:var(--fs-small)}@container brandbook (min-width: 46em){.brand-files{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.brand-file{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;align-items:start;gap:16px;padding:12px 12px 18px}.brand-ground{grid-row:auto;aspect-ratio:16/11}.brand-ground img{width:42%}.brand-file-text{align-self:start;padding-inline:6px}.brand-file>.sk-btn{grid-column:1;margin-inline:6px}}.sk-facts.brand-rules{max-width:40em;gap:12px;font-size:var(--fs-body);line-height:1.6}