#page-header{background:var(--black);padding:160px 64px 96px;position:relative;overflow:hidden}#page-header:before{content:"";background:repeating-linear-gradient(0deg,#0000,#0000 47px,#ffffff06 47px 48px),repeating-linear-gradient(90deg,#0000,#0000 47px,#ffffff06 47px 48px);position:absolute;inset:0}#page-header:after{content:"";background:linear-gradient(to top, var(--black), transparent);pointer-events:none;height:40%;position:absolute;bottom:0;left:0;right:0}.page-header-inner{z-index:1;max-width:1000px;margin:0 auto;position:relative}.page-header-tag{font-family:var(--font-en);letter-spacing:.22em;text-transform:uppercase;color:#ffffff59;align-items:center;gap:12px;margin-bottom:28px;font-size:11px;font-weight:500;display:flex}.page-header-tag:before{content:"";background:#ffffff4d;width:28px;height:1px;display:inline-block}.page-header-title{font-family:var(--font-en);letter-spacing:-.03em;color:#fff;margin-bottom:24px;font-size:clamp(42px,5.5vw,80px);font-weight:700;line-height:1}.page-header-title .dim{color:#ffffff40}.page-header-sub{color:#fff6;font-size:14px;font-family:var(--font-en);letter-spacing:.06em}#works-list{background:var(--white);padding:96px 64px 64px}#works-list .work-list{grid-template-columns:repeat(3,1fr);gap:32px;max-width:1200px;display:grid}#works-list .work-card,#works-list .work-card:nth-child(2n){flex-direction:column;min-height:0;display:flex}#works-list .work-card:nth-child(2n) .work-visual{order:0}#works-list .work-visual{aspect-ratio:4/3;min-height:0}#works-list .work-visual:after{display:none}#works-list .work-body{padding:26px 24px 28px}#works-list .work-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:4.8em;margin-bottom:16px;font-size:16px;line-height:1.6;display:-webkit-box;overflow:hidden}#works-list .work-meta{margin-bottom:14px}#works-list .work-ba{gap:10px;margin-bottom:18px}#works-list .work-ba>div{grid-template-columns:44px 1fr;gap:10px}#works-list .work-ba dt{font-size:10px}#works-list .work-ba dd{-webkit-line-clamp:3;min-height:calc(5.1em + 8px);font-size:14px;line-height:1.7}#work-cta{background:var(--black);text-align:center;padding:112px 64px;position:relative;overflow:hidden}#work-cta:before{content:"";background:radial-gradient(at 50% 0,#ffffff0a 0%,#0000 70%);position:absolute;inset:0}.work-cta-inner{z-index:1;max-width:700px;margin:0 auto;position:relative}.work-cta-title{color:#fff;letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(22px,3.2vw,30px);font-weight:500}.work-cta-desc{color:#ffffff73;margin:0 0 36px;font-size:15px}@media (max-width:768px){#page-header{padding:120px 20px 64px}#works-list{padding:56px 20px 40px}#work-cta{padding:72px 20px}#works-list .work-list{grid-template-columns:repeat(2,1fr);gap:14px}#works-list .work-body{padding:14px 12px 16px}#works-list .work-meta{gap:4px;margin-bottom:10px}#works-list .chip{padding:3px 7px;font-size:9px}#works-list .work-title{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:10px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}#works-list .work-ba{display:none}#works-list .work-cta{gap:6px;font-size:10px}#works-list .work-cta svg{width:14px}}