.case04-page{--c04-blue:#0054dd;--c04-paper:var(--paper);--c04-ink:var(--ink);--c04-muted:var(--ink-2);--c04-line:var(--line);background:var(--c04-paper);color:var(--c04-ink);font-family:var(--font-body);overflow:clip}.case04-page *{min-width:0}.case04-page a,.case04-page button{touch-action:manipulation}.case04-page :is(a,button):focus-visible,.case04-dialog :is(a,button):focus-visible{outline-offset:5px;outline:3px solid #0054dd}.case04-header{color:var(--paper);background:#101116;justify-content:space-between;align-items:center;gap:20px;padding:24px max(24px,50vw - 640px);font-size:12px;display:flex}.case04-header>a:first-child{font-size:15px}.case04-header>span{color:#b9bcc6;letter-spacing:.12em}.case04-hero{color:var(--paper);background:#101116;padding:56px max(24px,50vw - 640px) 0}.case04-hero-inner{grid-template-columns:1.1fr 1fr;align-items:center;gap:65px;min-height:570px;display:grid}.case04-kicker{letter-spacing:.1em;color:#64635f;margin:0 0 24px;font-size:11px;font-weight:600;line-height:1.65}.case04-hero-copy>.case04-kicker{color:#b5b8c4}.case04-hero h1.headline{font-family:var(--font-title);letter-spacing:-.025em;margin:0;font-size:clamp(42px,4vw,64px);font-weight:900;line-height:1.34}.case04-hero .headline-emphasis{color:#8bb2ff}.case04-hero-line{color:#babfcd;margin:26px 0 16px;font-size:13px;line-height:1.8}.case04-hero-intro{color:#babfcd;max-width:580px;margin:0 0 32px;font-size:14px;line-height:1.9}.case04-start{border-top:1px solid #ffffff35;justify-content:space-between;max-width:310px;padding:18px 0 0;font-size:14px;display:flex}.case04-down{border-bottom:1px solid;border-right:1px solid;width:10px;height:10px;margin:2px 5px 0;transition:transform .3s;transform:rotate(45deg)}.case04-start:hover .case04-down{transform:rotate(45deg)translate(3px,3px)}.case04-hero-stage{perspective:1000px;padding:65px 0 45px 12px;position:relative}.case04-hero-backdrop{opacity:.75;pointer-events:none;border-radius:8px;width:90%;height:auto;position:absolute;top:15px;right:12px;transform:rotate(6deg);box-shadow:0 25px 55px #0009}.case04-hero-image{transition:transform .6s var(--ease);background:#181b24;border:1px solid #ffffff25;border-radius:8px;position:relative;overflow:hidden;transform:rotate(-5deg);box-shadow:0 30px 55px #0009}.case04-hero-stage:hover .case04-hero-image{transform:rotate(-3deg)translateY(-5px)}.case04-hero-image .case04-art{margin:0}.case04-hero-image figcaption{color:#bdbfc8;padding:12px 16px}.case04-role{border-top:1px solid #ffffff25;grid-template-columns:180px 1fr;gap:30px;margin:45px 0 0;padding:30px 0 44px;display:grid}.case04-role .case04-kicker{color:#b5b8c4;margin:0}.case04-role>p:last-child{color:#dedee3;margin:0;font-size:14px;line-height:1.9}.case04-toc{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--c04-line);background:#f3efe8f5;position:sticky;top:0}.case04-toc>div{gap:60px;max-width:1280px;margin:auto;padding:0 24px;display:flex}.case04-toc a{color:var(--c04-muted);align-items:center;gap:12px;padding:22px 0;font-size:13px;display:flex;position:relative}.case04-toc a span{font-size:10px}.case04-toc a[aria-current]{color:var(--c04-blue)}.case04-toc a[aria-current]:after{content:"";background:var(--c04-blue);height:2px;position:absolute;inset:auto 0 -1px}.case04-reading{max-width:1280px;margin:auto;padding:0 24px}.case04-section{border-bottom:1px solid var(--c04-line);padding:80px 0 65px;scroll-margin-top:82px}.case04-section .headline{letter-spacing:-.035em;max-width:1000px;margin:0 0 26px;font-size:clamp(32px,3.65vw,48px);line-height:1.45}.case04-intro{max-width:920px;color:var(--c04-muted);margin:0 0 45px;font-size:17px;line-height:1.95}.case04-section-lead{max-width:880px;margin:0 0 35px;font-size:20px;font-weight:500;line-height:1.7}.case04-process{margin:55px 0}.case04-process .case04-kicker{margin-bottom:14px}.case04-process-grid{border-top:1px solid var(--c04-line);grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;display:grid}.case04-process-grid article{padding-top:24px}.case04-process-number{font-family:var(--font-editorial);color:var(--c04-blue);font-size:38px}.case04-process-grid p{color:var(--c04-muted);margin:14px 0 0;font-size:14px;line-height:1.85}.case04-process-grid .case04-process-from{min-height:48px;margin:20px 0;font-size:13px}.case04-process-grid h3{font-family:var(--font-title);margin:18px 0 0;font-size:23px;line-height:1.65}.case04-process-arrow{border-bottom:1px solid var(--c04-blue);border-right:1px solid var(--c04-blue);width:10px;height:10px;margin-left:2px;display:block;transform:rotate(45deg)}.case04-original{border-top:1px solid var(--c04-line);max-width:1000px;padding-top:30px}.case04-original>p:not(.case04-kicker){color:var(--c04-muted);margin:0 0 20px;font-size:15px;line-height:1.95}.case04-inline-emphasis{color:var(--c04-blue);font-weight:500}.case04-authorship{border-top:1px solid var(--c04-line);grid-template-columns:1fr 1fr;gap:45px;margin-bottom:25px;padding:27px 0 35px;display:grid}.case04-authorship p{color:var(--c04-muted);margin:0;font-size:14px;line-height:1.95}.case04-gallery-title{font-family:var(--font-title);margin:0 0 14px;font-size:26px;line-height:1.6}.case04-gallery-intro{color:var(--c04-muted);margin:0 0 28px;font-size:14px;line-height:1.85}.case04-carousel{grid-template-columns:260px minmax(0,1fr);gap:48px;display:grid}.case04-thumbnails{flex-direction:column;align-self:start;gap:12px;display:flex}.case04-thumbnails button{border:0;border-bottom:1px solid var(--c04-line);text-align:left;color:var(--c04-muted);cursor:pointer;background:0 0;grid-template-columns:46px 22px 1fr;align-items:center;gap:10px;padding:0 0 12px;display:grid}.case04-thumbnails img{opacity:.65;width:46px;height:auto;transition:opacity .2s}.case04-thumbnails span{font-variant-numeric:tabular-nums;font-size:10px}.case04-thumbnails strong{font-size:12px;font-weight:400;line-height:1.7}.case04-thumbnails button[aria-pressed=true]{color:var(--c04-blue)}.case04-thumbnails button[aria-pressed=true] img{opacity:1;outline:2px solid var(--c04-blue);outline-offset:2px}.case04-carousel-work{width:100%;max-width:820px}.case04-carousel-description{min-height:100px;padding:22px 0 0}.case04-carousel-description h4{margin:0 0 8px;font-size:17px;font-weight:500;line-height:1.7}.case04-carousel-description p{color:var(--c04-muted);margin:0;font-size:13px;line-height:1.85}.case04-art{margin:24px 0 0}.case04-art figcaption{color:var(--c04-muted);padding-top:13px;font-size:11px;line-height:1.8}.case04-image-trigger{cursor:zoom-in;text-align:left;background:#fff;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.case04-image-trigger>img{width:100%;height:auto;transition:transform .4s cubic-bezier(.22,1,.36,1);display:block}.case04-image-open{color:var(--c04-ink);background:#f6f3ecf2;border:1px solid #17191c25;align-items:center;gap:10px;padding:10px 13px;font-size:11px;display:flex;position:absolute;bottom:14px;right:14px;box-shadow:0 3px 12px #0000000b}.case04-image-trigger:hover>img{transform:scale(1.008)}.case04-gallery-controls{border-bottom:1px solid var(--c04-line);justify-content:space-between;align-items:center;gap:20px;padding:13px 0;display:flex}.case04-gallery-controls span{letter-spacing:.12em;font-variant-numeric:tabular-nums;font-size:11px}.case04-gallery-controls button{border:1px solid var(--c04-line);color:var(--c04-blue);cursor:pointer;background:0 0;place-items:center;width:44px;height:44px;display:grid}.case04-gallery-controls button:disabled{opacity:.3;cursor:default}.case04-channel-story{border-top:1px solid var(--c04-line);margin-top:76px;padding-top:45px}.case04-comparison-picker{border-bottom:1px solid var(--c04-line);gap:35px;display:flex}.case04-comparison-picker button{cursor:pointer;color:var(--c04-muted);background:0 0;border:0;border-bottom:2px solid #0000;gap:12px;padding:18px 0;font-size:16px;display:flex}.case04-comparison-picker button span{padding-top:5px;font-size:10px}.case04-comparison-picker button[aria-pressed=true]{color:var(--c04-blue);border-bottom-color:currentColor}.case04-comparison-note{color:var(--c04-muted);min-height:26px;margin:22px 0 32px;font-size:14px;line-height:1.9}.case04-comparison-pair{grid-template-columns:1fr 1fr;align-items:start;gap:32px;display:grid}.case04-comparison-pair h4{margin:0 0 15px;font-size:13px;font-weight:500;line-height:1.8}.case04-comparison-pair .case04-art{margin-top:0}.case04-substeps{gap:20px;margin:0 0 15px;display:flex}.case04-substeps button{color:var(--c04-muted);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;padding:7px 0;font-size:12px}.case04-substeps button[aria-pressed=true]{color:var(--c04-blue);border-bottom-color:currentColor}.case04-outcome{max-width:1000px;padding:82px 0 65px}.case04-outcome h2{font-family:var(--font-title);letter-spacing:-.025em;margin:0 0 24px;font-size:clamp(27px,3.6vw,44px);font-weight:900;line-height:1.55}.case04-outcome>p:last-child{color:var(--c04-muted);margin:0;font-size:16px;line-height:1.95}.case04-method{border-top:1px solid var(--c04-line);border-bottom:1px solid var(--c04-line);grid-template-columns:repeat(4,1fr);gap:25px;margin:35px 0;display:grid}.case04-method p{margin:0;padding:20px 0;font-size:15px;line-height:1.7}.case04-method span{color:var(--c04-blue);margin-right:15px;font-size:11px}.case04-footer{border-top:1px solid var(--c04-line);color:var(--c04-blue);justify-content:space-between;gap:20px;padding:27px 0 38px;font-size:12px;display:flex}.case04-overlay{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#101318c7;position:fixed;inset:0}.case04-dialog{--c04-line:#17191c29;--c04-blue:#0054dd;z-index:101;color:#17191c;max-width:1600px;font-family:var(--font-body);background:#f6f3ec;flex-direction:column;margin:auto;padding:20px 24px;display:flex;position:fixed;inset:3vh 3vw;box-shadow:0 24px 90px #0004}.case04-dialog-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.case04-dialog-heading h2{margin:0;font-size:14px;font-weight:500;line-height:1.7}.case04-dialog-heading>div{align-items:center;gap:16px;display:flex}.case04-dialog-heading button{border:1px solid var(--c04-line);color:#17191c;cursor:pointer;background:0 0;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px 12px;font-size:12px;display:flex}.case04-dialog-heading button[aria-pressed=true]{color:var(--c04-blue);border-color:var(--c04-blue)}.case04-dialog-hint{color:#565a60;margin:10px 0 15px;font-size:11px;line-height:1.7}.case04-dialog>.case04-gallery-controls{padding:0 0 13px}.case04-gallery-viewport{overscroll-behavior:contain;scrollbar-gutter:stable;background:#e6e3dc;flex:1;min-height:0;margin-top:15px;overflow:auto}.case04-gallery-canvas{justify-content:center;align-items:flex-start;width:100%;min-height:100%;display:flex}.case04-gallery-canvas>img{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:auto;display:block}.case04-gallery-viewport:not(.is-zoomed) .case04-gallery-canvas{height:100%}.case04-gallery-viewport:not(.is-zoomed) .case04-gallery-canvas>img{object-fit:contain;width:100%;height:100%}.case04-gallery-viewport.is-zoomed{cursor:grab}.case04-gallery-viewport.is-zoomed:active{cursor:grabbing}.case04-gallery-viewport:focus-visible{outline-offset:2px;outline:3px solid #0054dd}@media (max-width:1000px){.case04-hero-inner{gap:32px;min-height:520px}.case04-hero-stage{padding-top:50px}.case04-carousel{grid-template-columns:200px minmax(0,1fr);gap:30px}.case04-process-grid{gap:25px}.case04-process-grid h3{font-size:20px}}@media (max-width:767px){.case04-header{gap:10px;padding:20px 18px}.case04-header>span{display:none}.case04-header>a{font-size:11px}.case04-header>a:first-child{font-size:13px}.case04-hero{padding:42px 18px 0}.case04-hero-inner{grid-template-columns:1fr;gap:28px;min-height:0}.case04-hero h1.headline{font-size:clamp(30px,8.5vw,48px);line-height:1.35}.case04-hero-intro{font-size:13px}.case04-hero-stage{padding:35px 8px 24px}.case04-hero-image{transform:rotate(-3deg)}.case04-role{grid-template-columns:1fr;gap:10px;margin-top:28px;padding:25px 0 30px}.case04-role>p:last-child{font-size:12px}.case04-toc>div{justify-content:space-between;gap:0;padding:0 18px}.case04-toc a{gap:7px;padding:17px 0;font-size:12px}.case04-toc a span{font-size:9px}.case04-reading{padding:0 18px}.case04-section{padding:62px 0 56px;scroll-margin-top:65px}.case04-section .headline{margin-bottom:22px;font-size:29px;line-height:1.55}.case04-intro{margin-bottom:31px;font-size:15px}.case04-section-lead{margin-bottom:28px;font-size:18px;line-height:1.8}.case04-process{margin:35px 0}.case04-process-grid{grid-template-columns:1fr;gap:20px}.case04-process-grid article{border-bottom:1px solid var(--c04-line);grid-template-columns:35px 1fr;gap:8px 20px;padding-top:20px;padding-bottom:20px;display:grid}.case04-process-number{grid-row:1/5;font-size:32px}.case04-process-grid .case04-process-from{min-height:0;margin:0}.case04-process-grid h3{margin:8px 0 0;font-size:21px}.case04-process-grid p{margin:0;font-size:13px}.case04-process-grid .case04-process-arrow{margin-top:6px}.case04-original>p:not(.case04-kicker){font-size:14px}.case04-authorship{grid-template-columns:1fr;gap:20px;margin-bottom:20px;padding-bottom:25px}.case04-gallery-title{font-size:23px}.case04-carousel{flex-direction:column;gap:25px;display:flex}.case04-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 12px;width:100%;display:grid}.case04-thumbnails button{flex-direction:column;align-items:start;gap:6px;padding:0 0 10px;display:flex}.case04-thumbnails img{width:100%;height:auto}.case04-thumbnails strong{font-size:10px;line-height:1.65}.case04-carousel-description{min-height:0}.case04-image-open{padding:8px 10px;font-size:10px;bottom:10px;right:10px}.case04-channel-story{margin-top:48px;padding-top:30px}.case04-comparison-picker{justify-content:space-between;gap:0}.case04-comparison-picker button{gap:7px;font-size:13px}.case04-comparison-pair{grid-template-columns:1fr;gap:35px}.case04-comparison-note{font-size:13px}.case04-method{grid-template-columns:repeat(2,1fr);gap:0 15px}.case04-method p{padding:14px 0;font-size:14px}.case04-outcome{padding:57px 0 45px}.case04-outcome h2{font-size:29px}.case04-outcome>p:last-child{font-size:15px}.case04-footer{flex-wrap:wrap;padding-bottom:28px;font-size:11px;line-height:1.8}.case04-dialog{max-height:calc(100dvh - 24px);padding:14px;inset:12px}.case04-dialog-heading{align-items:start;gap:8px}.case04-dialog-heading h2{flex:1;padding-top:8px;font-size:12px}.case04-dialog-heading>div{flex-shrink:0;gap:7px}.case04-dialog-heading button{min-height:40px;padding:6px 8px;font-size:10px}.case04-dialog-hint{margin-bottom:10px;font-size:10px}.case04-gallery-viewport{margin-top:10px}.case04-dialog .case04-gallery-controls button{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.case04-reveal{opacity:1!important;transform:none!important}.case04-page *,.case04-dialog *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.case04-image-trigger:hover>img{transform:none}.case04-hero-stage:hover .case04-hero-image{transform:rotate(-5deg)}.case04-start:hover .case04-down{transform:rotate(45deg)}}.case04-social-collection{margin-top:65px}.case04-channel-story{margin-top:20px}@media (max-width:767px){.case04-social-collection{margin-top:48px}}@media (min-width:768px){.case04-hero-stage{width:min(100%,390px);margin-left:auto;margin-right:32px;padding:45px 0 35px 12px}}@media (max-width:767px){.case04-hero-stage{width:100%;margin:0;padding:35px 8px 24px}}