/* BWD title-aware hero infographic — lightweight, dependency-free. */
.bwd-page-hero__layout{
  display:grid;
  grid-template-columns:minmax(0,1.04fr) minmax(310px,.96fr);
  gap:clamp(2rem,5vw,5rem);
  align-items:center;
}

.bwd-hero-art{
  position:relative;
  width:min(100%,34rem);
  min-height:25rem;
  justify-self:end;
  overflow:visible;
  border:0;
  border-radius:2rem;
  background:transparent;
  box-shadow:none;
  isolation:isolate;
}

.bwd-hero-art::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 72% 30%,rgba(249,125,10,.18),transparent 32%),radial-gradient(circle at 38% 68%,rgba(255,255,255,.06),transparent 36%);
  pointer-events:none;
  z-index:5;
}

.bwd-hero-art__grid{
  position:absolute;
  inset:0;
  opacity:.2;
  background-image:radial-gradient(circle,rgba(255,255,255,.4) 1px,transparent 1.25px);
  background-size:26px 26px;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.75) 72%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.75) 72%,transparent 100%);
}

.bwd-hero-art__route{
  position:absolute;
  inset:1.2rem 1rem 1rem;
  width:calc(100% - 2rem);
  height:calc(100% - 2.2rem);
  filter:drop-shadow(0 12px 18px rgba(226,105,10,.16));
  z-index:1;
}

.bwd-hero-cube{
  --cube-front:#f97d0a;
  --cube-top:#ffb067;
  --cube-side:#c95400;
  position:absolute;
  width:5.4rem;
  height:5.4rem;
  display:grid;
  place-items:center;
  color:#fff;
  background:linear-gradient(145deg,var(--cube-top) 0 5%,var(--cube-front) 45% 100%);
  border-radius:.25rem .25rem .5rem .35rem;
  box-shadow:0 20px 34px rgba(11,13,16,.19),inset 0 0 0 1px rgba(255,255,255,.24);
  transform:skewY(-4deg) rotate(-.8deg);
  z-index:3;
}

.bwd-hero-cube::before{
  content:"";
  position:absolute;
  left:0;
  right:-.55rem;
  top:-1.25rem;
  height:1.5rem;
  background:linear-gradient(135deg,rgba(255,255,255,.72),var(--cube-top));
  clip-path:polygon(14% 100%,100% 55%,88% 0,0 48%);
  border-radius:.2rem;
  z-index:-1;
}

.bwd-hero-cube::after{
  content:"";
  position:absolute;
  top:-.54rem;
  right:-1.1rem;
  width:1.15rem;
  height:calc(100% + .56rem);
  background:linear-gradient(180deg,var(--cube-side),color-mix(in srgb,var(--cube-side) 80%,#000));
  clip-path:polygon(0 6%,100% 0,100% 92%,0 100%);
  border-radius:0 .24rem .24rem 0;
  z-index:-1;
}

.bwd-hero-cube span{
  display:grid;
  place-items:center;
  width:3.1rem;
  height:3.1rem;
  color:inherit;
  border:1px solid rgba(255,255,255,.48);
  border-radius:999px;
  background:rgba(255,255,255,.08);
  box-shadow:inset 0 1px rgba(255,255,255,.28),0 8px 16px rgba(0,0,0,.08);
  transform:skewY(4deg) rotate(.8deg);
}

.bwd-hero-cube--orange{--cube-front:#fb7a0b;--cube-top:#ffc486;--cube-side:#cf5600}
.bwd-hero-cube--yellow{--cube-front:#f2bf13;--cube-top:#ffe890;--cube-side:#cc9300;color:#1b1f25}
.bwd-hero-cube--coral{--cube-front:#fb5b3d;--cube-top:#ffaaa0;--cube-side:#d93617}
.bwd-hero-cube--green{--cube-front:#75b84a;--cube-top:#c2ee9d;--cube-side:#4d8730}
.bwd-hero-cube--ink{--cube-front:#1b232d;--cube-top:#7c8793;--cube-side:#060a0f;color:#fff}
.bwd-hero-cube--ink span{color:#79dcff}

.bwd-hero-cube--a{left:36%;top:20%;width:7.7rem;height:7.7rem}
.bwd-hero-cube--a span{width:3.9rem;height:3.9rem}
.bwd-hero-cube--b{left:10%;top:37%}
.bwd-hero-cube--c{left:61%;top:14%}
.bwd-hero-cube--d{left:27%;top:59%;width:6.3rem;height:6.3rem}
.bwd-hero-cube--e{left:60%;top:52%;width:7rem;height:7rem}
.bwd-hero-cube--f{left:43%;top:76%;width:4.8rem;height:4.8rem}
.bwd-hero-cube--f span{width:2.7rem;height:2.7rem}

.bwd-hero-art__badge{
  position:absolute;
  left:1rem;
  top:1rem;
  z-index:6;
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  max-width:calc(100% - 2rem);
  padding:.52rem .8rem;
  color:#fff;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(11,13,16,.34);
  box-shadow:0 10px 28px rgba(0,0,0,.14);
  backdrop-filter:blur(14px);
}

.bwd-hero-art__badge-icon{
  color:#f97d0a;
}

.bwd-hero-art--locations .bwd-hero-cube--a,
.bwd-hero-art--locations .bwd-hero-cube--e{--cube-front:#24303e;--cube-top:#93a0ad;--cube-side:#080d13}
.bwd-hero-art--locations .bwd-hero-cube--b{--cube-front:#75b84a;--cube-top:#c2ee9d;--cube-side:#4d8730;color:#fff}

.bwd-hero-art--industries .bwd-hero-cube--d{--cube-front:#355fdd;--cube-top:#9bb4ff;--cube-side:#2441a1}
.bwd-hero-art--solutions .bwd-hero-cube--f{--cube-front:#f2bf13;--cube-top:#ffe890;--cube-side:#cc9300;color:#1b1f25}
.bwd-hero-art--content .bwd-hero-cube--d{--cube-front:#e8472f;--cube-top:#ffafa2;--cube-side:#b72d1a}
.bwd-hero-art--portfolio .bwd-hero-cube--f{--cube-front:#5da53c;--cube-top:#bfec9d;--cube-side:#3d7826}

.bwd-404-visual{
  max-width:34rem;
  margin:3rem auto 0;
}
.bwd-404-visual .bwd-hero-art{
  width:100%;
  min-height:20rem;
}

@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .bwd-hero-cube{transition:transform .32s cubic-bezier(.22,1,.36,1),filter .32s ease}
  .bwd-hero-art:hover .bwd-hero-cube--a{transform:translateY(-7px) skewY(-4deg) rotate(-.8deg)}
  .bwd-hero-art:hover .bwd-hero-cube--c{transform:translate(3px,-4px) skewY(-4deg) rotate(-.8deg)}
  .bwd-hero-art:hover .bwd-hero-cube--e{transform:translateY(-5px) skewY(-4deg) rotate(-.8deg)}
}

@media (max-width:1023px){
  .bwd-page-hero__layout{grid-template-columns:minmax(0,1fr) minmax(270px,.72fr);gap:2rem}
  .bwd-hero-art{min-height:21rem;border-radius:1.65rem}
  .bwd-hero-cube{transform:scale(.88) skewY(-4deg) rotate(-.8deg);transform-origin:center}
  .bwd-hero-cube--a{left:31%;top:22%}
  .bwd-hero-cube--c{left:60%;top:15%}
  .bwd-hero-cube--e{left:58%;top:52%}
}

@media (max-width:767px){
  .bwd-page-hero__layout{grid-template-columns:1fr;gap:2rem}
  .bwd-hero-art{justify-self:stretch;width:100%;min-height:19rem;margin-top:.35rem}
  .bwd-hero-cube{transform:scale(.78) skewY(-4deg) rotate(-.8deg)}
  .bwd-hero-cube--a{left:33%;top:24%}
  .bwd-hero-cube--b{left:8%;top:40%}
  .bwd-hero-cube--c{left:67%;top:18%}
  .bwd-hero-cube--d{left:25%;top:61%}
  .bwd-hero-cube--e{left:62%;top:55%}
  .bwd-hero-cube--f{left:45%;top:79%}
}

@media (max-width:420px){
  .bwd-hero-art{min-height:17rem;border-radius:1.35rem}
  .bwd-hero-art__badge{font-size:.64rem}
  .bwd-hero-cube{transform:scale(.66) skewY(-4deg) rotate(-.8deg)}
  .bwd-hero-cube--b{left:3%}
  .bwd-hero-cube--c{left:66%}
  .bwd-hero-cube--e{left:60%}
}

/* Shared first-section background for every inner page using page-hero.php. */
.bwd-page-hero{
  min-height:clamp(27rem,52vw,41rem);
  display:flex;
  align-items:center;
  background-color:#0b0d10;
  background-image:
    linear-gradient(90deg,rgba(11,13,16,.97) 0%,rgba(11,13,16,.90) 40%,rgba(11,13,16,.70) 72%,rgba(11,13,16,.90) 100%),
    radial-gradient(circle at 78% 22%,rgba(249,125,10,.28),transparent 28%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1400' height='700' viewBox='0 0 1400 700'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.075'%3E%3Cpath d='M-80 620C170 420 290 610 470 380S820 340 980 170s280-80 500-210' stroke-width='2'/%3E%3Cpath d='M-50 560C190 380 320 560 520 330S860 280 1040 130s260-70 470-180' stroke-width='1' stroke-dasharray='7 16'/%3E%3C/g%3E%3Cg fill='%23f97d0a' fill-opacity='.16'%3E%3Ccircle cx='980' cy='170' r='42'/%3E%3Ccircle cx='520' cy='330' r='18'/%3E%3C/g%3E%3C/svg%3E");
  background-size:cover,cover,cover;
  background-position:center;
}
.bwd-page-hero::before{
  content:"";position:absolute;inset:auto -8vw 8% auto;width:min(52vw,44rem);height:1rem;border-radius:999px;
  background:linear-gradient(90deg,transparent,rgba(249,125,10,.22) 14%,#f97d0a 58%,rgba(226,105,10,.18) 82%,transparent);
  transform:rotate(-11deg);filter:drop-shadow(0 18px 30px rgba(249,125,10,.2));opacity:.72;pointer-events:none;
}
.bwd-page-hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 30%,rgba(0,0,0,.22));
}
.bwd-page-hero>.bwd-container{z-index:2}
@media (max-width:767px){
  .bwd-page-hero{min-height:auto;background-image:linear-gradient(180deg,rgba(11,13,16,.96),rgba(11,13,16,.86)),radial-gradient(circle at 82% 16%,rgba(249,125,10,.22),transparent 32%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='700' height='700' viewBox='0 0 700 700'%3E%3Cpath d='M-40 610C100 470 190 560 310 410S510 300 750 100' fill='none' stroke='%23ffffff' stroke-opacity='.07' stroke-width='2'/%3E%3C/svg%3E")}
  .bwd-page-hero::before{width:88vw;right:-34vw;bottom:12%;opacity:.46}
}