.case-page{background:var(--paper);color:var(--ink)}.case-page h1,.case-page h2{font-family:var(--display);letter-spacing:-.045em;text-wrap:balance;margin:0;font-weight:400;line-height:1.03}.case-page p{line-height:1.7}.case-kicker,.case-section-head>span{color:var(--rust);letter-spacing:.15em;text-transform:uppercase;font-size:.68rem;font-weight:700}.case-hero{background:var(--deep);color:#fff;position:relative;overflow:hidden}.case-hero-photo{height:clamp(560px,60vw,850px);position:relative}.case-hero-photo img{object-fit:cover;object-position:center 52%}.case-hero-shade{pointer-events:none;background:linear-gradient(#0000 37%,#081e23e8);position:absolute;inset:0}.case-hero-copy{max-width:950px;position:absolute;bottom:48px;left:clamp(24px,6vw,90px);right:24px}.case-hero-copy>a{color:#fff;border-bottom:1px solid #ffffff9e;margin-bottom:1.5rem;padding-bottom:.25rem;font-size:.8rem;text-decoration:none;display:inline-block}.case-hero-copy>p{letter-spacing:.16em;text-transform:uppercase;margin:0 0 1rem;font-size:.68rem;font-weight:700}.case-hero h1{font-size:clamp(3.3rem,6vw,6.5rem)}.case-hero h1 em{font-weight:400}.case-hero-copy>span{color:#eef1eb;margin-top:1.2rem;font-size:1rem;display:block}.case-intro{max-width:1580px;margin:auto;padding:76px clamp(22px,6vw,90px)}.case-intro>p{margin:0 0 1.5rem}.case-intro>div{grid-template-columns:1.2fr 1fr;align-items:center;gap:7vw;display:grid}.case-intro h2{font-size:clamp(2.6rem,4vw,4.8rem)}.case-intro>div>p{color:#546369;max-width:500px;margin:0}.case-feature,.case-second,.case-damage,.case-process,.case-finished{padding:80px clamp(18px,6vw,90px)}.case-feature{background:#e9e6dd}.case-section-head{grid-template-columns:1.2fr 1fr;align-items:end;column-gap:7vw;max-width:1400px;margin:0 auto 2rem;display:grid}.case-section-head>span{grid-column:1/-1;margin-bottom:1rem}.case-section-head h2{font-size:clamp(2.65rem,4.4vw,5rem)}.case-section-head>p{color:#536268;max-width:440px;margin:0}.case-slider{aspect-ratio:3/2;touch-action:pan-y;background:#c5c8c2;width:100%;max-width:1400px;margin:auto;position:relative;overflow:hidden}.case-slider-window{aspect-ratio:1}.case-slider-images,.case-slider-before{position:absolute;inset:0}.case-slider-images img{object-fit:cover}.case-slider-before{z-index:1;will-change:clip-path}.case-slider-tag{z-index:3;color:#fff;text-transform:uppercase;letter-spacing:.1em;pointer-events:none;background:#081e23eb;padding:.55rem .75rem;font-size:.67rem;font-weight:700;position:absolute;top:1rem}.case-slider-tag-before{left:1rem}.case-slider-tag-after{right:1rem}.case-slider-line{z-index:3;pointer-events:none;will-change:left;background:#fff;width:3px;position:absolute;top:0;bottom:0;transform:translate(-50%);box-shadow:0 0 8px #091b25a8}.case-slider-line>span{background:var(--deep);color:#fff;border:3px solid #fff;border-radius:50%;place-items:center;width:52px;height:52px;font-size:1.2rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 12px #091b2577}.case-slider-hint{z-index:3;color:#fff;letter-spacing:.04em;white-space:nowrap;pointer-events:none;background:#081e23d9;border-radius:3px;padding:.55rem .8rem;font-size:.7rem;font-weight:700;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.case-photo-note{color:#58666b;font-size:.72rem;line-height:1.45}.case-slider-window .case-slider-images img{object-fit:contain}.case-slider-control{z-index:4;cursor:ew-resize;display:block;position:absolute;inset:0}.case-slider-control input{appearance:none;cursor:ew-resize;opacity:0;touch-action:pan-y;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.case-slider-control input:focus-visible{opacity:1;outline-offset:-4px;outline:3px solid #d8aa6a}.case-slider-control input::-webkit-slider-thumb{appearance:none;cursor:ew-resize;background:0 0;width:52px;height:52px}.case-slider-control input::-moz-range-thumb{opacity:0;cursor:ew-resize;width:52px;height:52px}.case-slider-control .sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.case-detail-pair{grid-template-columns:1fr 1fr;gap:16px;max-width:1400px;margin:auto;display:grid}.case-detail-pair figure{aspect-ratio:3/2;margin:0;position:relative}.case-detail-pair figure:nth-child(2){overflow:hidden}.case-detail-pair figure:nth-child(2) img{transform-origin:17% 75%;transform:scale(1.38)}.case-page figure img{object-fit:cover}.case-page figcaption{color:#fff;letter-spacing:.035em;background:#081e23e8;max-width:calc(100% - 24px);padding:.55rem .75rem;font-size:.72rem;line-height:1.45;position:absolute;bottom:12px;left:12px}.case-process{background:var(--deep);color:#fff}.case-process .case-section-head>p{color:#cfdbd9}.case-process .case-section-head>span{color:#e4b482}.case-process-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:1400px;margin:auto;display:grid}.case-process-grid figure{aspect-ratio:1;background:var(--deep);margin:0;position:relative;overflow:hidden}.case-process-grid figure:first-child img{object-position:center 64%}.case-process-grid figure:last-child img{object-position:center 67%}.case-second{grid-template-columns:.75fr 1fr;align-items:center;column-gap:6vw;max-width:1580px;margin:auto;display:grid}.case-second .case-section-head{margin:0;display:block}.case-second h2{margin:1rem 0 1.5rem}.case-crew{background:#e8e4da;grid-template-columns:1fr 1fr;display:grid}.case-crew figure{min-height:420px;margin:0;position:relative;overflow:hidden}.case-crew figure img{object-position:center 48%;transform-origin:52% 60%;transform:scale(1.18)}.case-crew>div{align-self:center;padding:clamp(36px,6vw,90px)}.case-crew h2{margin:1rem 0 1.5rem;font-size:clamp(2.65rem,4vw,4.8rem)}.case-crew>div>p:last-child{color:#536268;max-width:440px;margin-bottom:0}.case-finished-grid{grid-template-columns:1fr 1fr;gap:16px;max-width:1400px;margin:auto;display:grid}.case-finished-grid figure{aspect-ratio:3/2;background:#c5cbc7;margin:0;position:relative}.case-finished-grid .case-finished-wide{aspect-ratio:3/2;grid-column:1/-1}.case-summary{text-align:center;background:#ebe7dd;padding:76px 24px}.case-summary h2{margin:1.2rem 0 1.6rem;font-size:clamp(2.8rem,4.5vw,5rem)}.case-summary>p:not(.case-kicker){color:#526167;max-width:620px;margin:0 auto 2rem}.case-summary .button{align-items:center;gap:.5rem;display:inline-flex}.case-next{padding-top:70px}@media (max-width:800px){.case-hero-photo{aspect-ratio:3/2;height:auto}.case-hero-shade{display:none}.case-hero-copy{padding:30px 22px 38px;position:static}.case-hero-copy>a{margin-bottom:1.3rem}.case-hero h1{font-size:clamp(2.8rem,8.8vw,4.8rem)}.case-hero-copy>span{max-width:400px;font-size:.94rem}.case-intro{padding:52px 22px}.case-intro>div{display:block}.case-intro h2{margin:0 0 1.3rem}.case-intro>div>p{max-width:600px}.case-section-head{margin-bottom:1.5rem;display:block}.case-section-head h2{margin:1rem 0 1.2rem}.case-section-head>p{max-width:600px}.case-section-head h2{font-size:clamp(2.4rem,7vw,3.7rem)}.case-feature,.case-second,.case-damage,.case-process,.case-finished{padding:52px 18px}.case-slider-tag{font-size:.59rem;top:.6rem}.case-slider-tag-before{left:.6rem}.case-slider-tag-after{right:.6rem}.case-process-grid{grid-template-columns:1fr 1fr;gap:10px}.case-process-grid figure{aspect-ratio:1}.case-process-grid figure:first-child{aspect-ratio:4/5;grid-column:1/-1}.case-second{display:block}.case-second .case-section-head{margin-bottom:1.5rem}.case-slider-window{max-width:600px}.case-crew{grid-template-columns:1fr}.case-crew figure{aspect-ratio:3/2;min-height:0}.case-crew>div{padding:40px 22px}.case-finished-grid{gap:10px}.case-summary{padding:55px 22px}.case-next{padding-top:50px}}@media (max-width:600px){.case-detail-pair,.case-finished-grid{grid-template-columns:1fr}.case-finished-grid .case-finished-wide{grid-column:1}.case-page figcaption{font-size:.67rem}.case-process-grid{grid-template-columns:1fr}.case-process-grid figure:first-child{aspect-ratio:1;grid-column:auto}.case-process-grid figure:not(:first-child){aspect-ratio:4/3}.case-process-grid figure:not(:first-child) figcaption{max-width:calc(100% - 18px);padding:.45rem .6rem;bottom:9px;left:9px}}@media (prefers-reduced-motion:reduce){.case-page *{scroll-behavior:auto!important}}
