/* S3 Bazaar — loud flat colour, thick borders, offset shadows, marquee, spinning sticker */
.s3{--br:0;--cr:0;--fr:0;--lr:0;--b:3px solid var(--ink);--sh:5px 5px 0 var(--ink)}
.s3 h1,.s3 h2,.s3 .sh h2{text-transform:uppercase;font-weight:400;letter-spacing:-.01em}
.s3 .hd{background:var(--bg);border-bottom:var(--b);backdrop-filter:none;-webkit-backdrop-filter:none}
.s3 .logo{text-transform:uppercase;font-weight:400}
.s3 .logo i{border:2px solid var(--ink)}
.s3 .btn{border:var(--b);box-shadow:4px 4px 0 var(--ink);text-transform:uppercase;font-weight:800}
.s3 .btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink);filter:none}
.s3 .btn.ghost{background:var(--surf);box-shadow:4px 4px 0 var(--ink)}
.s3 .ann{text-transform:uppercase;letter-spacing:.06em}
.s3-mq{background:var(--ink);color:var(--bg);overflow:hidden;padding:10px 0;font:400 15px/1 var(--hf);text-transform:uppercase}
.s3-mq div{display:flex;gap:22px;width:max-content;animation:s3m 26s linear infinite;align-items:center}
.s3-mq span{white-space:nowrap}
@keyframes s3m{to{transform:translateX(-33.333%)}}
.s3-hero{padding:clamp(36px,6vw,80px) 0;border-bottom:var(--b)}
.s3-hg{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,60px);align-items:center}
.s3-tag{display:inline-block;background:var(--ink);color:var(--bg);padding:6px 12px;font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.06em;margin:0 0 16px;transform:rotate(-2deg)}
.s3-hero h1{font-size:clamp(44px,7vw,96px);line-height:.92}
.s3-sub{font-size:19px;max-width:30em;margin:20px 0 26px;font-weight:500}
.s3-act{display:flex;gap:14px;flex-wrap:wrap}
.s3-imw{position:relative}
.s3-im{border:var(--b);box-shadow:var(--sh);aspect-ratio:1;overflow:hidden;background:var(--surf)}
.s3-im img{width:100%;height:100%;object-fit:cover}
.s3-st{position:absolute;right:-14px;top:-24px;width:124px;height:124px;border-radius:50%;background:var(--surf);border:var(--b);display:grid;place-items:center}
.s3-st svg{position:absolute;inset:0;width:100%;height:100%}
.s3-st text{font:700 12px/1 var(--bf);letter-spacing:.12em;fill:var(--ink)}
.s3-st b{font:400 26px/1 var(--hf)}
@media (max-width:860px){.s3-hg{grid-template-columns:minmax(0,1fr)}.s3-st{right:-4px;width:104px;height:104px}}
.s3-cats{background:var(--surf);border-bottom:var(--b)}
.s3-cl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}
.s3-cl a{display:block;text-decoration:none;border:var(--b);background:var(--bg);box-shadow:var(--sh);transition:transform .2s}
.s3-cl a:hover{transform:translate(-3px,-3px) rotate(-1deg)}
.s3-cl .ct-i{aspect-ratio:1;border-bottom:var(--b)}
.s3-cl h3{font:400 18px/1.1 var(--hf);text-transform:uppercase;padding:12px}
.s3 .pc-im{border:var(--b)}
.s3 .pc-n{font-weight:800}
.s3 .qa{border:2px solid var(--ink);text-transform:uppercase;font-size:12px;font-weight:800}
.s3 .wl{border:2px solid var(--ink)}
.s3 .bdg{border:2px solid var(--ink);border-radius:0}
.s3-promo{background:var(--ink);color:var(--bg);padding:clamp(56px,8vw,90px) 0}
.s3-pg{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.s3-promo h2{font-size:clamp(36px,5vw,72px);line-height:.95}
.s3-promo p{font-size:18px;margin:16px 0 22px}
.s3-promo .btn{background:var(--bg);color:var(--ink);border-color:var(--bg);box-shadow:4px 4px 0 var(--bg)}
.s3-pim{border:3px solid var(--bg);aspect-ratio:4/3;overflow:hidden}
.s3-pim img{width:100%;height:100%;object-fit:cover}
@media (max-width:760px){.s3-pg{grid-template-columns:minmax(0,1fr)}}
.s3-dark{background:var(--surf);border-block:var(--b)}
.s3-prom li{background:var(--bg);border:var(--b)}
.s3 .rv-g figure{border:var(--b);box-shadow:var(--sh)}
.s3-box{border:var(--b);box-shadow:var(--sh);background:var(--surf);padding:clamp(24px,4vw,48px)}
.s3-box h2{font-size:clamp(32px,4vw,56px)}
.s3 .ft{border-top:var(--b)}