.work-page .work-hero{padding:40px 0 76px}.work-page .work-hero h1{letter-spacing:-.075em;max-width:15ch;margin:42px 0 0;font-size:clamp(52px,8.4vw,128px);font-weight:850;line-height:.88}.work-page .work-hero h1 em{font-family:var(--font-serif), serif;color:var(--blue);font-weight:400}.work-hero-bottom{grid-template-columns:1fr;align-items:end;gap:30px;margin-top:46px;display:grid}.work-hero-bottom p{color:#56565d;max-width:46ch;margin:0;font-size:18px;line-height:1.5}.work-hero-bottom p b{color:var(--ink);font-weight:650}.work-count{flex-wrap:wrap;gap:34px;display:flex}.work-count div{flex-direction:column;gap:3px;display:flex}.work-count strong{letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:40px;font-weight:850;line-height:1}.work-count span{letter-spacing:.14em;text-transform:uppercase;color:#8a8a92;font-size:10px;font-weight:750}.work-cases{padding-bottom:40px}.work-page .case{margin-bottom:118px}.work-page .case-b{width:88%;margin-left:auto}.work-page .case-c{width:82%}.work-page .live-preview{background:#0b0b0d;height:620px}.work-page .shot{width:100%;height:auto;position:absolute;top:0;left:0}.case-frame{background:#0b0b0d;border-radius:26px;display:block;position:relative;overflow:hidden;box-shadow:0 32px 85px #12121821}.case-frame .live-preview{border-radius:0}.case-detail{flex-direction:column;gap:18px;display:flex}.case-detail p{margin:0}.case-tags{flex-wrap:wrap;align-content:start;gap:7px;display:flex}.case-tags span{letter-spacing:.1em;text-transform:uppercase;color:#56565d;border:1px solid var(--line);border-radius:999px;padding:7px 13px;font-size:10px;font-weight:750}.work-page .case-foot{grid-template-columns:1.15fr .85fr;gap:70px}.work-note{border:1px solid var(--line);color:#56565d;border-radius:20px;max-width:74ch;margin:0 0 96px;padding:22px 26px;font-size:14px;line-height:1.6}.work-note b{color:var(--ink);font-weight:650}.work-note a{color:var(--blue);border-bottom:1px solid}@media (min-width:900px){.work-hero-bottom{grid-template-columns:1.1fr .9fr;gap:60px}}@media (max-width:900px){.work-page .live-preview{height:auto}.work-page .shot{width:100%;height:auto;display:block;position:static}.work-page .case-b,.work-page .case-c{width:100%;margin-left:0}.work-page .case-foot{grid-template-columns:1fr;gap:14px}.work-page .case{margin-bottom:78px}}