.csw-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:6%;align-items:center;padding:45px 0}.csw-hero h1{font-size:clamp(48px,6.2vw,88px);line-height:1.07}.csw-hero figure{margin:0}.csw-hero img{display:block;width:100%;height:560px;object-fit:cover;border-radius:24px}.csw-hero figcaption,.csw-case figcaption{font-size:12px;color:#bfc0b6;margin:12px 0;line-height:1.6}.csw-nav{display:flex;gap:28px;flex-wrap:wrap;border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24;padding:22px 0}.csw-nav a{font-size:15px;text-decoration:none;padding:9px 0}.csw-case{margin:52px 0 70px;border:1px solid #ffffff24;border-radius:26px;overflow:hidden;background:#22231f}.csw-case-images{display:grid;grid-template-columns:1fr 1fr;gap:3px}.csw-case-images img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}.csw-single .csw-case-images{grid-template-columns:1fr}.csw-single .csw-case-images img{aspect-ratio:16/8;object-position:50% 43%}.csw-case-body{padding:42px}.csw-case-body dl{display:grid;grid-template-columns:240px 1fr;gap:18px 32px;border-top:1px solid #ffffff24;padding-top:28px;margin:25px 0 30px;line-height:1.8}.csw-case-body dt{font-size:14px;color:#d5ec76;font-weight:500}.csw-case-body dd{font-size:18px;margin:0;color:#d8d8ce;font-family:'IBM Plex Sans Thai',sans-serif}.csw-case-body .csb-actions{align-items:center;gap:25px}.csw-work ul,.csw-contact ul{padding-left:22px;color:#c4c4bd;line-height:1.9;font-family:'IBM Plex Sans Thai',sans-serif;font-size:18px}.csw-work li,.csw-contact li{margin:10px 0}.csw-brief-list{margin:20px 0 35px}.csw-owned-portrait img{aspect-ratio:4/5;object-fit:cover;object-position:center;border-radius:120px 120px 25px 25px!important}.csw-contact strong{color:#f4f4ed}.csw-work section[id],.csw-contact section[id]{scroll-margin-top:40px}
@media(max-width:767px){.csw-hero{display:flex;flex-direction:column;gap:25px;padding:25px 0}.csw-hero>figure{order:-1;width:100%}.csw-hero img{height:340px;border-radius:18px}.csw-hero h1{font-size:47px}.csw-nav{gap:10px 24px}.csw-nav a{font-size:14px}.csw-case{margin:32px 0 40px;border-radius:18px}.csw-case-images{grid-template-columns:1fr}.csw-case-images img{aspect-ratio:4/3}.csw-case-images img+img{aspect-ratio:16/9}.csw-single .csw-case-images img{aspect-ratio:4/3}.csw-case-body{padding:25px 21px}.csw-case-body dl{display:block}.csw-case-body dt{font-size:13px;margin:24px 0 8px}.csw-case-body dd{font-size:18px}.csw-case-body .csb-actions{gap:18px}.csw-case-body h3{font-size:30px}.csw-owned-portrait img{border-radius:80px 80px 22px 22px!important}}