.ww{--ww-accent:#9d2a78}.ww-hero{grid-template-columns:1.3fr .7fr;align-items:center;gap:40px;padding-block:clamp(48px,7vw,110px) clamp(24px,3vw,48px);display:grid}.studio .ww-kicker{font-family:var(--font-anuphan),var(--font-noto-thai),sans-serif;color:var(--ww-accent);font-size:17px;font-weight:600}.studio .ww-hero h1{margin-top:10px;font-size:clamp(40px,5.2vw,76px);line-height:1.12}.studio.ww h1 .sell-line{color:var(--ww-accent)}.studio .ww-lead{max-width:560px;margin-top:20px;font-size:clamp(17px,1.4vw,20px)}.ww-hero-art{justify-self:end;width:100%;max-width:360px;height:auto}.ww-topics{scrollbar-width:none;flex-wrap:nowrap;gap:8px;margin-bottom:28px;display:flex;overflow-x:auto}.ww-topics::-webkit-scrollbar{display:none}.ww-topics button{white-space:nowrap;border:1px solid var(--st-line);min-height:40px;color:var(--st-ink);cursor:pointer;background:#fff;border-radius:999px;flex:none;padding:8px 16px;font-size:15px}.ww-topics button[aria-pressed=true]{background:var(--st-ink);color:#fff;border-color:var(--st-ink)}.ww-lead-card{color:var(--st-ink);background:#fff;border-radius:28px;grid-template-columns:.8fr 1.2fr;align-items:center;gap:clamp(20px,4vw,56px);margin-bottom:20px;padding:clamp(24px,3vw,44px);text-decoration:none;transition:transform .5s cubic-bezier(.22,1,.36,1);display:grid}.ww-lead-card:hover{transform:translateY(-4px)}.ww-lead-art{background:#f1efe8;border-radius:20px;place-items:center;padding:20px;display:grid}.ww-lead-art img{width:100%;max-width:340px;height:auto}.studio .ww-lead-card h2{margin:10px 0 12px;font-size:clamp(26px,2.6vw,38px);line-height:1.25}.studio .ww-lead-card p{font-size:17px}.studio .ww-meta{color:var(--st-muted);align-items:center;gap:6px;font-size:14px;display:inline-flex}.ww-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.ww-card{color:var(--st-ink);background:#fff;border-radius:22px;flex-direction:column;gap:10px;padding:18px;text-decoration:none;transition:transform .5s cubic-bezier(.22,1,.36,1);display:flex}.ww-card:hover{transform:translateY(-4px)}.ww-card-art{aspect-ratio:4/3;background:#f1efe8;border-radius:16px;place-items:center;display:grid;overflow:hidden}.ww-card-art img{width:70%;height:auto}.studio .ww-card h3{font-size:20px;line-height:1.35}.ww-article{width:min(720px,100% - 40px);margin:0 auto;padding-block:clamp(40px,6vw,88px)}.ww-back{color:var(--ww-accent);font-size:15px;font-weight:600;text-decoration:none}.studio .ww-article h1{margin:10px 0 16px;font-size:clamp(34px,4.2vw,56px);line-height:1.2}.studio .ww-article-lead{color:#3d3e39;font-size:20px;line-height:1.65}.ww-article-art{width:min(320px,70%);height:auto;margin:28px auto;display:block}.ww-article section{margin-top:34px}.studio .ww-article h2{font-size:clamp(23px,2vw,28px);line-height:1.35}.studio .ww-article section p{color:#33342f;margin-top:10px;font-size:18px;line-height:1.75}.ww-more{padding-block:clamp(40px,5vw,80px)}.studio .ww-more h2{margin-bottom:24px;font-size:clamp(28px,3vw,40px)}.ww-status{background:#ebdbe0;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:22px 26px;display:flex}.studio .ww-status p{color:#3a2232;max-width:720px;font-size:17px}.ww-cats{padding-block:clamp(48px,6vw,96px)}.studio .ww-cats h2{margin-bottom:24px;font-size:clamp(28px,3vw,40px)}.ww-cat-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.ww-cat{background:#fff;border-radius:20px;flex-direction:column;align-items:flex-start;gap:12px;padding:22px;display:flex}.ww-cat img{object-fit:contain;width:120px;height:120px}.studio .ww-cat h3{font-size:19px;line-height:1.35}.ww-own{padding-block:clamp(64px,8vw,120px)}.studio .ww-own h2{color:#f7f6f2;margin-bottom:28px;font-size:clamp(28px,3vw,40px)}.ww-own-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.ww-own-item{color:#f7f6f2;flex-direction:column;gap:10px;text-decoration:none;display:flex}.ww-own-item img{border-radius:14px;width:100%;height:auto;box-shadow:0 40px 80px -40px #000c}.ww-own-item span{align-items:center;gap:4px;font-size:15px;display:inline-flex}.ww-close{background:radial-gradient(120% 140% at 85% 10%,#4a2a3f 0%,#26161f 50%,#141413 100%);margin-top:clamp(56px,7vw,110px);padding:clamp(40px,6vw,88px) clamp(24px,5vw,72px)}.studio .ww-close h2{color:#f7f6f2;max-width:760px;font-size:clamp(32px,4vw,56px);line-height:1.2}.ww-related{padding-block:clamp(48px,6vw,88px)}.studio .ww-related h2{margin-bottom:20px;font-size:clamp(24px,2.4vw,32px)}.ww-related-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ww-related-item{color:var(--st-ink);background:#fff;border-radius:20px;grid-template-columns:96px 1fr;align-items:center;gap:18px;padding:18px;text-decoration:none;display:grid}.ww-related-item img{width:96px;height:auto}.studio .ww-related-item h3{font-size:21px}.studio .ww-related-item p{margin-top:4px;font-size:15px}@media (max-width:860px){.ww-hero,.ww-lead-card{grid-template-columns:1fr}.ww-hero-art{justify-self:start;max-width:200px}.ww-grid,.ww-cat-grid,.ww-own-grid,.ww-related-grid{grid-template-columns:1fr 1fr}}@media (max-width:560px){.ww-grid,.ww-own-grid,.ww-related-grid{grid-template-columns:1fr}.ww-cat-grid{grid-template-columns:1fr 1fr}.ww-cat img{width:84px;height:84px}}.ww .hm-actions{flex-wrap:wrap;align-items:center;gap:12px 26px;margin-top:28px;display:flex}.ww-close .k-link,.ah-close .k-link{color:#f7f6f2}.studio .ww-note{color:var(--st-muted);margin-top:24px;font-size:15px}
