.bz-small{font-size:var(--t-small);line-height:1.45}.bz-facts{row-gap:var(--s32)}.bz-facts__list{gap:var(--s12);font-size:var(--t-small);grid-column:1/6;margin:0;display:grid}.bz-facts__list div{gap:var(--s16);padding-top:var(--s12);border-top:1px solid var(--line);grid-template-columns:96px 1fr;display:grid}.bz-facts__list dt{color:var(--muted)}.bz-facts__list dd{margin:0}.bz-explore{gap:var(--s32) var(--col-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.bz-explore__art{aspect-ratio:4/3;background:var(--paper-2);margin-bottom:var(--s12);place-items:center;padding:14%;display:grid}.bz-explore__art img{width:100%;height:auto;max-height:100%}.bz-explore__art.is-mark{position:relative}.bz-explore__art.is-mark img{object-fit:contain;width:auto;max-width:60%;height:42%;margin:auto;position:absolute;inset:0}.bz-explore__art.is-rejected img{filter:grayscale();opacity:.38;transition:opacity .5s var(--ease), filter .5s var(--ease)}.bz-explore__item:hover .is-rejected img{opacity:.6}.bz-explore__item.is-chosen .bz-explore__art{background:var(--paper);box-shadow:inset 0 0 0 1px var(--ink)}.bz-explore__note{margin-top:var(--s24)}.bz-draw{height:260vh;position:relative}html:not(.motion) .bz-draw{height:auto}.bz-draw__sticky{justify-content:center;gap:clamp(var(--s48), 6vw, var(--s96));min-height:100vh;padding-block:var(--s96);flex-direction:column;display:flex;position:sticky;top:0}html:not(.motion) .bz-draw__sticky{position:relative}.bz-draw__logo{width:min(100%,1100px);height:auto;margin-inline:auto;display:block;overflow:visible}.bz-pop{transform-box:fill-box;transform-origin:50%;transform:scale(0)}html:not(.motion) .bz-pop{transform:none}.bz-draw__copy{row-gap:var(--s16)}.bz-draw__copy .label{grid-column:1/4;padding-top:.6em}.bz-draw__copy>div{grid-column:4/11}.bz-draw__copy .lead{margin-top:var(--s16)}.bz-build{height:340vh;position:relative}html:not(.motion) .bz-build{height:auto}.bz-build__sticky{justify-content:center;gap:clamp(var(--s32), 4vw, var(--s64));min-height:100vh;padding-block:var(--s96) var(--s48);flex-direction:column;display:flex;position:sticky;top:0}html:not(.motion) .bz-build__sticky{min-height:0;position:relative}.bz-cons__stage{position:relative}.bz-cons__stage svg{--u:1;width:100%;height:auto;display:block;overflow:visible}.bc-guide{stroke:var(--blue);stroke-width:calc(1px / var(--u));opacity:.6}.bc-guide.is-strong{opacity:.95}.bc-zone{fill:none;stroke:var(--blue);stroke-width:calc(1px / var(--u));stroke-dasharray:calc(4px / var(--u)) calc(4px / var(--u));opacity:.7}.bc-gap{fill:var(--blue);opacity:.12}.bc-word-outline,.bc-dot-outline{fill:none;stroke:var(--blue);stroke-width:calc(1.2px / var(--u));opacity:0}.bc-scan{stroke:var(--blue);stroke-width:calc(2px / var(--u))}.bc-help,.bc-spine,.bc-head-outline{opacity:0}.bc-handle{stroke:var(--blue);stroke-width:calc(1px / (var(--u) * .15826))}.bc-spine{fill:none;stroke:var(--blue);stroke-width:calc(1.5px / (var(--u) * .15826))}.bc-anchor{fill:var(--paper);stroke:var(--blue);stroke-width:calc(1.5px / (var(--u) * .15826))}.bc-ctrl{fill:var(--blue)}.bc-mark-stroke{fill:none;stroke:var(--blue);stroke-width:calc(1.2px / (var(--u) * .15826))}.bz-marker{background:var(--blue);width:22px;height:22px;color:var(--paper);font-variant-numeric:tabular-nums;place-items:center;margin:-11px 0 0 -11px;font-size:12px;font-weight:500;display:grid;position:absolute}.bz-phases{column-gap:var(--col-gap);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.bz-phases li{padding-top:var(--s12);border-top:1px solid var(--line);color:var(--faint);transition:color .4s var(--ease), border-color .4s var(--ease)}.bz-phases li.is-done{color:var(--muted)}.bz-phases li.is-on{color:var(--ink);border-top-color:var(--ink)}.bz-phases__n{font-variant-numeric:tabular-nums;font-size:13px;display:block}.bz-phases li.is-on .bz-phases__n{color:var(--blue)}.bz-phases__t{margin-top:var(--s4);font-size:17px;font-weight:500;display:block}.bz-phases__d{margin-top:var(--s4);font-size:var(--t-small);line-height:1.45;display:block}.bz-legend{margin-top:clamp(var(--s48), 5vw, var(--s64));gap:var(--col-gap);grid-template-columns:repeat(5,minmax(0,1fr));font-size:15px;line-height:1.45;display:grid}.bz-legend li{gap:var(--s12);padding-top:var(--s16);border-top:1px solid var(--line);display:flex}.bz-legend__n{background:var(--blue);width:20px;height:20px;color:var(--paper);flex:none;place-items:center;font-size:12px;font-weight:500;display:grid}.bz-colors{padding-bottom:0}.bz-bands{grid-template-rows:auto auto auto;display:grid}.bz-band{column-gap:var(--col-gap);width:100%;padding:var(--s32) max(var(--gutter), calc((100% - 1600px) / 2 + var(--gutter)));min-height:clamp(160px,22vw,320px);color:var(--ink);text-align:left;border-top:1px solid var(--line);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;transition:filter .3s;display:grid}.bz-band:nth-child(2){min-height:clamp(120px,14vw,220px)}.bz-band:nth-child(3){min-height:clamp(96px,9vw,140px)}.bz-band.is-dark{color:var(--paper);border-top-color:#0000}.bz-band__name{font-size:var(--t-h2);letter-spacing:-.038em;grid-column:1/5;font-weight:500;line-height:1}.bz-band__role{opacity:.75;grid-column:5/9;font-size:15px}.bz-band__codes{justify-content:space-between;gap:var(--s16);font-variant-numeric:tabular-nums;grid-column:9/13;font-size:15px;display:flex}.bz-band:hover{filter:brightness(.97)}.bz-band.is-dark:hover{filter:brightness(1.12)}.bz-swatches__more{padding-block:clamp(var(--s64), 7vw, var(--s96)) 0}.bz-ratio-wrap{grid-column:1/5}.bz-ratio{max-width:320px;margin-bottom:var(--s16);grid-template-columns:repeat(10,1fr);gap:3px;display:grid}.bz-ratio__cell{aspect-ratio:1;transition:transform .5s var(--ease);transition-delay:calc(var(--i) * 8ms);transform:scale(0)}.bz-ratio.is-on .bz-ratio__cell,html:not(.motion) .bz-ratio__cell{transform:none}.bz-ratio__cell.is-paper{background:var(--paper);box-shadow:inset 0 0 0 1px var(--line)}.bz-ratio__cell.is-ink{background:var(--ink)}.bz-ratio__cell.is-cobalt{background:var(--blue)}.bz-extra{gap:var(--s24) var(--col-gap);grid-column:6/13;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;display:grid}.bz-chip{column-gap:var(--s16);row-gap:var(--s4);width:100%;padding-top:var(--s16);border-top:1px solid var(--line);grid-template-columns:40px 1fr auto;font-size:15px;display:grid}.bz-chip__sw{width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--line);grid-row:span 2}.bz-chip__name{font-weight:500}.bz-chip__hex{font-variant-numeric:tabular-nums}.bz-chip__role{font-size:var(--t-small);grid-column:2/4}.bz-chip:hover .bz-chip__hex{color:var(--blue)}.bz-type{margin-bottom:clamp(var(--s64), 7vw, var(--s96));align-items:end}.bz-aa{letter-spacing:-.06em;grid-column:1/8;margin-left:-.04em;padding-bottom:.06em;font-size:clamp(160px,30vw,460px);font-weight:500;line-height:.8}.bz-glyphs{letter-spacing:-.02em;overflow-wrap:anywhere;grid-column:8/13;font-size:clamp(22px,2.2vw,32px);font-weight:500;line-height:1.35}.bz-glyphs p:last-child{color:var(--muted);font-weight:400}.bz-scale__row{column-gap:var(--col-gap);padding-block:var(--s24);grid-template-columns:repeat(12,minmax(0,1fr));align-items:baseline;display:grid;position:relative}.bz-scale__row>.rule{position:absolute;inset:0 0 auto}.bz-scale__meta{gap:var(--s4);flex-direction:column;grid-column:1/4;display:flex}.bz-scale__name{font-weight:500}.bz-scale__sample{overflow-wrap:anywhere;border-radius:2px;outline:none;grid-column:4/13;transition:background-color .3s}.bz-scale__sample:focus{background:color-mix(in srgb, var(--blue) 7%, transparent)}.bz-scale__sample.is-display{letter-spacing:-.04em;font-size:clamp(44px,6.67vw,96px);font-weight:600;line-height:1}.bz-scale__sample.is-h1{letter-spacing:-.035em;font-size:clamp(36px,4.45vw,64px);font-weight:600;line-height:1.05}.bz-scale__sample.is-h2{letter-spacing:-.03em;font-size:clamp(30px,2.8vw,40px);font-weight:600;line-height:1.15}.bz-scale__sample.is-h3{letter-spacing:-.02em;font-size:clamp(22px,1.95vw,28px);font-weight:500;line-height:1.25}.bz-scale__sample.is-bodyl{letter-spacing:-.01em;font-size:20px;line-height:1.5}.bz-scale__sample.is-body{letter-spacing:-.005em;font-size:17px;line-height:1.6}.bz-scale__sample.is-small{font-size:14px;line-height:1.5}.bz-scale__sample.is-label{font-size:13px;font-weight:500;line-height:1.4}.bz-scale__sample.is-number{letter-spacing:-.05em;font-size:clamp(64px,8.33vw,120px);font-weight:300;line-height:1}.bz-toggle{align-items:center;gap:var(--s12);margin-top:var(--s32);min-height:44px;font-weight:500;display:inline-flex}.bz-toggle__sq{width:12px;height:12px;transition:background-color .3s,box-shadow .3s;box-shadow:inset 0 0 0 1.5px}.bz-toggle[aria-pressed=true] .bz-toggle__sq{background:var(--blue);box-shadow:none}.bz-toggle:hover{color:var(--blue)}.bz-spaces{align-items:flex-end;gap:var(--s32) var(--s40);flex-wrap:wrap;display:flex}.bz-spaces li{align-items:flex-start;gap:var(--s12);flex-direction:column;display:flex}.bz-spaces__sq{background:var(--blue);display:block}.bz-gridlay{z-index:55;pointer-events:none;opacity:0;transition:opacity .4s;position:fixed;inset:0}.bz-gridlay.is-on{opacity:1}.bz-gridlay__inner{max-width:1600px;height:100%;padding-inline:var(--gutter);column-gap:var(--col-gap);grid-template-columns:repeat(12,minmax(0,1fr));margin-inline:auto;display:grid}.bz-gridlay__inner span{background:color-mix(in srgb, var(--blue) 7%, transparent);box-shadow:inset 1px 0 0 color-mix(in srgb, var(--blue) 30%, transparent), inset -1px 0 0 color-mix(in srgb, var(--blue) 30%, transparent);transform-origin:top;transition:transform .7s var(--ease);transform:scaleY(0)}.bz-gridlay.is-on .bz-gridlay__inner span{transform:none}.bz-gridlay__inner span:nth-child(n){transition-delay:calc(var(--n,0) * 1ms)}.bz-uses{gap:clamp(var(--s48), 5vw, var(--s64)) var(--col-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.bz-use figcaption{margin-top:var(--s12)}.bz-mock-web,.bz-cards,.bz-mail,.bz-og{aspect-ratio:16/10;background:var(--paper-2);position:relative;overflow:hidden}.bz-mock-web{background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);flex-direction:column;padding:5%;display:flex}.bz-mock-web__bar{justify-content:space-between;align-items:center;display:flex}.bz-mock-web__bar img{width:auto;height:clamp(10px,1.2vw,16px)}.bz-mock-web__btn{background:var(--ink);color:var(--paper);border-radius:2px;padding:.6em 1em;font-size:clamp(8px,.8vw,11px)}.bz-mock-web__h{letter-spacing:-.05em;max-width:11ch;margin-top:10%;font-size:clamp(20px,3vw,44px);font-weight:500;line-height:.98}.bz-mock-web__px{align-items:flex-end;gap:3px;height:26%;margin-top:auto;display:flex}.bz-mock-web__px span{background-color:var(--blue);background-image:linear-gradient(var(--paper) 1px, transparent 1px), linear-gradient(90deg, var(--paper) 1px, transparent 1px);opacity:.85;background-size:6px 6px;flex:1}.bz-cards{grid-template-columns:1fr 1fr;align-items:center;gap:6%;padding:10% 7%;display:grid}.bz-card{aspect-ratio:85/55;box-shadow:0 1px 0 color-mix(in srgb, var(--ink) 10%, transparent);border-radius:3px;padding:8%;display:flex}.bz-card--front{background:var(--ink);justify-content:center;align-items:center}.bz-card--front img{width:72%;height:auto}.bz-card--back{background:var(--paper);flex-direction:column;justify-content:space-between;font-size:clamp(6px,.62vw,10px);line-height:1.4;position:relative}.bz-card__mark{width:18%;position:absolute;top:10%;right:8%}.bz-card__name{letter-spacing:-.02em;font-size:1.35em;font-weight:600}.bz-card__role,.bz-card__contact{color:var(--muted)}.bz-mail{background:var(--paper);box-shadow:inset 0 0 0 1px var(--line);flex-direction:column;justify-content:center;gap:8%;padding:7%;font-size:clamp(11px,1.1vw,15px);line-height:1.5;display:flex}.bz-mail__sig{border-top:1px solid var(--line);align-items:flex-start;gap:4%;padding-top:5%;display:flex}.bz-mail__sig img{width:13%;height:auto;margin-top:.3em}.bz-mail__name{font-weight:600}.bz-og{background:var(--paper-2);flex-direction:column;justify-content:center;padding:7%;display:flex}.bz-og img{width:100%;height:auto;box-shadow:0 0 0 1px var(--line);border-radius:6px 6px 0 0}.bz-og__meta{background:var(--paper);box-shadow:0 0 0 1px var(--line);border-radius:0 0 6px 6px;padding:3% 4%}.bz-og__title{font-size:clamp(12px,1.1vw,15px);font-weight:600}.bz-legal{padding-block:0 clamp(var(--s64), 7vw, var(--s96))}.bz-legal .label{grid-column:1/4}.bz-legal__copy{gap:var(--s12);grid-column:4/11;font-size:15px;line-height:1.55;display:grid}@media (max-width:1080px){.bz-legend,.bz-explore{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.bz-draw{height:200vh}.bz-legend{grid-template-columns:1fr}.bz-marker{width:18px;height:18px;margin:-9px 0 0 -9px;font-size:11px}.bz-build{height:260vh}.bz-phases{grid-template-columns:1fr}.bz-phases li:not(.is-on){display:none}.bz-band{row-gap:var(--s8);grid-template-columns:1fr;align-content:end}.bz-band__name,.bz-band__role,.bz-band__codes{grid-column:1/-1}.bz-band__codes{flex-wrap:wrap;justify-content:flex-start}.bz-extra{margin-top:var(--s48);grid-template-columns:1fr}.bz-aa{font-size:44vw}.bz-glyphs{margin-top:var(--s24)}.bz-scale__row{row-gap:var(--s12);grid-template-columns:1fr}.bz-scale__meta,.bz-scale__sample{grid-column:1/-1}.bz-gridlay__inner{grid-template-columns:repeat(4,minmax(0,1fr))}.bz-gridlay__inner span:nth-child(n+5){display:none}.bz-uses{grid-template-columns:1fr}}
