.worksPage .secRule{margin-top:22px}
.worksPage .pageHead{padding-bottom:56px}
.worksPage .pageLead{line-height:2.2}
.worksPage .featCard{position:relative}
/* Works=午後から夕刻へ傾く光(DL-015系): 蜂蜜色の西日が斜めに差す(Aboutの桃琥珀と色相分離)。終端のFolio帯=夜への前奏 */

.worksPage section{padding:64px 24px}
.worksPage .secInner{max-width:var(--maxw);margin:0 auto}
.worksPage .secHead{display:flex;align-items:baseline;gap:18px;margin-bottom:36px}
.worksPage .secTitleEn{font-family:var(--latin);font-size:20px;font-weight:600;letter-spacing:.2em;color:var(--charcoal)}
.worksPage .secSub{font-size:11.5px;letter-spacing:.14em;color:var(--gray)}
.worksPage .featThumb{aspect-ratio:4/3;position:relative}
.worksPage .featGo{display:inline-flex;align-items:center;gap:6px;margin-top:14px;font-family:var(--serif);font-size:12px;letter-spacing:.1em;color:var(--rose-deep)}
.worksPage .featGo .mini18{font-size:10px;font-weight:700;color:var(--rose-deep);border:1px solid var(--hairline);border-radius:2px;padding:1px 5px}
.worksPage .latestGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.worksPage .workThumb{aspect-ratio:4/3;position:relative}
.worksPage .workBody{padding:13px 14px 15px}
.worksPage .workDate{font-family:var(--latin);font-size:11px;letter-spacing:.12em;color:var(--gray)}
.worksPage .workTitle{font-family:var(--serif);font-size:13px;letter-spacing:.06em;color:var(--charcoal);line-height:1.7;margin-top:5px}
.worksPage .workMeta{display:flex;align-items:center;gap:6px;margin-top:9px;flex-wrap:wrap}
.worksPage .charNote{text-align:center;font-size:12.5px;color:var(--gray);margin-top:36px;letter-spacing:.06em}
.worksPage .charNote a{color:var(--rose-deep);text-decoration:underline;text-underline-offset:4px}
.worksPage .folioCta{
    background:
      radial-gradient(ellipse 70% 90% at 85% 15%, rgba(216,164,143,.16), rgba(216,164,143,0) 65%),
      linear-gradient(160deg,#211B19 0%,#2B211E 60%,#35261F 100%);
    color:#EFE3DA;padding:72px 24px;
  }
.worksPage .folioInner{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:56px}
.worksPage .folioText{flex:1}
.worksPage .folioEn{font-family:var(--latin);font-size:13px;font-weight:600;letter-spacing:.4em;color:var(--rose);text-transform:uppercase}
.worksPage .folioTitle{font-family:var(--serif);font-size:clamp(21px,2.6vw,27px);font-weight:600;letter-spacing:.14em;margin-top:12px;line-height:1.7}
.worksPage .folioDesc{font-size:13.5px;line-height:2.2;letter-spacing:.05em;color:#CBB8AC;margin-top:18px;max-width:520px}
.worksPage .folioBadge{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:11.5px;letter-spacing:.1em;color:#E8C9B8;border:1px solid rgba(216,164,143,.45);border-radius:2px;padding:7px 14px}
.worksPage .folioBadge b{color:var(--rose);font-size:13px}
.worksPage .folioAction{margin-top:28px}
.worksPage .folioBook{flex-shrink:0;width:200px;aspect-ratio:3/4;position:relative;border-radius:3px 8px 8px 3px;background:linear-gradient(120deg,#4A332B 0%,#5C4033 55%,#6E4C3B 100%);box-shadow:14px 18px 44px rgba(0,0,0,.45)}
.worksPage .folioBook::before{content:"";position:absolute;left:13px;top:0;bottom:0;width:1px;background:linear-gradient(180deg,rgba(216,164,143,.1),rgba(216,164,143,.7),rgba(216,164,143,.1))}
@media (max-width:900px){.worksPage .featGrid{grid-template-columns:1fr}
.worksPage .latestGrid{grid-template-columns:1fr 1fr;gap:14px}
.worksPage .folioInner{flex-direction:column;gap:36px;text-align:center}
.worksPage .folioDesc{margin-left:auto;margin-right:auto}
.worksPage section{padding:48px 20px}
}

.worksPage .folioBookLabel{display:flex;align-items:center;justify-content:center;flex-direction:column;height:100%;font-family:var(--latin);font-size:21px;font-weight:600;letter-spacing:.18em;line-height:1.9;color:var(--rose)}
.worksPage .featCard.pendingLink,.worksPage .workCard.pendingLink{opacity:1;cursor:default}
.worksPage .featCard.pendingLink:hover,.worksPage .workCard.pendingLink:hover{transform:none;box-shadow:none}
.worksPage .mini18{font-size:10px;font-weight:700;color:var(--rose-deep);border:1px solid var(--hairline);border-radius:2px;padding:1px 5px}
.worksPage .featThumb,.worksPage .workThumb{overflow:hidden}
.worksPage .featThumb img,.worksPage .workThumb img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.worksPage .featThumb.hasImage > .devBadge,.worksPage .workThumb.hasImage > .devBadge{display:none}