.work-page{--font-h:var(--font-montserrat),Montserrat,sans-serif;--font-b:var(--font-open-sans),"Open Sans",sans-serif;--work-accent:#111;--work-accent-soft:#f05c75;--work-ink:#f7f5f6;background:#f7f5f6;color:#111}.work-page a{color:inherit}.work-wrap{width:min(100% - 40px,1120px);margin:0 auto}.work-kicker{display:block;margin-bottom:16px;font-family:var(--font-h);font-size:.68rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;opacity:.72}.work-kicker-dark{color:var(--work-accent);opacity:1}.work-hero{padding:56px 0 72px;color:#fff}.work-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}.work-hero h1{margin:0 0 12px;font-family:var(--font-h);font-size:clamp(42px,6vw,76px);font-weight:800;line-height:.92;letter-spacing:-.035em}.work-hero .work-type{margin:0 0 20px;font-family:var(--font-h);font-size:1rem;font-weight:600;opacity:.78}.work-hero p{max-width:540px;margin:0;font-family:var(--font-b);font-size:1.08rem;line-height:1.7;opacity:.9}.work-hero-visual{overflow:hidden;border-radius:20px;background:rgba(255,255,255,.12);box-shadow:0 24px 60px rgba(0,0,0,.22);min-height:280px}.work-hero-visual img{display:block;width:100%;height:320px;object-fit:cover}.work-hero-visual.is-mark{display:grid;place-items:center;background:var(--work-ink);min-height:320px}.work-hero-visual.is-mark img{width:min(180px,46%);height:auto;object-fit:contain}.work-body{padding:72px 0 96px}.work-journey-intro{max-width:680px;margin-bottom:56px}.work-journey-intro h2{margin:0 0 14px;font-family:var(--font-h);font-size:clamp(28px,4vw,42px);font-weight:800;letter-spacing:-.03em;line-height:1.05}.work-journey-intro p{margin:0;font-family:var(--font-b);font-size:1.12rem;line-height:1.7;color:#3d3a3b}.work-journey{margin:0;padding:0;list-style:none;display:grid;gap:72px}.work-moment{display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center}.work-moment.is-flip{grid-template-columns:1.15fr 1fr}.work-moment.is-flip .work-moment-copy{order:2}.work-moment-meta{display:flex;align-items:center;gap:12px;margin-bottom:16px}.work-moment-num{font-size:.78rem;font-weight:800;letter-spacing:.12em}.work-moment-num,.work-persona{font-family:var(--font-h);color:var(--work-accent)}.work-persona{display:inline-flex;align-items:center;min-height:26px;padding:0 10px;border-radius:999px;background:color-mix(in srgb,var(--work-accent) 10%,white);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.work-moment-copy h3{margin:0 0 12px;font-family:var(--font-h);font-size:clamp(22px,3vw,30px);font-weight:800;letter-spacing:-.025em;line-height:1.15}.work-moment-copy p{margin:0;max-width:420px;font-family:var(--font-b);font-size:1.02rem;line-height:1.7;color:#3d3a3b}.work-frame{margin:0}.work-frame img,.work-frame-empty{display:block;width:100%;aspect-ratio:16/10;border-radius:18px;background:#fff;box-shadow:0 16px 40px rgba(17,17,17,.08)}.work-frame img{object-fit:cover}.work-frame-empty{display:flex;flex-direction:column;justify-content:flex-end;gap:8px;padding:28px;border:1.5px dashed color-mix(in srgb,var(--work-accent) 28%,#d7d2d3);background:linear-gradient(180deg,color-mix(in srgb,var(--work-accent) 6%,#fff) 0,#fff 55%)}.work-frame-empty span{font-family:var(--font-h);font-size:.72rem;font-weight:800;letter-spacing:.14em;color:var(--work-accent)}.work-frame-empty strong{font-family:var(--font-h);font-size:1.05rem;font-weight:800}.work-frame-empty small{max-width:36ch;font-family:var(--font-b);font-size:.88rem;line-height:1.55;color:#6a6667}.work-frame figcaption{margin-top:10px;font-family:var(--font-b);font-size:.82rem;color:#7a7576}.work-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:72px;padding-top:36px;border-top:1px solid #e6e1e2}.work-actions a{display:inline-flex;align-items:center;gap:6px;min-height:46px;padding:0 18px;border-radius:999px;font-family:var(--font-h);font-size:.85rem;font-weight:700;text-decoration:none}.work-actions .work-back{background:#111;color:#fff}.work-actions .work-live{background:#fff;border:1px solid #e2dfe0}@media (max-width:860px){.work-hero{padding:40px 0 48px}.work-hero-grid,.work-moment,.work-moment.is-flip{grid-template-columns:1fr;gap:24px}.work-moment.is-flip .work-moment-copy{order:0}.work-hero-visual img,.work-hero-visual.is-mark{min-height:220px;height:220px}.work-journey{gap:48px}.work-body{padding:48px 0 72px}}