/* maker-kit's components: the studio (sign-in, nav, home, prints, orders, your
   orders), the print form, the cart and its pop-ups. Generated from the first maker
   site's component CSS by tools/port-css.py (do not edit by hand; change the port).

   UX (layout, flows, interaction) is the kit's and the same on every site: the
   spacing, sizes and motion below. UI (colors, fonts, line weights, radius,
   shadows) is the site's: it maps the --mk-* tokens in the second block from its
   own design system, on :root and on any class that re-themes a part of a page.
   What a site leaves out falls back to these defaults (zero specificity). */

:root{
  --mk-space-0:0; --mk-space-1:0.25rem; --mk-space-2:0.5rem; --mk-space-3:0.75rem; --mk-space-4:1rem; --mk-space-5:1.5rem;
  --mk-space-6:2rem; --mk-space-7:2.5rem; --mk-space-8:3rem; --mk-space-9:4rem;
  --mk-gutter:clamp(1.25rem, 4vw, 3rem); --mk-grid-gap:var(--mk-space-5);
  --mk-container-narrow:560px; --mk-container-text:760px; --mk-container-wide:1240px; --mk-container-gallery:1440px;
  --mk-section-y:clamp(4rem, 8vw, 8rem); --mk-measure-prose:64ch;
  --mk-dur-instant:80ms; --mk-dur-fast:140ms; --mk-dur-base:220ms; --mk-dur-slow:420ms;
  --mk-ease-out:cubic-bezier(0.22,0.61,0.36,1); --mk-ease-bounce:cubic-bezier(0.34,1.56,0.64,1);
  --mk-lift:translateY(-2px); --mk-press:translateY(1px);
}
@media (prefers-reduced-motion: reduce){
  :root{ --mk-dur-instant:0ms; --mk-dur-fast:0ms; --mk-dur-base:0ms; --mk-dur-slow:0ms; --mk-lift:none; --mk-press:none }
}

:where(:root){
  --mk-ink:#3c0c00; --mk-ink-soft:#ded0c8; --mk-ink-faint:#eee5df;
  --mk-accent:#fc7800; --mk-accent-hover:#f05400; --mk-accent-strong:#d84800; --mk-accent-tint:#ffc894;
  --mk-accent-soft:#ffe4cc; --mk-accent-wash:#fff4ea; --mk-accent-light:#fca65c; --mk-accent-mid:#fc8c2c;
  --mk-white:#ffffff; --mk-paper:#fff9f2; --mk-paper-2:#fdf3e8; --mk-night:#080a18; --mk-mat:#fdf3e8; --mk-success:#7d7600;
  --mk-danger:#c00c00; --mk-danger-strong:#9c0c00;
  --mk-text:#481800; --mk-text-strong:#3c0c00; --mk-text-body:#481800; --mk-text-muted:#c0a294; --mk-text-faint:#9c7160;
  --mk-text-accent:#d84800; --mk-text-link:#d84800;
  --mk-surface:#fff9f2; --mk-surface-card:#ffffff; --mk-surface-sunken:#fdf3e8; --mk-surface-accent-soft:#fff4ea;
  --mk-rule:rgb(0 0 0 / .1); --mk-border-subtle:#eee5df; --mk-border-default:#ded0c8; --mk-focus-ring:#c00c00;
  /* A print's own white paper, as it ships (.mk-mat), and its lift off the page. */
  --mk-icon-halo:rgb(8 10 24 / .85);
  --mk-print-paper:#fff; --mk-print-shadow:0 0 0 1px rgb(0 0 0 / .06), 0 1px 2px rgb(0 0 0 / .1), 0 10px 28px -6px rgb(0 0 0 / .22);
  --mk-line:1px; --mk-line-strong:2px; --mk-line-color:#3c0c00;
  --mk-radius-xs:4px; --mk-radius-sm:8px; --mk-radius-md:14px; --mk-radius-lg:22px; --mk-radius-xl:34px; --mk-radius-pill:999px;
  --mk-font-body:Georgia, serif; --mk-font-display:system-ui, sans-serif; --mk-font-mono:ui-monospace, Menlo, monospace;
  --mk-weight-regular:400; --mk-weight-semibold:600; --mk-weight-bold:700; --mk-weight-black:800;
  --mk-tracking-caps:0.14em; --mk-tracking-wide:0.06em; --mk-leading-tight:1.04;
  --mk-text-2xs:0.6875rem; --mk-text-xs:0.75rem; --mk-text-sm:0.875rem; --mk-text-base:1.0625rem; --mk-text-lg:1.25rem;
  --mk-text-xl:1.5rem; --mk-text-2xl:1.875rem; --mk-text-3xl:2.375rem;
  --mk-display-2:clamp(2.25rem, 1.55rem + 2.8vw, 3.5rem); --mk-display-3:clamp(1.75rem, 1.35rem + 1.6vw, 2.375rem);
  --mk-shadow:3px 3px 0 var(--mk-ink); --mk-shadow-lg:6px 6px 0 var(--mk-ink); --mk-shadow-accent:3px 3px 0 var(--mk-accent-strong);
  --mk-shadow-xs:0 1px 2px rgb(0 0 0 / .08); --mk-shadow-sm:0 2px 6px rgb(0 0 0 / .09);
  --mk-shadow-md:0 6px 18px -6px rgb(0 0 0 / .16); --mk-shadow-lg-soft:0 18px 44px -14px rgb(0 0 0 / .22);
  --mk-backdrop:rgb(20 15 42 / .6); --mk-viewer:rgb(36 10 0 / .88); --mk-drop:rgb(36 10 0 / .38);
}

/* The kit's own parts (no counterpart on the first site): the upload step's hint
   of where the full-size file is (BRAND.prints.original), and a file dragged over
   the upload. */
.mk-pm__original{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--mk-space-2) var(--mk-space-3); margin:0 0 var(--mk-space-3) }
.mk-pm__original-label{ font-size:var(--mk-text-sm); color:var(--mk-text-muted) }
.mk-pm__original-path{ font-family:var(--mk-font-mono); font-size:var(--mk-text-sm); overflow-wrap:anywhere }
.mk-pm__original .mk-studio__hint{ flex-basis:100%; margin:0 }
.mk-pm__upload.is-drop{ outline:var(--mk-line-strong) dashed var(--mk-accent); outline-offset:4px }

/* A photo's "buy print" sticker (src/printpage.js fillPrintLink), ported from the
   first maker site's .ug-art__print: a pill in the top-left corner of the picture,
   over a positioned box the site gives it. Its colours are pinned in every state:
   accent fill, ink label and outline. Hidden until the Worker shows it. */
[data-print-link][hidden]{ display:none }
.mk-btn.mk-print-pill{
  position:absolute; z-index:4;
  top:calc(var(--mk-space-3) + var(--mk-space-2)); left:calc(var(--mk-space-3) + var(--mk-space-2));
  border-radius:var(--mk-radius-pill);
  background:var(--mk-accent); color:var(--mk-ink); border-color:var(--mk-ink);
  box-shadow:var(--mk-shadow);
}
.mk-btn.mk-print-pill:hover,
.mk-btn.mk-print-pill:focus-visible{
  background:var(--mk-accent); color:var(--mk-ink); border-color:var(--mk-ink);
  transform:var(--mk-lift); box-shadow:var(--mk-shadow-lg);
}
.mk-btn.mk-print-pill:focus-visible{ outline:2px solid var(--mk-focus-ring); outline-offset:2px }
.mk-container{ width:100%; max-width:var(--mk-container-wide);    margin-inline:auto; padding-inline:var(--mk-gutter) }
.mk-container--gallery{ max-width:var(--mk-container-gallery) }
.mk-container--text{ max-width:var(--mk-container-text) }
.mk-container--narrow{ max-width:var(--mk-container-narrow) }
.mk-section{ padding-block:var(--mk-section-y) }
.mk-section--tight{ padding-block:calc(var(--mk-section-y) * 0.55) }
.mk-section--soft{ background:var(--mk-surface-accent-soft) }
.mk-section--sunken{ background:var(--mk-surface-sunken) }
.mk-section__head{ margin-bottom:var(--mk-space-8) }
.mk-section__title{ margin-bottom:var(--mk-space-3) }
.mk-section__title, .mk-section__title h2{ text-transform:lowercase }
.mk-section__lede{ color:var(--mk-text-muted); max-width:var(--mk-measure-prose); margin:0 }
.mk-eyebrow{
  display:block; font-family:var(--mk-font-display); font-size:var(--mk-text-xs);
  font-weight:var(--mk-weight-semibold); letter-spacing:var(--mk-tracking-caps);
  text-transform:uppercase; color:var(--mk-text-accent); margin-bottom:var(--mk-space-3);
}
.mk-icon{
  display:inline-block; width:1em; height:1em; flex:none;
  background-color:currentColor; vertical-align:-0.125em;
  -webkit-mask-position:center; mask-position:center;
  -webkit-mask-size:contain;    mask-size:contain;
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
}
.mk-btn{
  display:inline-flex; align-items:center; gap:var(--mk-space-2);
  font-family:var(--mk-font-display); font-size:var(--mk-text-sm);
  font-weight:var(--mk-weight-semibold); text-transform:lowercase;
  padding:var(--mk-space-3) var(--mk-space-5);
  border:var(--mk-line-strong) solid var(--mk-line-color);
  border-radius:var(--mk-radius-sm);         /* buttons are never pills */
  background:var(--mk-surface-card); color:var(--mk-ink);
  text-decoration:none; cursor:pointer;
  box-shadow:var(--mk-shadow);
  transition:transform var(--mk-dur-fast) var(--mk-ease-bounce),
             box-shadow var(--mk-dur-fast) var(--mk-ease-bounce),
             background-color var(--mk-dur-fast) var(--mk-ease-out);
}
.mk-btn:hover{ transform:var(--mk-lift); box-shadow:var(--mk-shadow-lg); color:var(--mk-ink) }
.mk-btn:active{ transform:var(--mk-press); box-shadow:1px 1px 0 var(--mk-ink) }
.mk-btn--primary{ background:var(--mk-accent) }
.mk-btn--primary:hover{ background:var(--mk-accent-hover) }
.mk-btn--primary:active{ background:var(--mk-accent-strong) }
.mk-btn--loud{ background:var(--mk-danger); color:var(--mk-paper) }
.mk-btn--loud:hover{ background:var(--mk-danger-strong); color:var(--mk-paper) }
.mk-btn--ghost{ background:transparent; box-shadow:none }
.mk-btn--ghost:hover{ background:var(--mk-accent-wash); box-shadow:var(--mk-shadow) }
.mk-art__face--back .mk-btn:hover, .mk-art__face--back .mk-btn:active, .mk-lightbox__face--back .mk-btn:hover, .mk-lightbox__face--back .mk-btn:active{
  transform:none;
}
.mk-art__face--back .mk-btn, .mk-lightbox__face--back .mk-btn, .mk-night .mk-btn{
  color:var(--mk-paper); border-color:var(--mk-paper-2);
  box-shadow:2px 2px 0 var(--mk-night);
}
.mk-art__face--back .mk-btn:hover, .mk-lightbox__face--back .mk-btn:hover, .mk-night .mk-btn:hover{
  background:var(--mk-accent); color:var(--mk-ink); border-color:var(--mk-line-color);
}
.mk-art__face--back .mk-btn--primary, .mk-lightbox__face--back .mk-btn--primary, .mk-night .mk-btn--primary{
  background:var(--mk-accent); color:var(--mk-ink); border-color:var(--mk-line-color);
}
.mk-btn--lg{ font-size:var(--mk-text-base); padding:var(--mk-space-4) var(--mk-space-6) }
.mk-card{
  background:var(--mk-surface-card);
  border:var(--mk-line) solid var(--mk-border-subtle);
  border-radius:var(--mk-radius-lg);
  padding:var(--mk-space-6);
  box-shadow:var(--mk-shadow-sm);
}
.mk-card--sticker{
  border:var(--mk-line-strong) solid var(--mk-line-color);
  box-shadow:var(--mk-shadow);
  transition:transform var(--mk-dur-base) var(--mk-ease-bounce),
             box-shadow var(--mk-dur-base) var(--mk-ease-bounce);
}
a.mk-card--sticker:hover, .mk-card--sticker:hover{ transform:var(--mk-lift); box-shadow:var(--mk-shadow-lg) }
.mk-footer > .mk-container{ position:relative; z-index:1 }
.mk-art__turn-hint .mk-icon{ font-size:1.1em }
.mk-art__actions .mk-btn{ font-size:var(--mk-text-xs); padding:var(--mk-space-2) var(--mk-space-3) }
.mk-flipbtn .mk-icon{ font-size:1.35rem }
.mk-related{ display:grid; gap:var(--mk-space-2); margin-top:var(--mk-space-2) }
.mk-related__list{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:var(--mk-space-2) }
.mk-related__item{
  display:inline-flex; align-items:center; gap:var(--mk-space-2);
  padding:var(--mk-space-1) var(--mk-space-3) var(--mk-space-1) var(--mk-space-1);
  border:var(--mk-line) solid var(--mk-border-default); border-radius:var(--mk-radius-sm);
  background:var(--mk-surface-card); color:var(--mk-text-strong); text-decoration:none; font-size:var(--mk-text-sm);
}
.mk-related__item:hover{ border-color:var(--mk-line-color); color:var(--mk-text-strong) }
.mk-related__item img{ width:2.5rem; height:2.5rem; object-fit:cover; border-radius:var(--mk-radius-xs) }
.mk-pagehead{ display:flex; align-items:center; justify-content:space-between; gap:var(--mk-space-3); width:100% }
.mk-pagehead .mk-sharebtn{ color:var(--mk-text-strong); filter:none }
.mk-pagehead .mk-sharebtn:hover{ color:var(--mk-text-accent) }
.mk-edition__art .mk-merch__main .mk-art__img{ width:100%; height:auto; border:0 }
.mk-edition__art .mk-merch__thumbs{
  list-style:none; margin:0; padding:var(--mk-space-1) var(--mk-space-1) var(--mk-space-2);
  display:flex; flex-wrap:nowrap; gap:var(--mk-space-2);
  overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x proximity; scrollbar-width:thin;
}
.mk-edition__art .mk-merch__thumbs li{ flex:0 0 auto; scroll-snap-align:start }
.mk-edition__art .mk-merch__thumbs li[hidden]{ display:none }
.mk-edition__art .mk-merch__thumb img{ width:4rem; height:4rem; object-fit:cover; display:block; border:0; border-radius:0 }
.mk-store-cartbar{ display:flex; justify-content:flex-end; padding-bottom:var(--mk-space-6) }
.mk-sharebtn{
  padding:var(--mk-space-2); margin:0;
  display:inline-flex; align-items:center; justify-content:center;
  border:0; background:none; box-shadow:none;
  color:var(--mk-accent-mid); cursor:pointer;
  /* Not decoration: the glyph sits over artwork of unknown colour, and this is
     what keeps a mikan line legible against a pale wash. */
  filter:drop-shadow(0 1px 2px var(--mk-icon-halo));
  transition:transform var(--mk-dur-fast) var(--mk-ease-bounce),
             color var(--mk-dur-fast) var(--mk-ease-out);
}
.mk-sharebtn .mk-icon{ font-size:1.35rem }
.mk-sharebtn:hover{ transform:scale(1.18); color:var(--mk-accent-light) }
.mk-sharebtn:active{ transform:scale(1.05) }
.mk-sharebtn:focus-visible{ outline:2px solid var(--mk-focus-ring); outline-offset:2px }
.mk-sharebtn__done{ display:none }
.mk-sharebtn.is-copied{ color:var(--mk-accent-tint) }
.mk-sharebtn.is-copied .mk-sharebtn__icon{ display:none }
.mk-sharebtn.is-copied .mk-sharebtn__done{ display:inline-flex }
.mk-art__face--back .mk-sharebtn{ position:absolute; z-index:2; top:var(--mk-space-3); right:var(--mk-space-3) }
.mk-lightbox__controls .mk-sharebtn{ position:static; bottom:auto; right:auto }
.mk-lightbox__nav .mk-icon{ font-size:2rem }
@media (max-width:640px){
  .mk-lightbox__nav .mk-icon{ font-size:1.5rem }
}
.mk-promo__row .mk-icon{ color:var(--mk-accent-strong) }
.mk-shop{
  position:relative;              /* the leaning piece anchors to this */
  background:var(--mk-accent); color:var(--mk-ink);
  border:var(--mk-line-strong) solid var(--mk-line-color); border-radius:var(--mk-radius-xl);
  padding:var(--mk-space-8); box-shadow:var(--mk-shadow-lg);
  display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--mk-space-6);
}
.mk-shop h2{ color:var(--mk-ink); margin:0 0 var(--mk-space-2); font-size:var(--mk-text-2xl); text-transform:lowercase }
.mk-shop p{ margin:0; max-width:44ch }
.mk-shop__body{ flex:1 1 32ch }
.mk-shop__actions{ display:flex; flex-wrap:wrap; gap:var(--mk-space-3); margin-top:var(--mk-space-5) }
.mk-shop__art{
  position:absolute; z-index:2; pointer-events:none;
  right:clamp(3rem, 10vw, 9.5rem);
  top:-2.25rem; bottom:-2.25rem;
  width:clamp(150px, 20vw, 230px);
}
.mk-shop__card{
  position:absolute; inset:0;
  width:100%; height:100%; object-fit:cover;
  background:var(--mk-mat);
  border:var(--mk-line-strong) solid var(--mk-line-color);
  border-radius:var(--mk-radius-md);
  padding:var(--mk-space-2);
  filter:drop-shadow(0 14px 26px var(--mk-drop));
  transition:transform var(--mk-dur-slow) var(--mk-ease-bounce);
}
.mk-shop__card--a{ z-index:2; transform:rotate(-5deg) }
.mk-shop__card--b{ z-index:1; transform:rotate(10deg) translate(16%, -5%) }
.mk-shop:hover .mk-shop__card--a{ z-index:1; transform:rotate(10deg) translate(16%, -5%) }
.mk-shop:hover .mk-shop__card--b{ z-index:2; transform:rotate(-5deg) }
@media (prefers-reduced-motion:reduce){
  .mk-shop__card{ transition:none }
}
@media (max-width:860px){
  .mk-shop__art{ display:none }
}
.mk-cx-facts .mk-icon{ color:var(--mk-accent-hover) }
.mk-cx-checks .mk-icon{ color:var(--mk-success); flex:none; translate:0 0.1em }
.mk-cx-checks--card .mk-icon{ font-size:1.2em; color:var(--mk-accent-hover) }
.mk-licence{
  width:min(720px, calc(100vw - 2 * var(--mk-gutter))); max-height:min(85vh, 900px);
  padding:0; border:var(--mk-line-strong) solid var(--mk-night); border-radius:var(--mk-radius-lg, 18px);
  background:var(--mk-surface, var(--mk-paper)); color:var(--mk-text, inherit); box-shadow:var(--mk-shadow-lg);
}
.mk-licence::backdrop{ background:var(--mk-backdrop) }
.mk-licence[open]{ display:flex; flex-direction:column }
.mk-licence > *{ padding-inline:var(--mk-space-6) }
.mk-licence__head{
  position:sticky; top:0; display:flex; align-items:center; justify-content:space-between; gap:var(--mk-space-4);
  padding-block:var(--mk-space-5); background:inherit; border-bottom:var(--mk-line) solid var(--mk-rule);
}
.mk-licence__head h2{ margin:0; font-size:var(--mk-text-xl); text-transform:lowercase }
.mk-licence__close{
  display:inline-grid; place-items:center; width:40px; height:40px; flex:none;
  border:var(--mk-line-strong) solid var(--mk-night); border-radius:50%; background:var(--mk-accent); cursor:pointer;
}
.mk-licence__close:focus-visible{ outline:3px solid var(--mk-night); outline-offset:3px }
.mk-licence > .mk-licence__fee{ margin:var(--mk-space-4) 0 0; font-family:var(--mk-font-mono); font-size:var(--mk-text-sm); color:var(--mk-text-muted) }
.mk-licence__clauses{ margin:var(--mk-space-3) 0 0; padding-left:1.4em; overflow:auto }
.mk-licence__clauses li{ margin-bottom:var(--mk-space-2) }
.mk-licence__more{ margin:var(--mk-space-4) 0 var(--mk-space-5); font-size:var(--mk-text-sm) }
.mk-licence .mk-licence__clauses{ padding-left:calc(var(--mk-space-6) + 1.4em) }
.mk-licence__body{ overflow:auto; padding-block:var(--mk-space-4) var(--mk-space-6) }
.mk-licence__body > p:first-child{ margin-top:0 }
.mk-licence--levels .mk-cx-usage{ grid-template-columns:1fr; gap:var(--mk-space-4) }
.mk-licence--levels .mk-cx-usage__note{ margin-top:var(--mk-space-5) }
.mk-store-cartbtn[hidden]{ display:none }
.mk-store-count{
  display:inline-grid; place-items:center; min-width:1.6em; height:1.6em; padding:0 .35em;
  border-radius:999px; background:var(--mk-ink); color:var(--mk-paper); font-size:var(--mk-text-xs);
}
.mk-store-dialog{ width:min(880px, calc(100vw - 2 * var(--mk-gutter))) }
.mk-store-product{ display:grid; gap:var(--mk-space-6); padding-block:var(--mk-space-5); overflow:auto }
@media (min-width:720px){
  .mk-store-product{ grid-template-columns:minmax(0,1fr) minmax(0,1fr) }
}
.mk-store-product__img{ width:100%; border-radius:var(--mk-radius-md, 12px); background:var(--mk-paper-2) }
.mk-store-product__img[hidden]{ display:none }
.mk-store-product__price{ font-family:var(--mk-font-mono); font-size:var(--mk-text-xl); margin:0 0 var(--mk-space-3) }
.mk-store-product__desc{ margin:0 0 var(--mk-space-5); white-space:pre-line }
.mk-store-product__form{ display:flex; flex-wrap:wrap; align-items:flex-end; gap:var(--mk-space-4) }
.mk-store-field{ display:flex; flex-direction:column; gap:var(--mk-space-1); font-size:var(--mk-text-sm); flex:1 1 100% }
.mk-store-field[hidden]{ display:none }
.mk-store-field--qty{ flex:0 0 6rem }
.mk-store-field select, .mk-store-field input{
  font:inherit; font-size:var(--mk-text-base); padding:var(--mk-space-2) var(--mk-space-3);
  border:var(--mk-line-strong) solid var(--mk-line-color); border-radius:var(--mk-radius-sm); background:var(--mk-surface-card); color:var(--mk-ink);
}
.mk-store-product__form .mk-btn[disabled]{ opacity:.5; cursor:not-allowed; transform:none }
.mk-store-product__msg{ flex:1 1 100%; margin:0; min-height:1.5em; font-size:var(--mk-text-sm); color:var(--mk-text-muted) }
.mk-store-cart{ padding-block:var(--mk-space-5); overflow:auto }
.mk-store-cart__empty{ margin:0 }
.mk-store-cart__empty[hidden], .mk-store-cart__foot[hidden]{ display:none }
.mk-store-cart__lines{ list-style:none; margin:0; padding:0 }
.mk-store-line{
  display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:var(--mk-space-4);
  padding-block:var(--mk-space-3); border-bottom:var(--mk-line) solid var(--mk-rule);
}
.mk-store-line__qty{ display:inline-flex; align-items:center; gap:var(--mk-space-2); font-family:var(--mk-font-mono) }
.mk-store-line__btn{
  width:32px; height:32px; border:var(--mk-line-strong) solid var(--mk-line-color); border-radius:var(--mk-radius-sm);
  background:var(--mk-surface-card); color:var(--mk-ink); font-size:var(--mk-text-lg); line-height:1; cursor:pointer;
}
.mk-store-line__btn:focus-visible{ outline:3px solid var(--mk-night); outline-offset:2px }
.mk-store-line__price{ font-family:var(--mk-font-mono); min-width:5em; text-align:right }
.mk-store-cart__foot{ display:flex; flex-direction:column; align-items:flex-end; gap:var(--mk-space-2); margin-top:var(--mk-space-5) }
/* The maker's order at cost (client/shop.js): the print page's choice cards and the store's fields, in the cart's foot. */
.mk-store-cart__atcost{ display:flex; flex-direction:column; align-items:stretch; gap:var(--mk-space-3); width:100%; padding-top:var(--mk-space-4); border-top:var(--mk-line) solid var(--mk-rule) }
.mk-store-cart__atcost[hidden], .mk-store-cart__atcost .mk-store-product__form[hidden]{ display:none }
.mk-store-cart__atcost .mk-btn{ align-self:flex-end }
.mk-store-cart__total{ margin:0; font-size:var(--mk-text-lg) }
.mk-store-cart__note{ margin:0 0 var(--mk-space-3); font-size:var(--mk-text-sm); color:var(--mk-text-muted) }
@media (max-width:480px){
  .mk-store-line{ grid-template-columns:1fr auto; }
  .mk-store-line__price{ grid-column:2; }
}
.mk-studio__title{ text-transform:lowercase; font-size:var(--mk-display-2); margin:var(--mk-space-2) 0 var(--mk-space-3) }
.mk-studio__lede{ font-size:var(--mk-text-lg); color:var(--mk-text-muted); margin:0 0 var(--mk-space-6); max-width:46ch }
.mk-studio__card{ display:flex; flex-direction:column; gap:var(--mk-space-5); max-width:520px }
.mk-studio__edit{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--mk-space-2) var(--mk-space-4); margin:var(--mk-space-5) 0 0 }
.mk-studio__edit .mk-studio__hint{ margin:0 }
.mk-studio__signedas{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--mk-space-3); margin:0 0 var(--mk-space-4) }
.mk-studio__gate{ margin-block:var(--mk-space-6) var(--mk-space-7) }
.mk-studio__gate-title{ font-family:var(--mk-font-display); font-weight:var(--mk-weight-black); font-size:var(--mk-text-xl); text-transform:lowercase; margin:0 0 var(--mk-space-2) }
.mk-studio__gate .mk-studio__msg:empty{ display:none }
.mk-studio__gate .mk-studio__hint{ margin:0 0 var(--mk-space-4); max-width:60ch }
.mk-studio__form{ display:flex; flex-direction:column; align-items:flex-start; gap:var(--mk-space-4) }
.mk-studio__form[hidden], .mk-studio__or[hidden]{ display:none }
.mk-studio__field{ display:flex; flex-direction:column; gap:var(--mk-space-2); width:100%; font-size:var(--mk-text-sm) }
.mk-studio__field input{
  font:inherit; font-size:var(--mk-text-lg); padding:var(--mk-space-3) var(--mk-space-4); width:100%;
  border:var(--mk-line-strong) solid var(--mk-line-color); border-radius:var(--mk-radius-sm); background:var(--mk-surface-card); color:var(--mk-ink);
}
.mk-studio__field input[name=code]{ font-family:var(--mk-font-mono); letter-spacing:.3em; max-width:12ch }
.mk-studio__field input:focus-visible{ outline:3px solid var(--mk-accent); outline-offset:2px }
.mk-studio__sent{ margin:0 }
.mk-studio__or{ display:flex; align-items:center; gap:var(--mk-space-4); padding-top:var(--mk-space-4); border-top:var(--mk-line) solid var(--mk-rule) }
.mk-studio__or span{ color:var(--mk-text-muted); font-size:var(--mk-text-sm) }
.mk-studio__msg{ margin:0; min-height:1.5em; font-size:var(--mk-text-sm); color:var(--mk-text-muted) }
.mk-studio__note{ margin-top:var(--mk-space-6); font-size:var(--mk-text-sm); color:var(--mk-text-muted) }
.mk-studio__head{ display:flex; justify-content:space-between; align-items:flex-start; gap:var(--mk-space-4); flex-wrap:wrap; margin-bottom:var(--mk-space-6) }
.mk-studio__who{ margin:0; color:var(--mk-text-muted) }
.mk-studio__passkey{ display:flex; align-items:center; justify-content:space-between; gap:var(--mk-space-5); flex-wrap:wrap; margin-bottom:var(--mk-space-6) }
.mk-studio__passkey h2{ margin:0 0 var(--mk-space-2); font-size:var(--mk-text-xl); text-transform:lowercase }
.mk-studio__passkey p{ margin:0; max-width:52ch }
.mk-studio__empty h2{ margin:0 0 var(--mk-space-2); font-size:var(--mk-text-xl); text-transform:lowercase }
.mk-studio__empty p{ margin:0 0 var(--mk-space-4); max-width:52ch }
.mk-studio__items{ list-style:none; margin:0; padding:0; display:grid; gap:var(--mk-space-4) }
.mk-studio__item h3{ margin:0; text-transform:lowercase }
.mk-studio__status, .mk-studio__client{ margin:var(--mk-space-1) 0 0; font-size:var(--mk-text-sm); color:var(--mk-text-muted) }
.mk-studio__keys{ margin-top:var(--mk-space-8) }
.mk-studio__keys summary{ cursor:pointer; font-family:var(--mk-font-display); font-weight:var(--mk-weight-semibold) }
.mk-studio__keys ul{ list-style:none; padding:0; margin:var(--mk-space-3) 0 var(--mk-space-4) }
.mk-studio__keys li{ display:flex; align-items:center; justify-content:space-between; gap:var(--mk-space-3); padding:var(--mk-space-2) 0; border-bottom:var(--mk-line) solid var(--mk-rule) }
.mk-studio__back{ display:inline-flex; align-items:center; gap:var(--mk-space-2); margin-bottom:var(--mk-space-4); font-size:var(--mk-text-sm); color:var(--mk-text-muted); text-decoration:none }
.mk-studio__back:hover{ color:var(--mk-ink) }
.mk-studio__request{ display:flex; flex-direction:column; gap:var(--mk-space-7) }
.mk-studio__set{ border:0; padding:0; margin:0; display:flex; flex-direction:column; gap:var(--mk-space-4); min-width:0 }
.mk-studio__set legend{ font-family:var(--mk-font-display); font-weight:var(--mk-weight-black); font-size:var(--mk-text-xl); text-transform:lowercase; margin-bottom:var(--mk-space-4); padding:0 }
.mk-studio__set legend small{ font-weight:var(--mk-weight-regular, 400); font-size:var(--mk-text-sm); color:var(--mk-text-muted) }
.mk-studio__tiers{ display:grid; gap:var(--mk-space-3) }
@media (min-width: 720px){
  .mk-studio__tiers{ grid-template-columns:repeat(3, minmax(0,1fr)) }
}
.mk-studio__tier{
  position:relative; display:grid; gap:var(--mk-space-1); padding:var(--mk-space-4); cursor:pointer;
  background:var(--mk-surface-card); border:var(--mk-line-strong) solid var(--mk-line-color); border-radius:var(--mk-radius-lg); box-shadow:var(--mk-shadow);
  transition:transform var(--mk-dur-base) var(--mk-ease-bounce), box-shadow var(--mk-dur-base) var(--mk-ease-bounce), background var(--mk-dur-base);
}
.mk-studio__tier:hover{ transform:var(--mk-lift); box-shadow:var(--mk-shadow-lg) }
.mk-studio__tier input{ position:absolute; opacity:0; pointer-events:none }
.mk-studio__tier:has(input:checked){ background:var(--mk-accent-soft); box-shadow:var(--mk-shadow-lg) }
.mk-studio__tier:has(input:focus-visible){ outline:3px solid var(--mk-accent); outline-offset:3px }
.mk-studio__tier-name{ font-family:var(--mk-font-display); font-weight:var(--mk-weight-black); text-transform:lowercase; font-size:var(--mk-text-lg); line-height:var(--mk-leading-tight) }
.mk-studio__tier-price{ font-family:var(--mk-font-display); font-weight:var(--mk-weight-black); font-size:var(--mk-text-2xl); color:var(--mk-accent-strong) }
.mk-studio__tier-line{ font-size:var(--mk-text-sm); color:var(--mk-text-muted) }
.mk-studio__field textarea{
  font:inherit; font-size:var(--mk-text-base); padding:var(--mk-space-3) var(--mk-space-4); width:100%; resize:vertical; box-sizing:border-box;
  border:var(--mk-line-strong) solid var(--mk-line-color); border-radius:var(--mk-radius-sm); background:var(--mk-surface-card); color:var(--mk-ink);
}
.mk-studio__field textarea:focus-visible{ outline:3px solid var(--mk-accent); outline-offset:2px }
.mk-studio__field[hidden]{ display:none }
.mk-studio__row{ display:flex; flex-wrap:wrap; align-items:flex-end; gap:var(--mk-space-5) }
.mk-studio__field--small{ width:auto }
.mk-studio__field--small input{ width:8rem; max-width:100% }
.mk-studio__check, .mk-studio__radio{ display:flex; align-items:flex-start; gap:var(--mk-space-3); cursor:pointer }
.mk-studio__check input, .mk-studio__radio input{ width:1.25rem; height:1.25rem; margin-top:.2rem; accent-color:var(--mk-accent-hover); flex:none }
.mk-studio__check small{ display:block; color:var(--mk-text-muted); font-size:var(--mk-text-sm) }
.mk-studio__radio strong{ display:block; font-family:var(--mk-font-display); text-transform:lowercase }
.mk-studio__radio span{ color:var(--mk-text-muted) }
.mk-studio__radio strong{ color:var(--mk-ink) }
.mk-studio__hint{ margin:0; font-size:var(--mk-text-sm); color:var(--mk-text-muted) }
.mk-studio__pick{ align-self:flex-start; cursor:pointer }
.mk-studio__pick[hidden]{ display:none }
.mk-studio__pick:has(input:focus-visible){ outline:3px solid var(--mk-accent); outline-offset:3px }
.mk-studio__thumbs{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(auto-fill, minmax(96px, 1fr)); gap:var(--mk-space-3) }
.mk-studio__thumbs:empty{ display:none }
.mk-studio__thumb{ position:relative; aspect-ratio:1; border:var(--mk-line-strong) solid var(--mk-line-color); border-radius:var(--mk-radius-md); overflow:hidden; background:var(--mk-mat) }
.mk-studio__thumb img{ width:100%; height:100%; object-fit:cover; display:block }
.mk-studio__thumb-open{ all:unset; display:block; width:100%; height:100%; cursor:zoom-in }
.mk-studio__thumb-open:focus-visible{ outline:3px solid var(--mk-accent); outline-offset:-3px }
.mk-studio__thumb-rm{
  position:absolute; top:4px; right:4px; width:28px; height:28px; border-radius:50%; cursor:pointer;
  border:2px solid var(--mk-line-color); background:var(--mk-paper); color:var(--mk-ink); font-weight:700; line-height:1;
}
.mk-studio__estimate{ display:flex; flex-direction:column; gap:var(--mk-space-3); align-items:flex-start; background:var(--mk-paper-2) }
.mk-studio__estimate > div{ display:flex; align-items:center; flex-wrap:wrap; gap:var(--mk-space-3) }
.mk-studio__estimate-label{ font-family:var(--mk-font-display); font-weight:var(--mk-weight-semibold); font-size:var(--mk-text-xs); letter-spacing:var(--mk-tracking-caps); text-transform:uppercase; color:var(--mk-text-muted); width:100% }
.mk-studio__estimate-price{ font-family:var(--mk-font-display); font-weight:var(--mk-weight-black); font-size:var(--mk-display-3); color:var(--mk-accent-strong); line-height:1 }
.mk-studio__detail{ display:grid; gap:var(--mk-space-6); align-items:start }
.mk-studio__detail[hidden]{ display:none }
@media (min-width: 960px){
  .mk-studio__detail{ grid-template-columns:minmax(0,1fr) 300px }
}
.mk-studio__main{ display:grid; gap:var(--mk-space-6); min-width:0 }
.mk-studio__panel h2{ margin:0 0 var(--mk-space-4); font-size:var(--mk-text-xl); text-transform:lowercase }
.mk-studio__panel h3{ margin:var(--mk-space-5) 0 var(--mk-space-2); font-size:var(--mk-text-base); text-transform:lowercase }
.mk-studio__panel .mk-studio__pick{ margin-top:var(--mk-space-4) }
.mk-studio__facts{ display:grid; grid-template-columns:max-content 1fr; gap:var(--mk-space-2) var(--mk-space-5); margin:0 }
.mk-studio__facts dt{ font-family:var(--mk-font-display); font-weight:var(--mk-weight-semibold); color:var(--mk-text-muted); text-transform:lowercase }
.mk-studio__facts dd{ margin:0 }
.mk-studio__about{ margin:0; overflow-wrap:anywhere }
.mk-studio__thread{ list-style:none; margin:0 0 var(--mk-space-5); padding:0; display:grid; gap:var(--mk-space-3) }
.mk-studio__msgline{ padding:var(--mk-space-3) var(--mk-space-4); border-radius:var(--mk-radius-md); background:var(--mk-paper-2); border:var(--mk-line) solid var(--mk-ink-faint); max-width:52ch }
.mk-studio__msgline--mine{ justify-self:end; background:var(--mk-accent-wash); border-color:var(--mk-accent-tint) }
.mk-studio__msgmeta{ margin:0 0 var(--mk-space-1); font-size:var(--mk-text-sm); color:var(--mk-text-muted) }
.mk-studio__msgmeta strong{ color:var(--mk-ink) }
.mk-studio__msgbody{ margin:0; overflow-wrap:anywhere }
.mk-studio__empty-line{ color:var(--mk-text-muted); font-size:var(--mk-text-sm) }
.mk-studio__reply{ display:flex; flex-direction:column; align-items:flex-start; gap:var(--mk-space-3) }
.mk-studio__history ol{ list-style:none; margin:0; padding:0; display:grid; gap:var(--mk-space-3) }
.mk-studio__history li{ display:grid; gap:2px; font-size:var(--mk-text-sm) }
.mk-studio__evwhen{ font-family:var(--mk-font-mono); font-size:var(--mk-text-xs); color:var(--mk-text-muted) }
a.mk-studio__item{ display:block; color:inherit; text-decoration:none }
.mk-studio__more{ margin-top:var(--mk-space-5) }
.mk-studio__viewer{ position:fixed; inset:0; z-index:100; background:var(--mk-viewer); display:flex; align-items:center; justify-content:center; padding:var(--mk-space-6); cursor:zoom-out }
.mk-studio__viewer[hidden]{ display:none }
.mk-studio__viewer img{ max-width:100%; max-height:100%; object-fit:contain; border:var(--mk-line-strong) solid var(--mk-line-color); border-radius:var(--mk-radius-md); background:var(--mk-mat) }
.mk-studio__viewer-close{ position:absolute; top:var(--mk-space-4); right:var(--mk-space-4) }
@media (prefers-reduced-motion: reduce){
  .mk-studio__tier{ transition:none }
}
.mk-studio__title[data-c-title]{ text-transform:none }
.mk-studio [hidden]{ display:none !important }
.mk-studio__quote{ border-color:var(--mk-line-color); background:var(--mk-paper-2) }
.mk-studio__qform, .mk-studio__accept{ display:flex; flex-direction:column; align-items:flex-start; gap:var(--mk-space-4) }
.mk-studio__qform select{
  font:inherit; font-size:var(--mk-text-base); padding:var(--mk-space-3) var(--mk-space-4); width:100%;
  border:var(--mk-line-strong) solid var(--mk-line-color); border-radius:var(--mk-radius-sm); background:var(--mk-surface-card); color:var(--mk-ink);
}
.mk-studio__qform select:focus-visible{ outline:3px solid var(--mk-accent); outline-offset:2px }
.mk-studio__field small{ color:var(--mk-text-muted) }
.mk-studio__qtotal{ margin:0; font-family:var(--mk-font-display); font-weight:var(--mk-weight-semibold) }
.mk-studio__qprice{ margin:0 0 var(--mk-space-4); font-family:var(--mk-font-display); font-weight:var(--mk-weight-black); font-size:var(--mk-display-3); color:var(--mk-accent-strong); line-height:1 }
.mk-studio__qprice small{ font-size:var(--mk-text-base); font-weight:var(--mk-weight-semibold); color:var(--mk-text-muted) }
.mk-studio__qnote{ white-space:pre-wrap; margin:var(--mk-space-4) 0 0 }
.mk-studio__qnote:empty{ display:none }
.mk-studio__licence{ margin-top:var(--mk-space-5); padding:var(--mk-space-5); background:var(--mk-surface-card); border:var(--mk-line) solid var(--mk-ink-soft); border-radius:var(--mk-radius-md); max-height:28rem; overflow:auto }
.mk-studio__licence h3{ margin-top:0 }
.mk-studio__licence .mk-licence__clauses{ padding-left:1.4em; display:grid; gap:var(--mk-space-2) }
.mk-studio__accept{ margin-top:var(--mk-space-5) }
.mk-studio__accept .mk-btn[disabled]{ opacity:.5; cursor:not-allowed; transform:none; box-shadow:var(--mk-shadow) }
.mk-studio__qview + .mk-studio__qform{ margin-top:var(--mk-space-6); padding-top:var(--mk-space-5); border-top:var(--mk-line) solid var(--mk-ink-soft) }
.mk-studio__qform h3{ margin:0 }
.mk-studio__qrow{ display:grid; grid-template-columns:minmax(8rem, 1fr) minmax(8rem, 1fr) minmax(14rem, 1.6fr); gap:var(--mk-space-4); width:100% }
.mk-studio__qform .mk-studio__field{ font-size:var(--mk-text-base) }
.mk-studio__qform .mk-studio__field > span:first-child{ font-weight:var(--mk-weight-semibold) }
.mk-studio__quote{ position:relative; z-index:3 }
@media (max-width: 640px){
  .mk-studio__qrow{ grid-template-columns:1fr 1fr }
  .mk-studio__qrow .mk-date{ grid-column:1 / -1 }
}
.mk-otp{ position:relative; display:block; width:100%; max-width:21rem }
.mk-studio__form[data-step=code]{ align-items:center; text-align:center }
.mk-studio__form[data-step=code] .mk-studio__field{ align-items:center }
.mk-studio__form[data-step=code] .mk-otp{ margin-inline:auto }
[data-step=code]:not([hidden]) ~ .mk-studio__or{ justify-content:center }
.mk-otp__boxes{ display:grid; grid-template-columns:repeat(6, minmax(0, 1fr)); gap:var(--mk-space-2) }
.mk-otp__box{
  aspect-ratio:6 / 7; display:flex; align-items:center; justify-content:center;
  font-family:var(--mk-font-mono); font-size:var(--mk-text-2xl); font-weight:700; color:var(--mk-ink);
  border:var(--mk-line-strong) solid var(--mk-line-color); border-radius:var(--mk-radius-sm); background:var(--mk-surface-card);
}
.mk-otp__box.is-next{ outline:3px solid var(--mk-accent); outline-offset:1px }
.mk-otp__box.is-next:empty::after{ content:""; width:2px; height:1.6rem; background:var(--mk-ink); animation:mk-otp-caret 1s steps(1) infinite }
@media (prefers-reduced-motion: reduce){
  .mk-otp__box.is-next:empty::after{ animation:none }
}
.mk-studio__field .mk-otp input[name=code]{
  position:absolute; inset:0; width:100%; height:100%; max-width:none; padding:0;
  opacity:0; font-size:16px; /* no iOS zoom */ border:0; letter-spacing:0;
}
@media (max-width: 400px){
  .mk-otp__boxes{ gap:6px }
  .mk-otp__box{ font-size:var(--mk-text-xl) }
}
.mk-studio__about > *, .mk-studio__msgbody > *{ margin:0 0 var(--mk-space-2) }
.mk-studio__about > :last-child, .mk-studio__msgbody > :last-child{ margin-bottom:0 }
.mk-studio__about :is(ul, ol), .mk-studio__msgbody :is(ul, ol){ padding-left:1.4em }
.mk-studio__about blockquote, .mk-studio__msgbody blockquote{ padding-left:var(--mk-space-3); border-left:3px solid var(--mk-accent) }
.mk-studio__about a, .mk-studio__msgbody a{ color:inherit; text-decoration:underline; text-decoration-color:var(--mk-accent); text-underline-offset:2px }
.mk-studio__pay{ display:flex; flex-direction:column; align-items:flex-start; gap:var(--mk-space-4) }
.mk-studio__pay h2, .mk-studio__pay .mk-studio__facts, .mk-studio__pay .mk-studio__hint{ margin:0 }
.mk-btn--sm{ padding:var(--mk-space-2) var(--mk-space-3); font-size:var(--mk-text-xs) }
.mk-edition__grid{ display:grid; gap:var(--mk-space-8); align-items:start }
@media (min-width: 900px){
  .mk-edition__grid{ grid-template-columns:minmax(0,1fr) minmax(0,1fr) }
}
.mk-edition__art{ margin:0 }
.mk-edition__art img{ display:block; width:100%; height:auto; border-radius:var(--mk-radius-md); border:var(--mk-line-strong) }
.mk-edition__info{ display:flex; flex-direction:column; align-items:flex-start; gap:var(--mk-space-4) }
.mk-edition__title{ margin:0; font-size:var(--mk-display-2); text-transform:lowercase }
.mk-edition__price{ margin:0; font-family:var(--mk-font-display); font-weight:var(--mk-weight-black); font-size:var(--mk-text-2xl); color:var(--mk-accent-strong) }
.mk-edition__price small{ font-size:var(--mk-text-sm); font-weight:var(--mk-weight-semibold); color:var(--mk-text-muted) }
.mk-edition__left{ margin:0; font-weight:var(--mk-weight-semibold) }
.mk-edition__timer{ display:flex; flex-direction:column; gap:var(--mk-space-1); padding:var(--mk-space-3) var(--mk-space-5) }
.mk-edition__timer[hidden]{ display:none }
.mk-edition__timer-label{ font-family:var(--mk-font-display); font-size:var(--mk-text-xs); text-transform:lowercase; color:var(--mk-text-muted) }
.mk-edition__timer-time{ font-family:var(--mk-font-display); font-weight:var(--mk-weight-black); font-size:var(--mk-text-xl); font-variant-numeric:tabular-nums }
.mk-edition__how-title{ margin:var(--mk-space-2) 0 0; font-size:var(--mk-text-lg); text-transform:lowercase }
.mk-edition__how{ margin:0; padding-left:var(--mk-space-5); display:grid; gap:var(--mk-space-2); max-width:52ch }
.mk-btn[disabled]{ opacity:.5; cursor:not-allowed }
@media print{
  .mk-cert-page .mk-studio__msg{ display:none !important }
}
.mk-ea__order{ display:flex; gap:var(--mk-space-4); align-items:flex-end; flex-wrap:wrap; margin:var(--mk-space-4) 0 }
.mk-ea__sales{ width:100%; border-collapse:collapse; margin-top:var(--mk-space-4); font-size:var(--mk-text-sm) }
.mk-ea__sales th{ text-align:left; font-family:var(--mk-font-display); font-weight:var(--mk-weight-semibold); color:var(--mk-text-muted); text-transform:lowercase; padding:var(--mk-space-2) }
.mk-ea__sales td{ padding:var(--mk-space-2); border-top:var(--mk-line) solid var(--mk-ink-faint); vertical-align:top }
.mk-ea__act{ display:flex; gap:var(--mk-space-2); flex-wrap:wrap; align-items:center }
.mk-ea__track{ width:10rem; max-width:100%; padding:var(--mk-space-1) var(--mk-space-2); font:inherit }
.mk-ea__status--oversold{ color:var(--mk-accent-strong); font-weight:var(--mk-weight-semibold) }
@media (max-width: 640px){
  .mk-ea__sales thead{ display:none }
  .mk-ea__sales tr{ display:grid; grid-template-columns:3rem 1fr; border-top:var(--mk-line) solid var(--mk-ink-faint); padding:var(--mk-space-2) 0 }
  .mk-ea__sales td{ border:none; padding:var(--mk-space-1) var(--mk-space-2) }
  .mk-ea__sales td:not(:first-child){ grid-column:2 }
}
.mk-mail{ color:inherit; text-decoration:underline; text-decoration-color:var(--mk-ink-faint); text-underline-offset:2px; overflow-wrap:anywhere }
.mk-mail:hover{ text-decoration-color:currentColor }
.mk-mail .mk-icon{ margin-right:.3em; color:var(--mk-text-muted) }
.mk-iconbtn{ display:inline-flex; align-items:center; justify-content:center; width:1.9em; height:1.9em; margin-left:var(--mk-space-1); padding:0; border:0; border-radius:var(--mk-radius-sm); background:transparent; color:var(--mk-text-muted); cursor:pointer; vertical-align:middle; font-size:inherit }
.mk-iconbtn:hover{ color:var(--mk-text-strong); background:var(--mk-ink-faint) }
.mk-iconbtn:focus-visible{ outline:2px solid var(--mk-accent-strong); outline-offset:1px }
.mk-people__head td{ border-top:var(--mk-line) solid var(--mk-ink-soft) }
.mk-people__order td{ border-top:none; padding:0 var(--mk-space-2) var(--mk-space-3) var(--mk-space-6); color:var(--mk-text-muted) }
.mk-people__lines{ margin:var(--mk-space-1) 0 0; padding-left:var(--mk-space-5) }
@media (max-width: 640px){
  .mk-people tr{ grid-template-columns:1fr 1fr }
  .mk-people td:not(:first-child){ grid-column:auto }
  .mk-people td:first-child, .mk-people__order td{ grid-column:1 / -1 }
  .mk-people__head td{ border-top:none }
  .mk-people__head td[data-label]::before{ content:attr(data-label); display:block; font-family:var(--mk-font-display); font-size:var(--mk-text-xs); color:var(--mk-text-muted); text-transform:lowercase }
  .mk-people__head{ border-top:var(--mk-line) solid var(--mk-ink-soft) }
  .mk-people tr.mk-people__order{ border-top:none; padding-top:0 }
  .mk-people__order td{ padding-left:var(--mk-space-4) }
}
.mk-mat{ position:relative; display:block; aspect-ratio:var(--mat-ar); background:var(--mk-print-paper); box-shadow:var(--mk-print-shadow) }
.mk-mat img, .mk-edition__art .mk-mat img{ position:absolute; top:var(--mat-y); left:var(--mat-x); width:calc(100% - 2 * var(--mat-x)); height:calc(100% - 2 * var(--mat-y)); object-fit:cover; border:0; border-radius:0 }
.mk-mat--fit{ width:min(100cqw, 100cqh * var(--mat-r)) }
.mk-edition__art--print{ display:flex; justify-content:center; padding:var(--mk-space-4) 0 var(--mk-space-6) }
.mk-edition__art--print .mk-mat{ width:min(100%, 78vh * var(--mat-r)) }
.mk-edcards{ list-style:none; margin:0; padding:0; display:grid; gap:var(--mk-space-5); grid-template-columns:repeat(auto-fill, minmax(min(100%, 18rem), 1fr)) }
.mk-edcard{ padding:0; overflow:hidden }
.mk-edcard__link{ display:flex; flex-direction:column; color:inherit; text-decoration:none; height:100% }
.mk-edcard__img{ display:block; width:100%; aspect-ratio:3 / 2; object-fit:cover; border-bottom:var(--mk-line-strong) }
.mk-edcard__wall{ display:grid; place-items:center; aspect-ratio:3 / 2; padding:var(--mk-space-5); background:var(--mk-surface-sunken); border-bottom:var(--mk-line-strong); container-type:size }
.mk-edcard__body{ display:flex; flex-direction:column; gap:var(--mk-space-1); padding:var(--mk-space-4) var(--mk-space-5) var(--mk-space-5) }
.mk-edcard__title{ font-family:var(--mk-font-display); font-weight:var(--mk-weight-black); font-size:var(--mk-text-xl); text-transform:lowercase }
.mk-edcard__price{ font-family:var(--mk-font-display); font-weight:var(--mk-weight-black); color:var(--mk-accent-strong) }
.mk-edcard__price small{ font-weight:var(--mk-weight-semibold); color:var(--mk-text-muted) }
.mk-edcard__left{ font-size:var(--mk-text-sm); color:var(--mk-text-muted) }
.mk-edcard__link:hover .mk-edcard__title, .mk-edcard__link:focus-visible .mk-edcard__title{ color:var(--mk-accent-strong) }
.mk-edition__disclosure{ max-width:52ch; font-size:var(--mk-text-sm) }
.mk-edition__disclosure summary{ cursor:pointer; font-family:var(--mk-font-display); font-weight:var(--mk-weight-semibold); text-transform:lowercase }
.mk-edition__disclosure ul{ margin:var(--mk-space-2) 0 0; padding-left:var(--mk-space-5); display:grid; gap:var(--mk-space-1); color:var(--mk-text-muted) }
.mk-shop-part{ scroll-margin-top:var(--mk-space-8) }
.mk-shop-part__title{ margin:0 0 var(--mk-space-2); font-size:var(--mk-text-2xl); text-transform:lowercase }
.mk-store-hero + .mk-shop-part{ padding-top:0 }
.mk-shop-part__lede{ margin:0 0 var(--mk-space-5); max-width:60ch; color:var(--mk-text-muted) }
.mk-shop-part__note{ margin:var(--mk-space-6) 0 0; font-size:var(--mk-text-sm); color:var(--mk-text-muted) }
.mk-shop-part__head{ display:flex; justify-content:space-between; align-items:flex-end; gap:var(--mk-space-5); flex-wrap:wrap }
.mk-pr__form{ display:flex; flex-direction:column; align-items:flex-start; gap:var(--mk-space-4); width:100% }
.mk-pr__kinds{ border:none; margin:0; padding:0; width:100% }
.mk-pr__kinds legend{ font-family:var(--mk-font-display); font-weight:var(--mk-weight-semibold); text-transform:lowercase; margin-bottom:var(--mk-space-2) }
.mk-pr__kindset{ display:grid; gap:var(--mk-space-3); grid-template-columns:repeat(auto-fit, minmax(min(100%, 14rem), 1fr)) }
.mk-pr__kindset[hidden]{ display:none }
.mk-pr__kind{ position:relative; display:grid; grid-template-columns:auto 1fr auto; gap:var(--mk-space-1) var(--mk-space-3); align-items:baseline; padding:var(--mk-space-4); cursor:pointer }
.mk-pr__kind input{ margin:0; accent-color:var(--mk-accent-strong) }
.mk-pr__kind-name{ font-family:var(--mk-font-display); font-weight:var(--mk-weight-black); text-transform:lowercase }
.mk-pr__kind-price{ font-family:var(--mk-font-display); font-weight:var(--mk-weight-black); font-size:var(--mk-text-xl); color:var(--mk-accent-strong) }
.mk-pr__kind-note{ grid-column:2 / -1; font-size:var(--mk-text-sm); color:var(--mk-text-muted) }
.mk-pr__kind:has(input:checked){ outline:3px solid var(--mk-accent-strong); outline-offset:-1px }
.mk-pr__kind:has(input:focus-visible){ outline:3px solid var(--mk-line-color) }
.mk-pr__ship{ margin:0; font-size:var(--mk-text-sm); color:var(--mk-text-muted) }
.mk-pa__items{ margin:var(--mk-space-2) 0 0; padding-left:var(--mk-space-5) }
.mk-pa__past{ margin-top:var(--mk-space-3); font-size:var(--mk-text-sm) }
.mk-pa__past summary{ cursor:pointer; font-family:var(--mk-font-display); text-transform:lowercase }
.mk-paper-why{ font-size:var(--mk-text-sm); white-space:nowrap }
.mk-crumbs{ margin-bottom:var(--mk-space-5); font-size:var(--mk-text-sm) }
.mk-crumbs ol{ list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:var(--mk-space-1) var(--mk-space-2) }
.mk-crumbs li{ display:inline-flex; align-items:center; gap:var(--mk-space-2) }
.mk-crumbs li + li::before{ content:"›"; color:var(--mk-text-muted) }
.mk-crumbs a{ color:var(--mk-text-muted) }
.mk-crumbs a:hover{ color:var(--mk-ink) }
.mk-crumbs [aria-current]{ color:var(--mk-ink); font-weight:var(--mk-weight-semibold) }
.mk-pm__add{ display:flex; gap:var(--mk-space-4); align-items:flex-end; flex-wrap:wrap }
.mk-pm__add .mk-store-field{ flex:1 1 18rem }
.mk-pm__list{ display:grid; gap:var(--mk-space-4); margin-top:var(--mk-space-5) }
.mk-pm__sum{ display:flex; align-items:center; gap:var(--mk-space-4); cursor:pointer; list-style:none }
.mk-pm__sum::-webkit-details-marker{ display:none }
.mk-pm__thumb{ width:64px; height:64px; object-fit:cover; border-radius:var(--mk-radius-sm); border:var(--mk-line-strong); flex:none }
.mk-pm__name{ display:flex; flex-direction:column; gap:2px; flex:1; min-width:0 }
.mk-pm__name small{ color:var(--mk-text-muted) }
.mk-pm__status{ font-family:var(--mk-font-display); font-size:var(--mk-text-xs); text-transform:lowercase; padding:2px var(--mk-space-2); border-radius:999px; border:var(--mk-line) solid currentColor }
.mk-pm__status--live{ color:var(--mk-accent-strong) }
.mk-pm__status--draft, .mk-pm__status--retired{ color:var(--mk-text-muted) }
.mk-pm__form{ margin-top:var(--mk-space-5) }
.mk-pm__fields{ display:grid; gap:var(--mk-space-3) var(--mk-space-5); grid-template-columns:repeat(auto-fit, minmax(min(100%, 14rem), 1fr)) }
.mk-pm__fields input, .mk-pm__fields textarea, .mk-pm__fields select, .mk-pm__addsize select, .mk-pm__money{ font:inherit; padding:var(--mk-space-2); border:var(--mk-line) solid var(--mk-ink-soft); border-radius:var(--mk-radius-sm); background:var(--mk-paper); color:inherit; min-width:0 }
.mk-pm__wide{ grid-column:1 / -1 }
.mk-pm__upload{ display:flex; align-items:center; gap:var(--mk-space-3); flex-wrap:wrap }
.mk-pm__upload input[type=file]{ position:absolute; width:1px; height:1px; opacity:0 }
.mk-pm__upload label:focus-within{ outline:3px solid var(--mk-line-color) }
.mk-picks{ list-style:none; padding:0; margin:var(--mk-space-4) 0 0; display:grid; grid-template-columns:repeat(auto-fill,minmax(9rem,1fr)); gap:var(--mk-space-3) }
.mk-pick{ display:grid; gap:var(--mk-space-1); inline-size:100%; padding:var(--mk-space-2); text-align:start; cursor:pointer; font:inherit; font-size:var(--mk-text-xs);
  border:2px solid var(--mk-line-color); border-radius:var(--mk-radius-sm); background:var(--mk-white); color:var(--mk-ink) }
.mk-pick:hover{ box-shadow:var(--mk-shadow) }
.mk-pick[disabled]{ opacity:.5; cursor:default; box-shadow:none }
.mk-pick-img{ inline-size:100%; aspect-ratio:1; object-fit:cover; border-radius:var(--mk-radius-xs) }
.mk-pick-note{ color:var(--mk-text-muted) }
.mk-field--wide{ grid-column:1 / -1 }
.mk-batch[hidden], .mk-choice[hidden]{ display:none }
.mk-pm__bar{ width:12rem }
.mk-pm__money{ width:6.5rem }
.mk-pm__grade--great, .mk-pm__grade--good{ color:var(--mk-text-body, inherit) }
.mk-pm__grade--fair{ color:var(--mk-accent-strong) }
.mk-pm__grade--too_small{ color:var(--mk-accent-strong); font-weight:var(--mk-weight-semibold) }
.mk-pm__addsize{ margin:var(--mk-space-3) 0 }
.mk-pm__actions{ display:flex; gap:var(--mk-space-3); flex-wrap:wrap; margin-top:var(--mk-space-4) }
.mk-pr__desc{ margin:0; max-width:52ch }
.mk-pr__story-img{ display:block; width:100%; max-height:40vh; object-fit:contain; margin:0 0 var(--mk-space-4); border-radius:var(--mk-radius-sm) }
.mk-pr__story{ margin:0 0 var(--mk-space-3); max-width:60ch }
.mk-studio-nav{ background:var(--mk-paper-2); border-bottom:var(--mk-line-strong) }
.mk-studio-nav__inner{ display:flex; align-items:center; gap:var(--mk-space-2) var(--mk-space-5); flex-wrap:wrap; padding-top:var(--mk-space-2); padding-bottom:var(--mk-space-2) }
.mk-studio-nav__brand{ font-family:var(--mk-font-display); font-weight:var(--mk-weight-black); text-transform:lowercase; color:var(--mk-accent-strong); text-decoration:none }
.mk-studio-nav__tabs{ list-style:none; margin:0; padding:0; display:flex; gap:var(--mk-space-1); flex:1; min-width:0; overflow-x:auto }
.mk-studio-nav__tabs li[hidden]{ display:none }
.mk-studio-nav__tabs a{ display:block; padding:var(--mk-space-2) var(--mk-space-3); border-radius:var(--mk-radius-sm); font-family:var(--mk-font-display); font-weight:var(--mk-weight-semibold); text-transform:lowercase; white-space:nowrap; color:var(--mk-text-muted); text-decoration:none }
.mk-studio-nav__tabs a:hover{ color:var(--mk-ink); background:var(--mk-paper) }
.mk-studio-nav__tabs a[aria-current="page"]{ color:var(--mk-ink); background:var(--mk-paper); box-shadow:inset 0 -3px 0 var(--mk-accent-strong) }
.mk-studio-nav__me{ display:flex; align-items:center; gap:var(--mk-space-3); font-size:var(--mk-text-sm); color:var(--mk-text-muted) }
@media (max-width: 640px){
  .mk-studio-nav__tabs{ order:3; flex-basis:100% }
  .mk-studio-nav__me{ margin-left:auto }
  .mk-studio-nav__email{ display:none }
}
.mk-studio .mk-studio__panel + .mk-studio__panel{ margin-top:var(--mk-space-5) }
.mk-store-cart__part[hidden]{ display:none }
.mk-store-cart__part + .mk-store-cart__part{ margin-top:var(--mk-space-6); padding-top:var(--mk-space-5); border-top:var(--mk-line-strong) solid var(--mk-line-color) }
.mk-store-cart__part-title{ margin:0 0 var(--mk-space-2); font-size:var(--mk-text-lg) }
.mk-store-line__label{ display:block; font-size:var(--mk-text-sm); color:var(--mk-text-muted) }
.mk-pr__buyrow{ display:flex; align-items:stretch; gap:var(--mk-space-3); width:100%; max-width:28rem }
.mk-pr__stepper{
  display:inline-flex; align-items:stretch; flex:none;
  border:var(--mk-line-strong) solid var(--mk-line-color); border-radius:var(--mk-radius-sm); background:var(--mk-surface-card); overflow:hidden;
}
.mk-pr__stepper button{
  width:44px; border:0; background:transparent; color:var(--mk-ink); font-size:var(--mk-text-lg); line-height:1; cursor:pointer;
}
.mk-pr__stepper button:hover{ background:var(--mk-surface-sunken) }
.mk-pr__stepper button:focus-visible, .mk-pr__stepper input:focus-visible{ outline:3px solid var(--mk-night); outline-offset:-3px }
.mk-pr__stepper input{
  width:3ch; border:0; background:transparent; color:var(--mk-ink); text-align:center;
  font-family:var(--mk-font-mono); font-size:var(--mk-text-base); -moz-appearance:textfield; appearance:textfield;
}
.mk-pr__stepper input::-webkit-inner-spin-button, .mk-pr__stepper input::-webkit-outer-spin-button{ -webkit-appearance:none; margin:0 }
.mk-pr__add{ flex:1 1 auto; justify-content:center; white-space:nowrap }
.mk-done__lede{ margin:0 0 var(--mk-space-4); font-size:var(--mk-text-lg) }
.mk-done__line{ grid-template-columns:1fr auto }
.mk-myorders{ margin-top:var(--mk-space-7) }
.mk-myorders[hidden]{ display:none }
.mk-myorders__title{ font-size:var(--mk-text-xl); margin:0 0 var(--mk-space-4) }
.mk-myorders__list{ list-style:none; margin:0; padding:0; display:grid; gap:var(--mk-space-4) }
.mk-myorders__head{ margin:0 0 var(--mk-space-2); color:var(--mk-text-muted); font-size:var(--mk-text-sm) }
.mk-myorders__head strong{ color:var(--mk-ink); font-family:var(--mk-font-display); text-transform:lowercase }
.mk-myorders__lines{ list-style:none; margin:0; padding:0 }
.mk-myorders__line{ display:grid; grid-template-columns:1fr auto; gap:var(--mk-space-2) var(--mk-space-4); align-items:center; padding-block:var(--mk-space-3); border-top:var(--mk-line) solid var(--mk-rule) }
.mk-myorders__what small{ display:block; color:var(--mk-text-muted); font-size:var(--mk-text-sm) }
.mk-myorders__step{ font-family:var(--mk-font-display); font-size:var(--mk-text-sm); padding:var(--mk-space-1) var(--mk-space-3); border:var(--mk-line-strong) solid var(--mk-line-color); border-radius:var(--mk-radius-sm); background:var(--mk-surface-card); white-space:nowrap }
.mk-myorders__step--printing, .mk-myorders__step--signed{ background:var(--mk-accent-soft) }
.mk-myorders__step--shipped, .mk-myorders__step--delivered{ background:var(--mk-accent); }
.mk-myorders__track{ grid-column:1 / -1; font-size:var(--mk-text-sm) }
@media (max-width:480px){
  .mk-myorders__line{ grid-template-columns:1fr }
  .mk-myorders__step{ justify-self:start }
}
.mk-btn[hidden]{ display:none }
@keyframes mk-otp-caret{ 50%{ opacity:0 } }