/* Quiet brand depth for the hero: paper grain, soft color, and the BigWork cube. */
.hero[data-alpha-hero]{
 position:relative;
 isolation:isolate;
 width:100%;
 max-width:none;
 margin-inline:0;
 padding-inline:max(36px,calc((100vw - 1280px)/2));
 overflow:hidden;
 overflow:clip;
}
.hero[data-alpha-hero]::before,
.hero[data-alpha-hero]::after{
 content:'';
 position:absolute;
 z-index:0;
 pointer-events:none;
}
.hero[data-alpha-hero]::before{
 inset:8px 0;
 background:
  radial-gradient(circle at 14% 30%,rgba(255,122,43,.10),transparent 23%),
  radial-gradient(circle at 86% 67%,rgba(47,91,255,.10),transparent 25%),
  radial-gradient(rgba(13,27,61,.24) .55px,transparent .75px);
 background-size:auto,auto,9px 9px;
 opacity:.72;
 -webkit-mask-image:radial-gradient(ellipse 72% 82% at center,#000 38%,rgba(0,0,0,.72) 64%,transparent 100%);
 mask-image:radial-gradient(ellipse 72% 82% at center,#000 38%,rgba(0,0,0,.72) 64%,transparent 100%);
}
.hero[data-alpha-hero]::after{
 width:min(72vw,900px);
 aspect-ratio:1037/1216;
 left:50%;
 top:50%;
 background:url('../assets/vectors/bigwork-b.svg') center/contain no-repeat;
 opacity:.027;
 transform:translate(-50%,-50%);
 filter:saturate(.8);
}
.hero[data-alpha-hero]>*{
 position:relative;
 z-index:1;
}
@media(max-width:1100px){
 .hero[data-alpha-hero]{padding-inline:24px}
}
@media(max-width:800px){
 .hero[data-alpha-hero]{padding-inline:24px}
 .hero[data-alpha-hero]::before{
  inset:12px 0 8px;
  background:
   radial-gradient(circle at 10% 24%,rgba(255,122,43,.09),transparent 25%),
   radial-gradient(circle at 90% 70%,rgba(47,91,255,.09),transparent 28%),
   radial-gradient(rgba(13,27,61,.22) .5px,transparent .7px);
  background-size:auto,auto,9px 9px;
 }
 .hero[data-alpha-hero]::after{
  width:min(120vw,500px);
  left:50%;
  top:50%;
  opacity:.024;
 }
}
@media(max-width:480px){
 .hero[data-alpha-hero]{padding-inline:16px}
}
@media(prefers-reduced-transparency:reduce){
 .hero[data-alpha-hero]::before,
 .hero[data-alpha-hero]::after{display:none}
}