/* WWA home v3 (2026-10-16): photo hero + numbers band. Colours come from wwa-theme.css variables. */
.hx{position:relative;min-width:0;width:100%;max-width:520px;justify-self:center;align-self:center;margin:0}
.hx__stage{position:relative;perspective:1400px;padding:28px 34px 34px}
.hx__slab{position:absolute;inset:8px 0 8px 64px;border-radius:28px;background:linear-gradient(150deg,var(--brand) 0%,var(--dark-bg) 85%);transform:rotateY(-10deg) rotateX(4deg) translateZ(-60px);box-shadow:0 40px 80px #161a4f40}
.hx__ring{position:absolute;width:220px;height:220px;right:-18px;top:-6px;border-radius:50%;border:2px dashed #7f8cff80;animation:hx-spin 40s linear infinite}
.hx__photo{position:relative;margin:0;border-radius:22px;overflow:hidden;background:#fff;transform:rotateY(-7deg) rotateX(2deg);transform-origin:left center;box-shadow:0 2px 0 #fff inset,0 30px 60px #10143a3d,0 8px 18px #10143a1f;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.hx__photo img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%}
.hx__photo::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#ffffff38 0%,transparent 35%);pointer-events:none}
.hx:hover .hx__photo{transform:rotateY(0) rotateX(0) translateZ(20px)}
.hx__chip{position:absolute;z-index:2;display:grid;gap:1px;margin:0;padding:12px 16px;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:0 18px 40px #10143a29;color:var(--ink);text-decoration:none;font-size:14px;line-height:1.3;animation:hx-float 6s ease-in-out infinite}
.hx__chip b{font-size:16px}
.hx__chip small{color:var(--muted);font-size:12.5px}
.hx__chip--rating{left:0;bottom:84px}
.hx__chip--rating:hover{border-color:var(--brand)}
.hx__stars{color:#e8a317;letter-spacing:2px;font-size:14px}
.hx__chip--office{right:0;top:58px;animation-delay:-3s;background:var(--dark-bg);border-color:var(--dark-bg);color:#fff}
.hx__chip--office b{color:#fff}.hx__chip--office small{color:var(--dark-muted)}
.hx__name{display:grid;gap:2px;margin:6px 0 0 34px;font-size:13.5px;color:var(--hero-muted)}
.hx__name b{font-size:17px;color:var(--ink)}
.hero .hero-proof a{display:none}
@keyframes hx-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes hx-spin{to{transform:rotate(360deg)}}

.wnum{position:relative;isolation:isolate;padding:46px 0 40px;color:#fff}
.wnum::before{content:"";position:absolute;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);z-index:-1;background:radial-gradient(700px 300px at 15% 0%,#2a309499 0%,transparent 70%),var(--dark-bg)}
.wnum__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0 auto;padding:0;list-style:none}
.wnum__list li{display:grid;align-content:start;gap:8px;padding:22px 22px 20px;border-radius:16px;background:var(--dark-card);border:1px solid #ffffff1a;box-shadow:0 1px 0 #ffffff1f inset,0 20px 40px #0000002e;transform:perspective(900px) rotateX(0);transition:transform .3s}
.wnum__list li:hover{transform:perspective(900px) rotateX(6deg) translateY(-4px)}
.wnum__list b{font-family:Georgia,"Times New Roman",serif;font-size:clamp(40px,4.6vw,60px);font-weight:500;line-height:1;color:#fff;letter-spacing:-.02em}
.wnum__list b small{font-size:.42em;margin-left:4px;color:var(--rule);letter-spacing:0}
.wnum__list span{color:var(--dark-muted);font-size:15px;line-height:1.45}
.wnum__cta{margin:22px auto 0;text-align:center}
.wnum__cta a{display:inline-block;padding:13px 22px;border-radius:8px;background:#fff;color:var(--dark-bg);font-weight:700;text-decoration:none;box-shadow:0 10px 26px #00000040}
.wnum__cta a:hover{background:var(--brand-soft)}
@supports (animation-timeline:view()){
  .wnum__list li{animation:wnum-rise linear both;animation-timeline:view();animation-range:entry 0% entry 70%}
  .wnum__list li:nth-child(2){animation-range:entry 8% entry 78%}
  .wnum__list li:nth-child(3){animation-range:entry 16% entry 86%}
  .wnum__list li:nth-child(4){animation-range:entry 24% entry 94%}
}
@keyframes wnum-rise{from{opacity:0;transform:perspective(900px) rotateX(-35deg) translateY(40px)}to{opacity:1;transform:perspective(900px) rotateX(0) translateY(0)}}

@media (max-width:900px){
  .hx{max-width:420px;margin-top:8px}
  .wnum__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
}
@media (max-width:520px){
  .hx__stage{padding:18px 18px 26px}
  .hx__slab{left:40px}
  .hx__ring{width:150px;height:150px}
  .hx__chip{padding:9px 12px}.hx__chip b{font-size:14.5px}
  .hx__chip--rating{bottom:60px}.hx__chip--office{top:30px}
  .hx__name{margin-left:18px}
  .wnum__list li{padding:16px}
  .wnum__list span{font-size:13.5px}
}
@media (prefers-reduced-motion:reduce){
  .hx__chip,.hx__ring,.wnum__list li{animation:none}
  .hx__photo,.wnum__list li{transition:none}
}