.case-hero{padding:calc(var(--nav-h) + clamp(32px, 5vw, 72px)) 0 clamp(72px, 8vw, 120px);background:radial-gradient(60% 70% at 76% 34%, var(--glow) 0%, var(--glow-mid) 42%, var(--glow-fade) 80%), linear-gradient(180deg, var(--hero-top) 0%, var(--bg) 100%)}.case-hero-grid{-moz-column-gap:var(--col-gap);column-gap:var(--col-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;row-gap:40px;display:grid}.case-back{grid-column:1/-1}.case-head{animation:case-settle 1s var(--ease) 60ms both;grid-area:2/1/auto/span 5}.case-head .case-kicker{color:var(--ink-3);font-size:var(--t-small);margin-bottom:20px}.site .case-title{letter-spacing:-.045em;max-width:11ch;font-size:clamp(2.75rem,1.5rem + 3.6vw,5.25rem);line-height:.98}.case-head .case-lead{max-width:44ch;color:var(--ink-2);font-size:var(--t-lead);letter-spacing:-.006em;margin-top:28px;line-height:1.55}.case-figure{animation:case-settle 1.1s var(--ease) .16s both;grid-area:2/7/span 2/-1;gap:14px;margin:0;display:grid}.case-frame{aspect-ratio:4/3;background:var(--bg-raised);box-shadow:var(--shadow-soft);isolation:isolate;border-radius:20px;position:relative;overflow:hidden}.case-frame:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px var(--frame-line);pointer-events:none;position:absolute;inset:0}.case-shot{-o-object-fit:contain;object-fit:contain}.case-frame[data-kind=stage]{box-shadow:none;background:0 0;overflow:visible}.case-frame[data-kind=stage]:after{content:none}.case-frame[data-kind=stage] .lemon-stage{height:100%}.case-caption{color:var(--ink-3);font-size:var(--t-micro);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px;line-height:1.5;display:flex}.case-caption a{min-height:44px;color:var(--ink-2);text-decoration:underline;-webkit-text-decoration-color:var(--underline);text-decoration-color:var(--underline);text-underline-offset:5px;transition:color .2s var(--ease-soft), text-decoration-color .2s var(--ease-soft);align-items:center;gap:6px;display:inline-flex}.case-caption a:hover{color:var(--ink);text-decoration-color:currentColor}.case-aside{animation:case-settle 1s var(--ease) .24s both;grid-area:3/1/auto/span 5;gap:32px;display:grid}.case-facts{border-top:1px solid var(--line);margin:0}.case-facts>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,10rem) minmax(0,1fr);gap:4px 20px;padding:14px 0;display:grid}.case-facts dt{color:var(--ink-3);font-size:var(--t-small);line-height:1.55}.case-facts dd{color:var(--ink);font-size:var(--t-small);margin:0;line-height:1.55}.case-actions{flex-wrap:wrap;align-items:center;gap:12px 28px;display:flex}.case-live{min-height:44px;color:var(--ink-2);font-size:var(--t-small);transition:color .2s var(--ease-soft);align-items:center;gap:10px;display:inline-flex}.case-live:hover{color:var(--ink)}.case-story{padding:clamp(24px, 4vw, 56px) 0 var(--section)}.case-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.case-rows{border-bottom:1px solid var(--line)}.case-row{-moz-column-gap:var(--col-gap);column-gap:var(--col-gap);border-top:1px solid var(--line);grid-template-columns:repeat(12,minmax(0,1fr));row-gap:10px;padding:clamp(28px,3vw,40px) 0;display:grid}.site .case-row h3{letter-spacing:-.015em;grid-column:1/span 4;font-size:1.125rem;line-height:1.45}.case-row p{max-width:58ch;color:var(--ink-2);letter-spacing:-.005em;grid-column:6/span 7;font-size:clamp(1.0625rem,1rem + .25vw,1.25rem);line-height:1.6}.case-closing{padding:var(--section) 0;border-top:1px solid var(--line);background:radial-gradient(60% 60% at 80% 40%, var(--glow) 0%, var(--glow-fade) 70%), var(--bg)}.case-closing-grid{-moz-column-gap:var(--col-gap);column-gap:var(--col-gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;row-gap:32px;display:grid}.case-closing-grid .title{grid-column:1/span 6}.case-closing-body{grid-column:8/span 5;justify-items:start;gap:28px;display:grid}.case-next{padding:0 0 clamp(72px,8vw,120px)}.case-next-link{-moz-column-gap:var(--col-gap);column-gap:var(--col-gap);border-top:1px solid var(--line);color:var(--ink);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;row-gap:28px;padding-top:clamp(40px,5vw,64px);display:grid}.case-next-copy{grid-column:1/span 7;gap:12px;display:grid}.case-next-label{color:var(--ink-3);font-size:var(--t-small)}.case-next-title{font-size:var(--t-title);letter-spacing:-.038em;text-underline-offset:10px;transition:text-decoration-color .26s var(--ease-soft);font-weight:500;line-height:1.02;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:2px}.case-next-line{max-width:52ch;color:var(--ink-2);font-size:var(--t-body);line-height:1.6}.case-next-media{aspect-ratio:4/3;background:var(--bg-raised);box-shadow:var(--shadow-soft);border-radius:16px;grid-column:9/span 4;position:relative;overflow:hidden}.case-next-media img{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;transition:transform 1.1s var(--ease)}.case-next-link:hover .case-next-title{text-decoration-color:currentColor}.case-next-link:hover .case-next-media img{transform:scale(1.03)}@keyframes case-settle{0%{opacity:0;transform:translateY(16px)}}@media (max-width:899px){.case-back,.case-head,.case-figure,.case-aside,.case-closing-grid .title,.case-closing-body{grid-area:auto/1/auto/-1}.case-hero-grid{row-gap:32px}.site .case-row h3,.case-row p,.case-next-copy,.case-next-media{grid-column:1/-1}.case-next-media{max-width:420px}}@media (max-width:639px){.case-frame{border-radius:14px}.case-facts>div{grid-template-columns:1fr}.case-actions .button{flex:auto}}@media (prefers-reduced-motion:reduce){.case-head,.case-figure,.case-aside{animation:none}}
