.case-page{--background:#0a0a0b;--surface:#141416;--panel:#111113;--foreground:#fafafa;--text-secondary:#a1a1aa;--text-muted:#8b8b94;--border:#2a2a2f;--border-strong:#3f3f46;--input:#71717a;--muted:#18181b;--muted-foreground:#8b8b94;--secondary:#191c2e;--ink:var(--paper);--ink-raised:var(--paper-raised);--ink-card:var(--paper-raised);--ink-line:#30281c1a;--ink-line-strong:#30281c2b;--on-ink:var(--on-paper);--on-ink-secondary:var(--on-paper-secondary);--on-ink-muted:var(--on-paper-muted);--brand-on-ink:#3448e6;--shadow-1:0 1px 2px #0000004d, 0 12px 32px -18px #0009;--shadow-2:0 2px 6px #0000004d, 0 28px 60px -28px #000000b3;--shadow-ink:0 18px 40px -16px #28201429;color:var(--foreground)}.case-cover-media__frame{--background:var(--paper);--surface:var(--paper-raised);--foreground:var(--on-paper);--text-secondary:var(--on-paper-secondary);--text-muted:var(--on-paper-muted);--border:var(--paper-line);--border-strong:var(--paper-line-strong);--secondary:var(--paper-panel);--shadow-2:0 2px 6px #1c160c14, 0 28px 60px -28px #1c160c61}body:has(main.case-page){background:#0a0a0b}.work-sheet__panel:has(.case-page){background:#0a0a0b;box-shadow:inset 0 1px #ffffff59,0 -24px 80px #00000059}.work-sheet__panel:has(.case-page) .work-sheet__close{background:#1f1d1aeb;border-color:#ffffff24}.case-page .img-skeleton:has(>img[data-load=loading]):before{background:linear-gradient(100deg,#0000 20%,#ffffff14 50%,#0000 80%) 0 0/200% 100% no-repeat,#1c1c20}.case-cover-media .img-skeleton:has(>img[data-load=loading]):before{background:linear-gradient(100deg, transparent 20%, #fff6 50%, transparent 80%) 0 0 / 200% 100% no-repeat, var(--paper-sunk)}.case-cover{padding:calc(var(--header-h) + 72px) 0 220px;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;display:grid}.case-cover:before{-webkit-mask-image:radial-gradient(80% 90% at 20% 0,#000 0%,#0000 75%);mask-image:radial-gradient(80% 90% at 20% 0,#000 0%,#0000 75%)}.case-cover__main{grid-column:1/span 8}.case-cover__crumb{color:var(--on-ink-muted);align-items:center;gap:10px;display:flex}.case-cover__crumb a{min-height:44px;color:var(--brand-on-ink);transition:color var(--dur-fast) ease;align-items:center;margin-block:-12px;display:inline-flex}.case-cover__crumb a:hover{color:var(--on-ink)}.case-cover__tags{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.case-cover__tags li{font-size:var(--text-label);color:var(--on-ink);box-shadow:inset 0 0 0 1px var(--ink-line-strong);border-radius:999px;padding:5px 13px;font-weight:500;line-height:1.5}.case-cover__title{letter-spacing:-.04em;color:var(--on-ink);text-wrap:balance;margin-top:24px;font-size:clamp(2.5rem,5.4vw,4.5rem);font-weight:700;line-height:1.12}.case-cover__type{font-size:var(--type-title);letter-spacing:-.02em;color:var(--brand-on-ink);margin-top:14px;font-weight:600;line-height:1.45}.case-cover__intro{max-width:44em;font-size:var(--type-lead);letter-spacing:-.01em;color:var(--on-ink-secondary);margin-top:32px;line-height:1.75}.case-cover__intro .prose-line{text-wrap:balance}.case-cover__meta{font-size:var(--text-caption);grid-column:10/span 3;align-self:end;row-gap:0;margin:0;line-height:1.65;display:grid}.case-cover__meta>div{border-top:1px solid var(--ink-line);gap:2px;padding:14px 0;display:grid}.case-cover__meta dt{color:var(--on-ink-muted)}.case-cover__meta dd{color:var(--on-ink);font-variant-numeric:tabular-nums;margin:0;font-weight:500}.case-cover-media{border-image:linear-gradient(var(--ink) 0 50%, transparent 50%) fill 0 / /0 100vmax;margin-top:-1px}.case-cover-media__frame{box-shadow:var(--shadow-2);border-radius:24px;margin-top:-180px}.case-cover-media .project-stage{aspect-ratio:16/8.2}.case-chapter{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;padding-top:136px;display:grid}.case-chapter__counter{top:calc(var(--header-h) + 40px);font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-muted);grid-column:1/span 3;grid-template-columns:auto 1fr;align-self:start;align-items:baseline;column-gap:10px;display:grid;position:sticky}.case-chapter__num{letter-spacing:-.04em;color:var(--foreground);font-size:3rem;font-weight:500;line-height:1}.case-chapter__total{letter-spacing:.06em;font-size:.875rem}.case-chapter__rail{background:var(--border);border-radius:2px;grid-column:1/-1;width:2px;height:120px;margin:20px 0 0 4px;display:block;overflow:hidden}.case-chapter__rail>span{background:var(--brand);transform-origin:50% 0;height:100%;display:block}.case-chapter__content{grid-column:4/span 9;min-width:0}.case-chapter__title{letter-spacing:-.03em;color:var(--foreground);text-wrap:balance;font-size:clamp(1.625rem,2.4vw,2.25rem);font-weight:700;line-height:1.38}.case-chapter__body{max-width:38em;font-size:var(--type-lead);letter-spacing:-.01em;color:var(--text-secondary);margin-top:20px;line-height:1.75}.case-chapter__note{font-size:var(--text-caption);color:var(--text-muted);margin-top:12px}.case-panel{background:linear-gradient(#3a59e40f 1px, transparent 1px) 0 0 / 48px 48px, linear-gradient(90deg, #3a59e40f 1px, transparent 1px) 0 0 / 48px 48px, var(--secondary);border-radius:20px;justify-content:center;gap:32px;margin-top:44px;padding:56px;display:flex}.case-panel-wrap{border-radius:20px;margin-top:44px}.case-panel-wrap .case-panel{margin-top:0}.case-panel--landscape{flex-direction:column;gap:24px}.case-shot{cursor:zoom-in;transition:transform var(--dur-card) var(--ease-card);background:0 0;border:0;border-radius:12px;padding:0;display:block;position:relative}.case-shot img{width:100%;height:auto;box-shadow:var(--shadow-2);display:block}.case-shot:hover{transform:translateY(-4px)}.case-panel--portrait .case-shot,.case-panel--single .case-shot{border-radius:18px;width:min(280px,42%)}.case-panel--portrait .case-shot img,.case-panel--single .case-shot img{aspect-ratio:780/1688;object-fit:cover;border:1px solid var(--border-strong);border-radius:18px}.case-panel--portrait{justify-content:center;align-items:flex-start}.case-panel--single{justify-content:flex-start;align-items:center;gap:56px}.case-panel__caption{max-width:22em}.case-panel__caption h3{font-size:var(--type-title);letter-spacing:-.02em;font-weight:600;line-height:1.45}.case-panel__caption p:last-child{color:var(--text-secondary);margin-top:10px;font-size:1rem;line-height:1.75}.case-panel--landscape .case-shot{width:100%}.case-panel--landscape .case-shot img{border-radius:10px}.case-shot:focus-visible{outline:3px solid var(--brand);outline-offset:4px}.case-flow-wrap{--flow-p:1;padding:48px 40px;display:block;position:relative}.case-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid;position:relative}.case-flow__line{background:#9aabff38;height:2px;position:absolute;top:68px;left:60px;right:calc(25% - 15px);overflow:hidden}.case-flow__line>span{background:var(--brand);transform-origin:0;width:100%;height:100%;transform:scaleX(var(--flow-p,1));display:block}@media (width>=1101px){.case-flow:has(>li:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}.case-flow-wrap:has(.case-flow>li:nth-child(3):last-child) .case-flow__line{right:calc(33.3333% - 20px)}}.case-flow__step{flex-direction:column;min-width:0;display:flex}.case-flow-wrap[data-armed=true] .case-flow__step{transition:opacity var(--dur-card) var(--ease-card), transform var(--dur-card) var(--ease-card)}.case-flow-wrap[data-live=true] .case-flow__step[data-on=false]{opacity:0;transform:translateY(20px)}.case-flow__num{background:var(--brand);color:#fff;width:40px;height:40px;font-family:var(--font-mono);font-variant-numeric:tabular-nums;box-shadow:0 0 0 6px var(--secondary);border-radius:50%;place-items:center;font-size:.8125rem;font-weight:500;display:grid;position:relative}.case-flow__card{background:var(--surface);box-shadow:var(--shadow-1);border-radius:14px;flex:1;margin-top:20px;padding:22px}.case-flow__title{letter-spacing:-.02em;color:var(--foreground);text-wrap:balance;font-size:1.0625rem;font-weight:600;line-height:1.45}.case-flow__detail{color:var(--text-secondary);text-wrap:pretty;margin-top:8px;font-size:.875rem;line-height:1.65}.chapter-stepper[data-mode=stage]{--stage-pad-top:calc(var(--header-h) + 32px);--stage-pad-bottom:120px;height:calc(100svh + (var(--chapters) - 1) * 100svh);margin-top:96px;position:relative}.work-sheet .chapter-stepper[data-mode=stage]{--stage-pad-top:64px;--stage-pad-bottom:40px}.chapter-stepper__stage{height:100svh;padding:var(--stage-pad-top) 0 var(--stage-pad-bottom);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;column-gap:24px;display:grid;position:sticky;top:0}.chapter-stepper__stage>.case-chapter__counter{align-self:center;position:static}.chapter-stepper__panels{grid-column:4/span 9;align-self:stretch;min-width:0;position:relative}.chapter-stepper__panel{will-change:opacity, transform;flex-direction:column;justify-content:safe center;display:flex;position:absolute;inset:0;container-type:size}.chapter-stepper__panel[data-active=true]{z-index:1}.chapter-stepper__panel[data-active=false]{pointer-events:none}.chapter-stepper__media{flex:none;margin-top:36px}.chapter-stepper__media>.case-panel,.chapter-stepper__media>.case-panel-wrap{margin-top:0}.chapter-stepper[data-mode=stage] .case-panel{--shot-h:calc(100cqh - var(--copy-h,240px) - 36px - 64px);padding:32px}.chapter-stepper[data-mode=stage] .case-panel--portrait .case-shot,.chapter-stepper[data-mode=stage] .case-panel--single .case-shot{width:auto;height:min(var(--shot-h), 606px);aspect-ratio:780/1688;flex:none}.chapter-stepper[data-mode=stage] .case-panel--portrait .case-shot img,.chapter-stepper[data-mode=stage] .case-panel--single .case-shot img{width:100%;height:100%}.chapter-stepper[data-mode=stage] .case-panel--single{justify-content:center}.chapter-stepper[data-mode=stage] .case-panel--landscape{flex-direction:row;align-items:center}.chapter-stepper[data-mode=stage] .case-panel--landscape .case-shot{flex:0 auto;min-width:0}.chapter-stepper[data-mode=stage] .case-panel--landscape .case-shot img{width:auto;max-width:100%;max-height:var(--shot-h)}.chapter-stepper__num{display:inline-flex;overflow:hidden}.chapter-stepper__digit{display:inline-grid}.chapter-stepper__digit>span{grid-area:1/1}.case-showcase{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;padding-top:136px;display:grid}.case-showcase__copy{grid-column:4/span 9;min-width:0}.case-showcase__figure{grid-column:1/-1;min-width:0;margin:56px 0 0}.case-showcase__frame{border:1px solid var(--border);box-shadow:var(--shadow-2);background:#16161a;border-radius:16px;overflow:hidden}.case-showcase__bar{border-bottom:1px solid var(--border);grid-template-columns:1fr auto 1fr;align-items:center;height:40px;padding-inline:16px;display:grid}.case-showcase__dots{gap:7px;display:flex}.case-showcase__dots>i{background:var(--border-strong);border-radius:50%;width:10px;height:10px}.case-showcase__address{background:var(--background);font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;border-radius:999px;padding:3px 18px;font-size:.75rem;line-height:1.5}.case-showcase__screen{aspect-ratio:16/9;background:var(--paper);position:relative}.case-showcase__video{object-fit:cover;width:100%;height:100%;display:block}.case-showcase__toggle{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:44px;transition:background var(--dur-fast) ease;background:#0a0a0bb8;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:6px;padding:0 16px;font-size:.8125rem;font-weight:600;display:inline-flex;position:absolute;bottom:16px;right:16px}.case-showcase__toggle:hover{background:#0a0a0be0}.case-showcase__toggle:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.case-keypoints{margin-top:152px;padding-block:120px}.case-keypoints__layout{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;display:grid}.case-keypoints__head{top:calc(var(--header-h) + 40px);grid-column:1/span 4;align-self:start;position:sticky}.case-keypoints__label{letter-spacing:-.03em;color:var(--on-ink);font-size:clamp(2rem,3.4vw,3rem);font-weight:700;line-height:1.2}.case-keypoints__project{color:var(--on-ink-secondary);margin-top:16px;font-size:.9375rem}.case-keypoints__list{border-top:1px solid var(--ink-line-strong);grid-column:6/span 7;margin:0;padding:0;list-style:none}.case-keypoints__list>li{border-bottom:1px solid var(--ink-line-strong);grid-template-columns:minmax(0,.9fr) minmax(0,1.4fr);gap:32px;padding:40px 0;display:grid}.case-keypoints__figure{font-family:var(--font-mono);letter-spacing:-.04em;color:var(--on-ink);font-variant-numeric:tabular-nums;align-items:baseline;gap:6px;font-size:clamp(2.5rem,4.4vw,4rem);font-weight:500;line-height:1;display:flex}.case-keypoints__figure>span:last-child{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--on-ink-secondary);font-size:1rem;font-weight:500}.case-keypoints h3{font-size:var(--type-title);letter-spacing:-.02em;color:var(--on-ink);margin-top:10px;font-weight:600;line-height:1.45}.case-keypoints__copy p{color:var(--on-ink-secondary);margin-top:10px;font-size:1rem;line-height:1.75}@media (width<=1100px){.case-flow{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}.case-flow__line{display:none}}@media (width<=1024px){.case-cover__main{grid-column:1/span 12}.case-cover__meta{grid-column:1/span 12;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px;margin-top:40px}.case-keypoints__head{grid-column:1/-1;position:static}.case-keypoints__list{grid-column:1/-1;margin-top:40px}}@media (width<=767px){.case-cover{padding:calc(var(--header-h) + 40px) 0 120px;display:block}.case-cover__tags{margin-top:20px}.case-cover__title{font-size:2.25rem}.case-cover__intro{margin-top:24px}.case-cover__meta{grid-template-columns:minmax(0,1fr);margin-top:28px}.case-cover__meta>div{grid-template-columns:80px 1fr;padding:10px 0}.case-cover-media__frame{border-radius:16px;margin-top:-88px}.case-cover-media .project-stage{aspect-ratio:4/3.4}.case-chapter{padding-top:72px;display:block}.case-chapter__counter{align-items:baseline;gap:8px;margin-bottom:16px;display:flex;position:static}.case-chapter__num{font-size:1.75rem}.case-chapter__rail{display:none}.case-chapter__body{font-size:1rem}.case-panel,.case-panel-wrap{margin-top:28px}.case-panel{border-radius:14px;gap:12px;padding:20px}.case-panel--landscape{gap:12px}.case-panel--single{flex-direction:column;align-items:stretch;gap:20px}.case-panel--single .case-shot{width:62%;margin-inline:auto}.case-panel--portrait .case-shot img,.case-panel--single .case-shot img{border-radius:12px}.case-panel--landscape .case-shot img{border-radius:6px}.case-flow-wrap{padding:24px 20px}.case-flow{grid-template-columns:minmax(0,1fr);row-gap:20px}.case-flow__step{grid-template-columns:40px minmax(0,1fr);align-items:start;column-gap:16px;display:grid}.case-flow__card{margin-top:0;padding:18px}.case-flow__line{width:2px;height:auto;display:block;inset:44px auto 64px 39px}.case-flow__line>span{transform-origin:50% 0;transform:scaleY(var(--flow-p,1))}.case-showcase{padding-top:72px;display:block}.case-showcase__figure{margin-top:28px}.case-showcase__frame{border-radius:12px}.case-showcase__bar{height:30px;padding-inline:10px}.case-showcase__dots{gap:5px}.case-showcase__dots>i{width:7px;height:7px}.case-showcase__address{padding:1px 12px;font-size:.6875rem}.case-showcase__toggle{justify-content:center;width:44px;padding:0;bottom:8px;right:8px}.case-showcase__toggle>span{display:none}.case-keypoints{margin-top:88px;padding-block:72px}.case-keypoints__list>li{grid-template-columns:minmax(0,1fr);gap:16px;padding:28px 0}}@media (prefers-reduced-motion:reduce){.case-shot:hover{transform:none}}.case-cover__crumb button{cursor:pointer;min-height:44px;color:var(--brand-on-ink);transition:color var(--dur-fast) ease;align-items:center;margin-block:-12px;display:inline-flex}.case-cover__crumb button:hover{color:var(--on-ink)}.work-sheet .case-page{max-width:calc(var(--content-max) + 2 * var(--site-gutter));padding-inline:var(--site-gutter);margin-inline:auto}.work-sheet .case-cover.hero-under{margin-top:0;padding-top:88px}@media (width<=767px){.work-sheet .case-cover.hero-under{padding-top:64px}}.work-sheet-backdrop{z-index:90;background:#00000080;position:fixed;inset:0}.work-sheet{--sheet-gap:200px;--sheet-radius:40px;z-index:91;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:auto;outline:none;position:fixed;inset:0;overflow:hidden auto}.work-sheet__gap{height:var(--sheet-gap);cursor:pointer}.work-sheet__panel{min-height:calc(100dvh - var(--sheet-gap));border-radius:var(--sheet-radius) var(--sheet-radius) 0 0;background:var(--background);color:var(--foreground);will-change:transform;position:relative;overflow:clip;box-shadow:0 0 0 1px #ffffff1a,0 -24px 80px #00000059}.work-sheet__bar{z-index:20;height:0;position:sticky;top:0}.work-sheet__close{color:#fff;cursor:pointer;width:48px;height:48px;transition:transform var(--dur-fast) ease, background-color var(--dur-fast) ease;background:#18181beb;border:1px solid #ffffff38;border-radius:999px;place-items:center;display:grid;position:absolute;top:20px;right:20px;box-shadow:0 8px 24px #00000040}.work-sheet__close:hover{background:var(--brand);transform:rotate(90deg)}.work-sheet__close:focus-visible{outline:2px solid var(--brand-on-ink);outline-offset:3px}@media (width<=767px){.work-sheet{--sheet-gap:64px;--sheet-radius:24px}.work-sheet__close{width:44px;height:44px;top:12px;right:12px}}@media (prefers-reduced-motion:reduce){.work-sheet__close:hover{transform:none}}