.bk{--bk-bg:var(--color-miova-white);--bk-text:var(--color-charcoal);--bk-line:color-mix(in srgb, var(--color-charcoal) 12%, transparent);--bk-muted:color-mix(in srgb, var(--color-charcoal) 62%, transparent);--bk-surface:#f5f2e7;--bk-accent:var(--color-miova-purple);--bk-h1:72px;--bk-h1-lh:72px;--bk-h3:44px;--bk-h3-lh:52px;--bk-h5:24px;--bk-h5-lh:32px;--bk-body:20px;--bk-body-lh:28px;--bk-eyebrow:13px;--bk-eyebrow-lh:20px;--bk-pad:40px;background:var(--bk-bg);color:var(--bk-text);font-family:var(--font-sans);display:block}@media (width<=768px){.bk{--bk-h1:40px;--bk-h1-lh:48px;--bk-h3:24px;--bk-h3-lh:28px;--bk-h5:20px;--bk-h5-lh:28px;--bk-body:16px;--bk-body-lh:24px;--bk-eyebrow:12px;--bk-eyebrow-lh:16px;--bk-pad:16px}}.bk__frame{width:100%;max-width:1728px;margin-inline:auto;position:relative}@media (width>=1729px){.bk__frame{border-inline:1px solid var(--bk-line)}}.bk-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bk-eyebrow{font-family:var(--font-ibm-plex-mono);font-size:var(--bk-eyebrow);line-height:var(--bk-eyebrow-lh);letter-spacing:0;text-transform:uppercase;color:var(--bk-muted);margin:0;font-weight:400}.bk-h1{font-size:var(--bk-h1);line-height:var(--bk-h1-lh);letter-spacing:-.02em}.bk-h3{font-size:var(--bk-h3);line-height:var(--bk-h3-lh);letter-spacing:-.01em}.bk-hero{--bk-hero-bg:var(--bk-surface);--bk-hero-text:var(--bk-text);--bk-hero-grid:color-mix(in srgb, var(--color-charcoal) 9%, transparent);background:var(--bk-hero-bg);color:var(--bk-hero-text);border-bottom:1px solid var(--bk-line)}.bk-hero__stage{justify-content:center;align-items:center;height:600px;display:flex;overflow:hidden}@media (width>=1024px){.bk-hero__stage{height:760px}}.bk-hero[data-empty] .bk-hero__stage{height:480px}@media (width>=1024px){.bk-hero[data-empty] .bk-hero__stage{height:640px}}.bk-hero__grid{color:var(--bk-hero-grid);pointer-events:none;position:absolute;inset:0}.bk-hero__scanlines{z-index:4;pointer-events:none;background:repeating-linear-gradient(0deg, color-mix(in srgb, var(--color-charcoal) 3%, transparent) 0 1px, transparent 1px 4px);position:absolute;inset:0}.bk-hero__content{z-index:3;text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:24px;max-width:400px;padding-inline:24px;display:flex;position:relative}@media (width>=768px){.bk-hero__content{max-width:768px}}.bk-hero__title-wrap{font-size:var(--bk-h1);line-height:var(--bk-h1-lh);letter-spacing:-.02em;font-weight:500;position:relative}.bk-hero__title-wrap *{letter-spacing:-.02em}.bk-hero__title{text-wrap:pretty;margin:0;display:block}.bk-hero__sprites{z-index:2;position:absolute;inset:0}.bk-hero__item{--bk-hero-size:150px;left:var(--x);top:var(--y);width:var(--bk-hero-size);translate:-50% -50%;rotate:var(--r,0deg);cursor:var(--cursor-pointer,pointer);-webkit-tap-highlight-color:transparent;will-change:transform, opacity;animation:bk-hero-in .9s var(--bk-hero-delay,.1s) cubic-bezier(.22, 1, .36, 1) both paused;background:0 0;border:0;padding:0;position:absolute}.bk-hero[data-ready] .bk-hero__item,.bk-hero[data-ready] .bk-hero__bob{animation-play-state:running}.bk-hero__item[data-size=xs]{--bk-hero-size:64px}.bk-hero__item[data-size=sm]{--bk-hero-size:104px}.bk-hero__item[data-size=lg]{--bk-hero-size:210px}.bk-hero__parallax,.bk-hero__bob{display:block}.bk-hero__bob{will-change:transform;animation:bk-hero-bob var(--bk-hero-bob,2.8s) calc(var(--bk-hero-delay,0s) + .9s) ease-in-out infinite alternate paused}.bk-hero__img{width:100%;height:auto;image-rendering:pixelated;filter:drop-shadow(6px 6px 0 color-mix(in srgb, var(--color-charcoal) 16%, transparent));user-select:none;-webkit-user-drag:none;transition:scale .12s steps(2,end);display:block}.bk-hero__item:hover .bk-hero__img{scale:1.08}.bk-hero__item:active .bk-hero__img{scale:.94}@media (width<=767px){.bk-hero__item{--bk-hero-size:84px}.bk-hero__item[data-size=xs]{--bk-hero-size:40px}.bk-hero__item[data-size=sm]{--bk-hero-size:62px}.bk-hero__item[data-size=lg]{--bk-hero-size:116px}.bk-hero__item[data-hide-mobile]{display:none}}.bk-hero__pop{z-index:5;font-family:var(--font-geist-pixel), monospace;color:var(--color-charcoal);text-shadow:3px 3px 0 var(--bk-accent);pointer-events:none;white-space:nowrap;font-size:30px;line-height:1;position:absolute;translate:-50% -100%}.bk-hero__hud{z-index:5;font-family:var(--font-geist-pixel), monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--bk-hero-text);pointer-events:none;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;font-size:12px;line-height:1;display:flex;position:absolute;inset:auto 0 0}@media (width>=768px){.bk-hero__hud{padding:20px 40px;font-size:16px}}.bk-hero__hud p{margin:0}.bk-hero__hud-cell{gap:10px;min-width:0;display:flex}.bk-hero__hud-cell--end{justify-content:flex-end}.bk-hero__hud-label{color:var(--bk-accent)}.bk-hero__hud-prompt{text-align:center;animation:1.1s steps(2,jump-none) infinite bk-hero-blink}@media (width<=479px){.bk-hero__hud-prompt{display:none}}@keyframes bk-hero-in{0%{opacity:0;transform:var(--bk-hero-from) scale(.92)}to{opacity:1;transform:none}}@keyframes bk-hero-bob{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@keyframes bk-hero-blink{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.bk-hero__item,.bk-hero__bob,.bk-hero__hud-prompt{animation:none}}.bk-heading{border-bottom:1px solid var(--bk-line)}.bk-heading__row{padding:var(--bk-pad);flex-direction:column;gap:16px;display:flex}.bk-heading__main{flex-direction:column;gap:24px;display:flex}.bk-heading__title{text-wrap:pretty;margin:0;font-weight:500}.bk-heading__desc{flex-direction:column;gap:12px;max-width:880px;display:flex}.bk-heading__desc p{font-size:var(--bk-body);line-height:var(--bk-body-lh);letter-spacing:-.02em;text-wrap:pretty;margin:0}.bk-heading__desc a{color:inherit;text-underline-offset:.2em;text-decoration:underline}.bk-heading__side,.bk-heading__action{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.bk-heading__meta{font-family:var(--font-ibm-plex-mono);text-transform:uppercase;color:var(--bk-muted);font-size:12px;line-height:16px}@media (width>=768px){.bk-heading__row{flex-direction:row;justify-content:space-between;align-items:flex-end}.bk-heading__main{width:66.666%}.bk-heading__side{align-items:flex-end}}.bk-heading--intro{border-bottom:1px solid var(--bk-line)}.bk-heading--intro .bk-heading__row{gap:0;padding:0}.bk-heading--intro .bk-heading__main,.bk-heading--intro .bk-heading__aside{flex-direction:column;justify-content:flex-end;gap:24px;padding:24px 16px;display:flex}.bk-heading--intro .bk-heading__main{border-bottom:1px solid var(--bk-line)}.bk-heading__note{font-size:var(--bk-h5);line-height:var(--bk-h5-lh);text-wrap:pretty;margin:0;font-weight:500}@media (width>=1024px){.bk-heading--intro .bk-heading__row{flex-direction:row;align-items:stretch}.bk-heading--intro .bk-heading__main,.bk-heading--intro .bk-heading__aside{gap:40px;height:400px;padding:40px}.bk-heading--intro .bk-heading__main{border-bottom:0;border-right:1px solid var(--bk-line);width:70%}.bk-heading--intro .bk-heading__aside{width:30%}}.bk-dl{border-bottom:1px solid var(--bk-line)}.bk-dl__grid{grid-template-columns:minmax(0,1fr);display:grid}@media (width>=768px){.bk-dl__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.bk-dl[data-columns="3"] .bk-dl__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bk-dl[data-columns="4"] .bk-dl__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.bk-dl__card{border-bottom:1px solid var(--bk-line);flex-direction:column;gap:8px;margin-bottom:-1px;padding:20px;display:flex}@media (width>=768px){.bk-dl__card{padding:var(--bk-pad);border-right:1px solid var(--bk-line)}.bk-dl[data-columns="2"] .bk-dl__card:nth-child(2n),.bk-dl__card:last-child{border-right:0}}@media (width>=768px) and (width<=1023px){.bk-dl__card:nth-child(2n){border-right:0}}@media (width>=1024px){.bk-dl[data-columns="3"] .bk-dl__card:nth-child(3n),.bk-dl[data-columns="4"] .bk-dl__card:nth-child(4n){border-right:0}.bk-dl[data-columns="3"] .bk-dl__card:nth-child(3n+1):last-child,.bk-dl[data-columns="4"] .bk-dl__card:nth-child(4n+1):last-child{border-right:1px solid var(--bk-line)}}.bk-dl__preview{--bk-dl-bg:var(--bk-surface);aspect-ratio:1080/680;background:var(--bk-dl-bg);position:relative;overflow:hidden}.bk-dl__preview:after,.bk-guide__media:after{content:"";z-index:1;pointer-events:none;box-shadow:inset 0 0 0 1px var(--bk-line);position:absolute;inset:0}.bk-dl[data-ratio=wide] .bk-dl__preview{aspect-ratio:16/9}.bk-dl[data-ratio=square] .bk-dl__preview,.bk-dl[data-style=icon] .bk-dl__preview{aspect-ratio:1}.bk-dl__thumb{opacity:0;transition:opacity .3s var(--ease-smooth);position:absolute;inset:0}.bk-dl__thumb[data-active]{opacity:1}.bk-dl__img{object-fit:cover;width:100%;height:100%;display:block}.bk-dl[data-style=icon] .bk-dl__thumb{justify-content:center;align-items:center;display:flex}.bk-dl[data-style=icon] .bk-dl__img{object-fit:contain;width:40%;max-width:128px;height:auto}.bk-dl__title{font-size:var(--bk-body);line-height:var(--bk-body-lh);letter-spacing:-.02em;margin:16px 0 0}.bk-dl__variants{flex-wrap:wrap;gap:8px 28px;margin:0;padding:0;list-style:none;display:flex}.bk-dl__variant{font-family:var(--font-ibm-plex-mono);font-size:var(--bk-eyebrow);line-height:var(--bk-eyebrow-lh);text-transform:uppercase;align-items:center;gap:12px;display:flex}.bk-dl__variant-label{color:var(--bk-muted);transition:color var(--transition-duration-fast) var(--ease-smooth)}.bk-dl__variant[data-active] .bk-dl__variant-label{color:var(--bk-text)}.bk-dl__formats{gap:12px;display:inline-flex}.bk-dl__link{color:var(--bk-text);align-items:center;gap:4px;padding-bottom:4px;text-decoration:none;display:inline-flex;position:relative}.bk-dl__link:after{content:"";background:var(--bk-accent);width:0;height:1px;transition:width .3s var(--ease-smooth);position:absolute;bottom:0;left:0}.bk-dl__link:hover:after,.bk-dl__link:focus-visible:after{width:100%}.bk-dl__link:focus-visible{outline:1px solid var(--bk-accent);outline-offset:2px}.bk-dl__link-icon{width:14px;height:14px}.bk-guide{border-bottom:1px solid var(--bk-line)}.bk-guide__grid{grid-template-columns:minmax(0,1fr);margin:0 auto;padding:0;list-style:none;display:grid}@media (width>=768px){.bk-guide__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.bk-guide[data-columns="3"] .bk-guide__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.bk-guide__card{border-bottom:1px solid var(--bk-line);flex-direction:column;gap:24px;margin-bottom:-1px;padding:20px;display:flex}@media (width>=768px){.bk-guide__card{padding:var(--bk-pad);border-right:1px solid var(--bk-line)}}@media (width>=768px) and (width<=1023px){.bk-guide__card:nth-child(2n){border-right:0}}@media (width>=1024px){.bk-guide[data-columns="2"] .bk-guide__card:nth-child(2n),.bk-guide[data-columns="3"] .bk-guide__card:nth-child(3n){border-right:0}}.bk-guide__media{aspect-ratio:800/508;background:var(--bk-surface);position:relative;overflow:hidden}.bk-guide__img{object-fit:cover;width:100%;height:100%;display:block}.bk-guide__caption{font-size:var(--bk-body);line-height:var(--bk-body-lh);letter-spacing:-.02em;align-items:center;gap:10px;margin:0;display:flex}.bk-guide__mark{width:24px;height:24px;color:var(--color-miova-white);background:var(--bk-accent);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.bk-guide[data-tone=dont] .bk-guide__mark{background:#d9480f}.bk-guide__mark svg{width:15px;height:15px}.bk-colors{border-bottom:1px solid var(--bk-line)}.bk-colors__grid{grid-template-columns:minmax(0,1fr);margin:0 auto;padding:0;list-style:none;display:grid}@media (width>=640px){.bk-colors__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.bk-colors__grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.bk-colors__grid[data-count="4"]{grid-template-columns:repeat(4,minmax(0,1fr))}}.bk-colors__card{border-bottom:1px solid var(--bk-line);flex-direction:column;margin-bottom:-1px;display:flex}@media (width>=640px){.bk-colors__card{border-right:1px solid var(--bk-line)}.bk-colors__card:last-child{border-right:0}}@media (width>=640px) and (width<=1023px){.bk-colors__card:nth-child(2n){border-right:0}}.bk-colors__swatch{background:var(--bk-swatch);min-height:280px;color:var(--color-charcoal);box-shadow:inset 0 0 0 1px var(--bk-line);flex-direction:column;justify-content:flex-end;gap:4px;padding:24px;display:flex}@media (width>=1024px){.bk-colors__swatch{min-height:360px;padding:var(--bk-pad)}}.bk-colors__swatch[data-on-dark]{color:var(--color-miova-white)}.bk-colors__name{font-size:var(--bk-h5);line-height:var(--bk-h5-lh);margin:0;font-weight:500}.bk-colors__note{opacity:.72;margin:0;font-size:15px;line-height:22px}.bk-colors__values{flex-direction:column;margin:0;padding:12px 16px;display:flex}@media (width>=1024px){.bk-colors__values{padding:16px 32px 24px}}.bk-colors__row{font-family:var(--font-ibm-plex-mono);font-size:var(--bk-eyebrow);line-height:var(--bk-eyebrow-lh);justify-content:space-between;align-items:center;gap:16px;padding-block:4px;display:flex}.bk-colors__row dt{text-transform:uppercase;color:var(--bk-muted)}.bk-colors__row dd{margin:0}.bk-colors__copy{color:var(--bk-text);font:inherit;cursor:var(--cursor-pointer,pointer);transition:background-color var(--transition-duration-fast) var(--ease-smooth);background:0 0;border:0;border-radius:4px;align-items:center;gap:8px;margin-right:-6px;padding:2px 6px;display:inline-flex}.bk-colors__copy:hover,.bk-colors__copy:focus-visible{background:var(--color-beige-400);outline:none}.bk-colors__copy:focus-visible{box-shadow:inset 0 0 0 1px var(--bk-accent)}.bk-colors__icon{width:14px;height:14px;color:var(--bk-muted)}.bk-colors__icon--done{color:var(--bk-accent);display:none}.bk-colors__copy[data-state=copied] .bk-colors__icon--copy{display:none}.bk-colors__copy[data-state=copied] .bk-colors__icon--done{display:inline-block}.bk-type{border-bottom:1px solid var(--bk-line)}.bk-type__list{margin:0 auto;padding:0;list-style:none}.bk-type__card{border-bottom:1px solid var(--bk-line);grid-template-columns:minmax(0,1fr);display:grid}.bk-type__card:last-child{border-bottom:0}@media (width>=1024px){.bk-type__card{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.bk-type__specimen{min-height:280px;padding:var(--bk-pad);background:var(--bk-type-bg,var(--bk-surface));font-family:var(--bk-type-font);border-bottom:1px solid var(--bk-line);justify-content:center;align-items:center;display:flex}@media (width>=1024px){.bk-type__specimen{border-bottom:0;border-right:1px solid var(--bk-line);min-height:420px}}.bk-type__aa{letter-spacing:-.04em;color:var(--bk-type-ink,var(--bk-accent));font-size:160px;font-weight:500;line-height:1}@media (width>=1024px){.bk-type__aa{font-size:240px}}.bk-type__body{flex-direction:column;gap:16px;padding:24px 16px 32px;display:flex}@media (width>=1024px){.bk-type__body{padding:var(--bk-pad);justify-content:flex-end}}.bk-type__family{font-family:var(--bk-type-font);font-size:var(--bk-h3);line-height:var(--bk-h3-lh);letter-spacing:-.01em;margin:0;font-weight:500}.bk-type__desc{max-width:640px;font-size:var(--bk-body);line-height:var(--bk-body-lh);letter-spacing:-.02em;color:var(--bk-muted);text-wrap:pretty;margin:0}.bk-type__sample{font-family:var(--bk-type-font);font-size:var(--bk-h5);line-height:var(--bk-h5-lh);letter-spacing:-.01em;text-wrap:pretty;margin:8px 0 0}.bk-type__charset{font-family:var(--bk-type-font);letter-spacing:.02em;white-space:pre-line;overflow-wrap:anywhere;color:var(--bk-muted);margin:0;font-size:18px;line-height:28px}.bk-type__meta{border-top:1px solid var(--bk-line);font-family:var(--font-ibm-plex-mono);font-size:var(--bk-eyebrow);line-height:var(--bk-eyebrow-lh);text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:8px;padding-top:16px;display:flex}.bk-type__weights{gap:12px;margin:0;display:flex}.bk-type__meta-key{color:var(--bk-muted)}.bk-type__link{color:var(--bk-text);border-bottom:1px solid var(--bk-accent);align-items:center;gap:6px;padding-bottom:2px;text-decoration:none;display:inline-flex}.bk-type__link svg{width:14px;height:14px}