.tw{padding-bottom:clamp(24px,3vw,40px)}
.tw + .sec{padding-top:clamp(24px,3vw,40px)}
.tw__q{margin-bottom:24px}
.tw__chips{display:flex;flex-wrap:wrap;gap:10px}
.tw__chips--rows{display:grid;grid-template-columns:1fr;gap:16px}
.tw__row{position:relative;border-radius:var(--r,18px);padding:clamp(20px,2.4vw,32px)}
.tw__set{display:flex;flex-wrap:wrap;gap:10px}
.tw__lbl{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.tw__lbl:before{content:"";width:28px;height:4px;border-radius:2px;background:var(--y)}
.tw__row--biz{background:var(--w,#fff);color:var(--k);box-shadow:0 10px 30px rgba(0,0,0,.06)}
.tw__row--pv{background:var(--k);color:var(--w,#fff)}
.tw__row--pv .tw__lbl{color:var(--y)}
.tw__chip{font:inherit;font-size:16px;font-weight:700;padding:12px 20px;border-radius:999px;border:2px solid var(--k);background:transparent;color:var(--k);cursor:pointer;transition:background .2s,color .2s,transform .2s,border-color .2s}
.tw__chip:hover{background:var(--y);border-color:var(--y);color:var(--k);transform:translateY(-2px)}
.tw__chip[aria-pressed="true"]{background:var(--k);color:var(--y);border-color:var(--k)}
.tw__row--biz .tw__chip{background:#ECECEC;border-color:#ECECEC}
.tw__row--biz .tw__chip:hover{background:var(--y);border-color:var(--y)}
.tw__row--biz .tw__chip[aria-pressed="true"]{background:var(--k);border-color:var(--k);color:var(--y)}
.tw__row--pv .tw__chip{background:#2B2B2B;border-color:#2B2B2B;color:var(--w,#fff)}
.tw__row--pv .tw__chip:hover{background:var(--y);border-color:var(--y);color:var(--k)}
.tw__row--pv .tw__chip[aria-pressed="true"]{background:var(--y);border-color:var(--y);color:var(--k)}
.bg-black .tw__row--biz{background:#1c1c1c;color:var(--w,#fff)}.bg-black .tw__row--biz .tw__chip{border-color:var(--w);color:var(--w)}.bg-black .tw__row--pv{background:#2a2a2a}
.tw__answer{margin-top:20px;display:flex;align-items:stretch;background:var(--y);color:var(--k);border-radius:var(--r,18px);overflow:hidden;animation:twIn .35s ease;min-height:clamp(220px,20vw,280px)}
.tw__answer[hidden]{display:none}
.tw__ph{display:flex;gap:6px;flex:0 0 clamp(170px,22%,260px);contain:size}
.tw__ph img{flex:1 1 0;min-width:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;border-radius:var(--r,18px);background:var(--k);display:block}
.tw__body{flex:1;min-width:0;padding:clamp(22px,2.6vw,40px) clamp(22px,3vw,48px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.tw__who{margin:0 0 12px;display:flex;flex-wrap:wrap;gap:6px 24px}
.tw__p strong{display:block;font-size:clamp(20px,1.7vw,24px);line-height:1.2}.tw__p small{display:block;margin-top:4px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.7}
.tw__txt{margin:0 0 22px;font-size:clamp(22px,2.3vw,34px);font-weight:700;line-height:1.2;letter-spacing:-.01em;max-width:32ch}
.tw__answer--multi .tw__ph{flex-basis:clamp(340px,44%,520px);gap:0;background:var(--k)}
.tw__answer--multi .tw__ph img{border-radius:0}
.tw__answer--multi .tw__p strong{font-size:clamp(17px,1.4vw,20px)}
.tw__answer--multi .tw__txt{font-size:clamp(18px,1.6vw,24px);max-width:36ch;margin-bottom:18px}
.tw__go{font:inherit;font-size:15px;font-weight:700;background:var(--k);color:var(--y);border:0;border-radius:999px;cursor:pointer;padding:12px 22px;transition:transform .2s,background .2s}
.tw__go:hover{transform:translateY(-2px);background:#222}
@media (max-width:560px){.tw__answer{min-height:200px}.tw__ph{flex-basis:36%}.tw__body{padding:18px 16px}.tw__txt{font-size:19px;margin-bottom:16px}.tw__go{font-size:14px;padding:10px 16px}.tw__answer--multi{flex-direction:column}.tw__answer--multi .tw__ph{flex:0 0 auto;height:min(62vw,280px);contain:none}.tw__answer--multi .tw__txt{font-size:16px}}
@keyframes twIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.tm{transition:opacity .4s ease,transform .4s ease,filter .4s ease}
.tw-active .tm{opacity:.28;filter:grayscale(1)}
.tw-active .tm.tw-hit{opacity:1;filter:none;transform:translateY(-8px)}
.tw-active .tm.tw-hit .tm__media{box-shadow:0 0 0 4px var(--y),0 18px 40px rgba(0,0,0,.18)}
.tm.tw-pulse .tm__media{animation:twPulse 1.4s ease-out .4s 1}
@keyframes twPulse{0%{box-shadow:0 0 0 4px var(--y),0 18px 40px rgba(0,0,0,.18)}30%{box-shadow:0 0 0 14px var(--y),0 0 60px 20px rgba(255,218,3,.55)}100%{box-shadow:0 0 0 4px var(--y),0 18px 40px rgba(0,0,0,.18)}}
@media (prefers-reduced-motion:reduce){.tw__answer{animation:none}.tm{transition:none}.tm.tw-pulse .tm__media{animation:none}}