/* works ページ固有CSV。design/works.html の2番目の<style>ブロックをそのまま移植。重複クラス名(.iv/.philo等)がページ間で衝突するため個別ファイル化し条件付きenqueue。 */
.work{display:grid;grid-template-columns:1.15fr 1fr;gap:0;border-radius:22px;overflow:hidden;border:1px solid var(--line);scroll-margin-top:100px}
.work+.work{margin-top:36px}
.work .media{background:var(--ink);display:flex;align-items:center;justify-content:center;padding:44px;position:relative}
.work .media.cream{background:var(--cream)}
.work .shot{border-radius:11px;overflow:hidden;box-shadow:0 26px 54px -24px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.12)}
.work .media.cream .shot{box-shadow:0 26px 54px -24px rgba(36,30,41,.4);border:1px solid var(--line)}
.work .media image-slot{width:100%;height:auto;aspect-ratio:16/10;display:block}
.work .tagline{position:absolute;top:26px;left:34px;font-size:11.5px;letter-spacing:4px;color:rgba(255,255,255,.5);font-weight:700}
.work .media.cream .tagline{color:var(--mauve)}
.work .panel{background:var(--crimson);color:#fff;padding:56px 48px;display:flex;flex-direction:column;justify-content:center}
.work.flip{direction:rtl}
.work.flip>*{direction:ltr}
.work h2{font-size:38px;font-weight:800}
.work .sub{font-size:16px;font-weight:700;opacity:.92;margin-top:8px}
.work .desc{font-size:15.5px;line-height:1.95;margin-top:20px;opacity:.95}
.badge{display:inline-block;align-self:flex-start;font-size:12px;font-weight:700;letter-spacing:1px;background:#fff;color:var(--crimson);border-radius:100px;padding:6px 14px;margin-bottom:16px}
@media(max-width:860px){.work{grid-template-columns:1fr}.work.flip{direction:ltr}.work .media{order:-1;padding:32px}.work .panel{padding:38px 30px}}