:root{--case-max:1180px}
html{scroll-padding-top:92px}
body{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
::selection{background:#ffd94a;color:#15171a}
img{height:auto}
.case-breadcrumb{width:min(calc(100% - 32px),var(--case-max));margin:18px auto 0;display:flex;align-items:center;gap:9px;font:800 12px/1.2 Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:color-mix(in srgb,currentColor 62%,transparent)}
.case-breadcrumb a{color:inherit;text-underline-offset:4px}.case-breadcrumb [aria-current=page]{color:currentColor}
.case-status{width:min(calc(100% - 32px),var(--case-max));margin:-26px auto 72px;position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border:1px solid rgba(80,80,80,.16);border-radius:22px;overflow:hidden;box-shadow:0 18px 45px rgba(20,20,20,.08)}
.case-status div{background:rgba(255,255,255,.96);color:#202124;padding:20px 22px;min-width:0}.case-status b{display:block;margin-bottom:5px;font:900 11px/1.2 Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;color:#676b70}.case-status span{font:750 14px/1.35 Arial,sans-serif}
.top{position:sticky;top:10px;z-index:20;width:min(calc(100% - 32px),var(--case-max));margin:10px auto 0!important;padding:12px 16px!important;border:1px solid rgba(80,80,80,.14)!important;border-radius:999px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);box-shadow:0 8px 26px rgba(20,20,20,.07)}
.hero h1,.section h2,.title h2{max-width:16ch;text-wrap:balance;overflow-wrap:normal}.hero p,.lead,.title p{max-width:66ch}.section,.hero{min-width:0}.grid2>*,.grid-2>*,.hero-grid>*{min-width:0}
.card,.stat,.deliverables li,.social-grid img,.board,.preview-grid img,.browser{transition:transform .22s ease,box-shadow .22s ease}.card:hover,.stat:hover,.deliverables li:hover{transform:translateY(-3px)}
.preview-grid img,.social-grid img,.board{background:#fff}.social-grid img{aspect-ratio:1;object-fit:cover}
.obssidian-return{bottom:18px!important;right:18px!important;border:1px solid rgba(255,255,255,.2)}
@media(max-width:850px){.case-status{grid-template-columns:repeat(2,1fr);margin-top:28px}.top{border-radius:24px}.hero h1{font-size:clamp(48px,13vw,76px)!important;line-height:.93!important}.section h2,.title h2{font-size:clamp(38px,10vw,58px)!important;line-height:1!important}}
@media(max-width:520px){.case-breadcrumb{margin-top:10px}.case-status{grid-template-columns:1fr;margin-bottom:52px}.top{position:relative;top:auto}.hero{padding-top:50px!important}.hero h1{font-size:clamp(43px,12vw,62px)!important}.obssidian-return{left:12px;right:12px!important;justify-content:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}


/* REAL IMAGE V3 */
.hero-grid>img,.hero>img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  object-position:center;
  border-radius:28px;
}


/* MARKET CASE V5 */
.commercial-lens{background:#f8f5ef!important;color:#15171a!important}
.commercial-lens .section-heading{align-items:end}
.commercial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:38px}
.commercial-grid article{padding:22px;background:#fff;border:1px solid #ded8cf;border-radius:20px}
.commercial-grid h3{font:800 12px/1.3 Arial,sans-serif;text-transform:uppercase;letter-spacing:.12em;margin:0 0 10px;color:#315bff}
.commercial-grid p{margin:0;color:#5e6269}
.commercial-cta{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;padding:22px;background:#15171a;color:#fff;border-radius:22px}
.commercial-cta p{margin:0;font-weight:900}
.commercial-cta .button{background:#ff6a3d;border-color:#ff6a3d;color:#15171a}
@media(max-width:900px){.commercial-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.commercial-grid{grid-template-columns:1fr}.commercial-cta{align-items:flex-start;flex-direction:column}}