.tw{padding:72px 0 var(--hp-section);background:var(--hp-cream)}.tw__head{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:end;gap:40px;margin-bottom:36px;display:grid}.tw__head .hp-h2{margin-top:10px}.tw__intro{color:var(--hp-body);margin:0;font-size:1.0625rem;line-height:1.65}.tw__tabs{background:var(--hp-black);border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:28px;padding:6px;display:grid;box-shadow:0 20px 50px #0d0d0c2e}.tw__tab{min-height:60px;font-family:var(--hp-caps);letter-spacing:.04em;color:var(--hp-on-dark);cursor:pointer;transition:background .35s var(--hp-ease), color .35s var(--hp-ease);background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;padding:0 18px;font-size:.9375rem;display:flex;position:relative}.tw__tab:hover{color:#fff;background:#ffffff0f}.tw__tab[aria-selected=true]{background:var(--hp-gold-metal);color:var(--hp-black)}.tw__tab:focus-visible{outline:2px solid var(--hp-gold-light);outline-offset:2px}.tw__tabic{width:36px;height:36px;color:var(--hp-gold-light);background:#ffffff14;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.tw__tab[aria-selected=true] .tw__tabic{color:var(--hp-black);background:#0d0d0c24}.tw__tablabel{text-align:left;flex:1}.tw__tabn{text-align:center;background:#ffffff1a;border-radius:999px;min-width:26px;padding:2px 8px;font-size:.8125rem}.tw__tab[aria-selected=true] .tw__tabn{background:#0d0d0c29}.tw__panel{grid-template-columns:minmax(0,40%) minmax(0,1fr);align-items:start;gap:32px;display:grid}.tw__panel[hidden]{display:none}.tw__side{position:sticky;top:104px}.tw__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.tw__item{border:1px solid var(--hp-line);height:100%;color:inherit;transition:border-color .3s var(--hp-ease), box-shadow .3s var(--hp-ease), transform .3s var(--hp-ease);background:#fff;border-radius:10px;align-content:start;gap:8px;padding:18px;text-decoration:none;display:grid;position:relative}.tw__item:hover{border-color:var(--hp-gold);transform:translateY(-2px);box-shadow:0 14px 34px #0d0d0c14}.tw__item[aria-current=true]{border-color:var(--hp-black);background:var(--hp-black);box-shadow:0 18px 40px #0d0d0c38}.tw__item:focus-visible{outline:2px solid var(--hp-red);outline-offset:2px}.tw__itemic{background:var(--brand-gold-soft);width:40px;height:40px;color:var(--hp-gold-deep);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.tw__item[aria-current=true] .tw__itemic{background:var(--hp-gold-metal);color:var(--hp-black)}.tw__itemtitle{font-family:var(--hp-display);color:var(--hp-ink);font-size:1.125rem;line-height:1.25}.tw__item[aria-current=true] .tw__itemtitle{color:#fff}.tw__itemdesc{color:var(--hp-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;max-height:4.5em;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.tw__item[aria-current=true] .tw__itemdesc{color:var(--hp-on-dark-muted)}.tw__stage{min-width:0}.tw__tool{border:1px solid var(--hp-line);border-top:3px solid var(--hp-gold);animation:tw-in .45s var(--hp-ease) both;background:#fff;border-radius:12px;scroll-margin-top:96px;overflow:hidden;box-shadow:0 30px 70px #0d0d0c14}.tw__tool[hidden]{display:none}@keyframes tw-in{0%{opacity:0;transform:translateY(10px)}}.tw__bar{border-bottom:1px solid var(--hp-line);background:var(--hp-cream);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;padding:14px 24px;display:flex}.tw__crumb{font-family:var(--hp-caps);letter-spacing:.14em;text-transform:uppercase;color:var(--hp-gold-deep);align-items:center;gap:8px;font-size:.75rem;display:inline-flex}.tw__open{color:#a3181f;align-items:center;gap:6px;font-size:.875rem;text-decoration:none;display:inline-flex}.tw__open:hover{text-decoration:underline}.tw__body{padding:8px 28px 28px}.tw .tw__body .tool{box-shadow:none;background:0 0;border:0;border-radius:0;margin:0;padding:18px 0 0}@media (width<=1100px){.tw__head{grid-template-columns:1fr;gap:14px}.tw__tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=960px){.tw__panel{grid-template-columns:1fr;gap:20px}.tw__side{position:static}}@media (width<=640px){.tw{padding-top:52px}.tw__tabs{scrollbar-width:none;display:flex;overflow-x:auto}.tw__tabs::-webkit-scrollbar{display:none}.tw__tab{flex:none;min-height:52px}.tw__item{padding:14px}.tw__itemdesc{display:none}.tw__body{padding:4px 18px 22px}.tw__bar{padding:12px 18px}}@media (prefers-reduced-motion:reduce){.tw__tool{animation:none}.tw__item{transition:none}}
