.portfolio.case-page .paint-stage{position:relative;width:100vw;margin-left:calc(50% - 50vw);padding-inline:max(20px,50vw - 590px);background:radial-gradient(circle at 50% 0,#dab8761c,#0000 34%),oklch(12% .012 260);color:var(--color-ink)}.portfolio.case-page .paint-beat{position:relative;display:grid;grid-template-columns:clamp(52px,5vw,88px) minmax(0,1fr);column-gap:clamp(18px,3vw,48px);padding-block:clamp(78px,9vw,132px);border-top:1px solid var(--color-line)}.portfolio.case-page .paint-beat:first-child{border-top:0}.portfolio.case-page .paint-beat-number{margin:0;color:oklch(58% .03 78);font-size:clamp(20px,2.2vw,32px);font-weight:470;font-variant-numeric:tabular-nums;line-height:1}.portfolio.case-page .paint-beat-label{margin:0;color:var(--color-accent);font-size:11px;font-weight:760;letter-spacing:.16em;text-transform:uppercase}.portfolio.case-page .paint-beat h3{margin:14px 0 0;font-weight:560;line-height:.98;text-wrap:balance}.portfolio.case-page .paint-beat-deck{margin:20px 0 0;max-width:46ch;color:var(--color-muted);font-size:clamp(16px,1.4vw,19px);line-height:1.5}.portfolio.case-page .paint-beat[data-beat=lead] .paint-beat-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.5fr);grid-template-areas:"label deck" "head  deck" "plate plate";align-items:end;column-gap:clamp(28px,5vw,84px);row-gap:clamp(30px,3.4vw,52px)}.portfolio.case-page .paint-beat[data-beat=lead] .paint-beat-copy{display:contents}.portfolio.case-page .paint-beat[data-beat=lead] .paint-beat-label{grid-area:label;align-self:end}.portfolio.case-page .paint-beat[data-beat=lead] h3{grid-area:head;margin:0;font-size:clamp(38px,5.2vw,80px);letter-spacing:-.012em}.portfolio.case-page .paint-beat[data-beat=lead] .paint-beat-deck{grid-area:deck;margin:0;max-width:34ch;font-size:clamp(17px,1.5vw,21px)}.portfolio.case-page .paint-beat[data-beat=lead] .paint-figure{grid-area:plate}.portfolio.case-page .paint-beat[data-beat=support] .paint-beat-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.86fr);align-items:start;column-gap:clamp(28px,5vw,80px)}.portfolio.case-page .paint-beat[data-beat=support] .paint-beat-copy{padding-top:22px;border-top:1px solid var(--color-line)}.portfolio.case-page .paint-beat[data-beat=support] h3{font-size:clamp(27px,3.1vw,46px)}.portfolio.case-page .paint-beat[data-side=left] .paint-figure,.portfolio.case-page .paint-beat[data-side=right] .paint-beat-copy{grid-area:1/1}.portfolio.case-page .paint-beat[data-side=left] .paint-beat-copy,.portfolio.case-page .paint-beat[data-side=right] .paint-figure{grid-area:1/2}.portfolio.case-page .paint-beat[data-side=right] .paint-figure{justify-items:end}.portfolio.case-page .paint-figure{display:grid;justify-items:start;gap:20px;min-width:0;margin:0}.portfolio.case-page .paint-figure img{display:block;width:auto;max-width:100%;height:auto;max-height:min(74svh,780px);border:1px solid var(--color-line);border-radius:8px;background:oklch(8% .012 260);box-shadow:0 34px 72px #0305087a}.portfolio.case-page .paint-figure[data-shot=mobile] img{width:min(300px,100%);height:auto;aspect-ratio:9/19.5;max-height:none;object-fit:cover;object-position:top;border-radius:26px}.portfolio.case-page .paint-figure[data-shot=full] img{width:100%;height:auto;aspect-ratio:4/5;max-height:min(72svh,740px);object-fit:cover;object-position:top}@media (max-width:700px){.portfolio.case-page .paint-figure[data-shot=full] img{aspect-ratio:3/4}}.portfolio.case-page .paint-figure figcaption{max-width:380px;color:var(--color-muted);font-size:14px;line-height:1.45;text-align:left}.portfolio.case-page .paint-figure figcaption span,.portfolio.case-page .paint-figure figcaption strong{display:block}.portfolio.case-page .paint-figure figcaption strong{color:var(--color-ink);font-size:16px;font-weight:650}.portfolio.case-page .paint-figure figcaption span{margin-top:8px}.portfolio.case-page .paint-veil{position:absolute;inset:0;z-index:3;pointer-events:none;clip-path:inset(var(--paint,0) 0 0 0);background-color:oklch(9.5% .01 260/.94);background-image:linear-gradient(oklch(95% .018 82/.045) 1px,#0000 0),linear-gradient(90deg,oklch(95% .018 82/.045) 1px,#0000 0);background-size:40px 40px}.portfolio.case-page .paint-head{position:absolute;right:0;left:0;top:var(--paint,0);z-index:4;height:0;border-top:1px solid var(--color-accent);opacity:var(--lit,0);pointer-events:none;transition:opacity .22s var(--ease-silk)}.portfolio.case-page .paint-head:after{content:"";position:absolute;inset:0 0 auto;height:88px;background:linear-gradient(oklch(78% .086 78/.14),#0000)}.portfolio.case-page .paint-head span{position:absolute;top:100%;left:0;display:inline-flex;align-items:center;gap:8px;padding-top:10px;color:var(--color-accent);font-size:11px;font-weight:760;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.portfolio.case-page .paint-head span:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--color-accent)}@media (hover:hover) and (pointer:fine){.portfolio.case-page .paint-figure img{transition:transform .24s var(--ease-silk),box-shadow .24s ease}.portfolio.case-page .paint-figure:hover img{transform:translateY(-4px);box-shadow:0 42px 84px #03050899}}@media (width <= 980px){.portfolio.case-page .paint-beat[data-beat=lead] .paint-beat-body{grid-template-columns:minmax(0,1fr);grid-template-areas:"label" "head" "deck" "plate";align-items:start;row-gap:clamp(26px,4vw,40px)}.portfolio.case-page .paint-beat[data-beat=lead] .paint-beat-label{align-self:start}.portfolio.case-page .paint-beat[data-beat=lead] .paint-beat-deck{max-width:46ch}.portfolio.case-page .paint-beat[data-beat=support] .paint-beat-body{grid-template-columns:minmax(0,1fr);align-items:start;row-gap:clamp(26px,4vw,40px)}.portfolio.case-page .paint-beat[data-side] .paint-beat-copy,.portfolio.case-page .paint-beat[data-side] .paint-figure{grid-area:auto}.portfolio.case-page .paint-beat[data-beat=support] .paint-beat-copy{padding-top:0;border-top:0}.portfolio.case-page .paint-beat[data-side=right] .paint-figure{justify-items:start}}@media (width <= 640px){.portfolio.case-page .paint-beat{grid-template-columns:minmax(0,1fr);row-gap:22px;padding-block:clamp(58px,12vw,88px)}.portfolio.case-page .paint-beat-number{font-size:20px}.portfolio.case-page .paint-beat[data-beat=lead] h3{font-size:clamp(32px,9.4vw,46px)}.portfolio.case-page .paint-beat[data-beat=support] h3{font-size:clamp(26px,7.6vw,36px)}.portfolio.case-page .paint-beat[data-beat=support] .paint-figure img,.portfolio.case-page .paint-figure img{max-height:min(64svh,560px)}}@media (prefers-reduced-motion:reduce){.portfolio.case-page .paint-head,.portfolio.case-page .paint-veil{display:none}}@keyframes rise-in{0%{opacity:0;filter:blur(2px);transform:translateY(14px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}