.bk{padding:clamp(140px, 20vh, 200px) var(--gutter) clamp(80px, 12vh, 140px);background:radial-gradient(70% 40% at 50% 0%, #d98a4e1a, transparent 70%), var(--lacquer)}.bk-head{border-bottom:1px solid var(--ivory-line);grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:end;gap:32px;padding-bottom:clamp(48px,8vh,88px);display:grid}.bk-head h1{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(56px,8vw,132px);font-weight:400;line-height:.92}.bk-section{border-bottom:1px solid var(--ivory-line);grid-template-columns:minmax(0,.42fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);padding:clamp(56px,9vh,96px) 0;display:grid}.bk-section:last-child{border-bottom:0}.bk-label h2{font-size:clamp(34px,3.4vw,52px)}.bk-label p{color:var(--ivory-2);max-width:26em;margin-top:16px;font-size:16px}.bk-logos{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.bk-tile{border:1px solid var(--ivory-line);border-radius:22px;place-items:center;min-height:280px;margin:0;padding:48px 32px 72px;display:grid;position:relative}.bk-tile img{max-width:100%;height:auto}.bk-tile.is-small{min-height:220px}.bk-tile.is-lacquer{background:linear-gradient(#171512,#110f0e)}.bk-tile.is-paper{background:var(--paper);color:var(--ink);border-color:#0000}.bk-tile figcaption{color:var(--ivory-3);justify-content:space-between;align-items:center;font-size:14px;display:flex;position:absolute;bottom:16px;left:20px;right:16px}.bk-tile.is-paper figcaption{color:var(--ink-2)}.bk-tile figcaption a,.bk-image figcaption a{border:1px solid;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:500;transition:background-color .25s,color .25s}.bk-tile.is-lacquer figcaption a,.bk-image figcaption a{color:var(--ivory-2);border-color:var(--ivory-line)}.bk-tile.is-lacquer figcaption a:hover,.bk-image figcaption a:hover{color:var(--lacquer);background:var(--ivory)}.bk-tile.is-paper figcaption a:hover{color:var(--paper);background:var(--ink)}.bk-colors{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.bk-swatch{border:1px solid var(--ivory-line);text-align:left;min-height:150px;color:var(--ink);transition:transform .4s var(--ease-out);border-radius:18px;align-content:end;gap:2px;padding:16px 18px;display:grid}.bk-swatch:hover{transform:translateY(-3px)}.bk-swatch.is-dark{color:var(--ivory)}.bk-swatch strong{font-size:17px;font-weight:500}.bk-swatch span{opacity:.72;font-size:14px}.bk-swatch code{font-family:var(--mono);opacity:.86;margin-top:8px;font-size:13px}.bk-type{gap:12px;display:grid}.bk-face{border:1px solid var(--ivory-line);background:var(--lacquer-2);border-radius:20px;gap:18px;padding:28px 28px 24px;display:grid}.bk-sample{letter-spacing:-.01em;font-size:clamp(30px,3.4vw,50px);line-height:1.08}.bk-face:nth-child(3) .bk-sample{letter-spacing:0;color:var(--copper);font-size:clamp(22px,2.4vw,34px)}.bk-face div{flex-wrap:wrap;align-items:baseline;gap:4px 14px;font-size:15px;display:flex}.bk-face strong{font-weight:500}.bk-face span{color:var(--ivory-2)}.bk-images{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:22px 16px;display:grid}.bk-image{align-content:start;gap:12px;margin:0;display:grid}.bk-image.is-wide{grid-column:1/-1}.bk-image>a{border:1px solid var(--ivory-line);border-radius:16px;transition:border-color .3s;display:block;overflow:hidden}.bk-image>a:hover{border-color:#efe7d666}.bk-image img{width:100%;height:auto;display:block}.bk-image.is-square>a{max-width:240px}.bk-image figcaption{color:var(--ivory-2);align-items:center;gap:12px;font-size:14px;display:flex}.bk-image figcaption em{color:var(--ivory-3);font-size:13px;font-style:normal}.bk-image figcaption a{margin-left:auto}.bk-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.bk-rules li{border:1px solid var(--ivory-line);border-radius:18px;gap:6px;padding:22px 22px 24px;display:grid}.bk-rules strong{font-family:var(--display);font-size:24px;font-weight:400}.bk-rules span{color:var(--ivory-2);font-size:15px}@media (max-width:960px){.bk-head,.bk-section{grid-template-columns:1fr}}@media (max-width:640px){.bk-logos,.bk-images,.bk-rules{grid-template-columns:1fr}.bk-colors{grid-template-columns:repeat(2,minmax(0,1fr))}}
