.case-page{--case-orange:#e8541c;--case-soft:#69737f}.case-hero{max-width:820px;padding:44px 2px 0}.case-back{min-height:40px;color:var(--ff-muted);align-items:center;gap:8px;margin-bottom:22px;font-size:13px;font-weight:520;display:inline-flex}.case-back:hover{color:var(--ff-ink)}.case-hero h1{letter-spacing:-.05em;text-wrap:balance;margin:4px 0 0;font-size:clamp(38px,4.6vw,62px);font-weight:500;line-height:1.04}.case-hero>p{max-width:620px;color:var(--ff-muted);text-wrap:pretty;margin:16px 0 0;font-size:17px;line-height:1.6}.case-facts{flex-wrap:wrap;gap:8px;margin:24px 0 0;display:flex}.case-facts>div{background:#ffffff80;border:1px solid #ffffffb3;border-radius:99px;align-items:baseline;gap:8px;padding:8px 14px;display:flex}.case-facts dt{color:var(--case-soft);font-size:11px}.case-facts dd{color:var(--ff-ink);margin:0;font-size:13px;font-weight:550}.case-film{margin-top:30px}.case-page .case-film .work-grid-compact{grid-template-columns:1fr}.case-page .case-film .work-grid-compact .work-card{border-radius:30px;padding:8px}.case-page .case-film .work-poster{border-radius:23px}.case-page .case-film .work-grid-compact .work-card :is(.work-caption,.film-story,.preview-trigger){display:none}.case-note{color:var(--case-soft);margin:14px 4px 0;font-size:12px}.case-section{margin-top:104px;scroll-margin-top:104px}.case-head{max-width:680px;margin:0 2px 28px}.case-head h2{letter-spacing:-.035em;text-wrap:balance;margin:12px 0 0;font-size:clamp(26px,2.4vw,34px);font-weight:500;line-height:1.14}.case-head p{max-width:600px;color:var(--ff-muted);text-wrap:pretty;margin:14px 0 0;font-size:16px;line-height:1.65}.case-task{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:56px;display:grid}.case-task .case-head{margin-bottom:0}.case-compare{border:1px solid var(--ff-edge);background:var(--ff-panel);box-shadow:var(--ff-shadow);border-radius:24px;gap:28px;margin:0;padding:30px 28px;display:grid}.case-compare-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 18px;display:grid}.case-compare-row>span{color:var(--ff-muted);grid-column:1/-1;font-size:12px;font-weight:520}.case-bar{gap:3px;height:40px;display:flex}.is-before .case-bar i{color:#5b6573;text-overflow:ellipsis;white-space:nowrap;background:#dce1e8;border-radius:9px;flex:1;place-items:center;min-width:0;font-size:11px;font-style:normal;font-weight:550;display:grid;overflow:hidden}.is-after .case-bar i{background:var(--case-orange);border-radius:9px;width:12%;min-width:34px;box-shadow:0 6px 18px -8px #e8541c99}.case-compare-row strong{letter-spacing:-.025em;text-align:right;min-width:96px;font-size:21px;font-weight:550}.is-after strong{color:var(--case-orange)}.case-plan{border:1px solid var(--ff-edge);box-shadow:var(--ff-shadow);background:#fff;border-radius:24px;overflow:hidden}.case-plan-head{border-bottom:1px solid var(--ff-line);flex-wrap:wrap;align-items:center;gap:8px 16px;padding:16px 22px;font-size:13px;display:flex}.case-plan-head strong{letter-spacing:-.01em;font-weight:600}.case-plan-head>span:not(.case-approved){color:var(--case-soft);font-variant-numeric:tabular-nums;font-size:12px}.case-approved{color:var(--ff-ink);background:#f044321a;border-radius:99px;align-items:center;gap:7px;margin-left:auto;padding:4px 11px 4px 5px;font-size:12px;font-weight:550;display:inline-flex}.case-approved svg{flex:none;width:16px;height:16px}.case-plan table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.55}.case-plan th{border-bottom:1px solid var(--ff-line);color:var(--case-soft);text-align:left;background:#f6f8fa;padding:11px 22px;font-size:11px;font-weight:550}.case-plan td{border-bottom:1px solid var(--ff-line);color:var(--ff-ink);vertical-align:top;padding:14px 22px}.case-plan tr:last-child td{border-bottom:0}.case-plan .case-time{width:92px;padding-right:0}.case-time span{font-variant-numeric:tabular-nums;background:#eef1f5;border-radius:7px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.case-plan .case-vo{width:40%;color:var(--ff-muted)}.case-plan tbody tr:hover td{background:#fafbfc}.case-actions{margin-top:22px;display:flex}.case-frames{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.case-frames li{border:1px solid var(--ff-edge);background:var(--ff-panel);min-width:0;box-shadow:var(--ff-shadow);border-radius:22px;padding:6px}.case-frames img{aspect-ratio:16/9;object-fit:cover;background:#e6e3dd;border-radius:16px;width:100%;height:auto;display:block}.case-frames li>div{padding:12px 8px 8px}.case-frames span{color:#2f527c;font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.case-frames h3{letter-spacing:-.015em;margin:3px 0 0;font-size:17px;font-weight:550}.case-frames p{color:var(--ff-muted);text-wrap:pretty;margin:5px 0 0;font-size:13px;line-height:1.5}.case-reasons{border:1px solid var(--ff-edge);background:var(--ff-panel);box-shadow:var(--ff-shadow);border-radius:24px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:6px;list-style:none;display:grid}.case-reasons li{min-width:0;padding:22px 20px 24px}.case-reasons li+li{border-left:1px solid var(--ff-line)}.case-reasons span{color:#2f527c;background:linear-gradient(#f2f4f7,#e8ecf1);border-radius:12px;place-items:center;width:40px;height:40px;font-size:12px;font-weight:600;display:grid}.case-reasons h3{letter-spacing:-.02em;margin:16px 0 0;font-size:18px;font-weight:520}.case-reasons p{color:var(--ff-muted);text-wrap:pretty;margin:8px 0 0;font-size:14px;line-height:1.6}.case-page .work-index-cta{margin-top:96px}.case-more{margin:-18px 4px 40px}.case-more .text-link{color:#2f527c;align-items:center;gap:8px;font-size:14px;font-weight:520;display:inline-flex}.case-more svg{width:14px;height:14px}@media (max-width:1000px){.case-task{grid-template-columns:1fr;gap:28px}.case-frames{grid-template-columns:repeat(2,minmax(0,1fr))}.case-reasons{grid-template-columns:1fr}.case-reasons li+li{border-top:1px solid var(--ff-line);border-left:0}}@media (max-width:700px){.case-hero{padding-top:28px}.case-back{margin-bottom:14px}.case-hero h1{font-size:clamp(32px,8.8vw,42px)}.case-hero>p{font-size:15px}.case-facts{gap:6px;margin-top:18px}.case-facts>div{padding:6px 11px}.case-facts dd{font-size:12px}.case-film{margin-top:22px}.case-page .case-film .work-grid-compact .work-card{border-radius:22px;padding:5px}.case-page .case-film .work-poster{border-radius:17px}.case-section{margin-top:72px}.case-head{margin-bottom:20px}.case-head p{font-size:15px}.case-compare{gap:22px;padding:20px 16px}.case-bar{height:34px}.is-before .case-bar i{font-size:9.5px}.case-compare-row strong{min-width:0;font-size:17px}.case-plan-head{padding:14px 16px}.case-plan thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.case-plan :is(table,tbody,tr,td){width:auto;display:block}.case-plan tr{border-bottom:1px solid var(--ff-line);padding:14px 16px}.case-plan tr:last-child{border-bottom:0}.case-plan td,.case-plan .case-time{border:0;width:auto;padding:0}.case-plan .case-time{margin-bottom:7px}.case-plan .case-vo{border-left:2px solid var(--case-orange);width:auto;margin-top:8px;padding-left:10px}.case-plan tbody tr:hover td{background:0 0}.case-frames{gap:10px}.case-frames li{border-radius:16px;padding:4px}.case-frames img{border-radius:12px}.case-frames li>div{padding:9px 5px 6px}.case-frames h3{font-size:14px}.case-frames p{font-size:12px}.case-reasons li{padding:18px 14px}.case-page .work-index-cta{margin-top:72px}.case-more{margin:-10px 2px 28px}}