@layer theme,base;@layer components{.mk-product-frame{aspect-ratio:8/5;isolation:isolate;background:var(--paper);border:1px solid var(--hairline);border-radius:12px;position:relative}.mk-product-frame__surface{border-radius:inherit;width:100%;height:100%;overflow:hidden}.mk-product-frame__surface img{object-fit:contain;width:100%;height:100%;transition:transform .8s cubic-bezier(.22,1,.36,1);display:block}.mk-product-frame__outline{opacity:0;pointer-events:none;border:1px solid #0d99ff;transition:opacity .25s;position:absolute;inset:0}.mk-product-frame__outline>span{color:#fff;background:#0d99ff;padding:3px 8px;font-size:12px;line-height:18px;position:absolute;top:-26px;left:-1px}.mk-product-frame__outline i{background:#fff;border:1px solid #0d99ff;width:7px;height:7px;position:absolute}.mk-product-frame__outline i:first-of-type{top:-4px;left:-4px}.mk-product-frame__outline i:nth-of-type(2){top:-4px;right:-4px}.mk-product-frame__outline i:nth-of-type(3){bottom:-4px;left:-4px}.mk-product-frame__outline i:nth-of-type(4){bottom:-4px;right:-4px}a:focus-visible .mk-product-frame__outline{opacity:1}.mk-tl--products .mk-tl__caption{grid-template-columns:28px minmax(0,1fr);gap:8px 16px}.mk-tl--products .mk-tl__meta{text-align:left;grid-column:2;align-items:flex-start}.mk-tl--products .mk-tl__punch{font-size:var(--fs-body);color:var(--foreground);max-width:44ch}.mk-tl--products .mk-tl__platelink{display:block}.mk-tl--directory .mk-tl__viewport{margin-top:0}@media (hover:hover) and (pointer:fine){a:hover .mk-product-frame__outline{opacity:1}a:hover .mk-product-frame__surface img{transform:scale(1.025)}}.mk-product-directory{padding-top:calc(var(--nav-offset) + clamp(24px, 4vw, 56px));padding-bottom:32px}.mk-product-directory__intro{grid-template-columns:1fr 1fr;align-items:end;gap:32px 64px;display:grid}.mk-product-directory__intro h1{letter-spacing:-.045em;font-size:clamp(2rem,6vw,4.8rem);font-weight:550;line-height:1.05}.mk-product-directory__intro>p{max-width:54ch;font-size:var(--fs-body);color:var(--muted);line-height:1.7}.mk-product-directory__index{border-top:1px solid var(--hairline);flex-wrap:wrap;gap:8px 24px;margin-top:32px;padding-top:24px;display:flex}.mk-product-directory__index a{font-size:var(--fs-small);color:var(--muted);text-underline-offset:5px;padding-block:6px;text-decoration:underline}.mk-product-directory__index a:hover{color:var(--foreground)}.mk-product-row h3,.mk-products__feature h3{scroll-margin-top:calc(var(--nav-offset) + 24px)}.mk-company-overview__title{font-size:1.6rem;font-weight:550}.mk-company-overview__studio{margin-top:28px;font-size:1.2rem;font-weight:550}.mk-products.portfolio-section{padding-block:clamp(40px,5vw,72px)}.mk-products{border-top:1px solid var(--hairline)}.mk-products__intro{grid-template-columns:1fr 1fr;align-items:end;gap:24px 64px;margin-bottom:clamp(40px,6vw,88px);display:grid}.mk-products__intro .mk-lead{max-width:48ch}.mk-products__feature{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:clamp(28px,5vw,80px);padding-bottom:clamp(32px,4vw,56px);display:grid}.mk-products__image{background:var(--paper);display:block;overflow:hidden}.mk-products__image img{width:100%;height:auto;display:block}.mk-products__copy h3{letter-spacing:-.035em;margin-top:12px;font-size:clamp(2rem,4vw,4rem);font-weight:500;line-height:1.1}.mk-products__copy>p:not(.mk-product-category){margin-top:24px;line-height:1.65}.mk-product-category{color:var(--muted);font-size:var(--fs-small);line-height:1.5}.mk-product-capabilities{color:var(--muted);margin:24px 0;padding-left:1.2em;line-height:1.6}.mk-product-capabilities li{padding-block:4px}.mk-product-status{font-size:var(--fs-meta);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-top:20px;padding:0;list-style:none;display:flex}.mk-product-status li:first-child{border:1px solid var(--hairline);color:var(--foreground);padding:5px 10px}.mk-product-status li[data-status=live]{color:var(--accent-ink,var(--accent));border-color:currentColor}.mk-products__links{flex-wrap:wrap;gap:8px 24px;margin-top:24px;display:flex}.mk-products__links a,.mk-products__detail-link{min-height:44px}.mk-products__detail-link{margin-top:16px}.mk-product-row{border-top:1px solid var(--hairline);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px 64px;padding-block:clamp(32px,4.5vw,64px);display:grid}.mk-product-row:last-child{padding-bottom:0}.mk-product-row--illustrated{align-items:center}.mk-product-row__preview{display:block;overflow:hidden}.mk-product-media{background:var(--paper);overflow:hidden}.mk-product-media img{width:100%;height:auto;display:block}.mk-product-row h3{letter-spacing:-.035em;margin-top:14px;font-size:clamp(1.5rem,3vw,3rem);font-weight:500;line-height:1.12}.mk-product-row h3 a{display:inline}.mk-product-row h3 svg{vertical-align:baseline;width:.6em;height:.6em;margin-left:.2em;transition:transform .25s;display:inline-block}.mk-product-row h3 a:hover svg{transform:translate(3px,-3px)}.mk-product-row__body>p:not(.mk-product-category){max-width:52ch;margin-top:20px;line-height:1.7}.mk-product-row__body>.portfolio-link{margin-top:16px}.mk-products-directory-link{padding-block:32px 48px}.mk-company-facts{grid-column:1/-1;margin-top:24px}.mk-facts-row.mk-facts-row--catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.mk-company-facts>p{margin-bottom:20px}.mk-company-facts dl{flex-wrap:wrap;gap:20px 48px;display:flex}.mk-company-facts dt{font-size:var(--fs-small);color:var(--muted);margin-bottom:6px}.mk-company-facts dd{color:var(--foreground)}.mk-company-overview{padding-block:clamp(48px,6vw,96px)}.mk-company-overview>p{max-width:64ch;margin-top:20px;line-height:1.65}.mk-company-overview .portfolio-link{margin-top:24px}.mk-digital-intro{border-top:1px solid var(--hairline)}.mk-digital-intro__head{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:32px 64px;display:grid}.mk-digital-intro__title h2{font-size:clamp(2rem,5.5vw,5.8rem)}.mk-lineage{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 18px;font-size:.75rem;font-weight:500;display:flex}.mk-lineage>span:first-child{color:var(--foreground)}.mk-lineage__rule{background:var(--accent);width:clamp(28px,4vw,56px);height:1px;display:inline-block}.mk-digital-intro__links{flex-wrap:wrap;gap:8px 24px;margin-top:24px;display:flex}.mk-product-detail{padding-top:calc(var(--nav-offset) + clamp(24px, 4vw, 56px));padding-bottom:clamp(48px,6vw,88px)}.mk-product-detail__breadcrumb{color:var(--muted);font-size:var(--fs-small);flex-wrap:wrap;gap:12px;margin-bottom:clamp(28px,4vw,56px);display:flex}.mk-product-detail__breadcrumb a{margin-block:-6px;padding-block:6px}.mk-product-detail__breadcrumb a:hover{color:var(--foreground)}.mk-product-detail__overview{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:end;gap:clamp(32px,5vw,72px);display:grid}.mk-product-detail__title{font-variation-settings:"wdth" 108;letter-spacing:-.045em;overflow-wrap:normal;margin-top:18px;font-size:clamp(1.9rem,6.5vw,3rem);font-weight:550;line-height:1.05}.mk-product-detail__tagline{max-width:30ch;margin-top:24px;font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.4}.mk-product-detail__description{font-size:var(--fs-body);color:var(--muted);max-width:52ch;margin-top:20px;line-height:1.75}.mk-product-detail__media{min-width:0;margin-top:clamp(32px,4vw,56px)}.mk-product-detail__media .mk-product-frame{aspect-ratio:auto}.mk-product-detail__media .mk-product-frame__surface img{height:auto}.mk-product-detail__media img{width:100%;height:auto}.mk-product-detail__media figcaption{font-size:var(--fs-meta);color:var(--muted);max-width:72ch;margin-top:12px;line-height:1.6}.mk-product-detail__stage{border-top:1px solid var(--hairline);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 64px;margin-top:clamp(40px,5vw,72px);padding-top:24px;display:grid}.mk-product-detail__stage h2{font-size:var(--fs-small);font-weight:550}.mk-product-detail__stage>p{color:var(--muted);font-size:var(--fs-small);max-width:60ch;line-height:1.65}.mk-product-detail__stage .mk-product-status{margin-top:12px}.mk-product-workflow{border-top:1px solid var(--hairline);margin-top:clamp(40px,6vw,88px);padding-top:clamp(32px,4vw,56px)}.mk-product-workflow__intro{grid-template-columns:1fr 1fr;align-items:end;gap:32px 64px;display:grid}.mk-product-workflow__intro .mk-lead{max-width:54ch;margin-top:14px}.mk-product-workflow__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:clamp(32px,4vw,56px) 0 0;padding:0;list-style:none;display:grid}.mk-product-workflow__steps li{min-width:0;position:relative}.mk-product-workflow__steps li:before{content:"";background:var(--hairline);width:calc(100% - 2px);height:1px;position:absolute;top:12px;left:42px}.mk-product-workflow__steps li:last-child:before{width:calc(100% - 42px)}.mk-product-workflow__number{border:1px solid var(--hairline);width:26px;height:26px;color:var(--accent-ink);border-radius:50%;place-items:center;font-size:11px;display:inline-grid}.mk-product-workflow__steps h3{letter-spacing:-.02em;margin-top:20px;font-size:clamp(1.2rem,1.6vw,1.5rem);font-weight:550;line-height:1.35}.mk-product-workflow__steps p{font-size:var(--fs-body);color:var(--muted);margin-top:14px;line-height:1.75}.mk-product-gallery-section{border-top:1px solid var(--hairline);margin-top:clamp(48px,6vw,88px);padding-top:clamp(32px,4vw,56px)}.mk-product-gallery{grid-template-columns:minmax(0,3fr) minmax(0,1fr);align-items:start;gap:clamp(20px,3vw,40px);margin-top:clamp(32px,5vw,64px);display:grid}.mk-product-gallery--screens{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.mk-product-gallery--pair{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px;margin-inline:auto}.mk-product-gallery--wide{grid-template-columns:repeat(2,minmax(0,1fr))}.mk-product-gallery--screens .mk-product-gallery__open{border:1px solid var(--hairline);border-radius:16px}.mk-product-gallery--screens .mk-product-gallery__item{justify-self:center;width:100%;max-width:340px}.mk-product-gallery__item{min-width:0}.mk-product-gallery__open{cursor:zoom-in;display:block}.mk-product-gallery__open:focus-visible{outline:2px solid var(--accent-ink,var(--accent));outline-offset:4px}.mk-product-gallery figcaption{font-size:var(--fs-meta);color:var(--muted);margin-top:12px;line-height:1.6}.mk-product-detail__sections{border-top:1px solid var(--hairline);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,6vw,100px);margin-top:clamp(40px,5vw,72px);padding-top:clamp(32px,4vw,56px);display:grid}.mk-product-detail__sections section+section{margin-top:32px}.mk-product-detail__sections h2{letter-spacing:-.02em;font-size:clamp(1.15rem,1.6vw,1.4rem);font-weight:550;line-height:1.3}.mk-product-detail__sections p{color:var(--muted);max-width:62ch;margin-top:12px;line-height:1.75}.mk-product-detail__features ul{margin-top:12px;padding:0;list-style:none}.mk-product-detail__features li{border-bottom:1px solid var(--hairline);padding:14px 0;line-height:1.55}.mk-product-detail__technology p{font-size:var(--fs-small)}.mk-product-detail__nav{border-top:1px solid var(--hairline);flex-wrap:wrap;justify-content:space-between;gap:16px 32px;margin-top:clamp(56px,7vw,100px);padding-top:28px;display:flex}@media (min-width:640px){.mk-product-detail__title{font-size:clamp(2.5rem,5.8vw,6rem)}}@media (min-width:900px) and (max-width:1100px){.mk-product-gallery--screens{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:899px){.mk-product-workflow__steps li:before{width:calc(100% - 42px)}.mk-product-directory__intro,.mk-products__intro,.mk-products__feature,.mk-product-row,.mk-digital-intro__head,.mk-product-detail__overview,.mk-product-workflow__intro,.mk-product-workflow__steps,.mk-product-detail__sections,.mk-product-detail__stage,.mk-product-gallery{grid-template-columns:minmax(0,1fr)}.mk-product-gallery__item--portrait{justify-self:center;width:min(100%,340px)}.mk-products__intro,.mk-product-row{gap:24px}.mk-product-detail__title{max-width:100%}.mk-company-facts dl{gap:20px 32px}}@media (prefers-reduced-motion:reduce){.mk-product-frame__surface img,.mk-product-frame__outline,.mk-product-row h3 svg{transition:none}a:hover .mk-product-frame__surface img,.mk-product-row h3 a:hover svg{transform:none}}}@layer utilities;