.works-page-hero{position:relative;overflow:hidden;background:#282034;color:#fff;padding:90px 0 94px;border-top:2px solid #242020;border-bottom:2px solid #242020}
.works-page-hero:before{content:"";position:absolute;width:390px;height:390px;border:2px solid #a98af0;border-radius:50%;right:-85px;top:-160px;box-shadow:0 0 0 65px #ffffff0a}
.works-page-hero .wrap{position:relative;z-index:1}
.works-page-hero .eyebrow{color:#fff457;font:800 12px 'Outfit',sans-serif;letter-spacing:.2em}
.works-page-hero h1{font:900 clamp(67px,12vw,160px)/.9 'Outfit',sans-serif;letter-spacing:-.075em;margin:16px 0 27px}
.works-page-hero p{font:900 clamp(25px,3.1vw,44px)/1.45 'Zen Maru Gothic',sans-serif;letter-spacing:-.04em;margin:0}
.works-page-hero__sub{font-size:14px;line-height:1.9;color:#d9d1e7;margin-top:22px}

.works-page-body{padding-top:75px;padding-bottom:100px}
.works-list-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:26px;margin-bottom:30px}
.works-list-heading h2{font:900 clamp(27px,3.4vw,43px)/1.5 'Zen Maru Gothic',sans-serif;margin:12px 0 0;letter-spacing:-.04em}
.works-list-heading p{font-size:13px;line-height:2;color:#66616d;margin:0}
.works-categories{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:64px}
.works-categories a{border:2px solid #282224;border-radius:100px;padding:11px 19px;background:#fff;font-size:12px;font-weight:700;transition:background .2s}
.works-categories a:hover{background:#fff457}
.works-group{scroll-margin-top:30px;margin-top:64px}
.works-group__heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:2px solid #282224;padding-bottom:16px;margin-bottom:25px}
.works-group__heading>span{font:900 12px 'Outfit',sans-serif;letter-spacing:.08em;color:#6337b5}
.works-group h3{font:800 17px 'Zen Maru Gothic',sans-serif;margin:0}
.works-cases{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.works-case{border:2px solid #282224;border-radius:18px;overflow:hidden;min-width:0;background:#f1eaff;display:flex;flex-direction:column}
#media .works-case{background:#fff3c1}#events .works-case{background:#d7f2ef}
.works-case__body{padding:30px 32px;display:flex;flex-direction:column;flex:1;min-width:0}
.works-case__meta{display:flex;gap:15px;align-items:center;font:800 11px 'Outfit',sans-serif;letter-spacing:.08em;color:#5c397e}
.works-case__meta time{background:#fff;border:1px solid #282224;border-radius:100px;padding:5px 10px;color:#282224}
.works-case h4{font:800 clamp(23px,2.4vw,32px)/1.45 'Outfit','Noto Sans JP',sans-serif;letter-spacing:-.025em;margin:20px 0 22px;overflow-wrap:anywhere}
.works-case p{font-size:13px;line-height:1.95;color:#5a5261;margin:0 0 20px}
.works-case dl{margin:auto 0 0;border-top:1px solid #28222435;padding-top:14px}
.works-case dl>div{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;margin:9px 0}
.works-case dt{font-size:11px;color:#706374;line-height:1.9}
.works-case dd{font-size:13px;font-weight:600;line-height:1.8;margin:0;overflow-wrap:anywhere}
.works-case dd span{font:700 10px 'Outfit',sans-serif;letter-spacing:.05em;color:#74637e;margin-left:9px}
.works-case small{display:block;font-size:10px;line-height:1.8;color:#7b7180;margin-top:20px}
.works-case--featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);box-shadow:6px 6px 0 #b99af3;margin-bottom:5px}
.works-case--featured .works-case__body{padding:clamp(27px,4vw,56px);justify-content:center}
.works-case--featured h4{font-size:clamp(29px,3.5vw,47px)}
.works-case--featured dl{margin-top:5px}
.works-case__photo{min-height:420px;position:relative;background:#e8dcee}
.works-case__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 22%}
.works-list-note{font-size:11px;color:#756c7c;line-height:1.9;margin-top:35px}
.works-page-bottom{display:flex;flex-wrap:wrap;gap:16px 28px;margin-top:35px}
.works-page-bottom a{font:800 13px 'Zen Maru Gothic',sans-serif;border-bottom:2px solid #282224;padding-bottom:5px}
.works-page-bottom a:hover{color:#663bc2}
@media(max-width:767px){.works-page-hero{padding:60px 0 66px}.works-page-hero:before{width:190px;height:190px;right:-85px;top:-70px}.works-page-hero h1{font-size:clamp(55px,14vw,88px);margin:20px 0 23px}.works-page-hero p{font-size:clamp(23px,6.2vw,32px)}.works-page-body{padding-top:48px;padding-bottom:72px}.works-list-heading{display:block;margin-bottom:24px}.works-list-heading p{margin-top:16px}.works-categories{gap:8px;margin-bottom:43px}.works-categories a{font-size:11px;padding:9px 13px}.works-group{margin-top:43px}.works-group__heading{align-items:flex-start;flex-direction:column;gap:9px}.works-group__heading>span{font-size:11px}.works-group h3{font-size:16px}.works-cases{grid-template-columns:1fr;gap:18px}.works-case__body{padding:25px 23px}.works-case h4{font-size:26px}.works-case--featured{grid-template-columns:1fr}.works-case__photo{min-height:0;aspect-ratio:1.3}.works-case--featured .works-case__body{padding:27px 23px}.works-case--featured h4{font-size:clamp(27px,7.7vw,34px)}.works-page-bottom{flex-direction:column;align-items:flex-start;gap:20px}}