.bk-head,.bk,.bk-foot{width:min(1200px, 100% - 2 * var(--pad));margin-inline:auto}.bk-head{justify-content:space-between;align-items:center;padding:1.25rem 0;display:flex}.bk-head img{width:auto;height:24px}.bk-head .btn{padding:.7em 1.3em;font-size:.95rem}.bk-hero{border-bottom:1px solid #2a2a33;padding:clamp(3rem,8vw,6rem) 0 clamp(2rem,5vw,4rem)}.bk-hero h1{margin-bottom:1rem;font-size:clamp(2.5rem,7vw,5rem)}.bk-lead{color:#cfccd6;max-width:36rem;font-size:1.15rem}.bk-section{border-bottom:1px solid #2a2a33;padding:clamp(3rem,6vw,5rem) 0}.bk-section h2{margin-bottom:2rem;font-size:clamp(1.4rem,2.6vw,2rem)}.bk-section h3{font-family:var(--f-body);letter-spacing:0;font-weight:600;line-height:1.3}.bk-concept{grid-template-columns:minmax(220px,380px) 1fr;align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.bk-concept__art{background:var(--ink-2);border-radius:var(--radius);aspect-ratio:1;place-items:center;display:grid}.bk-concept__art img{width:60%;height:auto}.bk-concept__list{gap:1.75rem;display:grid}.bk-concept__list li{grid-template-columns:44px 1fr;align-items:start;gap:1rem;display:grid}.bk-concept__list h3{margin-bottom:.25rem;font-size:1.15rem}.bk-concept__list p{color:#cfccd6}.chip{border-radius:12px;width:44px;height:44px}.chip--cream{background:var(--cream);border-radius:22px 12px 12px 22px}.chip--play{background:var(--ink-2);position:relative}.chip--play:after{content:"";background:var(--cream);clip-path:polygon(0 0,100% 50%,0 100%);position:absolute;inset:12px 10px 12px 15px}.chip--coral{background:var(--coral)}.bk-note{color:var(--muted);margin-top:2.5rem}.bk-note strong{color:var(--cream)}.bk-logos{grid-template-columns:repeat(6,1fr);gap:1rem;display:grid}.bk-tile{border-radius:var(--radius);border:1px solid #2a2a33;flex-direction:column;grid-column:span 3;display:flex;overflow:hidden}.bk-tile:nth-child(n+3){grid-column:span 2}.bk-tile__art{flex:1;place-items:center;min-height:220px;padding:clamp(2rem,5vw,3.5rem);display:grid}.bk-tile__art img{width:100%;max-width:360px;height:auto}.bk-tile__art--sq img{width:45%;max-width:140px}.bk-tile figcaption{border-top:1px solid #80808c40;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;font-size:.9rem;display:flex}.bk-tile figcaption a{text-underline-offset:3px;font-weight:600;text-decoration:underline}.bk-tile--cream{background:var(--cream);color:var(--ink)}.bk-tile--ink{background:var(--ink-2)}.bk-tile--lime{background:var(--lime);color:var(--ink)}.bk-tile--violet{background:var(--violet)}.bk-colors{grid-template-columns:repeat(5,1fr);gap:1rem;display:grid}.sw{background:var(--c);color:var(--cream);border:1px solid #2a2a33;border-radius:1.25rem;flex-direction:column;justify-content:flex-end;gap:.15rem;min-height:200px;padding:1.1rem;display:flex}.sw--dark{color:var(--ink)}.sw b{font-family:var(--f-display);font-size:1.05rem}.sw span{font-variant-numeric:tabular-nums}.sw small{opacity:.75;font-size:.8rem}.bk-type{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.bk-type__card{background:var(--ink-2);border-radius:var(--radius);flex-direction:column;gap:.75rem;padding:clamp(1.5rem,3vw,2.5rem);display:flex}.bk-type__label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}.bk-type__aa{color:var(--lime);font-size:clamp(4rem,9vw,7rem);font-weight:600;line-height:1}.bk-type__aa--display{font-family:var(--f-display);font-weight:800}.bk-type__name{font-size:1.5rem}.bk-type__name--display{font-family:var(--f-display)!important;font-weight:800!important}.bk-type__chars{color:#cfccd6;word-break:break-all;font-size:1.1rem;line-height:1.6}.bk-type__chars--display{font-family:var(--f-display);font-size:.95rem;font-weight:600}.bk-type__note{color:var(--muted);border-top:1px solid #2a2a33;margin-top:auto;padding-top:1rem}.bk-foot{color:var(--muted);padding:2rem 0 3rem;font-size:.9rem}@media (width<=860px){.bk-concept{grid-template-columns:1fr}.bk-concept__art{max-width:320px}.bk-logos{grid-template-columns:1fr 1fr}.bk-tile,.bk-tile:nth-child(n+3){grid-column:span 1}.bk-tile:nth-child(-n+2),.bk-tile:last-child{grid-column:span 2}.bk-colors{grid-template-columns:repeat(2,1fr)}.bk-colors .sw:first-child{grid-column:span 2}.bk-type{grid-template-columns:1fr}}@media (width<=480px){.bk-tile figcaption{flex-direction:column;align-items:flex-start;gap:.25rem}}