.works-page{background:#fff}.works-title{padding:32px 64px 24px}.works-title__line{display:flex;align-items:flex-end;gap:16px}.works-title h1{font:300 clamp(48px,4.2vw,80px)/1 "Josefin Sans",sans-serif;letter-spacing:0}.works-title h1::first-letter{color:#2583be}.works-title__ja{flex:1;padding:0 0 10px;border-bottom:2px solid #2583be;font-size:24px}.works-title__crumb{margin-top:-32px;text-align:right;font-size:14px}.works-title__crumb a{color:#2583be}.works-lead{max-width:1020px;padding:0 64px 32px;color:#68717a;line-height:1.8}.works-filter{margin:0 64px 48px;padding:26px 32px;background:#f4f6f8}.works-filter__row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid #d9dde2}.works-filter__row:last-child{border:0}.works-filter__label{width:88px;color:#68717a;font-size:12px;font-weight:700}.works-chip{padding:7px 16px;border:1px solid #d9dde2;border-radius:30px;background:#f7f8fa;color:#454643;font:inherit;font-size:13px;cursor:pointer}.works-chip.is-active{border-color:#2583be;background:#2583be;color:#fff;font-weight:700}.works-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;padding:0 64px 96px}.works-card{display:flex;min-width:0;flex-direction:column;border:1px solid #d9dde2;background:#fff;box-shadow:0 5px 14px rgba(40,62,78,.08)}.works-card__image{width:100%;aspect-ratio:1.7;object-fit:cover}.works-card__body{display:flex;flex:1;flex-direction:column;padding:18px}.works-card__eyebrow{color:#2583be;font-size:11px}.works-card h2{margin:7px 0 10px;font-size:19px;line-height:1.45}.works-card__copy{color:#68717a;font-size:13px;line-height:1.7}.works-card__tags{display:flex;gap:6px;flex-wrap:wrap;margin:13px 0}.works-card__tags span{padding:3px 9px;border-radius:16px;background:#edf6fb;color:#2583be;font-size:10px}.works-card__link{display:flex;justify-content:space-between;margin-top:auto;padding-top:13px;border-top:1px solid #edf0f2;color:#2583be;font-size:12px;font-weight:700}.works-pager{grid-column:1/-1;display:flex;justify-content:center;gap:8px;margin-top:16px}.works-pager span{display:grid;width:32px;height:32px;place-items:center;border:1px solid #d9dde2}.works-pager .is-current{border-color:#2583be;background:#2583be;color:#fff}.works-hero{padding:26px 64px 34px;background:#258dc4;color:#fff}.works-hero__crumb{font-size:12px;opacity:.9}.works-hero h1{margin:18px 0 5px;font-size:34px}.works-hero p{font-size:14px}.works-detail{background:#fff}.works-detail__intro{display:grid;grid-template-columns:270px minmax(0,1fr);gap:48px;max-width:1340px;margin:auto;padding:48px 64px}.works-spec{padding:24px;border:1px solid #d9dde2;background:#fff}.works-spec h2{padding-bottom:14px;border-bottom:2px solid #2583be;font-size:18px}.works-spec dl{margin:18px 0 0}.works-spec dt{margin-top:14px;color:#2583be;font-size:12px;font-weight:700}.works-spec dd{margin:4px 0 0;font-size:14px;line-height:1.65}.works-detail__main img{width:100%;aspect-ratio:2.05;object-fit:cover}.works-detail__main h2{margin:26px 0 10px;color:#2583be;font-size:20px}.works-detail__main p{color:#5b646c;line-height:1.9}.works-movie{padding:44px 64px;background:#f6f7f8;text-align:center}.works-movie video{width:min(760px,100%);max-height:500px;background:#111}.works-gallery{padding:58px 64px;background:#eaf7fd}.works-gallery__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:1120px;margin:auto}.works-gallery img{width:100%;aspect-ratio:16/9;object-fit:cover}.works-related{padding:54px 32px 72px}.works-related h2{max-width:1500px;margin:0 auto 24px;font:300 38px/1 "Josefin Sans",sans-serif}.works-related h2::first-letter{color:#2583be}.works-related__row{display:grid;grid-template-columns:repeat(4,1fr);max-width:1500px;margin:auto}.works-related__row img{width:100%;aspect-ratio:1.45;object-fit:cover}.works-back{display:block;width:130px;margin:34px auto 0;padding:9px;border-radius:30px;background:#2583be;color:#fff;text-align:center;font-size:12px}
@media(max-width:1100px){.works-grid{grid-template-columns:repeat(2,1fr)}.works-detail__intro{grid-template-columns:220px 1fr}.works-title,.works-lead,.works-grid,.works-hero,.works-movie,.works-gallery{padding-left:32px;padding-right:32px}.works-filter{margin-left:32px;margin-right:32px}}
@media(max-width:700px){.works-title{padding:26px 20px 18px}.works-title__line{display:block}.works-title__ja{display:block;margin-top:8px;padding-bottom:8px;font-size:18px}.works-title__crumb{margin:16px 0 0;text-align:left;font-size:11px}.works-lead{padding:0 20px 24px;font-size:14px}.works-filter{margin:0 20px 30px;padding:14px}.works-filter__row{align-items:flex-start}.works-filter__label{width:100%}.works-grid{grid-template-columns:1fr;gap:20px;padding:0 20px 56px}.works-hero{padding:24px 20px}.works-hero h1{font-size:25px}.works-detail__intro{grid-template-columns:1fr;padding:28px 20px}.works-spec{order:2}.works-movie,.works-gallery{padding:32px 20px}.works-gallery__grid{grid-template-columns:1fr;gap:12px}.works-related{padding:38px 20px 50px}.works-related__row{grid-template-columns:repeat(2,1fr)}.works-related h2{font-size:30px}}
.works-detail{padding-top:0}.site-header+.works-title{padding-top:calc(32px + var(--header-height))}
@media(max-width:700px){.site-header+.works-title{padding-top:calc(26px + var(--header-height))}}
.works-hero--detail{display:flex;min-height:360px;justify-content:center;flex-direction:column;padding:96px;background:#2583be}.works-hero--detail h1{margin:16px 0;font-size:48px;font-weight:600;line-height:1.3}.works-hero--detail>p{font-size:16px;line-height:1.4;letter-spacing:.64px}.works-hero__meta{display:flex;align-items:center;gap:16px;color:#fff;font-size:16px;line-height:1.4;letter-spacing:.64px}.works-hero__badge{padding:4px 12px;border-radius:4px;background:#eaf4fa;color:#2583be}.works-detail__intro{grid-template-columns:424px minmax(0,1fr)}.works-spec{padding:32px;border:0}.works-spec h2{padding:0 0 16px;border-bottom:1px solid #d9dde2;color:#2f3338;font-size:24px;font-weight:600;line-height:1.3}.works-spec__product{padding:16px 0;border-bottom:1px solid #d9dde2}.works-spec__product:last-child{border-bottom:0}.works-spec__head{display:flex;width:360px;height:56px;align-items:center;gap:8px}.works-spec__image{position:relative;display:block;width:77px;height:56px;flex:0 0 77px;overflow:hidden}.works-spec__image img{position:absolute;top:-12.61%;left:-18.18%;width:135.59%;max-width:none;height:125.09%;object-fit:cover}.works-spec__head small{display:block;margin-bottom:8px;color:#68717a;font-size:12px;line-height:1}.works-spec__head h3{margin:0;color:#2f3338;font-size:20px;line-height:1.3;letter-spacing:.64px;white-space:nowrap}.works-spec__size{margin:12px 0;color:#454643;font-size:16px;line-height:1.4;letter-spacing:.64px}.works-spec__features{display:flex;gap:16px;align-items:flex-start;color:#454643;font-size:16px;letter-spacing:.64px}.works-spec__features b{padding-top:6px;line-height:1.3;white-space:nowrap}.works-spec__features ul{margin:0;padding:0;list-style:none;line-height:2}.works-spec__features li::before{content:"・"}
@media(max-width:1100px){.works-detail__intro{grid-template-columns:360px minmax(0,1fr)}.works-spec__head{width:100%}.works-spec{padding:24px}.works-spec__head h3{white-space:normal}}
@media(max-width:700px){.works-hero--detail{min-height:0;padding:48px 20px}.works-hero--detail h1{margin:16px 0 8px;font-size:30px}.works-hero__meta{gap:8px;flex-wrap:wrap;font-size:13px}.works-hero__divider{display:none}.works-hero--detail>p{font-size:14px}.works-detail__intro{grid-template-columns:1fr}.works-spec{order:2;padding:24px 0}.works-spec h2{font-size:22px}.works-spec__head h3{font-size:18px}.works-spec__size,.works-spec__features{font-size:14px}}
.works-detail__intro{width:100%;max-width:none;gap:40px;padding:80px 64px}.works-detail__main{min-width:0}.works-movie{padding:80px 64px}.works-gallery{padding:80px 64px}.works-related{display:flex;flex-direction:column;gap:24px;padding:80px 64px;background:#f7f8fa;overflow:hidden}.works-related h2{max-width:none;margin:0;font-size:56px}.works-related>p{margin:0;color:#68717a}.works-related__slider{overflow:hidden}.works-related__row{display:flex;max-width:none;gap:4px;overflow-x:auto;padding:16px 0 24px;scrollbar-width:none}.works-related__row::-webkit-scrollbar{display:none}.works-related__row .work-card{flex:0 0 424px;min-width:424px;height:424px}.works-related__row .work-card>img{width:100%;height:100%;object-fit:cover}.works-related .works-back{margin:8px auto 0}
@media(max-width:1100px){.works-detail__intro{grid-template-columns:360px minmax(0,1fr);padding:64px 32px}.works-movie,.works-gallery,.works-related{padding-left:32px;padding-right:32px}.works-related__row .work-card{flex-basis:360px;min-width:360px;height:360px}}
@media(max-width:700px){.works-detail__intro{grid-template-columns:1fr;gap:24px;padding:48px 20px}.works-movie,.works-gallery,.works-related{padding:48px 20px}.works-related h2{font-size:42px}.works-related__row .work-card{flex-basis:82vw;min-width:82vw;height:82vw}}

/* The whole card is the link area (stretched link) */
.works-card{position:relative;transition:transform .25s ease,box-shadow .25s ease}
.works-card__link::after{position:absolute;inset:0;content:""}
.works-card:hover,.works-card:focus-within{box-shadow:0 14px 34px rgba(7,90,158,.13);transform:translateY(-4px)}
.works-card:has(.works-card__link:focus-visible){outline:2px solid #2583be;outline-offset:2px}

/* WordPress化で追加: 絞り込みのhidden対応、構造化フィールドが空の事例、動画埋め込み */
.works-card[hidden],.works-empty[hidden]{display:none}.works-empty{grid-column:1/-1;padding:48px 0;text-align:center;color:#68717a}.works-detail__intro--solo{grid-template-columns:minmax(0,1fr);max-width:1040px;margin-inline:auto}.works-detail__main>*:first-child{margin-top:0}.works-detail__main img{height:auto}.works-card__image{height:auto}.works-movie__embed{position:relative;width:min(760px,100%);aspect-ratio:16/9;margin:0 auto 24px}.works-movie__embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.works-movie__link{display:inline-block;margin:0 12px 12px;color:#2583be;font-weight:700}