.page--case-study{background:var(--bg)}.cs-hero{background:var(--bg);position:relative;overflow:hidden}.cs-hero__grid{background-image:radial-gradient(var(--grid-dot) 1px, transparent 1px);opacity:.8;pointer-events:none;background-size:22px 22px;position:absolute;inset:0;mask-image:radial-gradient(120% 90% at 84% 0,#000 26%,#0000 74%)}.cs-hero__inner{gap:var(--space-2xl);padding-block:var(--hero-space-top) var(--hero-space-bottom);display:grid;position:relative}@media (width>=1024px){.cs-hero__inner{align-items:center;gap:var(--space-3xl);grid-template-columns:minmax(0,7fr) minmax(0,6fr)}}.cs-hero__body{gap:var(--space-lg);flex-direction:column;display:flex}.cs-hero__crumbs{align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:var(--ls-mono-sm);text-transform:uppercase;color:var(--text-faint);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.cs-hero__crumbs a{color:var(--accent-text);transition:color var(--dur-fast) var(--ease-emphasized);text-decoration:none}.cs-hero__crumbs a:hover{color:var(--color-primary-dark);text-decoration:underline}.cs-hero__title{max-width:18ch;font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-h1);line-height:var(--lh-heading);letter-spacing:var(--ls-display);color:var(--text-strong);margin:0}.cs-mark{background-image:linear-gradient(transparent 52%, var(--accent) 52%);padding:0 var(--space-2xs);box-decoration-break:clone}.cs-hero__lead{max-width:56ch;font-size:var(--fs-lead);line-height:var(--lh-body);color:var(--text-body);margin:0}.cs-hero__facts{gap:var(--space-md) var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--border-color);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}@media (width>=768px){.cs-hero__facts{grid-template-columns:repeat(4,minmax(0,1fr))}}.cs-hero__facts div{gap:var(--space-2xs);flex-direction:column;display:flex}.cs-hero__facts dt{font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:var(--ls-mono-sm);text-transform:uppercase;color:var(--text-faint)}.cs-hero__facts dd{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-body);line-height:var(--lh-snug);color:var(--text-strong);margin:0}.cs-hero__cta-row{gap:var(--space-md);flex-wrap:wrap;display:flex}.cs-devices{padding-bottom:var(--space-2xl);padding-left:var(--space-lg);position:relative}@media (width>=1024px){.cs-devices{padding-left:var(--space-2xl)}}.cs-frame{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-elevation-2);display:block;overflow:hidden}.cs-frame__bar{align-items:center;gap:var(--space-6);padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--border-color);background:var(--surface-inset);display:flex}.cs-frame__dot{width:var(--space-xs);height:var(--space-xs);border-radius:var(--radius-full);background:var(--color-border-strong)}.cs-frame__dot:first-child{background:var(--accent)}.cs-frame__url{margin-left:var(--space-xs);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-full);background:var(--surface);font-family:var(--font-mono);font-size:var(--fs-label);letter-spacing:var(--ls-mono-sm);color:var(--text-faint)}.cs-frame__img,.cs-phone__img{width:100%;height:auto;display:block}.cs-phone{border:var(--space-6) solid var(--color-ink);border-radius:var(--radius-2xl);background:var(--color-ink);width:30%;min-width:11rem;box-shadow:var(--shadow-elevation-2);position:absolute;bottom:0;left:0;overflow:hidden}.cs-section{border-top:1px solid var(--border-color)}.cs-section--paper{background:var(--bg)}.cs-section--light{background:var(--surface)}.cs-section__container{gap:var(--space-xl);padding-block:var(--section-space-block);flex-direction:column;display:flex}.page--case-study .cs-section--first{border-top:0}.cs-section__title{max-width:24ch;font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-h2);letter-spacing:var(--ls-heading);line-height:var(--lh-heading);color:var(--text-strong);margin:0}.cs-prose{max-width:68ch;font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-body)}.cs-prose p{margin:0}.cs-prose p+p{margin-top:var(--space-md)}.cs-prose strong{font-weight:var(--fw-semibold);color:var(--text-strong)}.cs-prose a{color:var(--accent-text);text-underline-offset:.2em;transition:color var(--dur-fast) var(--ease-emphasized);text-decoration:underline}.cs-prose a:hover{color:var(--color-primary-dark)}.cs-split{gap:var(--space-xl);display:grid}@media (width>=1024px){.cs-split{gap:var(--space-3xl);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}}.cs-constraints{gap:var(--space-md);margin:0;padding:0;list-style:none;display:grid}@media (width>=768px){.cs-constraints{grid-template-columns:repeat(3,minmax(0,1fr))}}.cs-constraint{gap:var(--space-sm);padding:var(--space-lg);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;display:flex}.cs-constraint__label{font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:var(--ls-mono);text-transform:uppercase;color:var(--accent-text)}.cs-constraint__title{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-h3);line-height:var(--lh-snug);letter-spacing:var(--ls-heading);color:var(--text-strong);margin:0}.cs-constraint__text{font-size:var(--fs-sm);line-height:var(--lh-relaxed);color:var(--text-body);margin:0}.cs-modules{gap:var(--space-md);margin:0;padding:0;list-style:none;display:grid}@media (width>=768px){.cs-modules{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1200px){.cs-modules{grid-template-columns:repeat(3,minmax(0,1fr))}}.cs-module{gap:var(--space-sm);padding:var(--space-lg);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg);transition:transform var(--dur-base) var(--ease-emphasized), border-color var(--dur-base) var(--ease-emphasized), box-shadow var(--dur-base) var(--ease-emphasized);flex-direction:column;display:flex;position:relative}@media (hover:hover) and (pointer:fine){.cs-module:hover{border-color:color-mix(in srgb, var(--accent) 45%, var(--border-color));box-shadow:var(--shadow-elevation-1);transform:translateY(-2px)}}.cs-module__index{font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:var(--ls-mono);color:var(--text-faint)}.cs-module__title{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-h3);line-height:var(--lh-snug);letter-spacing:var(--ls-heading);color:var(--text-strong);margin:0}.cs-module__text{font-size:var(--fs-sm);line-height:var(--lh-relaxed);color:var(--text-body);flex:1;margin:0}.cs-module__stat{padding-top:var(--space-sm);border-top:1px dashed var(--border-color);font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:var(--ls-mono-sm);color:var(--accent-text)}.cs-gallery{gap:var(--space-lg);margin:0;padding:0;list-style:none;display:grid}@media (width>=768px){.cs-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}.cs-gallery--three{grid-template-columns:1fr}@media (width>=768px){.cs-gallery--three{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-gallery--three>:nth-child(3){grid-column:1/-1;justify-self:center;max-width:32rem}}@media (width>=1200px){.cs-gallery--three{grid-template-columns:minmax(0,5fr) minmax(0,5fr) minmax(0,3fr)}.cs-gallery--three>:nth-child(3){grid-column:auto;justify-self:stretch;max-width:none}}.cs-figure{gap:var(--space-sm);flex-direction:column;margin:0;display:flex}.cs-figure--phone .cs-phone{width:100%;min-width:0;max-width:32rem;margin-inline:auto;position:static}.cs-figure__caption{gap:var(--space-2xs);font-size:var(--fs-sm);line-height:var(--lh-relaxed);color:var(--text-body);flex-direction:column;display:flex}.cs-figure__label{font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:var(--ls-mono);text-transform:uppercase;color:var(--accent-text)}.cs-decisions{background:var(--color-ground);border-top:1px solid var(--color-ground-border);border-bottom:1px solid var(--color-ground-border)}.cs-decisions .cs-section__title{color:var(--color-light)}.cs-decisions .cs-prose{color:var(--color-muted)}.cs-decisions .cs-prose strong{color:var(--color-light)}.cs-decision-list{gap:var(--space-md);counter-reset:cs-decision;margin:0;padding:0;list-style:none;display:grid}@media (width>=768px){.cs-decision-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.cs-decision{gap:var(--space-md);padding:var(--space-lg);border:1px solid var(--color-ground-border-strong);border-radius:var(--radius-lg);background:var(--color-surface-1);counter-increment:cs-decision;flex-direction:column;display:flex}.cs-decision__head{align-items:baseline;gap:var(--space-sm);display:flex}.cs-decision__head:before{content:"0" counter(cs-decision);font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-h2);letter-spacing:var(--ls-display);color:var(--accent);flex-shrink:0;line-height:1}.cs-decision__title{font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:var(--fs-h3);line-height:var(--lh-snug);letter-spacing:var(--ls-heading);color:var(--color-light);margin:0}.cs-decision__body{gap:var(--space-sm);margin:0;display:grid}.cs-decision__body div{gap:var(--space-2xs);display:grid}.cs-decision__body dt{font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:var(--ls-mono);text-transform:uppercase;color:var(--color-signal-300)}.cs-decision__body dd{font-size:var(--fs-sm);line-height:var(--lh-relaxed);color:var(--color-muted);margin:0}.cs-decision__body dd strong{font-weight:var(--fw-semibold);color:var(--color-light)}.cs-checklist{gap:var(--space-sm);margin:0;padding:0;list-style:none;display:grid}@media (width>=768px){.cs-checklist{grid-template-columns:repeat(2,minmax(0,1fr))}}.cs-checklist li{padding-left:var(--space-lg);font-size:var(--fs-sm);line-height:var(--lh-relaxed);color:var(--text-body);position:relative}.cs-checklist li:before{content:"";width:var(--space-xs);height:var(--space-xs);border-radius:var(--radius-full);background:var(--accent);position:absolute;top:.7em;left:0}.cs-checklist strong{font-weight:var(--fw-semibold);color:var(--text-strong)}.cs-stack{gap:var(--space-xl);display:grid}@media (width>=1024px){.cs-stack{gap:var(--space-3xl);grid-template-columns:repeat(2,minmax(0,1fr))}}.cs-stack__title{margin:0 0 var(--space-md);font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:var(--ls-mono);text-transform:uppercase;color:var(--text-faint)}.cs-tags{gap:var(--space-xs);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.cs-tags li{padding:var(--space-6) var(--space-sm);border:1px solid var(--border-color);border-radius:var(--radius-full);background:var(--surface);font-family:var(--font-mono);font-size:var(--fs-mono);letter-spacing:var(--ls-mono-sm);color:var(--text-strong)}.cs-metrics{gap:var(--space-md);margin:0;display:grid}.cs-metric{gap:var(--space-2xs) var(--space-md);padding-block:var(--space-sm);border-bottom:1px dashed var(--border-color);grid-template-columns:minmax(9rem,auto) minmax(0,1fr);align-items:baseline;display:grid}.cs-metric dt{font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-h3);letter-spacing:var(--ls-heading);line-height:var(--lh-heading);color:var(--text-strong)}.cs-metric dd{font-size:var(--fs-sm);line-height:var(--lh-relaxed);color:var(--text-body);margin:0}.cs-metric dd small{margin-top:var(--space-2xs);font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:var(--ls-mono-sm);color:var(--text-faint);display:block}.cs-kpis{gap:var(--space-md);margin:0;padding:0;list-style:none;display:grid}@media (width>=768px){.cs-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}.cs-kpi{gap:var(--space-xs);padding:var(--space-lg);border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;display:flex}.cs-kpi__label{font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:var(--ls-mono);text-transform:uppercase;color:var(--text-faint)}.cs-kpi__value{font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-h2);line-height:var(--lh-heading);letter-spacing:var(--ls-heading);color:var(--text-strong)}.cs-kpi__desc{font-size:var(--fs-sm);line-height:var(--lh-relaxed);color:var(--text-body);margin:0}.cs-kpi__source{padding-top:var(--space-sm);border-top:1px dashed var(--border-color);font-family:var(--font-mono);font-size:var(--fs-mono-sm);letter-spacing:var(--ls-mono-sm);color:var(--accent-text);margin-top:auto}.cs-note{max-width:76ch;padding:var(--space-md) var(--space-lg);border-left:3px solid var(--accent);border-radius:0 var(--radius-md) var(--radius-md) 0;background:color-mix(in srgb, var(--accent) 8%, transparent);font-size:var(--fs-sm);line-height:var(--lh-relaxed);color:var(--text-body)}.cs-note strong{font-weight:var(--fw-semibold);color:var(--text-strong)}