/* The homepage has its own rhythm; store templates keep their existing layout. */
.mk-home{--ink:#23241f;--muted:#686b61;--line:#dedfd6;--paper:#f3f3ed;--accent:#d5ee61;box-sizing:border-box;min-width:0;width:100%;max-width:1320px;margin:auto;padding:40px 40px 64px;color:var(--ink);line-height:1.5}.mk-home *{box-sizing:border-box}.mk-home [hidden]{display:none!important}.mk-home a{color:inherit;text-decoration:none}.mk-home a:hover{text-decoration:none}.mk-home :is(a,button,input,select):focus-visible{outline:2px solid currentColor;outline-offset:4px}.mk-home button{font:inherit;cursor:pointer;box-shadow:none;text-transform:none;letter-spacing:normal}.mk-home :is(.mk-home-cover,.mk-home-spotlight-art,.mk-home-rank-art,.mk-home-lead-art) img{display:block;width:100%;height:100%;object-fit:contain;transform:none!important}.mk-home-eyebrow{display:block;font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}.mk-home-dot{display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:#6e852d}.mk-home-masthead{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr);align-items:end;gap:48px;padding:0 0 34px}.mk-home-masthead h1{font-size:56px;font-weight:500;letter-spacing:-.045em;line-height:1.08;max-width:650px;margin:0}.mk-home-introduction{max-width:340px;justify-self:end}.mk-home-introduction p{font-size:14px;line-height:1.6;margin:0 0 15px;color:var(--muted)}.mk-home-text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;font-size:12px;padding-bottom:4px;border-bottom:1px solid var(--ink)}.mk-home-text-link:hover{border-color:#93a633}.mk-home-text-link>span{font-size:18px}.mk-home-edit{--canvas:#24271f;--type:#eef1d7;--quiet:#b5bca5;--edge:#4b5140;--ink:var(--type);--muted:var(--quiet);--line:var(--edge);--paper:#30362a;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);gap:0;margin-bottom:58px;padding:22px 0 24px;background:var(--canvas);color:var(--type)}
/* Paint the section to both viewport edges without changing layout or clipping type. */
.mk-home-edit::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--canvas);box-shadow:0 0 0 100vmax var(--canvas);clip-path:inset(0 -100vmax)}.mk-home-studio{display:grid;grid-template-columns:.75fr 1fr 1fr;gap:28px;align-items:center;padding:22px 0;border-top:1px solid var(--edge)}.mk-home-studio-heading .mk-home-eyebrow{margin-bottom:9px}.mk-home-studio-heading .mk-home-text-link{font-size:11px;border:0;padding:0}.mk-home-spotlight{min-width:0}.mk-home-spotlight>a{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:14px}.mk-home-spotlight-art{aspect-ratio:3/2;background:var(--paper)}.mk-home-spotlight h2{color:var(--type);font-size:13px;line-height:1.4;font-weight:500;margin:0 0 3px}.mk-home-spotlight>a:hover h2{text-decoration:underline;text-underline-offset:3px}.mk-home-price{font-size:12px;white-space:nowrap}.mk-home-from{color:var(--muted)}.mk-home-price del{color:var(--muted)}.mk-home-price ins{background:transparent;text-decoration:none}.mk-home-edit[data-layout=split]{grid-template-columns:minmax(0,2.4fr) minmax(220px,1fr);gap:28px}.mk-home-edit[data-layout=split] .mk-home-studio{display:flex;flex-direction:column;align-items:stretch;justify-content:center;border-top:0}.mk-home-edit[data-layout=split] .mk-home-spotlight>a{grid-template-columns:72px minmax(0,1fr)}
/* One large, usable canvas. Font ink stays inside generously measured line boxes. */
.mk-type-showcase{min-width:0;background:transparent;color:var(--type)}.mk-type-live{padding:22px 30px 18px}.mk-type-toolbar,.mk-type-actions,.mk-type-caption{display:flex;align-items:center;justify-content:space-between;gap:18px}.mk-type-label{font-size:9px;letter-spacing:.12em;white-space:nowrap}.mk-type-live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-left:8px}.mk-type-actions{gap:18px}.mk-home .mk-type-actions button{border:0;border-bottom:1px solid var(--edge);background:none;border-radius:0;padding:5px 0;color:var(--quiet);font-size:10px;min-height:32px}.mk-type-stage{display:grid;min-width:0;min-height:330px;align-items:center;padding:24px 16px;isolation:isolate}.mk-type-slide{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .7s ease,visibility .7s}.mk-type-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}.mk-type-specimen{display:block;width:100%;font-weight:400;font-synthesis:none;text-align:center;line-height:1.3;font-size:100px;padding:.14em .06em;overflow-wrap:anywhere;transition:filter .8s ease,transform .8s cubic-bezier(.2,.8,.2,1);filter:blur(5px);transform:translateY(14px)}.mk-type-specimen>span{display:block;min-height:1.3em}.mk-type-slide.is-active .mk-type-specimen{filter:blur(0);transform:none}.mk-type-caption{border-top:1px solid var(--edge);padding:16px 0;color:var(--type);font-size:11px}.mk-type-caption>span{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.mk-type-caption strong{font-size:13px;font-weight:500}.mk-type-caption [data-type-style]{color:var(--quiet);font-size:10px}.mk-type-caption a{color:var(--type);white-space:nowrap}.mk-type-caption a:hover{text-decoration:underline;text-underline-offset:4px}.mk-type-fallback{display:block}.mk-home-lead-art{max-height:510px;aspect-ratio:3/2}.mk-home-lead-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;color:var(--type)}.mk-home-lead-caption .mk-home-eyebrow{color:var(--quiet);margin:0}.mk-home-lead-caption h2{font-size:20px;font-weight:500;color:inherit;margin:0}
/* Releases switch between original artwork and each product's own live font. */
.mk-home-section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}.mk-home-section-head h2{font-size:32px;font-weight:500;line-height:1.15;letter-spacing:-.025em;margin:0}.mk-home-section-head>a{font-size:12px;white-space:nowrap;border-bottom:1px solid var(--line);padding-bottom:5px}.mk-home-section-head>a:hover{border-color:var(--ink)}.mk-home-catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--ink);padding:15px 0 20px}.mk-home-browse{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center}.mk-home-browse a{font-size:11px;color:var(--muted);padding:6px 0;border-bottom:1px solid transparent}.mk-home-browse a[aria-current=true]{border-color:var(--ink);color:var(--ink)}.mk-home-browse a:hover{color:var(--ink)}.mk-home-view{display:flex;flex-shrink:0;border:1px solid var(--line);padding:3px;gap:3px}.mk-home .mk-home-view button{border:0;border-radius:0;background:transparent;color:var(--muted);padding:7px 11px;min-height:32px;font-size:10px}.mk-home .mk-home-view button[aria-pressed=true]{background:var(--ink);color:#fff}.mk-home-collection-input{display:flex;gap:16px;align-items:center;margin:0 0 20px;padding:12px 16px;background:var(--paper)}.mk-home-collection-input label{font-size:11px;white-space:nowrap}.mk-home .mk-home-collection-input input{flex:1;min-width:0;margin:0;background:transparent!important;border:0!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important;border-radius:0!important;font:inherit;font-size:13px;padding:8px 0!important}.mk-home-collection-input small{font-size:10px;color:var(--muted)}.mk-home-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 22px}.mk-home-product{min-width:0}.mk-home-art{display:block;position:relative;aspect-ratio:3/2;background:var(--paper)}.mk-home-cover,.mk-home-card-type{width:100%;height:100%;aspect-ratio:3/2}.mk-home-card-type{display:flex;align-items:center;justify-content:center;padding:28px 20px;position:relative;background:#ecefe0;color:#2b3525}.mk-home-product:nth-child(3n+2) .mk-home-card-type{background:#eee4d9;color:#5a3d30}.mk-home-product:nth-child(3n+3) .mk-home-card-type{background:#e5e8ec;color:#343f50}.mk-home-card-type [data-font-sample]{display:block;width:100%;text-align:center;font-size:40px;line-height:1.6;font-weight:400;font-synthesis:none;overflow-wrap:anywhere}.mk-home-card-type small{position:absolute;bottom:12px;left:16px;font-size:9px;color:var(--muted)}.mk-home-product-meta{display:flex;align-items:start;justify-content:space-between;gap:12px;padding-top:13px}.mk-home-product-meta h3{font-size:14px;line-height:1.4;font-weight:500;margin:0 0 4px}.mk-home-product-meta h3 a:hover{text-decoration:underline;text-underline-offset:3px}.mk-home-product-meta p{font-size:10px;color:var(--muted);margin:0}.mk-home-product-meta .mk-home-price{font-size:11px;line-height:1.8}.mk-home-filter-empty{padding:36px 20px;text-align:center;background:var(--paper);font-size:14px}.mk-home-filter-empty a{text-decoration:underline}.mk-home-search{display:flex;gap:24px;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin:32px 0 0;padding:16px 0 0}.mk-home-search>label{font-size:12px;color:var(--muted)}.mk-home-search>div{display:flex;flex:0 1 380px;border-bottom:1px solid var(--ink)}.mk-home .mk-home-search input[type=search]{min-width:0;width:100%;background:transparent!important;border:0!important;margin:0;border-radius:0!important;font:inherit;font-size:12px;padding:9px 0!important;box-shadow:none!important}.mk-home-search button{border:0;background:transparent;color:var(--ink);min-width:42px;min-height:40px;font-size:20px;padding:0}.mk-home-popular{margin-top:64px}.mk-home-ranking{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink)}.mk-home-ranking>li{list-style:none;border-bottom:1px solid var(--line);margin:0;padding:0}.mk-home-ranking>li>a{display:grid;grid-template-columns:28px minmax(160px,1fr) minmax(200px,1.5fr) 90px;gap:24px;align-items:center;min-height:108px;padding:14px 8px;transition:background .15s}.mk-home-ranking>li>a:hover{background:var(--paper)}.mk-home-rank{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.mk-home-rank-name h3{font-size:15px;line-height:1.4;font-weight:500;margin:0 0 5px}.mk-home-rank-name small{font-size:10px;color:var(--muted)}.mk-home-rank-preview{min-width:0;padding:8px 16px}.mk-home-rank-art{width:100px;aspect-ratio:3/2;margin:auto}.mk-home-rank-preview [data-font-sample]{display:block;text-align:center;font-size:38px;line-height:1.6;font-weight:400;font-synthesis:none;overflow-wrap:anywhere}.mk-home-ranking .mk-home-price{text-align:right}.mk-home-note{display:flex;align-items:center;justify-content:space-between;gap:32px;background:var(--paper);padding:32px;margin-top:54px}.mk-home-note h2{font-size:26px;line-height:1.25;font-weight:500;letter-spacing:-.02em;margin:0;max-width:470px}.mk-home-note>div+div{display:flex;flex-direction:column;gap:16px}.mk-home-note a{font-size:12px}
@media(min-width:1600px){.mk-type-stage{min-height:370px}}
@media(max-width:1023px){.mk-home{padding:30px 24px 44px}.mk-home-masthead{gap:28px}.mk-home-masthead h1{font-size:46px}.mk-type-live{padding:20px 24px 16px}.mk-type-stage{min-height:310px;padding:22px 8px}.mk-home-studio{gap:18px;grid-template-columns:.6fr 1fr 1fr}.mk-home-spotlight>a{grid-template-columns:60px minmax(0,1fr);gap:10px}.mk-home-edit[data-layout=split]{grid-template-columns:1fr}.mk-home-edit[data-layout=split] .mk-home-studio{display:grid;grid-template-columns:.6fr 1fr 1fr;border-top:1px solid var(--edge)}.mk-home-products{gap:26px 16px}.mk-home-product-meta{display:block}.mk-home-product-meta .mk-home-price{display:block;margin-top:5px}.mk-home-ranking>li>a{grid-template-columns:22px minmax(130px,1fr) minmax(160px,1.25fr) 65px;gap:14px}.mk-home-rank-preview{padding:8px}.mk-home-section-head h2{font-size:28px}}
@media(max-width:767px){.mk-home{padding:24px 18px 36px}.mk-home-masthead{grid-template-columns:1fr;gap:16px;padding-bottom:24px}.mk-home-masthead h1{font-size:36px;max-width:400px}.mk-home-introduction{max-width:460px;justify-self:start}.mk-home-introduction p{font-size:12px;margin-bottom:10px}.mk-home-introduction p br{display:none}.mk-home-eyebrow{font-size:9px;margin-bottom:10px}.mk-home-edit{margin-bottom:38px;padding:10px 0 16px}.mk-type-live{padding:16px 16px 12px}.mk-type-toolbar{align-items:start;gap:8px}.mk-type-label{font-size:8px;padding-top:7px;white-space:normal}.mk-type-live-dot{margin-left:5px}.mk-type-actions{gap:12px}.mk-home .mk-type-actions button{font-size:9px;white-space:nowrap}.mk-type-stage{min-height:245px;padding:26px 2px}.mk-type-caption{gap:12px;align-items:start;padding:13px 0;font-size:10px}.mk-type-caption>span{display:block;min-width:0}.mk-type-caption strong{font-size:11px;display:block}.mk-type-caption [data-type-style]{display:block;font-size:9px;margin-top:4px}.mk-type-caption a{font-size:9px;padding-top:2px}.mk-home-studio,.mk-home-edit[data-layout=split] .mk-home-studio{grid-template-columns:1fr 1fr;gap:16px;padding:18px 0}.mk-home-studio-heading{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.mk-home-studio-heading .mk-home-eyebrow{margin:0}.mk-home-spotlight>a,.mk-home-edit[data-layout=split] .mk-home-spotlight>a{grid-template-columns:48px minmax(0,1fr);gap:10px}.mk-home-spotlight h2{font-size:11px}.mk-home-spotlight .mk-home-price{font-size:10px}.mk-home-section-head{gap:16px;margin-bottom:18px}.mk-home-section-head h2{font-size:26px}.mk-home-section-head>a{white-space:normal;text-align:right;max-width:110px;font-size:10px}.mk-home-catalog-toolbar{display:block;padding:12px 0 18px}.mk-home-browse{gap:6px 16px}.mk-home-view{display:inline-flex;margin-top:12px}.mk-home-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.mk-home-product-meta h3{font-size:12px}.mk-home-product-meta p{font-size:9px}.mk-home-card-type{padding:22px 12px}.mk-home-card-type small{font-size:8px;left:10px;bottom:8px}.mk-home-collection-input{display:grid;grid-template-columns:1fr;gap:5px;padding:10px 12px}.mk-home-collection-input small{font-size:9px}.mk-home-search{display:block;margin-top:26px}.mk-home-search>label{font-size:11px}.mk-home-search>div{margin-top:8px}.mk-home-popular{margin-top:40px}.mk-home-ranking>li>a{grid-template-columns:18px minmax(0,1fr) auto;gap:10px;padding:14px 0}.mk-home-rank-name h3{font-size:13px}.mk-home-rank-name small{font-size:9px}.mk-home-rank-preview{grid-column:2/-1;grid-row:2;padding:8px 8px 3px}.mk-home-rank-preview [data-font-sample]{text-align:left}.mk-home-rank-art{margin:0;width:80px}.mk-home-ranking .mk-home-price{grid-column:3;grid-row:1;font-size:11px}.mk-home-note{display:block;padding:24px 20px;margin-top:36px}.mk-home-note h2{font-size:23px}.mk-home-note>div+div{margin-top:24px;align-items:start}.mk-home-lead-caption{display:block;padding:18px}.mk-home-lead-caption h2{font-size:18px;margin-top:8px}}
@media(max-width:374px){.mk-home{padding-right:14px;padding-left:14px}.mk-home-masthead h1{font-size:32px}.mk-type-live{padding-left:12px;padding-right:12px}.mk-type-stage{min-height:210px}.mk-type-label{max-width:90px}.mk-type-actions{gap:8px}.mk-home-spotlight>a,.mk-home-edit[data-layout=split] .mk-home-spotlight>a{grid-template-columns:1fr}.mk-home-spotlight-art{display:none}.mk-home-section-head h2{font-size:24px}.mk-home-products{gap:20px 12px}}
@media(prefers-reduced-motion:reduce){.mk-home *{animation:none!important;transition:none!important}.mk-type-specimen{filter:none;transform:none}}
.mk-type-slide:not(.is-loaded){display:none}
.mk-type-label{font-size:10px}.mk-home .mk-type-actions button{font-size:11px}.mk-type-caption{font-size:12px}.mk-type-caption strong{font-size:14px}.mk-type-caption [data-type-style]{font-size:11px}.mk-home-eyebrow{font-size:11px}.mk-home-browse a,.mk-home .mk-home-view button{font-size:12px}.mk-home-product-meta h3{font-size:15px}.mk-home-product-meta p,.mk-home-rank-name small{font-size:11px}.mk-home .mk-home-search button{font-size:12px;min-width:80px}.mk-type-live-dot{background:#cce466}
@media(max-width:767px){.mk-home-eyebrow{font-size:10px}.mk-type-label{font-size:8px}.mk-home .mk-type-actions button{font-size:10px}.mk-type-caption strong{font-size:12px}.mk-type-caption [data-type-style],.mk-type-caption a{font-size:10px}.mk-home-product-meta h3{font-size:13px}.mk-home-product-meta p{font-size:10px}.mk-home-browse a,.mk-home .mk-home-view button{font-size:11px}}

/* Readability pass: keep compact editorial styling without tiny UI/product copy. */
.mk-type-label{font-size:11px}
.mk-home .mk-type-actions button{font-size:12px}
.mk-type-caption{font-size:13px}
.mk-type-caption strong{font-size:15px}
.mk-type-caption [data-type-style]{font-size:12px}
.mk-home-eyebrow{font-size:12px}
.mk-home-spotlight h2{font-size:15px}
.mk-home-spotlight .mk-home-price{font-size:13px}
.mk-home-section-head h2{font-size:34px}
.mk-home-section-head>a{font-size:13px}
.mk-home-browse a,.mk-home .mk-home-view button{font-size:13px}
.mk-home-collection-input label{font-size:13px}
.mk-home .mk-home-collection-input input{font-size:14px}
.mk-home-collection-input small{font-size:12px}
.mk-home-product-meta h3{font-size:17px}
.mk-home-product-meta p{font-size:13px}
.mk-home-product-meta .mk-home-price{font-size:14px;line-height:1.6}
.mk-home-search>label,.mk-home .mk-home-search input[type=search]{font-size:13px}
.mk-home .mk-home-search button{font-size:13px;min-width:80px}
.mk-home-rank{font-size:12px}
.mk-home-rank-name h3{font-size:17px}
.mk-home-rank-name small{font-size:12px}
.mk-home-ranking .mk-home-price{font-size:13px}
.mk-home-note a{font-size:13px}
.mk-home-card-type small{font-size:10px}
.mk-type-live-dot{background:#cce466}
@media(max-width:1023px){.mk-home-section-head h2{font-size:30px}.mk-home-product-meta h3{font-size:16px}}
@media(max-width:767px){.mk-home-eyebrow{font-size:11px}.mk-type-label{font-size:9px}.mk-home .mk-type-actions button{font-size:11px}.mk-type-caption{font-size:11px}.mk-type-caption strong{font-size:13px}.mk-type-caption [data-type-style],.mk-type-caption a{font-size:11px}.mk-home-spotlight h2{font-size:13px}.mk-home-spotlight .mk-home-price{font-size:12px}.mk-home-section-head h2{font-size:28px}.mk-home-section-head>a{font-size:12px}.mk-home-product-meta h3{font-size:15px}.mk-home-product-meta p{font-size:12px}.mk-home-product-meta .mk-home-price{font-size:13px}.mk-home-browse a,.mk-home .mk-home-view button{font-size:12px}.mk-home-collection-input label{font-size:12px}.mk-home-collection-input small{font-size:11px}.mk-home-search>label,.mk-home .mk-home-search input[type=search]{font-size:12px}.mk-home-rank-name h3{font-size:15px}.mk-home-rank-name small{font-size:11px}.mk-home-ranking .mk-home-price{font-size:12px}.mk-home-card-type small{font-size:9px}}
@media(max-width:374px){.mk-home-section-head h2{font-size:26px}.mk-home-product-meta h3{font-size:14px}}


/* First-screen composition: visually lead with the font playground.
   The masthead remains first in the DOM for document structure, but is shown
   immediately after the animation so the showcase fits in the opening view. */
.mk-home{display:flex;flex-direction:column;padding-top:0}
.mk-home-edit{order:-1;margin-bottom:0}
.mk-home-masthead{padding:52px 0 46px}
@media(max-width:1023px){.mk-home-masthead{padding:42px 0 38px}}
@media(max-width:767px){.mk-home{padding-top:0}.mk-home-edit{margin-bottom:0}.mk-home-masthead{padding:34px 0 30px}}

/* v1.8.19 — Shop-scale typography pass.
   The WooCommerce shop cards use the theme's normal H3/body scale (about
   30px titles / 18px body copy on desktop). Bring the custom homepage much
   closer to that reference instead of using micro-label typography. */
.mk-home-introduction p{font-size:17px;line-height:1.65}
.mk-home-text-link{font-size:15px}
.mk-home-eyebrow{font-size:13px;letter-spacing:.085em}
.mk-type-label{font-size:13px}
.mk-home .mk-type-actions button{font-size:13px}
.mk-type-caption{font-size:14px}
.mk-type-caption strong{font-size:17px}
.mk-type-caption [data-type-style],.mk-type-caption a{font-size:13px}
.mk-home-studio-heading .mk-home-text-link{font-size:14px}
.mk-home-spotlight h2{font-size:19px;line-height:1.3}
.mk-home-spotlight .mk-home-price{font-size:16px}
.mk-home-section-head h2{font-size:38px}
.mk-home-section-head>a{font-size:15px}
.mk-home-browse a,.mk-home .mk-home-view button{font-size:14px}
.mk-home-collection-input label{font-size:15px}
.mk-home .mk-home-collection-input input{font-size:16px}
.mk-home-collection-input small{font-size:14px}
.mk-home-product-meta{padding-top:16px}
.mk-home-product-meta h3{font-size:30px;line-height:1.18;letter-spacing:-.02em;margin-bottom:7px}
.mk-home-product-meta p{font-size:15px;line-height:1.5}
.mk-home-product-meta .mk-home-price{font-size:18px;line-height:1.45}
.mk-home-card-type small{font-size:12px}
.mk-home-search>label,.mk-home .mk-home-search input[type=search]{font-size:15px}
.mk-home .mk-home-search button{font-size:15px}
.mk-home-rank{font-size:14px}
.mk-home-rank-name h3{font-size:22px;line-height:1.25}
.mk-home-rank-name small{font-size:14px}
.mk-home-ranking .mk-home-price{font-size:16px}
.mk-home-note a{font-size:15px}

@media(max-width:1023px){
  .mk-home-introduction p{font-size:16px}
  .mk-home-section-head h2{font-size:34px}
  .mk-home-product-meta h3{font-size:24px}
  .mk-home-product-meta .mk-home-price{font-size:17px}
  .mk-home-rank-name h3{font-size:20px}
}
@media(max-width:767px){
  .mk-home-introduction p{font-size:15px}
  .mk-home-eyebrow{font-size:12px}
  .mk-home-text-link{font-size:14px}
  .mk-type-label{font-size:11px}
  .mk-home .mk-type-actions button{font-size:12px}
  .mk-type-caption{font-size:12px}
  .mk-type-caption strong{font-size:15px}
  .mk-type-caption [data-type-style],.mk-type-caption a{font-size:12px}
  .mk-home-spotlight h2{font-size:16px}
  .mk-home-spotlight .mk-home-price{font-size:14px}
  .mk-home-section-head h2{font-size:30px}
  .mk-home-section-head>a{font-size:13px;max-width:140px}
  .mk-home-browse a,.mk-home .mk-home-view button{font-size:13px}
  .mk-home-collection-input label{font-size:14px}
  .mk-home .mk-home-collection-input input{font-size:15px}
  .mk-home-collection-input small{font-size:13px}
  .mk-home-product-meta h3{font-size:20px;line-height:1.22}
  .mk-home-product-meta p{font-size:13px}
  .mk-home-product-meta .mk-home-price{font-size:15px}
  .mk-home-card-type small{font-size:10px}
  .mk-home-search>label,.mk-home .mk-home-search input[type=search]{font-size:14px}
  .mk-home-rank{font-size:13px}
  .mk-home-rank-name h3{font-size:18px}
  .mk-home-rank-name small{font-size:12px}
  .mk-home-ranking .mk-home-price{font-size:14px}
  .mk-home-note a{font-size:14px}
}
@media(max-width:374px){
  .mk-home-product-meta h3{font-size:18px}
  .mk-home-section-head h2{font-size:28px}
}


/* v1.8.20 — animation-first homepage, with the former white masthead removed.
   Keep the playground flush against the navigation: no white spacer above it. */
.mk-home{padding-top:0!important}
.mk-home>.mk-home-edit:first-child{margin-top:0!important}
.mk-home-edit{margin-top:0}

/* v1.8.21 — remove the REAL gap between the global header and homepage playground.
   Kalium applies margin-bottom to .site-header via --k-header-bottom-spacing.
   On the homepage the animation should touch the navigation directly. */
body.home .site-header,
body.home .site-header.header-bottom-spacing{
  --k-header-bottom-spacing:0px!important;
  margin-bottom:0!important;
}
body.home #main-content.mk-home{
  margin-top:0!important;
  padding-top:0!important;
}
body.home #main-content.mk-home>.mk-home-edit:first-child{
  margin-top:0!important;
}

/* v1.8.22 — restore the intended breathing room after the playground only.
   Header -> playground stays flush; playground -> New Release keeps the
   original editorial spacing. */
body.home #main-content.mk-home > .mk-home-edit:first-child{
  margin-bottom:58px!important;
}
@media(max-width:767px){
  body.home #main-content.mk-home > .mk-home-edit:first-child{
    margin-bottom:38px!important;
  }
}


/* v1.8.24 — New Release uses the actual Shop product-loop card.
   Keep homepage CSS out of the card artwork/hover system; only section rhythm
   is defined here so the card itself stays identical to Shop. */
.mk-home-shop-cards .products{margin-top:0;margin-bottom:0}
.mk-home-shop-cards + .mk-home-search{margin-top:38px}
@media(max-width:767px){.mk-home-shop-cards + .mk-home-search{margin-top:30px}}

/* v1.8.35 — the homepage keeps the real Shop card, but owns only the
   collection grid around it. The grid is driven by its rendered container
   width (not device labels), never exceeds four columns, and prevents Kalium's
   global Shop column setting from turning this section into five columns. */
.mk-home-shop-cards{
  container-name:mk-home-shop-cards;
  container-type:inline-size;
}
.mk-home-shop-cards .mk-home-shop-grid{
  --k-grid-columns:4!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  column-gap:var(--k-grid-gap,22px)!important;
  row-gap:var(--k-grid-gap,30px)!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  list-style:none!important;
}
.mk-home-shop-cards .mk-home-shop-grid>li.product{
  display:block!important;
  float:none!important;
  clear:none!important;
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
@container mk-home-shop-cards (max-width:969px){
  .mk-home-shop-cards .mk-home-shop-grid{
    --k-grid-columns:3!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}
@container mk-home-shop-cards (max-width:719px){
  .mk-home-shop-cards .mk-home-shop-grid{
    --k-grid-columns:2!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@container mk-home-shop-cards (max-width:469px){
  .mk-home-shop-cards .mk-home-shop-grid{
    --k-grid-columns:1!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
}

/* v1.8.36 — calmer, safer type-playground motion.
   Remove blur/GPU transforms entirely and use only a brief opacity reveal.
   The stage stays naturally sized while generous line boxes, fixed padding and
   ink-bound fitting keep swashes, ascenders and descenders clear of every edge. */
.mk-home-edit,
.mk-type-showcase,
.mk-type-live,
.mk-type-stage,
.mk-type-slide,
.mk-type-specimen,
.mk-type-specimen>span{
  overflow:visible!important;
}
.mk-type-stage{
  height:auto!important;
  min-height:330px;
  padding:30px clamp(28px,4vw,58px);
  place-items:center stretch;
}
.mk-type-slide{
  width:100%;
  max-width:100%;
  align-self:center;
  opacity:0;
  visibility:hidden;
  transition:opacity .16s ease-out;
}
.mk-type-slide.is-active{
  opacity:1;
  visibility:visible;
}
.mk-type-specimen{
  width:100%;
  max-width:100%;
  padding:18px 30px;
  filter:none!important;
  transform:none!important;
  transition:none!important;
}
.mk-type-specimen>span{
  min-height:0;
  white-space:nowrap;
}
@media(max-width:1023px){
  .mk-type-stage{
    min-height:310px;
    padding:26px clamp(22px,3vw,38px);
  }
  .mk-type-specimen{padding:16px 24px}
}
@media(max-width:767px){
  .mk-type-stage{
    min-height:245px;
    padding:22px 12px;
  }
  .mk-type-specimen{padding:14px 16px}
  .mk-type-slide{transition-duration:.12s}
}
@media(max-width:374px){
  .mk-type-stage{min-height:220px}
}
@media(prefers-reduced-motion:reduce){
  .mk-type-slide{transition:none!important}
}


/* v1.9.8 — typography-only playground.
   The loading/no-font state is a plain specimen on the same canvas. It never
   renders a product image, thumbnail, card, mockup or secondary product rail. */
.mk-type-fallback{
  display:grid;
  place-items:center;
  width:100%;
  min-height:330px;
  padding:30px clamp(28px,4vw,58px);
  background:transparent;
  color:var(--type);
  text-align:center;
}
.mk-type-static-specimen{
  display:block;
  width:100%;
  max-width:100%;
  padding:18px 30px;
  color:inherit;
  font-family:inherit;
  font-size:clamp(52px,8vw,118px);
  font-weight:400;
  font-synthesis:none;
  letter-spacing:-.035em;
  line-height:1.08;
}
.mk-type-static-specimen>span{
  display:block;
  white-space:nowrap;
}
@media(max-width:1023px){
  .mk-type-fallback{min-height:310px;padding:26px clamp(22px,3vw,38px)}
  .mk-type-static-specimen{padding:16px 24px;font-size:clamp(48px,10vw,102px)}
}
@media(max-width:767px){
  .mk-type-fallback{min-height:245px;padding:22px 12px}
  .mk-type-static-specimen{padding:14px 16px;font-size:clamp(38px,13vw,80px)}
}
@media(max-width:374px){
  .mk-type-fallback{min-height:220px}
  .mk-type-static-specimen{font-size:clamp(34px,13vw,58px)}
}
