.case-head{padding:calc(var(--nav-h) + 6vh) var(--pad) 0}.case-head.has-img{grid-template-columns:5fr 7fr;align-items:end;gap:4vw;display:grid}.case-head h1{letter-spacing:-.045em;font-size:clamp(44px,5.6vw,104px);font-weight:560;line-height:.94}.case-head:not(.has-img) h1{max-width:14ch;font-size:clamp(48px,8vw,150px)}.ch-desc{color:var(--text-2);max-width:32ch;margin-top:2.2vw;font-size:clamp(18px,1.5vw,24px);line-height:1.35}.ch-facts{border-top:1px solid var(--line);margin-top:3vw}.ch-facts div{border-bottom:1px solid var(--line);grid-template-columns:110px 1fr;align-items:baseline;gap:12px;padding:14px 0;display:grid}.ch-facts dt{color:var(--mute);font-size:14px}.ch-facts dd{font-size:16px}.ch-facts .ch-links{flex-direction:column;gap:4px;display:flex}.ch-facts .tg{flex-wrap:wrap;gap:6px;display:flex}.ch-facts .tg span{box-shadow:inset 0 0 0 1px var(--line);color:var(--text-2);border-radius:999px;padding:5px 11px;font-size:13px}.ch-link{align-items:center;gap:8px;transition:color .3s;display:inline-flex}.ch-link svg{transition:transform .4s var(--ease)}.ch-link:hover{color:var(--green)}.ch-link:hover svg{transform:rotate(-45deg)}.ch-img{border-radius:var(--r);background:var(--grey);aspect-ratio:5/4;max-height:calc(100svh - var(--nav-h) - 8vh);position:relative;overflow:hidden}.ch-img .pic,.ch-img img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}@media (width<=899px){.case-head.has-img{grid-template-columns:1fr;gap:32px}.ch-img{aspect-ratio:4/3}}.case-story{padding:8vw var(--pad) 0;grid-template-columns:7fr 5fr;align-items:start;gap:5vw;display:grid}.case-story .lead{letter-spacing:-.025em;color:var(--black);font-size:clamp(24px,2.5vw,42px);line-height:1.22}.case-story .body{color:var(--text-2);padding-top:.5em;font-size:clamp(17px,1.25vw,20px);line-height:1.65}.case-result{padding:5vw var(--pad) 0;letter-spacing:-.04em;color:var(--green);max-width:22ch;font-size:clamp(30px,4vw,68px);font-weight:500;line-height:1.05}.case-media{padding:8vw var(--pad) 0;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:6vw 24px;display:grid}.mi-ph{border-radius:var(--r);background:var(--grey);max-height:max(320px,100svh - 200px);position:relative;overflow:hidden}.mi-ph .pic{position:absolute;inset:0}.mi-tint .mi-ph:after{content:"";z-index:1;pointer-events:none;border-radius:inherit;mix-blend-mode:multiply;background:linear-gradient(155deg,#f5f7f8 0%,#e4e9eb 100%);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000000d}.mi-ph img,.mi-ph video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mi-empty{text-align:center;color:var(--mute);place-content:center;gap:6px;padding:20px;display:grid;position:absolute;inset:0}.mi-empty span{letter-spacing:-.02em;color:var(--text-2);font-size:clamp(18px,1.6vw,26px)}.mi-empty small{font-size:13px}.mi-play{z-index:2;cursor:pointer;color:#fff;align-items:flex-end;padding:clamp(12px,1.4vw,20px);display:flex;position:absolute;inset:0}.mi-play-i{backdrop-filter:blur(12px);width:44px;height:44px;transition:transform .5s var(--ease), background .3s, color .3s;background:#00000047;border-radius:50%;place-items:center;padding-left:2px;display:grid}.mi-play:hover .mi-play-i,.mi-play:focus-visible .mi-play-i{color:var(--black);background:#fff;transform:scale(1.1)}.vbox{background:0 0;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.vbox::backdrop{backdrop-filter:blur(10px);background:#0a0c0ce0}.vbox-in{place-items:center;padding:clamp(16px,5vw,80px);display:grid;position:absolute;inset:0}.vbox video{object-fit:contain;border-radius:var(--r);outline:none;width:100%;max-width:1600px;height:100%}.vbox-x{width:48px;height:48px;transition:background .3s, transform .5s var(--ease);background:#ffffff24;border-radius:50%;position:absolute;top:18px;right:18px}.vbox-x i{background:#fff;border-radius:2px;height:1.5px;position:absolute;top:23px;left:15px;right:15px;transform:rotate(45deg)}.vbox-x i+i{transform:rotate(-45deg)}.vbox-x:hover{background:#ffffff42;transform:rotate(90deg)}.mi figcaption{margin-top:16px}.mi .kick{color:var(--text-2);box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;align-items:center;padding:6px 13px;font-size:13px;line-height:1.2;display:inline-flex}.case-media+.case-next{padding-top:clamp(80px,10vw,180px)}@media (width<=760px){.case-media{grid-template-columns:1fr;row-gap:48px}.case-media .mi{grid-area:auto/1/auto/-1!important;margin-top:0!important}.case-media .mi-r{justify-self:end;width:82%}}.gallery{padding:0 var(--pad) 7vw;grid-template-columns:1fr 1fr;gap:16px;display:grid}.gallery .g{border-radius:var(--r);background:var(--grey);overflow:hidden}.gallery .g0{aspect-ratio:16/9;grid-column:1/-1}.gallery .g1,.gallery .g2{aspect-ratio:4/5}.gallery .pic,.gallery img{object-fit:cover;width:100%;height:100%}.case-next{padding:0 var(--pad) 7vw}.case-story+.case-next,.case-result+.case-next{padding-top:clamp(80px,10vw,180px)}.case-next span{color:var(--mute);font-size:14px}.case-next a{border-top:1px solid var(--line);border-bottom:1px solid var(--line);letter-spacing:-.035em;justify-content:space-between;align-items:center;gap:20px;margin-top:10px;padding:24px 0;font-size:clamp(28px,3.4vw,60px);font-weight:500;display:flex}.case-next i{background:var(--grey);width:56px;height:56px;transition:background .3s, color .3s, transform .5s var(--ease);border-radius:50%;flex:none;place-items:center;display:grid}.case-next a:hover{color:var(--green)}.case-next a:hover i{background:var(--green-l);color:#fff;transform:rotate(-45deg)}@media (width<=899px){.case-story{grid-template-columns:1fr;gap:24px}}@media (width<=760px){.gallery{grid-template-columns:1fr}.gallery .g1,.gallery .g2{aspect-ratio:4/3}}