/* Shared visual language for the product pages. Navigation and footer stay shared. */
.mk-page { --mk-accent:#f47a20; --mk-muted:#99a1ae; --mk-line:#dce4f01c; display:block; color:#f0f1f4; padding-top:var(--marketing-nav-height,90px); overflow:clip; }
.mk-page *,.mk-page *::before,.mk-page *::after { box-sizing:border-box; }
.mk-page [hidden] { display:none!important; }
.mk-page picture>source { display:none; }
.mk-page :is(h1,h2,h3,p,figure) { margin:0; }
.mk-page :is(h1,h2,h3,p,li) { max-width:none; }
.mk-page :is(h1,h2,h3)>span { font:inherit; letter-spacing:inherit; }
.mk-page :is(button,input) { font:inherit; }
.mk-page button { cursor:pointer; }
.mk-page a { color:inherit; text-decoration:none; }
.mk-page svg { flex-shrink:0; }
.mk-page :is(a,button,input,summary):focus-visible { outline:2px solid var(--mk-accent); outline-offset:5px; }
.mk-page :is(section,article)[id] { scroll-margin-top:120px; }
.mk-container { width:min(1320px,calc(100% - 80px)); margin-inline:auto; }
.mk-section { padding-block:78px; }
.mk-crumb { display:flex; align-items:center; gap:12px; padding-block:25px 10px; font-size:10px; color:#7d8592; }
.mk-crumb a { color:#a9afb9; }
.mk-page h1 { font-size:clamp(40px,4.45vw,66px); line-height:1.085; letter-spacing:-.055em; font-weight:680; }
.mk-page h1>span { color:var(--mk-accent); }
.mk-page h2 { font-size:clamp(29px,3.25vw,46px); line-height:1.15; letter-spacing:-.045em; font-weight:630; }
.mk-page h2>span { color:#92969f; }
.mk-page h3 { font-size:22px; line-height:1.3; font-weight:550; letter-spacing:-.025em; }
.mk-pill { display:inline-flex; align-items:center; gap:9px; padding:8px 13px; border:1px solid #e8bc9026; border-radius:30px; font-size:10px; color:#cfb9a5; background:linear-gradient(#292621,#191b1d); }
.mk-page .mk-pill.cult {    padding-bottom: 10.7px; color:#cfb9a5; background:linear-gradient(#292621,#191b1d); font-size:12px; line-height:18px; }
.mk-pill svg { width:14px; height:14px; }
.mk-eyebrow { display:block; font-size:10px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:var(--mk-accent); }
.mk-mini { font-size:9px; line-height:1.6; letter-spacing:.08em; text-transform:uppercase; color:#a0907f; }
.mk-lead { font-size:16px; line-height:1.85; color:#a7aeba; margin-top:24px!important; max-width:570px!important; }
.mk-actions { display:flex; align-items:center; flex-wrap:wrap; gap:19px 25px; margin-top:29px; }
.mk-button { display:inline-flex; align-items:center; justify-content:center; min-height:50px; gap:10px; font-size:13px; font-weight:550; }
.mk-button:not([data-cult-ready]) { padding:13px 22px; color:#e8eaee; border:1px solid #ffffff29; border-radius:30px; background:#202126; }
.mk-button svg { width:17px; height:17px; }
.mk-page .mk-button--secondary { font-size:12px; }
.mk-link { display:inline-flex; align-items:center; gap:9px; color:#d6dce4; background:none; border:0; padding:9px 0; font-size:12px; line-height:1.5; font-weight:550; }
.mk-link:hover,.mk-related a:hover { color:var(--mk-accent); }
.mk-link svg { width:16px; height:16px; }
.mk-note { display:flex; align-items:center; gap:7px; font-size:10px; line-height:1.8; color:#7e8998; margin-top:18px!important; }
.mk-note svg { width:14px; height:14px; }
.mk-icon { display:inline-grid; place-items:center; width:37px; height:37px; color:#cba580; border:1px solid #e5b58124; border-radius:11px; background:#c18e5310; }
.mk-icon svg { width:21px; height:21px; }
.mk-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:48px; margin-bottom:35px; }
.mk-heading h2 { margin-top:18px; }
.mk-heading>p { max-width:370px; color:var(--mk-muted); font-size:14px; line-height:1.85; }
.mk-sr { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }

/* Cult UI PRO surfaces and light, tuned to the homepage's silver/amber palette. */
.mk-page .cult-pro { font-family:inherit; }
.mk-page .cult-pro-card-surface { max-width:none; }
.mk-page .cult-pro-blob-1 { background:linear-gradient(90deg,#ef792e,#ba7854,#bac3cf,#ba8759); }
.mk-page .cult-pro-blob-2 { background:linear-gradient(90deg,#d79455,#e7ba87,#c58961); }
.mk-page .cult-pro-blob-3 { background:linear-gradient(90deg,#899bb3,#c6c9d0,#856c57); }
.mk-page .cult-pro-field { opacity:.4; }
.mk-page [data-cult=animated-button] { font-family:inherit; }
.mk-page [data-cult=animated-badge] { font-size:9px; }
.mk-page [data-cult=animated-badge] svg { width:13px; height:13px; }

.mk-hero { display:grid; grid-template-columns:.92fr 1.08fr; gap:52px; align-items:center; padding-block:49px 85px; }
.mk-hero h1 { margin-top:25px; }
.mk-hero__copy,.mk-hero__visual { min-width:0; }
.mk-hero__visual { position:relative; }
.mk-float-note[data-cult] { position:absolute; right:20px; bottom:-16px; transform:rotate(-3deg); font-size:10px; }
.mk-preview[data-cult] { border-radius:20px; }
.mk-preview>.cult-pro-card-surface { padding:0; gap:0; overflow:hidden; border-radius:20px; background:#181b20ed; }
.mk-preview__bar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:16px 20px; font-size:10px; }
.mk-preview__bar>span:first-child { display:inline-flex; align-items:center; gap:8px; color:#bfc6d1; }
.mk-preview__bar svg { width:19px; height:19px; }
.mk-preview__footer { display:flex; align-items:center; gap:13px; padding:14px 20px; }
.mk-preview__footer img { width:54px; height:54px; object-fit:contain; }
.mk-preview__footer small { display:block; font-size:9px; color:#8993a2; margin-bottom:5px; }
.mk-preview__footer strong { font-weight:500; font-size:11px; }
.mk-preview__hint { margin-left:auto; max-width:92px; color:#798493; font-size:8px; line-height:1.6; }
.mk-compare { position:relative; isolation:isolate; aspect-ratio:1.6; overflow:hidden; background:#1c2128; }
.mk-compare__image { display:block; width:100%; height:100%; object-fit:cover; }
.mk-compare__before { position:absolute; inset:0; clip-path:inset(0 calc(100% - var(--mk-position)) 0 0); }
.mk-compare__tag { position:absolute; top:14px; padding:6px 10px; border-radius:6px; border:1px solid #ffffff30; background:#101318b5; backdrop-filter:blur(8px); color:#fff; font-size:9px; z-index:2; pointer-events:none; }
.mk-compare__tag--before { left:14px; }
.mk-compare__tag--after { right:14px; }
.mk-compare__line { position:absolute; left:var(--mk-position); top:0; bottom:0; width:2px; background:#f5f5f6; transform:translateX(-50%); pointer-events:none; z-index:2; }
.mk-compare__line>span { position:absolute; top:55%; left:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:40px; height:40px; border-radius:50%; background:linear-gradient(#f5f5f7,#a9afb8); box-shadow:0 3px 12px #0005; color:#30353e; font-size:22px; }
.mk-compare input { position:absolute; inset:0; opacity:0; width:100%; height:100%; margin:0; z-index:3; cursor:ew-resize; touch-action:pan-y; }
.mk-compare:focus-within { outline:3px solid var(--mk-accent); outline-offset:-4px; }
.mk-proof-strip { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:22px; padding-block:24px; border-block:1px solid var(--mk-line); }
.mk-proof-strip>span { display:flex; align-items:center; gap:10px; color:#a2aab6; font-size:11px; }
.mk-proof-strip svg { width:19px; height:19px; color:#b08d6f; }
.mk-process { display:grid; grid-template-columns:1.15fr .85fr; gap:78px; align-items:center; }
.mk-process__visual { padding:27px; border:1px solid var(--mk-line); border-radius:23px; background:radial-gradient(ellipse at top,#68472c30,transparent 70%),#111417; }
.mk-input-pair { display:grid; grid-template-columns:1.4fr 25px 1fr; gap:13px; align-items:center; max-width:470px; margin-inline:auto; }
.mk-input-pair figure[data-cult] { min-width:0; padding:7px; border-radius:12px; background:#24272c; border:1px solid #ffffff15; }
.mk-input-pair img { width:100%; height:125px; object-fit:cover; border-radius:7px; }
.mk-input-pair .mk-input-wheel img { object-fit:contain; padding:13px; }
.mk-input-pair figcaption { padding:8px 0 3px; text-align:center; color:#98a2b0; font-size:9px; }
.mk-input-pair>span { text-align:center; font-size:26px; color:#987c61; }
.mk-process__connector { display:flex; align-items:center; justify-content:center; padding-block:24px; }
.mk-process__result>.cult-pro-card-surface { padding:0; border-radius:14px; overflow:hidden; }
.mk-process__result img { width:100%; height:auto; aspect-ratio:1.65; object-fit:cover; }
.mk-timeline { display:grid; list-style:none; gap:0; margin:0 0 10px; padding:0; }
.mk-timeline li { position:relative; display:grid; grid-template-columns:38px 1fr; gap:21px; padding-bottom:32px; }
.mk-timeline li>span { display:grid; place-items:center; width:38px; height:38px; border-radius:50%; border:1px solid #c8a77d38; background:#c2976110; color:#c4a788; font-size:11px; }
.mk-timeline li:not(:last-child)::after { content:''; position:absolute; left:18px; top:45px; bottom:7px; width:1px; background:linear-gradient(#c9a06c55,#ffffff0c); }
.mk-timeline h3 { font-size:20px; margin-top:5px; }
.mk-timeline p { font-size:13px; color:#929eae; line-height:1.85; margin-top:11px; }
.mk-photo-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:24px; }
.mk-photo-card[data-cult],.mk-style-card[data-cult] { cursor:default; border:1px solid var(--mk-line); border-radius:22px; overflow:hidden; color:#eceff3; background:#15181c; }
.mk-photo-card__media { position:relative; height:285px; overflow:hidden; }
.mk-photo-card__media img { display:block; width:100%; height:100%; object-fit:cover; }
.mk-photo-card--wheel .mk-photo-card__media { background:radial-gradient(#4e403555,transparent 65%),#171a1f; }
.mk-photo-card--wheel .mk-photo-card__media img { object-fit:contain; padding:25px; }
.mk-photo-card__label { position:absolute; bottom:18px; left:20px; display:inline-flex; align-items:center; gap:7px; padding:8px 11px; border:1px solid #ffffff26; border-radius:30px; background:#13191dbb; backdrop-filter:blur(9px); font-size:9px; }
.mk-photo-card__label svg { width:14px; height:14px; color:#bbcbba; }
.mk-cutout-pin { position:absolute; display:grid; place-items:center; bottom:-1px; right:-1px; width:57px; height:51px; background:#15181c; border-radius:22px 0 0; color:#c8a680; font-size:16px; }
.mk-photo-card__copy { padding:30px; }
.mk-photo-card__copy h3 { font-size:24px; }
.mk-photo-card__copy p { color:#969fae; font-size:13px; line-height:1.85; margin-top:13px; }
.mk-photo-card__copy .mk-link { margin-top:15px; }

.mk-capabilities { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.mk-capability>.cult-pro-card-surface { padding:0; border-radius:17px; background:linear-gradient(140deg,#1f2226ec,#14181dec); }
.mk-expand { position:relative; padding:27px; width:100%!important; height:315px!important; }
.mk-expand h3 { font-size:19px; min-height:48px; margin-top:18px; }
.mk-expand__short { color:#929daa; font-size:13px; line-height:1.85; margin-top:11px!important; transition:opacity .2s,transform .25s; }
.mk-expand__content { position:absolute; left:27px; right:27px; top:145px; }
.mk-expand__content p { font-size:12px; line-height:1.8; color:#c1c7d1; }
.mk-expand__trigger[data-cult-part] { position:absolute; left:27px; right:27px; bottom:23px; width:auto; display:flex; align-items:center; justify-content:space-between; padding:14px 0 0; margin:0; border:0; border-top:1px solid #ffffff12; background:none; font-size:10px; color:#a89077; }
.mk-expand__trigger svg { width:17px; height:17px; transition:transform .3s; }
.mk-expand[data-cult-state=open] .mk-expand__short { opacity:0; transform:translateY(-7px); }
.mk-expand[data-cult-state=open] .mk-expand__trigger svg { transform:rotate(-35deg); }
.mk-expand[data-cult-state=open] .mk-icon { color:#edbb8e; background:#b5835526; }
.mk-expand:not([data-cult-ready]) { height:auto!important; min-height:285px; }
.mk-expand:not([data-cult-ready]) .mk-expand__short,.mk-expand:not([data-cult-ready]) .mk-expand__trigger { display:none; }
.mk-expand:not([data-cult-ready]) .mk-expand__content { position:static; margin-top:15px; }
.mk-faq-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:90px; align-items:start; }
.mk-faq-layout h2 { margin-top:20px; }
.mk-faq-layout>div>p { color:#909baa; font-size:13px; line-height:1.85; margin-block:21px; }
.mk-faq { min-width:0; }
.mk-faq summary { cursor:pointer; font-size:14px; padding:21px 0; }
.mk-faq details { border-bottom:1px solid var(--mk-line); }
.mk-faq details p { font-size:13px; color:#a3adbc; line-height:1.85; padding-bottom:20px; }
.mk-faq [data-cult-part=category] { font-size:11px; color:#858f9e; }
.mk-final { position:relative; isolation:isolate; overflow:hidden; border:1px solid var(--mk-line); border-radius:26px; background:#13171c; margin-top:30px; }
.mk-final__image { position:absolute; inset:0; z-index:-2; }
.mk-final__image .cult-image-texture-content { width:100%; height:100%; max-width:none; }
.mk-final__image img { width:100%; height:100%; object-fit:cover; object-position:center 55%; }
.mk-final::before { content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#11151bf7 10%,#11151bc9 50%,#11151b10),linear-gradient(0deg,#13171b70,transparent); }
.mk-final__copy { padding:56px; max-width:720px; }
.mk-final h2 { margin-top:23px; font-size:47px; }
.mk-final p { margin-top:22px; max-width:450px; color:#aeb5c1; font-size:14px; line-height:1.85; }
.mk-related { display:flex; flex-wrap:wrap; justify-content:center; gap:18px 28px; padding-block:37px 57px; font-size:11px; color:#8f99a7; }

/* Gallery: generous comparisons, a search field and progressively revealed cases. */
.mk-gallery-hero,.mk-pricing-hero { padding-block:44px 48px; text-align:center; }
.mk-gallery-hero h1,.mk-pricing-hero h1 { margin-top:25px; }
.mk-gallery-hero .mk-lead,.mk-pricing-hero .mk-lead { max-width:690px!important; margin-inline:auto; }
.mk-gallery-hero .mk-actions { justify-content:center; }
.mk-featured-case { display:grid; grid-template-columns:1.5fr .85fr; border:1px solid var(--mk-line); border-radius:23px; overflow:hidden; background:#15181d; }
.mk-featured-case>div:first-child { min-width:0; }
.mk-featured-case .mk-compare { height:100%; aspect-ratio:auto; min-height:475px; }
.mk-featured-case__copy { padding:35px; }
.mk-featured-case h2 { font-size:30px; margin-top:20px; }
.mk-featured-case p { color:#98a3b2; font-size:12px; line-height:1.85; margin-top:17px; }
.mk-featured-wheel[data-cult] { display:flex; align-items:center; gap:15px; padding:12px; margin-top:23px; border:1px solid #ffffff12; border-radius:12px; background:#25292e; }
.mk-featured-wheel img { width:82px; height:82px; object-fit:contain; }
.mk-featured-wheel>span { font-size:10px; color:#a0a9b7; }
.mk-featured-case .mk-link { font-size:11px; margin-top:19px; }
.mk-gallery-tools { display:flex; align-items:flex-end; justify-content:space-between; gap:25px; margin-bottom:27px; }
.mk-search-label { display:block; width:min(480px,100%); max-width:none; color:#8d98a7; font-size:11px; }
.mk-search-label input { display:block; width:100%; margin-top:10px; padding:13px 16px; min-height:48px; font-size:13px; border-radius:12px; color:#e1e6ed; border:1px solid #ffffff24; background:#1a1e24; }
.mk-search-label .cult-pro-input-wrap { display:block; width:100%; margin-top:10px; }
.mk-search-label .cult-pro-input-wrap input { margin:0; }
.mk-gallery-count { font-size:11px; color:#83909f; padding-bottom:14px; white-space:nowrap; }
.mk-gallery-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; }
.mk-case[data-cult] { border-radius:20px; }
.mk-case>.cult-pro-card-surface { padding:0; gap:0; overflow:hidden; border-radius:20px; background:#171b20ed; }
.mk-case .mk-compare { aspect-ratio:1.7; }
.mk-case__copy { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:24px 25px 15px; }
.mk-case__copy h3 { font-size:23px; margin-top:9px; }
.mk-case__copy p { font-size:11px; line-height:1.7; color:#949fad; margin-top:7px; }
.mk-case__copy img { width:85px; height:85px; object-fit:contain; }
.mk-case__action { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0 25px; padding:11px 0 17px; border-top:1px solid #ffffff10; }
.mk-case__action>span { color:#778594; font-size:9px; }
.mk-case__action .mk-link { font-size:10px; white-space:nowrap; }
.mk-more { display:flex; justify-content:center; margin-top:30px; }
.mk-more button { font-size:12px; }
.mk-more button svg { width:16px; height:16px; }
.mk-gallery-empty { padding:55px 30px; border:1px dashed #ffffff25; border-radius:20px; text-align:center; }
.mk-gallery-empty p { margin:17px auto; max-width:460px; font-size:13px; color:#929dab; line-height:1.8; }

/* Selection: style photography and a readable technical reference. */
.mk-page--selection .mk-hero h1 { font-size:clamp(39px,4vw,58px); }
.mk-style-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.mk-style-card__media { position:relative; height:238px; overflow:hidden; }
.mk-style-card__media img { width:100%; height:100%; object-fit:cover; transition:transform .65s; }
.mk-style-card:is(:hover,:focus-within) .mk-style-card__media img { transform:scale(1.06); }
.mk-style-card__copy { padding:26px; }
.mk-style-card h3 { margin-top:13px; font-size:24px; }
.mk-style-card p { margin-top:14px; font-size:12px; color:#949fae; line-height:1.85; min-height:65px; }
.mk-style-card .mk-link { margin-top:19px; font-size:11px; }
.mk-selection-story { display:grid; grid-template-columns:1.13fr .87fr; gap:70px; align-items:center; }
.mk-selection-story h2 { margin-top:21px; }
.mk-selection-story p { margin-top:21px; font-size:13px; line-height:1.9; color:#9aa5b4; }
.mk-check-list { display:grid; gap:15px; margin:25px 0; padding:0; list-style:none; }
.mk-check-list li { display:flex; align-items:flex-start; gap:9px; font-size:12px; line-height:1.7; color:#b1bbc8; }
.mk-check-list svg { width:15px; height:15px; color:#b79b7b; margin-top:2px; }
.mk-technical-intro { display:grid; grid-template-columns:240px 1fr; align-items:center; gap:33px; margin-bottom:19px; }
.mk-technical-wheel { position:relative; display:flex; flex-direction:column; align-items:center; min-width:0; padding:20px; }
.mk-technical-wheel img { width:100%; aspect-ratio:1; object-fit:contain; }
.mk-wheel-orbit { position:absolute; width:100%; aspect-ratio:1; top:0; border:1px dashed #c7a67839; border-radius:50%; }
.mk-technical-tag { margin-top:30px; color:#927f69; font-size:9px; white-space:nowrap; }
.mk-technical-intro .mk-expand { padding:23px; height:350px!important; }
.mk-technical-intro .mk-expand h3 { font-size:17px; }
.mk-technical-intro .mk-expand__content { left:23px; right:23px; }
.mk-technical-intro .mk-expand__trigger { left:23px; right:23px; }
.mk-business-banner>.cult-pro-card-surface { display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:45px; padding:37px 42px; border-radius:21px; background:linear-gradient(120deg,#30271fb3,#14181bee); }
.mk-business-banner h2 { margin-top:15px; font-size:33px; }
.mk-business-banner p { max-width:590px; margin-top:17px; font-size:13px; color:#949fac; line-height:1.85; }
.mk-business-banner .cult-pro-button-wrap { flex-shrink:0; }

/* Guides: a visual contents page and practical, fully readable lessons. */
.mk-guide-hero { display:grid; grid-template-columns:1.08fr .92fr; align-items:center; gap:65px; padding-block:45px 25px; }
.mk-guide-hero h1 { margin-top:25px; font-size:clamp(40px,4.15vw,61px); }
.mk-guide-cover[data-cult] { position:relative; cursor:default; background:#15181c; color:#e9edf2; border:1px solid var(--mk-line); border-radius:24px; overflow:hidden; transform:rotate(2deg); }
.mk-guide-cover [data-cult-part=media] { position:relative; height:310px; }
.mk-guide-cover img { width:100%; height:100%; object-fit:cover; }
.mk-guide-cover__copy { padding:28px 30px; }
.mk-guide-cover__copy strong { display:block; margin-block:14px 20px; font-size:29px; line-height:1.2; font-weight:550; letter-spacing:-.03em; }
.mk-guide-index { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; }
.mk-guide-topic>.cult-pro-card-surface { padding:0; gap:0; background:#171c22e5; }
.mk-guide-topic a { display:flex; align-items:center; gap:18px; padding:25px; }
.mk-guide-topic small { font-size:9px; color:#727f8e; }
.mk-guide-topic h3 { font-size:16px; line-height:1.4; margin-top:5px; }
.mk-guide-topic p { font-size:10px; color:#83909e; margin-top:6px; line-height:1.6; }
.mk-guide-topic__arrow { color:#b89b7a; margin-left:auto; }
.mk-guide-topic .mk-icon { flex-shrink:0; }
.mk-guide-feature { display:grid; grid-template-columns:1.15fr .85fr; gap:72px; align-items:center; }
.mk-photo-lesson { display:grid; grid-template-columns:1.2fr .8fr; gap:26px; align-items:stretch; }
.mk-photo-lesson__frame { position:relative; min-height:390px; overflow:hidden; border-radius:21px; border:1px solid var(--mk-line); }
.mk-photo-lesson__frame img { width:100%; height:100%; object-fit:cover; }
.mk-photo-lesson__corners { position:absolute; inset:22px; border:1px solid #fff7; border-radius:8px; box-shadow:0 0 0 40px #0002; pointer-events:none; }
.mk-photo-lesson__label { position:absolute; left:37px; bottom:40px; }
.mk-photo-lesson__tips>.cult-pro-card-surface { height:100%; padding:32px; gap:0; background:#192029dc; }
.mk-photo-lesson__tips h3 { font-size:24px; }
.mk-photo-lesson__tips p { font-size:12px; color:#8e9bad; line-height:1.85; padding-top:19px; border-top:1px solid #ffffff15; }
.mk-glossary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.mk-glossary-card>.cult-pro-card-surface { padding:0; gap:0; height:100%; overflow:hidden; border-radius:19px; background:#171c22ea; }
.mk-glossary-card__visual { position:relative; display:flex; justify-content:center; align-items:center; height:225px; background:radial-gradient(ellipse,#81634730,transparent 70%); }
.mk-glossary-card__visual img { height:190px; width:190px; object-fit:contain; opacity:.75; }
.mk-glossary-card__visual>span { position:absolute; bottom:12px; right:19px; border-radius:8px; border:1px solid #e3b98733; background:#252421e8; color:#d8b690; padding:9px 13px; font-size:19px; font-weight:550; letter-spacing:.02em; backdrop-filter:blur(10px); }
.mk-glossary-card__copy { padding:25px 28px 30px; }
.mk-glossary-card h3 { margin-top:12px; font-size:23px; }
.mk-glossary-card p { margin-top:15px; color:#97a3b3; font-size:12px; line-height:1.9; }
.mk-source-note { margin-top:24px!important; color:#718091; font-size:10px; line-height:1.85; }
.mk-source-note a { color:#a9a28f; text-decoration:underline; text-underline-offset:3px; }
.mk-color-lesson { display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:65px; }
.mk-color-wheels { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; }
.mk-color-wheels figure[data-cult] { padding:15px 10px; border:1px solid var(--mk-line); border-radius:16px; background:linear-gradient(#272a30,#1a1f24); }
.mk-color-wheels img { width:100%; height:160px; object-fit:contain; padding:6px; }
.mk-color-wheels figcaption { display:flex; align-items:center; justify-content:center; gap:7px; padding-top:13px; color:#a6afbb; font-size:10px; }
.mk-swatch { display:inline-block; width:10px; height:10px; border-radius:50%; border:1px solid #fff4; background:#36373a; }
.mk-swatch--1 { background:#d3d6db; }
.mk-swatch--2 { background:#ba9669; }
.mk-color-lesson h3 { font-size:29px; }
.mk-color-lesson p { color:#98a4b4; font-size:13px; line-height:1.9; margin-top:17px; }
.mk-color-lesson .mk-link { margin-top:19px; }

/* Live package catalog: no hard-coded prices or payment actions on the cards. */
.mk-pricing-hero { padding-bottom:45px; }
.mk-pricing-promises { display:flex; flex-wrap:wrap; justify-content:center; gap:20px 32px; margin-top:28px; display: none;}
.mk-pricing-promises>span { display:inline-flex; align-items:center; gap:7px; font-size:10px; color:#a1aab7; }
.mk-pricing-promises svg { height:15px; width:15px; color:#b1957d; }
.mk-packages-section { position:relative; }
.mk-package-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr)); gap:19px; }
.mk-plan[data-cult] { min-width:0; border-radius:20px; }
.mk-plan>.cult-pro-card-surface,.mk-plan>.cult-pro-beam-card-surface { padding:0; gap:0; height:100%; background:#181c22e5; border-radius:20px; }
.mk-plan--featured>.cult-pro-beam-card-surface { background:linear-gradient(150deg,#4c3525b8,#1a1c22e8 60%); }
.mk-plan__body { position:relative; display:flex; flex-direction:column; height:100%; padding:42px 24px 24px; }
.mk-plan__badge { position:absolute; top:13px; right:19px; color:#d9b18a; font-size:8px; }
.mk-plan h3 { margin-top:14px; font-size:27px; }
.mk-plan__name { color:#8491a1; font-size:10px; margin-top:8px!important; }
.mk-plan__price { font-size:43px; font-weight:600; letter-spacing:-.045em; margin-top:25px; white-space:nowrap; }
.mk-plan__rate { font-size:11px; color:#a79886; margin-top:8px!important; }
.mk-plan .mk-check-list { border-top:1px solid #ffffff15; padding-top:24px; margin-block:25px 27px; }
.mk-plan .mk-check-list li { font-size:10px; }
.mk-plan .cult-pro-button-wrap { margin-top:auto; width:100%; }
.mk-plan__choose { width:100%; font-size:12px; }
.mk-plan__choose svg { height:16px; width:16px; }
.mk-plan__body>small { color:#728090; font-size:8px; line-height:1.7; text-align:center; margin-top:12px; }
.mk-package-status { display:flex; flex-direction:column; gap:20px; align-items:center; text-align:center; margin-top:24px;  display: none;}
.mk-page .mk-plan__body { gap:0; }
.mk-package-status p { font-size:11px; color:#8f9aab; line-height:1.85; }
.mk-package-status button { font-size:12px; }
.mk-package-status svg { height:16px; width:16px; }
.mk-plan-placeholder { display:flex; flex-direction:column; gap:18px; min-height:390px; padding:34px 24px; border:1px solid var(--mk-line); border-radius:20px; background:#181c22; }
.mk-plan-placeholder>span,.mk-plan-placeholder>strong,.mk-plan-placeholder>i { display:block; height:14px; width:70%; border-radius:7px; background:linear-gradient(100deg,#252b33,#343a42,#252b33); background-size:200% 100%; animation:mk-loading 1.8s infinite; }
.mk-plan-placeholder>strong { width:80%; height:48px; margin-block:15px; }
.mk-plan-placeholder>i { height:44px; width:100%; margin-top:auto; border-radius:30px; }
@keyframes mk-loading { to { background-position:-200% 0; } }
.mk-price-story { display:grid; grid-template-columns:.85fr 1.15fr; align-items:center; gap:72px; }
.mk-price-story h2 { margin-top:21px; }
.mk-price-story p { color:#98a4b4; font-size:13px; line-height:1.9; margin-top:22px; }
.mk-price-story__steps { display:grid; gap:15px; margin-block:27px; }
.mk-price-story__steps>span { display:flex; gap:15px; align-items:center; color:#a9b1bd; font-size:12px; }
.mk-price-story__steps b { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; color:#c4a281; border:1px solid #c6a16b33; font-size:9px; font-weight:500; }

@media (max-width:1150px) {
  .mk-container { width:calc(100% - 48px); }
  .mk-hero { gap:32px; }
  .mk-page h1 { font-size:48px; }
  .mk-hero .mk-lead { font-size:14px; }
  .mk-process,.mk-selection-story,.mk-guide-feature,.mk-price-story { gap:38px; }
  .mk-style-card__copy { padding:23px; }
  .mk-style-card h3 { font-size:21px; }
  .mk-style-card__media { height:200px; }
  .mk-technical-intro { grid-template-columns:1fr; }
  .mk-technical-wheel { display:none; }
  .mk-guide-hero { gap:40px; }
  .mk-guide-index { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mk-expand { height:345px!important; padding:24px; }
  .mk-expand h3 { font-size:18px; }
  .mk-expand__content { left:24px; right:24px; top:141px; }
  .mk-expand__trigger { left:24px; right:24px; }
  .mk-plan h3 { font-size:24px; }
  .mk-plan__price { font-size:37px; }
  .mk-faq-layout { gap:45px; }
  .mk-glossary-card__copy { padding:23px; }
  .mk-color-lesson { gap:32px; }
  .mk-color-wheels img { height:130px; }
}
@media (max-width:900px) {
  .mk-hero { grid-template-columns:1fr; gap:38px; padding-top:32px; }
  .mk-hero__copy { max-width:670px; }
  .mk-hero__visual { max-width:720px; width:100%; margin-inline:auto; }
  .mk-section { padding-block:56px; }
  .mk-proof-strip { gap:18px; }
  .mk-proof-strip>span { font-size:10px; }
  .mk-heading { gap:25px; }
  .mk-heading>p { max-width:290px; font-size:12px; }
  .mk-featured-case { grid-template-columns:1.1fr .9fr; }
  .mk-featured-case__copy { padding:26px; }
  .mk-featured-case h2 { font-size:27px; }
  .mk-photo-card__media { height:240px; }
  .mk-photo-card__copy { padding:25px; }
  .mk-photo-card__copy h3 { font-size:22px; }
  .mk-gallery-grid { gap:20px; }
  .mk-case__copy { padding:19px 19px 12px; }
  .mk-case__copy h3 { font-size:20px; }
  .mk-case__copy img { width:66px; height:66px; }
  .mk-case__action { margin-inline:19px; flex-wrap:wrap; gap:0; }
  .mk-case__action>span { width:100%; }
  .mk-style-grid { grid-template-columns:1fr; }
  .mk-style-card[data-cult] { display:grid; grid-template-columns:1fr 1fr; }
  .mk-style-card__media { height:100%; min-height:260px; }
  .mk-style-card p { min-height:0; }
  .mk-business-banner>.cult-pro-card-surface { padding:32px; gap:25px; }
  .mk-business-banner h2 { font-size:29px; }
  .mk-guide-hero { grid-template-columns:1fr 1fr; gap:28px; }
  .mk-guide-hero h1 { font-size:40px; }
  .mk-guide-cover [data-cult-part=media] { height:250px; }
  .mk-guide-cover__copy { padding:24px; }
  .mk-guide-cover__copy strong { font-size:25px; }
  .mk-photo-lesson { grid-template-columns:1fr; }
  .mk-photo-lesson__frame { height:380px; }
  .mk-glossary { grid-template-columns:1fr; }
  .mk-glossary-card>.cult-pro-card-surface { display:grid; grid-template-columns:.7fr 1.3fr; align-items:center; }
  .mk-glossary-card__visual { height:100%; min-height:265px; }
  .mk-glossary-card__copy { padding:29px; }
  .mk-color-lesson { grid-template-columns:1fr; }
  .mk-color-wheels img { height:180px; }
}
@media (max-width:760px) {
  .mk-process,.mk-selection-story,.mk-guide-feature,.mk-price-story { grid-template-columns:1fr; gap:34px; }
  .mk-photo-grid { grid-template-columns:1fr; }
  .mk-photo-card__media { height:300px; }
  .mk-featured-case { grid-template-columns:1fr; }
  .mk-featured-case .mk-compare { aspect-ratio:1.6; min-height:0; }
  .mk-featured-case__copy { display:grid; grid-template-columns:1fr auto; gap:0 26px; }
  .mk-featured-case__copy>span { grid-column:1/-1; width:max-content; }
  .mk-featured-case h2 { grid-column:1; }
  .mk-featured-case p { grid-column:1; }
  .mk-featured-wheel[data-cult] { grid-column:2; grid-row:2/4; flex-direction:column; justify-content:center; max-width:160px; }
  .mk-featured-case .mk-link { grid-column:1/-1; }
  .mk-capabilities { grid-template-columns:1fr; }
  .mk-expand,.mk-technical-intro .mk-expand { height:auto!important; min-height:0; }
  .mk-expand h3 { min-height:0; }
  .mk-expand__content { position:static; margin-top:11px; }
  .mk-expand[data-cult-state=closed] .mk-expand__content { margin:0; }
  .mk-expand[data-cult-state=open] .mk-expand__short { display:none; }
  .mk-expand__trigger[data-cult-part] { position:static; width:100%; margin-top:21px; }
  .mk-faq-layout { grid-template-columns:1fr; gap:30px; }
  .mk-business-banner>.cult-pro-card-surface { flex-direction:column; align-items:flex-start; }
  .mk-guide-hero { grid-template-columns:1fr; gap:35px; }
  .mk-guide-cover[data-cult] { max-width:590px; width:100%; margin-inline:auto; transform:rotate(1deg); }
  .mk-guide-cover [data-cult-part=media] { height:310px; }
  .mk-guide-index { gap:13px; }
  .mk-guide-topic a { padding:20px; gap:12px; }
  .mk-guide-topic h3 { font-size:14px; }
  .mk-guide-topic .mk-icon { width:31px; height:31px; }
}
@media (max-width:600px) {
  .mk-container { width:calc(100% - 36px); }
  .mk-crumb { font-size:8px; gap:8px; padding-block:18px 5px; }
  .mk-page h1,.mk-page--selection .mk-hero h1,.mk-guide-hero h1 { font-size:clamp(32px,9.7vw,47px); }
  .mk-page h2 { font-size:29px; }
  .mk-hero { padding-block:27px 61px; gap:30px; }
  .mk-hero h1 { margin-top:22px; }
  .mk-pill,.mk-page .mk-pill.cult { font-size:11px; padding:7px 10px; }
  .mk-lead { font-size:14px; line-height:1.85; margin-top:20px!important; }
  .mk-actions { gap:12px 20px; margin-top:23px; }
  .mk-button { font-size:12px; }
  .mk-page .mk-button--secondary { font-size:11px; }
  .mk-note { font-size:9px; }
  .mk-preview[data-cult],.mk-preview>.cult-pro-card-surface { border-radius:15px; }
  .mk-preview__bar { padding:13px; gap:7px; font-size:9px; }
  .mk-preview__bar svg { width:16px; height:16px; }
  .mk-preview__bar [data-cult] { font-size:8px; }
  .mk-preview__footer { padding:12px; gap:9px; }
  .mk-preview__footer img { height:42px; width:42px; }
  .mk-preview__footer small { font-size:8px; }
  .mk-preview__footer strong { font-size:9px; }
  .mk-preview__hint { display:none; }
  .mk-compare__tag { top:10px; font-size:8px; padding:5px 8px; }
  .mk-compare__tag--before { left:10px; }
  .mk-compare__tag--after { right:10px; }
  .mk-compare__line>span { width:33px; height:33px; font-size:20px; }
  .mk-float-note[data-cult] { font-size:8px; bottom:-12px; right:8px; }
  .mk-proof-strip { flex-direction:column; align-items:flex-start; gap:19px; }
  .mk-section { padding-block:42px; }
  .mk-heading { flex-direction:column; align-items:flex-start; gap:17px; margin-bottom:27px; }
  .mk-heading h2 { margin-top:15px; }
  .mk-heading>p { max-width:none; font-size:12px; }
  .mk-eyebrow { font-size:9px; }
  .mk-process__visual { padding:16px; border-radius:18px; }
  .mk-input-pair { grid-template-columns:1.4fr 18px 1fr; gap:7px; }
  .mk-input-pair img { height:88px; }
  .mk-input-pair figcaption { font-size:8px; }
  .mk-process__connector { padding-block:20px; }
  .mk-timeline li { grid-template-columns:33px 1fr; gap:15px; padding-bottom:27px; }
  .mk-timeline li>span { height:33px; width:33px; font-size:10px; }
  .mk-timeline li:not(:last-child)::after { left:16px; top:40px; }
  .mk-timeline h3 { font-size:18px; }
  .mk-timeline p { font-size:12px; margin-top:9px; }
  .mk-photo-card__media { height:215px; }
  .mk-photo-card__copy { padding:24px; }
  .mk-photo-card__copy h3 { font-size:23px; }
  .mk-photo-card__copy p { font-size:12px; }
  .mk-photo-card__label { left:14px; bottom:15px; font-size:8px; }
  .mk-cutout-pin { width:48px; height:45px; font-size:13px; }
  .mk-expand { padding:24px; }
  .mk-expand h3 { font-size:19px; }
  .mk-faq summary { font-size:13px; }
  .mk-faq details p { font-size:12px; }
  .mk-final { border-radius:19px; }
  .mk-final__copy { padding:33px 24px; }
  .mk-final h2 { font-size:35px; }
  .mk-final p { font-size:13px; }
  .mk-final::before { background:linear-gradient(90deg,#11151bed,#11151ba8),linear-gradient(0deg,#11151baa,transparent); }
  .mk-related { justify-content:flex-start; gap:16px 24px; font-size:10px; padding-bottom:40px; }
  .mk-gallery-hero,.mk-pricing-hero { padding-block:30px 35px; text-align:left; }
  .mk-gallery-hero .mk-actions { justify-content:flex-start; }
  .mk-featured-case__copy { display:block; padding:24px; }
  .mk-featured-case h2 { font-size:27px; }
  .mk-featured-wheel[data-cult] { flex-direction:row; max-width:none; justify-content:flex-start; margin-top:18px; }
  .mk-featured-wheel img { height:66px; width:66px; }
  .mk-featured-case .mk-link { margin-top:12px; }
  .mk-gallery-tools { display:block; }
  .mk-search-label { font-size:10px; }
  .mk-search-label input { font-size:12px; }
  .mk-gallery-count { display:block; padding:14px 0 0; font-size:10px; }
  .mk-gallery-grid { grid-template-columns:1fr; gap:20px; }
  .mk-case__copy { padding:21px 18px 12px; }
  .mk-case__copy h3 { font-size:22px; }
  .mk-case__copy .mk-mini { font-size:8px; }
  .mk-case__action { flex-wrap:nowrap; gap:9px; margin-inline:18px; }
  .mk-case__action>span { width:auto; font-size:8px; max-width:140px; line-height:1.7; }
  .mk-case__action .mk-link { font-size:9px; }
  .mk-style-card[data-cult] { display:block; }
  .mk-style-card__media { height:235px; min-height:0; }
  .mk-style-card__copy { padding:24px; }
  .mk-style-card h3 { font-size:25px; }
  .mk-style-card .mk-link { margin-top:13px; }
  .mk-selection-story p { font-size:12px; }
  .mk-check-list li { font-size:11px; }
  .mk-business-banner>.cult-pro-card-surface { padding:29px 24px; gap:24px; }
  .mk-business-banner h2 { font-size:29px; }
  .mk-business-banner p { font-size:12px; }
  .mk-guide-hero { padding-top:30px; }
  .mk-guide-cover [data-cult-part=media] { height:245px; }
  .mk-guide-cover__copy strong { font-size:27px; }
  .mk-guide-index { grid-template-columns:1fr; }
  .mk-guide-topic a { padding:21px; gap:16px; }
  .mk-guide-topic h3 { font-size:17px; }
  .mk-guide-topic p { font-size:10px; }
  .mk-guide-topic .mk-icon { width:35px; height:35px; }
  .mk-photo-lesson__frame { min-height:0; height:260px; }
  .mk-photo-lesson__corners { inset:16px; }
  .mk-photo-lesson__label { left:25px; bottom:29px; font-size:8px!important; }
  .mk-photo-lesson__tips>.cult-pro-card-surface { padding:27px; }
  .mk-photo-lesson__tips h3 { font-size:23px; }
  .mk-glossary-card>.cult-pro-card-surface { display:flex; align-items:stretch; }
  .mk-glossary-card__visual { height:220px; min-height:0; }
  .mk-glossary-card__copy { padding:23px 26px 29px; }
  .mk-glossary-card h3 { font-size:25px; }
  .mk-glossary-card p { font-size:12px; }
  .mk-color-wheels { gap:7px; }
  .mk-color-wheels figure[data-cult] { padding:10px 5px 15px; border-radius:12px; }
  .mk-color-wheels img { height:90px; padding:3px; }
  .mk-color-wheels figcaption { gap:5px; font-size:8px; }
  .mk-swatch { width:8px; height:8px; }
  .mk-color-lesson h3 { font-size:25px; }
  .mk-color-lesson p { font-size:12px; }
  .mk-pricing-promises { justify-content:flex-start; flex-direction:column; gap:15px; }
  .mk-package-grid { grid-template-columns:1fr; gap:18px; }
  .mk-plan__body { padding:39px 27px 27px; }
  .mk-plan h3 { font-size:31px; }
  .mk-plan__price { font-size:45px; }
  .mk-plan .mk-check-list li { font-size:12px; }
  .mk-plan__rate { font-size:12px; }
  .mk-plan__body>small { font-size:9px; }
  .mk-price-story p { font-size:12px; }
}
@media (prefers-reduced-motion:reduce) {
  .mk-page *,.mk-page *::before,.mk-page *::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; scroll-behavior:auto!important; }
}