.hero-artwork{position:relative;width:100%;background:#fff;isolation:isolate;overflow:hidden}
.hero-clip-defs{position:absolute;pointer-events:none}
.hero-serpent-scene{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;pointer-events:none}
.hero-artwork .hero-image{position:relative;inset:auto;z-index:1;display:block;width:min(100%,calc((100svh - 112px)*1.163370592));height:auto;max-height:none;margin:0 auto;object-fit:contain;background:transparent;clip-path:url(#oyne-hoodie-silhouette);filter:none}
.hero-bottom .hero-motto{max-width:none;color:#343430;letter-spacing:.01em}
.hero-motion-control{position:absolute;right:24px;bottom:20px;z-index:2;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #d7d7d4;border-radius:50%;background:#fff;color:#222;cursor:pointer;opacity:.75}
.hero-motion-control:hover{opacity:1;border-color:#222}.hero-motion-control:focus-visible{outline:2px solid #111;outline-offset:4px}
.hero-motion-control span{display:block;width:9px;height:11px;border-left:3px solid currentColor;border-right:3px solid currentColor}
.hero-motion-control[aria-pressed="true"] span{width:0;height:0;border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:0;margin-left:2px}

@media(max-width:560px){.hero-artwork .hero-image{width:88%;max-height:none}.hero-motion-control{right:12px;bottom:12px;width:28px;height:28px}}
@media(prefers-reduced-motion:reduce){.hero-motion-control{display:none}}