.pworks{padding:110px 8% 96px;background:#fff}
.pworks .pw-head{text-align:center;margin-bottom:54px}
.pworks .pw-head h2{font-family:Jost,Futura,"Helvetica Neue",sans-serif;font-size:clamp(30px,5vw,46px);letter-spacing:.14em;font-weight:500;color:#1a1a1a;line-height:1;margin:0}
.pworks .pw-head .ja{margin-top:14px;font-size:13px;letter-spacing:.3em;color:#8a8f96}
.pworks .pw-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);align-items:start;gap:40px 30px}.pw-grid>.pw-card{flex:none;max-width:none;width:auto}
.pworks .pw-card{flex:0 1 330px;max-width:336px;display:block;text-decoration:none;color:inherit}
.pworks .pw-card .ph{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:#eeeeee}
.pworks .pw-card .ph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.pworks .pw-card:hover .ph img{transform:scale(1.05)}
.pworks .pw-card .meta{padding:16px 2px 0}
.pworks .pw-card .ttl{font-size:15px;line-height:1.6;color:#222;font-weight:600}
.pworks .pw-card .loc{margin-top:6px;font-size:12.5px;color:#8a8f96}.pworks .pw-card .pw-tags{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.pworks .pw-card .pw-tags span{font-size:11px;line-height:1;color:#6f757c;background:#f2f3f5;border-radius:4px;padding:5px 8px;letter-spacing:.02em}
.pworks .pw-card .date{margin-top:8px;font-family:Jost,sans-serif;font-size:12px;letter-spacing:.12em;color:#b0b4ba}
@media(max-width:1023px){.pworks{padding:72px 6% 66px}.pworks .pw-grid{gap:24px;max-width:440px;display:block;flex-direction:column;flex-wrap:nowrap}.pworks .pw-card{flex:none;max-width:none;display:grid;grid-template-columns:132px 1fr;gap:16px;align-items:center}.pworks .pw-card .meta{padding:0}}

/* global-breathing-v1 */
header.site nav.util{gap:20px !important}
header.site nav.gnav a{margin:0 14px !important}
header.site nav.gnav{margin-right:8px !important}
header.site nav.util{margin-left:24px !important;gap:24px !important}
header.site{padding:22px 40px !important}
.page-hero,section:not(.page-hero){padding-top:clamp(80px,10vw,140px) !important;padding-bottom:clamp(80px,10vw,140px) !important}
.gcta{padding-top:100px !important;padding-bottom:100px !important}
.ld-features{padding:120px 24px !important}
.ld-svc,.ld-flow,.ld-area{padding-top:120px !important;padding-bottom:120px !important}

/* header-gnav-util-gap v1 */
header.site nav.gnav{margin-right:8px !important}
header.site nav.util{margin-left:40px !important}