@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-display:swap;src:url('./_vinext_fonts/archivo-deed4fc47d20/archivo-2a392e77.woff2') format('woff2')}@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500 600;font-display:swap;src:url('./_vinext_fonts/cormorant-garamond-34cde8c18b05/cormorant-garamond-e99b45a2.woff2') format('woff2')}@font-face{font-family:'Space Mono';font-style:normal;font-weight:400 700;font-display:swap;src:url('./_vinext_fonts/space-mono-f495c2faa2a6/space-mono-39187352.woff2') format('woff2')}:root{--font-sans:'Archivo',sans-serif;--font-display:'Cormorant Garamond',serif;--font-mono:'Space Mono',monospace}
.mik-case{--case-accent:#c98562;--case-cream:#f0e8dc;--case-brown:#4a352b;--case-section:clamp(100px,11vw,160px);--case-gap:clamp(34px,5vw,72px);--case-radius:18px}.mik-case .eyebrow,.mik-case h1 em,.mik-case h2 em,.mik-case .back-link:hover{color:var(--case-accent)}.mik-case a:focus-visible{outline-color:#d9c8ad}.mik-case .case-section{padding-block:var(--case-section)}
.mik-hero{padding-bottom:clamp(90px,10vw,140px)}.mik-hero .case-title-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr)}.mik-hero h1{font-size:clamp(58px,7vw,102px)}.mik-concept-label{border:1px solid #c9856266;border-radius:999px;color:#d9a082;font:700 9px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;width:max-content;margin:36px 0 28px;padding:9px 12px}
.mik-facts{border-top:1px solid var(--line);margin:0}.mik-facts div{border-bottom:1px solid var(--line);display:grid;grid-template-columns:76px 1fr;gap:14px;padding:16px 0}.mik-facts dt,.mik-section-key span{color:var(--case-accent);font:700 9px/1.5 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.mik-facts dd{font-size:13px;line-height:1.5;margin:0}.editable-note{color:#827e79;display:block;font:8px/1.45 var(--font-mono);letter-spacing:.06em;margin-top:5px;text-transform:uppercase}
.mik-image{background:#141416;border:1px solid var(--line);border-radius:var(--case-radius);margin:0;overflow:hidden}.mik-image img{display:block;height:auto;width:100%}.mik-image figcaption,.mik-placeholder figcaption{background:#171719;border-top:1px solid var(--line);color:#8d8882;font:9px/1.5 var(--font-mono);letter-spacing:.075em;padding:13px 16px;text-transform:uppercase}.mik-hero-image{margin-top:clamp(52px,7vw,84px);max-width:1050px}.mik-hero-image img{aspect-ratio:16/8;object-fit:cover;object-position:center 45%}
.mik-section-key{align-items:baseline;border-top:1px solid var(--line);display:grid;grid-template-columns:72px 1fr;margin-bottom:clamp(48px,7vw,82px);padding-top:18px}.mik-section-key .eyebrow{margin:0}.mik-two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.78fr);gap:var(--case-gap);align-items:start}.mik-two-col h2{font-size:clamp(42px,5.5vw,72px);margin:0}.mik-two-col .prose{padding-top:8px}.mik-two-col .prose p:first-child{color:var(--ink);font-size:18px}
.mik-audit{background:var(--case-cream);color:#191613}.mik-audit .eyebrow,.mik-audit .mik-section-key span,.mik-audit h2 em{color:#875239}.mik-audit .mik-section-key{border-color:#19161333}.mik-audit p{color:#655d56}.mik-audit-gallery{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.mik-audit-gallery .mik-image{border-color:#19161328}.mik-audit-gallery img{aspect-ratio:16/10;object-fit:cover;object-position:top}.mik-findings{display:grid;grid-template-columns:repeat(2,1fr);gap:0 40px;margin:58px 0 0;padding:0;list-style:none}.mik-findings li{border-top:1px solid #19161333;font-size:17px;padding:22px 0}.mik-findings li:before{color:#875239;content:'↳';font-family:var(--font-mono);margin-right:14px}
.mik-nav-model{border-block:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:center;margin:60px 0 90px}.mik-nav-model span{border-right:1px solid var(--line);font:700 10px/1.3 var(--font-mono);letter-spacing:.06em;padding:24px clamp(18px,3vw,38px);text-transform:uppercase}.mik-nav-model span:last-child{border-right:0;color:var(--case-accent)}.mik-journey{display:grid;grid-template-columns:1fr;justify-items:center;margin:0 auto 72px;max-width:640px;text-align:center}.mik-journey span{font:500 clamp(26px,3.5vw,40px)/1.15 var(--font-display);padding:11px}.mik-journey b{color:var(--case-accent);font:400 14px var(--font-mono)}.mik-flow img{background:#fff}
.mik-direction{background:#171717}.mik-principles{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 64px}.mik-principles span{border:1px solid #3b3938;border-radius:999px;color:#d7d1ca;font:700 10px/1 var(--font-mono);letter-spacing:.06em;padding:11px 14px;text-transform:uppercase}.mik-style-guide{background:#fff;max-width:900px}.mik-style-guide img{object-fit:contain}
.mik-evolution-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:22px;align-items:start}.mik-evolution-grid figure:last-child{margin-top:100px}.mik-mobile-study{max-width:760px;margin:24px 0 0 auto}.mik-evolution .mik-image img{background:#eee;object-fit:contain}
.mik-final{background:#111112}.mik-feature{display:grid;grid-template-columns:minmax(220px,.38fr) minmax(0,1fr);gap:var(--case-gap);align-items:start;margin-bottom:clamp(90px,12vw,160px)}.mik-feature:last-child{margin-bottom:0}.mik-feature>div:first-child{position:sticky;top:120px}.mik-feature h3{font-size:clamp(34px,4vw,54px);line-height:1.08;margin:18px 0 24px}.mik-feature>div:first-child>p:last-child{font-size:15px}.mik-feature.reverse{grid-template-columns:minmax(0,1fr) minmax(220px,.38fr)}.mik-feature.reverse>div:first-child{grid-column:2;grid-row:1}.mik-feature.reverse>figure,.mik-feature.reverse>.mik-page-pair{grid-column:1;grid-row:1}.mik-screen-sequence{display:grid;gap:22px}.mik-screen-sequence figure:nth-child(2){margin-left:8%}.mik-screen-sequence figure:nth-child(3){margin-right:8%}.mik-page-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.mik-page-pair figure:nth-child(2){margin-top:72px}.mik-tall{justify-self:end;max-width:580px}.mik-tall img{background:#fff;object-fit:contain}
.mik-build-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:22px;margin-top:72px;align-items:start}.mik-placeholder{background:#181819;border:1px solid var(--line);border-radius:var(--case-radius);display:grid;min-height:430px;margin:0;overflow:hidden;place-content:center;text-align:center}.mik-placeholder span{color:var(--case-accent);font:700 9px/1.5 var(--font-mono);letter-spacing:.09em;text-transform:uppercase}.mik-placeholder strong{font:500 30px/1.1 var(--font-display);margin:12px 24px 0}.mik-placeholder figcaption{align-self:end;margin-top:80px}.mik-reflection{background:var(--case-cream);color:#191613}.mik-reflection .mik-section-key{border-color:#19161333}.mik-reflection .mik-section-key span,.mik-reflection .eyebrow,.mik-reflection h2 em{color:#875239}.mik-reflection p{color:#5d554f}
@media(width<=900px){.mik-hero .case-title-grid,.mik-two-col{grid-template-columns:1fr}.mik-two-col{gap:38px}.mik-audit-gallery,.mik-evolution-grid{grid-template-columns:1fr}.mik-evolution-grid figure:last-child{margin-top:0}.mik-feature,.mik-feature.reverse{grid-template-columns:1fr;gap:36px}.mik-feature>div:first-child,.mik-feature.reverse>div:first-child,.mik-feature.reverse>.mik-page-pair{grid-column:1;grid-row:auto;position:static}.mik-feature>figure,.mik-feature.reverse>figure{grid-column:1;grid-row:auto}.mik-tall{justify-self:start}.mik-build-grid{grid-template-columns:1fr .55fr}}
@media(width<=650px){.mik-case{--case-section:88px}.mik-hero h1{font-size:clamp(47px,14vw,67px)}.mik-facts div{grid-template-columns:68px 1fr}.mik-hero-image img{aspect-ratio:4/3}.mik-section-key{grid-template-columns:44px 1fr;margin-bottom:48px}.mik-audit-gallery,.mik-findings,.mik-build-grid,.mik-page-pair{grid-template-columns:1fr}.mik-page-pair figure:nth-child(2),.mik-screen-sequence figure:nth-child(n){margin:0}.mik-nav-model{display:grid;grid-template-columns:1fr;margin-block:42px 68px}.mik-nav-model span{border-bottom:1px solid var(--line);border-right:0;text-align:center}.mik-nav-model span:last-child{border-bottom:0}.mik-mobile-study{margin-top:20px}.mik-placeholder{min-height:320px}.mik-feature{margin-bottom:88px}}
@media(width<=420px){.mik-concept-label{margin-top:26px}.mik-section-key{grid-template-columns:1fr;gap:7px}.mik-two-col h2{font-size:39px}.mik-image,.mik-placeholder{border-radius:13px}.mik-findings li{font-size:15px}.mik-placeholder strong{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Editorial alignment and source-resolution cleanup */
.mik-case{--case-section:clamp(100px,11vw,150px);--case-text:760px;--case-media:1050px;--space-heading:28px;--space-intro-media:clamp(48px,6vw,72px);--space-subsection:clamp(76px,9vw,120px)}
.mik-case .section-heading{margin-bottom:var(--space-intro-media);max-width:var(--case-text)}
.mik-case .section-heading h2{margin-bottom:var(--space-heading)}
.mik-audit-gallery{grid-template-columns:1fr 1fr}
.mik-audit-gallery .mik-image{display:grid;grid-template-rows:clamp(280px,38vw,420px) auto}
.mik-audit-gallery .mik-crop{background:#fff;overflow:hidden;position:relative}
.mik-audit-gallery .mik-crop img{aspect-ratio:auto;display:block;height:auto;max-width:none;object-fit:fill;width:100%}
.audit-contact-crop img{transform:scale(1.08) translateY(-11%);transform-origin:50% 20%}
.audit-gallery-crop img{transform:translate(-27%,-55%);width:210%!important}
.mik-direction{padding-bottom:clamp(82px,9vw,118px)!important}
.mik-principles{margin-bottom:var(--space-intro-media)}
.mik-style-guide{max-width:694px}
.mik-evolution{padding-top:clamp(82px,9vw,118px)!important}
.mik-evolution-grid{grid-template-columns:minmax(0,660px) minmax(240px,300px);gap:24px;justify-content:space-between}
.mik-evolution-grid figure:last-child{margin-top:0}
.mik-mobile-study{margin:24px 0 0;max-width:660px}
.mik-feature{margin-bottom:var(--space-subsection)}
.mik-screen-sequence figure:nth-child(n){margin-inline:0}
.mik-page-pair figure:nth-child(2){margin-top:0}
@media(width<=900px){.mik-audit-gallery,.mik-evolution-grid{grid-template-columns:1fr}.mik-evolution-grid{max-width:660px}.mik-audit-gallery .mik-image{grid-template-rows:clamp(260px,52vw,400px) auto}}
@media(width<=650px){.mik-case{--case-section:88px;--space-intro-media:42px;--space-subsection:80px}.mik-audit-gallery .mik-image{grid-template-rows:clamp(240px,62vw,340px) auto}.audit-contact-crop img{transform:scale(1.2) translateY(-10%)}.audit-gallery-crop img{transform:translate(-28%,-52%);width:220%!important}}

/* Targeted case-study presentation fixes */
.mik-implementation-window{aspect-ratio:2940/1670;background:#fff;overflow:hidden}
.mik-implementation-window img{height:auto;max-width:none;transform:translateY(-12.66%);width:100%}
.mik-reflection .mik-two-col .prose p{color:#4f4842}
.mik-reflection .mik-two-col .prose a{color:#5b351f;text-decoration-color:currentColor}

/* Compact competitive-review bridge */
.mik-competitive{padding-block:clamp(78px,8vw,110px)!important}
.mik-competitive .section-heading{margin-bottom:clamp(36px,4vw,48px)}
.mik-competitive .section-heading h2{font-size:clamp(40px,5vw,66px);max-width:880px}
.mik-competitor-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line)}
.mik-competitor-list article{min-width:0;padding:24px 22px 26px}
.mik-competitor-list article+article{border-left:1px solid var(--line)}
.mik-competitor-list span{color:var(--case-accent);font:700 9px/1.4 var(--font-mono);letter-spacing:.1em}
.mik-competitor-list h3{font-size:clamp(20px,2vw,27px);line-height:1.15;margin:18px 0 0}
.mik-competitive-takeaways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;margin:28px 0 0;padding:0}
.mik-competitive-takeaways li{color:var(--muted);font-size:14px;line-height:1.55;padding-left:20px;position:relative}
.mik-competitive-takeaways li::before{color:var(--case-accent);content:'↳';font-family:var(--font-mono);left:0;position:absolute}
@media(width<=650px){.mik-competitor-list,.mik-competitive-takeaways{grid-template-columns:1fr}.mik-competitor-list article{padding-inline:0}.mik-competitor-list article+article{border-left:0;border-top:1px solid var(--line)}.mik-competitive-takeaways{gap:14px}}

/* Sections 04–05: visual direction and design progression */
.mik-direction .section-heading{margin-bottom:34px}
.mik-direction .section-heading p{max-width:720px}
.mik-direction .mik-principles{margin-bottom:clamp(48px,6vw,72px)}
.mik-direction-showcase{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:22px;align-items:start;width:100%}
.mik-direction-hero{grid-column:1/-1;max-width:none;width:100%}
.mik-direction-hero img{aspect-ratio:auto;height:auto;object-fit:contain;object-position:top}
.mik-direction-showcase .mik-style-guide{max-width:none}
.mik-direction-showcase .mik-style-guide img,.mik-direction-pages img{aspect-ratio:auto;height:auto;object-fit:contain;object-position:top center}
.mik-progression{margin-top:var(--space-intro-media);max-width:1050px}
.mik-progress-step>p{color:var(--case-accent);font:700 10px/1.4 var(--font-mono);letter-spacing:.1em;margin:0 0 14px;text-transform:uppercase}
.mik-progress-step .mik-image img{height:auto;object-fit:contain;object-position:top center;width:100%}
.mik-desktop-highfi{background:#fff}.mik-desktop-highfi img{aspect-ratio:auto;height:auto;object-fit:contain;object-position:center;width:100%}
.mik-progress-arrow{color:#77716c;font:400 24px/1 var(--font-mono);padding:22px 0;text-align:center}
.mik-mobile-progression{align-items:start;display:grid;grid-template-columns:minmax(300px,.78fr) auto minmax(0,1.22fr);gap:clamp(18px,2.2vw,30px);margin-top:clamp(54px,7vw,82px);max-width:1180px}
.mik-mobile-progression>.mik-progress-arrow{align-self:center;padding:0}
.mik-mobile-lowfi{align-self:start}
.mik-mobile-highfi{align-self:start;margin:0;min-width:0;width:100%}
.mik-mobile-progression img{height:auto;object-fit:contain;object-position:top center;width:100%}
.mik-mobile-highfi-grid{align-items:start;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.25vw,16px)}
.mik-mobile-highfi-grid img{background:#161616;border:1px solid #393735;border-radius:clamp(10px,1.25vw,15px);box-shadow:0 16px 36px #0000002e;display:block;min-width:0;overflow:hidden}
.mik-mobile-highfi figcaption{border-top:1px solid var(--line);color:#8d8882;font:9px/1.5 var(--font-mono);letter-spacing:.075em;margin-top:16px;padding:13px 0 0;text-transform:uppercase}
.mik-implementation-window{aspect-ratio:2940/1677}
.mik-implementation-window img{transform:translateY(-12.29%)}
@media(width<=900px){.mik-direction-showcase{gap:18px}.mik-mobile-progression{grid-template-columns:1fr}.mik-mobile-progression>.mik-progress-arrow{transform:rotate(90deg);justify-self:center}.mik-mobile-lowfi{max-width:660px}.mik-mobile-highfi{justify-self:stretch}}
@media(width<=650px){.mik-mobile-highfi-grid{grid-template-columns:1fr;gap:24px}.mik-mobile-highfi-grid img{justify-self:center;max-width:360px;width:100%}.mik-mobile-highfi figcaption{margin-top:20px}}
@media(width<=650px){.mik-direction-showcase{grid-template-columns:1fr}.mik-direction-hero{grid-column:auto}}

/* Final QA: contain long hero copy at narrow portfolio widths */
@media(width<=650px){.mik-hero .case-title-grid>*{min-width:0}.mik-hero h1{font-size:clamp(43px,12vw,54px);overflow-wrap:anywhere}.mik-hero .eyebrow,.mik-facts dd{overflow-wrap:anywhere}}

/* Project-introduction hero: preserve the complete source screenshot */
.mik-hero-image img{aspect-ratio:auto;height:auto;object-fit:contain;object-position:top center;transform:none}
.mik-mobile-implementation-window{aspect-ratio:660/1258;overflow:hidden}
.mik-mobile-implementation-window img{height:auto;object-fit:contain;object-position:top center;width:100%}

/* Containment: prevent left/right clipping at common viewports */
.mik-case,
.mik-case .shell,
.mik-case .case-title-grid,
.mik-case .mik-two-col,
.mik-case .mik-feature,
.mik-case .mik-direction-showcase,
.mik-case .mik-mobile-progression,
.mik-case .mik-build-grid,
.mik-case .mik-page-pair,
.mik-case figure {
  min-width: 0;
  max-width: 100%;
}

.mik-case img {
  max-width: 100%;
  height: auto;
}

.mik-hero-image,
.mik-flow,
.mik-direction-hero {
  max-width: 100%;
}

.audit-gallery-crop img {
  transform: none;
  width: 100% !important;
  height: 100%;
  object-fit: cover;
  object-position: top center;
}

.mik-screen-sequence figure:nth-child(2),
.mik-screen-sequence figure:nth-child(3),
.mik-page-pair figure:nth-child(2) {
  margin-inline: 0;
  margin-top: 0;
}