:root{color-scheme:dark;--bg:#0c0c0e;--panel:#171719;--yellow:#ffd400;--white:#f9f9f9;--muted:#aaaab0}
*{box-sizing:border-box}
html{min-height:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
.accent-line{height:5px;background:var(--yellow)}
.header,.hero,.categories,.contact,.footer{max-width:1240px;margin-inline:auto}
.header{min-height:96px;display:flex;justify-content:space-between;align-items:center;padding:18px 32px;gap:16px}
.wordmark{font-family:Impact,'Arial Black',Arial,sans-serif;font-stretch:condensed;font-size:clamp(31px,4.5vw,48px);letter-spacing:-.025em;line-height:1;white-space:nowrap}
.mark-yellow,.mark-dot{color:var(--yellow)}
.status{font-size:10px;font-weight:800;letter-spacing:.22em;white-space:nowrap;color:#d2d2d4;display:flex;align-items:center;gap:12px}
.status-dot{width:8px;height:8px;background:var(--yellow);display:inline-block;border-radius:50%;box-shadow:0 0 14px #ffd40070}
.hero{text-align:center;padding:68px 24px 35px;position:relative}
.hero-kicker{font-weight:800;letter-spacing:.19em;color:var(--yellow);font-size:11px;display:flex;align-items:center;justify-content:center;gap:15px}
.dash{display:inline-block;width:27px;height:2px;background:var(--yellow)}
h1,h2,p{margin-top:0}
h1{font-family:Impact,'Arial Narrow','Arial Black',sans-serif;font-size:clamp(49px,8vw,106px);letter-spacing:.003em;line-height:.99;max-width:1150px;margin:24px auto 28px;text-transform:uppercase;font-weight:900}
h1 em{font-style:normal;color:var(--yellow);display:block}
h1 .stop{color:var(--yellow)}
.lead{max-width:820px;font-size:clamp(17px,2.05vw,23px);line-height:1.45;font-weight:650;margin:0 auto 14px}
.sublead{max-width:660px;margin:0 auto;color:#a7a7ae;font-size:15px;line-height:1.6}
.micro-divider{height:3px;width:70px;background:var(--yellow);margin:34px auto 27px}
.categories-heading{display:flex;justify-content:space-between;font-size:12px;font-weight:900;letter-spacing:.11em;text-align:left;margin-bottom:17px}.categories-heading span{color:#85858a}
.categories{padding:0 24px 50px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.category{border:1px solid #39393c;min-height:315px;overflow:hidden;position:relative;isolation:isolate;background:#1b1b1e;border-radius:15px;padding:25px;display:flex;align-items:flex-end}
.category-art{position:absolute;inset:0;z-index:-1;overflow:hidden}
.category-art::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.93),transparent 70%)}
.category-girls{background:radial-gradient(ellipse at 67% 28%,#5f4d57 0%,#2b242b 43%,#121214 90%)}
.category-guys{background:radial-gradient(ellipse at 68% 15%,#514d38 0%,#25251e 43%,#111214 90%)}
.category-unisex{background:radial-gradient(ellipse at 62% 26%,#3d4d4b 0%,#202a2a 43%,#101314 90%)}
.art-circle{position:absolute;right:-43px;top:3px;width:290px;height:290px;border-radius:50%;border:30px solid #ffffff10;transform:rotate(-18deg)}
.art-stripe{position:absolute;left:5%;top:-80px;width:30%;height:450px;background:#ffffff09;transform:rotate(28deg)}
.art-letter{font-family:Impact,'Arial Black',sans-serif;font-size:295px;line-height:1;position:absolute;right:-24px;top:-36px;color:#ffffff12;transform:rotate(-9deg)}
.category-index{font-size:10px;letter-spacing:.17em;font-weight:900;color:var(--yellow)}
.category-content h2{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(45px,4.3vw,68px);line-height:.92;margin:11px 0 18px;letter-spacing:.005em}
.category-content h2 strong{color:var(--yellow);font-weight:900}
.category-note{font-size:12px;color:#e8e8eb;line-height:1.35}
.category-tag{position:absolute;top:19px;right:19px;font-size:9px;letter-spacing:.09em;font-weight:900;background:var(--yellow);color:#111;padding:8px 9px;border-radius:3px}
.contact{padding:32px 28px;margin-bottom:40px;border:1px solid #38383b;border-radius:14px;background:#171719;display:flex;justify-content:space-between;align-items:center;gap:22px}
.contact-eyebrow{color:var(--yellow);font-size:10px;font-weight:900;letter-spacing:.18em}
.contact h2{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(28px,3.4vw,42px);letter-spacing:.025em;margin:7px 0 0}
.contact h2 span{color:var(--yellow)}
.contact a{color:var(--yellow);font-size:clamp(16px,2vw,22px);text-decoration:none;font-weight:900;overflow-wrap:anywhere}.contact a:hover,.contact a:focus-visible{text-decoration:underline}.contact a span{padding-left:8px}
.footer{padding:21px 30px 35px;border-top:1px solid #313134;display:flex;justify-content:space-between;gap:15px;color:#828289;font-size:10px;font-weight:700;letter-spacing:.1em}.footer b{color:var(--yellow);margin:0 7px}
@media(max-width:800px){.header{min-height:82px;padding-inline:22px}.hero{padding-top:45px}.categories{grid-template-columns:1fr;max-width:540px}.category{min-height:248px}.category-content h2{font-size:65px}.contact{margin-inline:24px;flex-direction:column;align-items:flex-start}.footer{margin-inline:24px;flex-direction:column;padding-inline:0}}
@media(max-width:450px){.header{padding:18px}.status{font-size:8px;letter-spacing:.11em;gap:7px}.hero{padding:44px 17px 25px}.hero-kicker{font-size:9px;letter-spacing:.08em}.dash{width:14px}h1{font-size:clamp(45px,12vw,62px)}.categories{padding:0 15px 38px}.categories-heading{font-size:9px}.category{padding:21px;min-height:248px}.contact{margin-inline:15px;padding:25px 20px}.footer{margin-inline:15px}}