/* AOC HOMEPAGE HERO · v3.0.0 — mobile-first */
.aoc-w-hero .hero{padding-block:32px 12px;}
.aoc-w-hero .hero-grid{display:grid;grid-template-columns:1fr;gap:28px;align-items:center;}
.aoc-w-hero .hero h1,.aoc-w-hero .hero .aoc-h{
  font-family:var(--disp);font-weight:800;letter-spacing:-.035em;line-height:1.02;
  font-size:clamp(32px,9.6vw,68px);margin-top:14px;overflow-wrap:anywhere;}
.aoc-w-hero .aoc-h .l2{color:var(--accent-2);}
.aoc-w-hero .aoc-h .div{display:block;height:2px;width:64px;background:var(--ink);margin-block:14px;}
.aoc-w-hero .hero-sub{font-size:clamp(15px,4vw,17px);color:var(--ink-2);max-width:460px;margin-block:16px 22px;line-height:1.6;}
.aoc-w-hero .hero-cta{display:flex;flex-direction:column;gap:10px;}
.aoc-w-hero .hero-trust{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:22px;font-family:var(--mono);font-size:clamp(11px,3vw,12px);color:var(--muted);}
.aoc-w-hero .hero-trust span{display:flex;align-items:center;gap:7px;}
.aoc-w-hero .hero-trust span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent-3);flex-shrink:0;}
/* CSS-drawn swatch stack — hidden on phones, no overflow anywhere */
.aoc-w-hero .hero-art{display:none;position:relative;height:400px;}
.aoc-w-hero .swatch{position:absolute;width:210px;height:262px;border-radius:12px;overflow:hidden;
  box-shadow:0 22px 48px -18px rgba(28,26,22,.42);border:1px solid rgba(0,0,0,.06);}
.aoc-w-hero .swatch .lab{position:absolute;bottom:0;left:0;right:0;background:rgba(251,249,244,.95);
  padding:8px 11px;font-family:var(--mono);font-size:10.5px;display:flex;justify-content:space-between;gap:6px;color:#1C1A16;}
.aoc-w-hero .sw1{right:6px;top:0;transform:rotate(5deg);background:#0C0C0E;}
.aoc-w-hero .sw1 .neon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-family:var(--disp);font-style:italic;font-weight:700;font-size:38px;color:#36E6E0;
  text-shadow:0 0 6px #36E6E0,0 0 18px #36E6E0,0 0 40px #36E6E0;}
.aoc-w-hero .sw2{right:132px;top:56px;transform:rotate(-6deg);background:repeating-linear-gradient(45deg,var(--accent) 0 14px,var(--accent-2) 14px 28px);}
.aoc-w-hero .sw3{right:56px;top:150px;transform:rotate(2deg);background:#F4EEE0;}
.aoc-w-hero .sw3 .diecut{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;}
.aoc-w-hero .sw3 .diecut b{width:104px;height:104px;background:#fff;border:2px dashed var(--line-2);border-radius:50%;
  display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-weight:800;font-size:15px;
  color:var(--accent-2);text-align:center;box-shadow:0 6px 16px -8px rgba(0,0,0,.3);}
@media (min-width:600px){.aoc-w-hero .hero-cta{flex-direction:row;flex-wrap:wrap;}}
@media (min-width:768px){.aoc-w-hero .hero{padding-block:44px 16px;}}
@media (min-width:900px){
  .aoc-w-hero .hero{padding-block:52px 20px;}
  .aoc-w-hero .hero-grid{grid-template-columns:1.15fr .85fr;gap:40px;}
  .aoc-w-hero .hero-art{display:block;height:340px;}
  .aoc-w-hero .swatch{width:180px;height:224px;}
  .aoc-w-hero .sw2{right:112px;}
  .aoc-w-hero .sw3{right:48px;top:126px;}
}
@media (min-width:1024px){
  .aoc-w-hero .hero-grid{gap:48px;}
  .aoc-w-hero .hero-art{height:400px;}
  .aoc-w-hero .swatch{width:210px;height:262px;}
  .aoc-w-hero .sw2{right:132px;}
  .aoc-w-hero .sw3{right:56px;top:150px;}
}