.art-word{width:auto;height:96px;display:block;overflow:visible}.art-word--og{height:46px}.art-word--post{height:40px}.art-word--sheet{height:250px}.art-mark{width:100%;height:100%;display:block}.frame em{font-style:italic}.bk-bar{z-index:30;height:64px;padding:0 var(--pad);background:color-mix(in srgb, var(--paper) 90%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--rule);align-items:center;gap:16px;display:flex;position:sticky;top:0}.bk-bar__mark{color:var(--ink)}.bk-bar__mark svg{width:auto;height:27px;display:block;overflow:visible}.bk-bar__title{border-left:1px solid var(--rule);font-family:var(--display);color:var(--ink-2);padding-left:14px;font-size:21px;font-style:italic;line-height:26px}.bk-bar__end{align-items:center;gap:22px;margin-left:auto;font-size:14px;display:flex}.bk-main{width:100%;max-width:1480px;padding:0 var(--pad) 96px;margin-inline:auto}.bk-hero{padding-block:clamp(64px,11vh,120px) clamp(48px,8vh,88px)}.bk-hero h1{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(56px,9vw,150px);font-weight:400;line-height:.95}.bk-hero p{max-width:34em;color:var(--ink-2);margin-top:26px;font-size:clamp(17px,1.4vw,21px);line-height:1.5}.bk-sec{border-top:1px solid var(--ink);padding-block:56px 72px}.bk-sec__head{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:32px;margin-bottom:40px;display:grid}.bk-sec__head h2{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(38px,4.4vw,64px);font-weight:400;line-height:1}.bk-sec__head p{max-width:36em;color:var(--ink-2);font-size:17px;line-height:1.55}.bk-dl{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--vermilion) 55%, transparent);text-decoration-color:color-mix(in srgb, var(--vermilion) 55%, transparent);text-underline-offset:3px;font-size:13px}.bk-dl:hover{-webkit-text-decoration-color:var(--vermilion);text-decoration-color:var(--vermilion)}.bk-logos{grid-template-columns:1.4fr 1.4fr 1fr;gap:16px;display:grid}.bk-tile{border:1px solid var(--rule);border-radius:4px;flex-direction:column;display:flex;overflow:hidden}.bk-tile__art{aspect-ratio:16/10;color:var(--ink);place-items:center;display:grid}.bk-tile--ink .bk-tile__art{background:var(--ink);color:var(--paper)}.bk-tile--mark .bk-tile__art{aspect-ratio:auto;background:var(--paper-deep);flex:1}.bk-word{width:56%;height:auto;overflow:visible}.bk-mark{width:46%;max-width:160px;height:auto}.bk-tile figcaption{border-top:1px solid var(--rule);justify-content:space-between;align-items:baseline;gap:12px;padding:12px 16px;font-size:14px;display:flex}.bk-tile figcaption span{gap:14px;display:flex}.bk-rules{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.bk-rules li{border-top:1px solid var(--rule);color:var(--ink-2);padding-top:12px;font-size:14.5px;line-height:1.5}.bk-colors{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;display:grid}.bk-colors li{flex-direction:column;gap:4px;display:flex}.bk-colors i{aspect-ratio:3/4;border:1px solid var(--rule);border-radius:3px;margin-bottom:10px;display:block}.bk-colors b{font-size:15px;font-weight:500}.bk-colors code{font-family:var(--mono);color:var(--ink-2);font-size:13px}.bk-colors span{color:var(--ink-2);margin-top:4px;font-size:13.5px;line-height:1.45}.bk-type{grid-template-columns:1.3fr 1fr 1fr;gap:32px;display:grid}.bk-type>div{border-top:1px solid var(--rule);padding-top:18px}.bk-type__sample{min-height:3.2em;color:var(--ink)}.bk-type__sample--display{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(34px,3.4vw,52px);line-height:1.04}.bk-type__sample--body{font-size:22px;line-height:1.4}.bk-type__sample--mono{font-family:var(--mono);font-size:22px;line-height:1.4}.bk-type__name{margin-top:18px;font-size:15px;font-weight:500}.bk-type__use{color:var(--ink-2);margin-top:4px;font-size:14px;line-height:1.5}.bk-elements{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.bk-elements figure{border:1px solid var(--rule);border-radius:4px;overflow:hidden}.bk-elements svg{background:color-mix(in srgb, var(--paper-deep) 55%, var(--paper));width:100%;height:auto;display:block}.bk-elements figcaption{border-top:1px solid var(--rule);color:var(--ink-2);padding:14px 16px 16px;font-size:14px;line-height:1.5}.bk-elements b{color:var(--ink);font-weight:500}.bk-images{grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 16px;display:grid}.bk-img{grid-column:span 2}.bk-img--wide{grid-column:span 4}.bk-img--square{grid-column:span 1}.bk-img__pic{border:1px solid var(--rule);border-radius:4px;transition:border-color .3s;display:block;overflow:hidden}.bk-img__pic:hover{border-color:var(--ink)}.bk-img img{width:100%;height:auto;display:block}.bk-img figcaption{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:10px;font-size:14px;display:flex}.bk-img figcaption b{font-weight:500}.bk-img figcaption span{font-family:var(--mono);color:var(--ink-3);font-size:12px}.bk-img figcaption .bk-dl{margin-left:auto}@media (max-width:1000px){.bk-sec__head,.bk-logos,.bk-type{grid-template-columns:minmax(0,1fr)}.bk-colors{grid-template-columns:repeat(3,minmax(0,1fr))}.bk-elements,.bk-rules,.bk-images{grid-template-columns:repeat(2,minmax(0,1fr))}.bk-img,.bk-img--wide{grid-column:span 2}.bk-img--square{grid-column:span 1}.bk-tile--mark .bk-tile__art{aspect-ratio:16/10}}@media (max-width:560px){.bk-elements,.bk-rules{grid-template-columns:minmax(0,1fr)}.bk-bar__end a:not(.nav__app),.bk-bar__title{display:none}}