.case-article{min-height:100vh;color:var(--color-text);background:var(--color-black)}.case-article>article{width:min(100% - 2 * var(--gutter), 75rem);padding-bottom:var(--space-9);margin-inline:auto}.case-article figure{margin:0}.case-article figure img,.case-article figure video{border:1px solid var(--color-line);background:var(--color-surface-strong);width:100%}.case-article figcaption{margin-top:var(--space-3);color:var(--color-text-subtle);font-size:var(--font-size-sm);line-height:1.7}.case-article :is(h1,h2){font-family:var(--font-serif);letter-spacing:-.02em}.case-article h2{font-size:clamp(1.75rem,1.35rem + 1.8vw,2.75rem)}.case-article :is(h1,h2) em{color:var(--color-accent);font-style:normal}.case-article strong{color:var(--color-text)}.case-nav{z-index:var(--z-header);align-items:center;gap:var(--space-3) var(--space-5);padding:var(--space-3) var(--gutter);border-bottom:1px solid var(--color-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000e0;flex-wrap:wrap;display:flex;position:sticky;top:0}.case-brand{align-items:center;gap:var(--space-3);min-height:var(--tap-target);margin-right:auto;display:inline-flex}.case-brand img{border:1px solid var(--color-line);width:38px;height:38px}.case-brand span{line-height:1.25;display:grid}.case-brand strong{font-family:var(--font-serif);font-size:1.125rem;font-weight:500}.case-brand small,.case-back small{color:var(--color-text-subtle);font-family:var(--font-mono);letter-spacing:.12em;font-size:.6875rem}.case-language{font-family:var(--font-mono);font-size:var(--font-size-label);letter-spacing:.12em;align-items:center;font-weight:700;display:inline-flex}.case-language :is(a,strong){justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.case-language a{color:var(--color-text-muted);text-underline-offset:.3em;text-decoration:underline}.case-language strong{color:var(--color-accent)}.case-back{min-height:var(--tap-target);padding:var(--space-1) var(--space-4);border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);font-size:var(--font-size-sm);align-content:center;font-weight:700;line-height:1.3;display:inline-grid}.case-kicker,.case-overline,.case-section-label{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--font-size-label);letter-spacing:var(--letter-spacing-label);font-weight:700}.case-section-label span{margin-right:var(--space-2);color:var(--color-text)}.case-article p{max-width:var(--text-max);color:var(--color-text-muted)}.case-article p+p{margin-top:var(--space-4)}.case-hero{gap:var(--space-7);padding-block:var(--space-8) var(--space-7);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;display:grid}.case-hero h1{margin-top:var(--space-4);font-size:clamp(1.875rem,1.2rem + 2.2vw,3rem)}.case-article .case-lead{margin-top:var(--space-5);font-size:var(--font-size-lead)}.case-tags{gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.case-tags span{padding:var(--space-1) var(--space-3);border:1px solid var(--color-line);font-family:var(--font-mono);font-size:var(--font-size-label);letter-spacing:.08em}.case-facts{gap:var(--space-4);padding-block:var(--space-5);border-block:1px solid var(--color-line);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.case-facts dt{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--font-size-label);letter-spacing:.12em}.case-facts dd{margin:var(--space-1) 0 0;font-weight:700}.case-section{gap:var(--space-6);padding-block:var(--space-8);border-bottom:1px solid var(--color-line);display:grid}.case-section h2{margin-block:var(--space-3) var(--space-5)}.nagon-direction-head,.nagon-production-head,.nagon-now-grid{gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.nagon-touchpoint-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.nagon-touchpoint-grid>div{gap:var(--space-1);padding:var(--space-5);border-top:2px solid var(--color-accent);background:var(--color-surface);display:grid}.nagon-touchpoint-grid strong{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--font-size-label)}.nagon-touchpoint-grid span{font-weight:700}.nagon-touchpoint-grid small{color:var(--color-text-muted);font-size:var(--font-size-sm)}.nagon-slide-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.journey-rail{gap:var(--space-3);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.journey-rail li{gap:var(--space-1);padding:var(--space-4);border:1px solid var(--color-line);background:var(--color-surface);display:grid}.journey-rail span{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--font-size-label)}.journey-rail strong{font-size:1.1875rem}.journey-rail small{color:var(--color-text-muted);font-size:var(--font-size-sm)}.case-line-grid{gap:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;display:grid}.case-line-copy,.case-line-menu{grid-column:span 2}.case-mobile-process,.case-mobile-long{max-width:16rem}.line-points{gap:var(--space-3);margin:var(--space-5) 0 0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.line-points>div{padding:var(--space-3);border:1px solid var(--color-line)}.line-points dt{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--font-size-label)}.line-points dd{margin:var(--space-1) 0 0;font-size:var(--font-size-sm)}.case-qa blockquote{padding:var(--space-6);border-left:3px solid var(--color-accent);background:var(--color-surface);margin:0}.case-qa blockquote span{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--font-size-label);letter-spacing:var(--letter-spacing-label)}.case-article .case-qa blockquote p{margin-top:var(--space-3);color:var(--color-text);font-family:var(--font-serif);font-size:var(--font-size-lead)}.nagon-film-heading,.nagon-production-film figcaption{justify-content:space-between;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.nagon-film-heading{margin-bottom:var(--space-3);color:var(--color-text-subtle);font-family:var(--font-mono);font-size:var(--font-size-label);letter-spacing:.12em}.nagon-production-film video{aspect-ratio:16/9;object-fit:contain}.nagon-now-list{border-top:1px solid var(--color-line);gap:0;display:grid}.case-article .nagon-now-list p{gap:var(--space-1);max-width:none;padding:var(--space-4) 0;border-bottom:1px solid var(--color-line);margin:0;display:grid}.nagon-now-list span{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--font-size-label)}.nagon-now-list small{color:var(--color-text-muted);font-size:var(--font-size-sm)}.case-ending{gap:var(--space-5);padding-block:var(--space-9) 0;display:grid}.case-ending>p:first-child{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--font-size-label);letter-spacing:var(--letter-spacing-label)}.case-ending h2{font-size:clamp(1.875rem,1.4rem + 2vw,3rem)}.case-actions{gap:var(--space-4);flex-wrap:wrap;display:flex}.case-action{gap:var(--space-1);min-height:var(--tap-target);padding:var(--space-3) var(--space-5);border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);display:inline-grid}.case-action span{font-weight:700}.case-action span:after{content:" →";color:var(--color-accent)}.case-action small{color:var(--color-text-subtle);font-family:var(--font-mono);font-size:var(--font-size-label);letter-spacing:.1em}.case-footer{justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-6);padding:var(--space-7) var(--gutter);border-top:1px solid var(--color-line);color:var(--color-text-subtle);font-family:var(--font-mono);font-size:var(--font-size-label);letter-spacing:.1em;flex-wrap:wrap;display:flex}.case-footer a{min-height:44px;color:var(--color-text);text-underline-offset:.3em;align-items:center;text-decoration:underline;display:inline-flex}.case-article .case-footer p{color:var(--color-text-subtle)}@media (max-width:900px){.case-hero,.nagon-direction-head,.nagon-production-head,.nagon-now-grid{grid-template-columns:minmax(0,1fr)}.case-facts,.journey-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.case-nav{position:relative}.case-back{width:100%}.nagon-touchpoint-grid,.nagon-slide-grid,.journey-rail,.line-points{grid-template-columns:minmax(0,1fr)}.case-line-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-line-copy,.case-line-menu{grid-column:1/-1}.case-section{padding-block:var(--space-7)}}