@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@500;600;700;800&display=swap');
:root{--red:#ad7aff;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--gaming:'Orbitron',var(--sans)}
body{background:radial-gradient(ellipse at 80% 9%,#25124444,transparent 24%),#08070d}body:before{content:'';position:absolute;inset:88px 0 auto;height:720px;background:radial-gradient(circle at 25% 20%,#ad7aff55 1px,transparent 2px),radial-gradient(circle at 75% 40%,#ad7aff55 1px,transparent 2px);background-size:163px 127px,217px 193px;pointer-events:none;opacity:.3}.header{background:#08070dee;border-bottom-color:#ad7aff26}.brand{font-family:var(--gaming);font-size:11px;letter-spacing:-.5px}.brand-light{font-weight:600}.brand img{filter:drop-shadow(0 0 12px #a779ff30)}.header nav{font-size:11px}.nav-contact{clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,9px 100%,0 calc(100% - 9px));background:#ad7aff0c}.hero{padding-top:28px}.hero-content{min-height:650px;grid-template-columns:1fr 1fr;gap:30px}.hero h1{font-size:clamp(84px,8.3vw,116px);line-height:.91}.hero h1 em{background:linear-gradient(110deg,#eee3ff -10%,#b987ff 35%,#8041ed);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 0 50px #9450ee22}.title-star{font-size:45px;margin-top:12px;margin-left:20px}.intro{font-size:9px;color:#ab89db}.hero-top .eyebrow{color:#b9b0cb}.hero-top .status-dot{background:#c4a1ff}.hero-top .eyebrow:after{content:'PLAYER 01';border:1px solid #a779ff33;background:#a779ff0b;padding:5px 8px;font-size:8px;letter-spacing:1px;margin-left:6px;color:#ba9fdf}.hero-description{max-width:390px;line-height:1.9;font-size:13px}.hero-actions .primary{background:linear-gradient(100deg,#8d4fe5,#ac7afb);border-color:#c9a7ff40;box-shadow:0 5px 32px #9f5cff25;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px));font-size:11px;padding:18px 22px}.hero-art{width:100%;margin:0;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.hero-art .core,.hero-art .orbit{opacity:.2;pointer-events:none}.hero-art .art-caption,.hero-art .art-label{display:none}.hero-art:before{background:#9d4cff44;inset:18%;filter:blur(70px)}.hero-showcase{position:relative;z-index:2;width:100%;border:1px solid #b28aef45;background:linear-gradient(135deg,#22162d,#120d1e);border-radius:10px;box-shadow:0 25px 100px #0009,0 0 80px #8037e01c;transform:rotate(-3deg);transition:transform .5s;overflow:visible}.hero-showcase:hover{transform:rotate(0)}.showcase-top{height:45px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;font-family:var(--mono);font-size:8px;letter-spacing:1.2px;color:#baaad0}.showcase-top>span:first-child{color:#cbadff}.showcase-top>span:first-child:before{content:'◆';color:#b982ff;margin-right:8px}.showcase-stage{position:relative;aspect-ratio:16/10;overflow:hidden;border-block:1px solid #9b70c833}.showcase-stage img{width:100%;height:100%;object-fit:cover;transition:opacity .2s}.showcase-stage:after{content:'';position:absolute;inset:0;box-shadow:inset 0 -50px 55px #08050d55;pointer-events:none}.showcase-stage .stage-tag{position:absolute;left:18px;bottom:18px;z-index:1;display:flex;gap:8px;align-items:center;background:#120c20b0;padding:7px 10px;border:1px solid #dfc7ff30;font-family:var(--mono);font-size:8px;color:#e6d4ff;letter-spacing:1px;backdrop-filter:blur(5px)}.showcase-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px}.showcase-info>span{font-family:var(--mono);font-size:8px;letter-spacing:1px;color:#9c8cae}.showcase-info h2{font-family:var(--sans);font-size:20px;font-weight:600;letter-spacing:-.5px;line-height:1.3;margin-top:6px}.showcase-play{width:45px;height:45px;display:grid;place-items:center;border:1px solid #b78cfc55;background:#a779ff12;border-radius:50%;color:#d8bfff;font-size:16px;flex-shrink:0}.showcase-play:hover{background:#a779ff35}.showcase-pagination{border-top:1px solid #a779ff20;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;gap:10px}.showcase-pagination .micro{font-size:7px;color:#9e8eaf}.showcase-arrows{display:flex;gap:6px}.showcase-arrows button{width:27px;height:25px;background:#a779ff0a;border:1px solid #a779ff26;color:#c7a9f5;border-radius:3px}.showcase-arrows button:hover{background:#a779ff30}.showcase-floating{position:absolute;top:-16px;right:-13px;background:#b789fb;color:#1a0d2b;font-family:var(--mono);font-weight:700;font-size:8px;letter-spacing:1px;padding:9px 13px;box-shadow:0 0 24px #a779ff35;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}.hero-bottom{border-top-color:#a779ff26}.ticker{background:#130e1c;border-color:#ad7aff2b}.ticker div{font-family:var(--gaming);font-size:18px;font-weight:600;letter-spacing:2px}.ticker span{font-size:17px}.collection{padding-top:86px}.section-heading h2{font-size:44px}.section-heading .eyebrow:before,.about-copy .eyebrow:before{content:'◆';font-size:8px;margin-right:10px}.collection-controls{border-color:#ad7aff26}.filter.active{background:#a779ff15;border-color:#a779ff45;color:#c4a0ff}.project-card{background:linear-gradient(145deg,#19121f,#0d0b12);border-color:#a779ff26;border-radius:8px;box-shadow:0 8px 25px #0002;transition:transform .25s,border-color .25s,box-shadow .25s}.project-card:hover{transform:translateY(-5px);border-color:#b385f380;box-shadow:0 16px 45px #8e45dd14}.project-cover{border-bottom:1px solid #b28bdd26}.project-body{padding:25px}.project-card h3{font-family:var(--gaming);font-size:19px;font-weight:600;letter-spacing:-.4px;line-height:1.5}.project-meta{letter-spacing:.8px;color:#9b8aac}.project-meta .red{color:#c2a1f2}.project-footer{border-top-color:#a779ff20}.project-play{background:#a779ff18;border:1px solid #a779ff30;border-radius:3px;padding:10px 13px;color:#d3b6ff;font-family:var(--mono);font-size:9px}.project-play:hover{background:#a779ff30}.project-details-button{font-size:10px}.about-symbol{color:#a779ff;text-shadow:0 0 80px #9450ee30}.contact{background:radial-gradient(ellipse at top right,#b789fc55,transparent),linear-gradient(120deg,#652eac,#39175b);border:1px solid #cda9ff44;box-shadow:0 0 80px #8e45dd15}.contact h2 em{color:#d4b1ff}.contact-link{background:#a779ff20;border-color:#cda9ff70}.footer{border-top:1px solid #a779ff20;margin-top:44px}.footer .brand{font-size:10px}.collection-controls .search{font-size:12px}
.ad-region{margin-block:30px 100px;text-align:center;padding-block:30px;border-block:1px solid #a779ff20}.ad-region>.micro{font-size:8px;letter-spacing:2px;color:#9d8aae;margin:0 0 20px}.ad-region ins{min-height:100px}
@media(max-width:1000px){.hero-content{gap:20px;min-height:580px}.hero h1{font-size:94px}.showcase-info h2{font-size:17px}.showcase-top{padding-inline:13px;font-size:7px}.showcase-bottom{padding:17px;gap:10px}.hero-showcase{margin-right:8px}.project-card h3{font-size:16px}.hero-top .eyebrow:after{display:none}.hero-actions{gap:15px}.hero-actions .primary{padding-inline:16px;gap:18px}.hero .text-link{font-size:10px}}
@media(max-width:700px){.header{height:72px}.header .brand{font-size:8px;letter-spacing:-.4px}.header .brand img{width:27px;height:27px}.header nav{gap:13px;font-size:10px}.hero-content{grid-template-columns:1fr;min-height:0;gap:30px;padding-top:38px}.hero h1{font-size:clamp(78px,18.7vw,119px)}.hero-description{font-size:12px}.hero-art{margin-block:8px 30px;aspect-ratio:auto;padding:13px 4px;min-height:365px}.hero-art>.core,.hero-art>.art-grid,.hero-art>.orbit{width:100%;height:100%}.hero-showcase{max-width:420px;transform:rotate(-2deg);margin:0}.showcase-stage{aspect-ratio:16/9}.showcase-top{font-size:7px;height:38px}.showcase-bottom{padding:16px}.showcase-info h2{font-size:17px}.showcase-play{width:37px;height:37px}.showcase-floating{top:-14px;right:-7px;font-size:7px;padding:8px 11px}.showcase-pagination{padding:10px 14px}.ticker div{font-size:15px}.ticker span{font-size:14px}.section-heading h2{font-size:34px}.collection{padding-top:64px}.project-card h3{font-size:17px}.project-body{padding:22px}.project-meta{font-size:7px}.project-grid{gap:20px;grid-template-columns:1fr}.contact h2{font-size:34px}.hero-actions .primary{font-size:10px}.hero-actions{gap:18px}.title-star{font-size:37px}}

/* Premium gamer direction: quiet chrome, expressive artwork, readable controls. */
:root {
  --text: #f6f2ff;
  --muted: #b4acc1;
  --red: #be9aff;
  --border: #302639;
}
body {
  background: radial-gradient(ellipse at 85% 12%, #4a216129, transparent 28%),
    radial-gradient(ellipse at 0% 46%, #33204a1f, transparent 24%), #0b0911;
}
body:before { opacity: .14; }
.header { background: #0b0911ed; height: 80px; border-bottom: 1px solid #c4a1ff1c; }
.brand { font-size: 12px; letter-spacing: -.35px; gap: 12px; }
.header nav { font-size: 13px; gap: 28px; }
.header nav a { padding-block: 14px; }
.nav-contact { clip-path: none; border-radius: 8px; background: #c6a5ff09; }
.effects { width: 44px; height: 44px; border: 1px solid #c4a1ff1c; border-radius: 50%; }
.hero { padding-top: 30px; }
.hero-content { grid-template-columns: 1.05fr 1fr; min-height: 646px; gap: 46px; }
.hero-copy, .hero-art { min-width: 0; }
.hero h1 { font-size: clamp(84px, 8.65vw, 116px); letter-spacing: -1px; line-height: .94; }
.hero h1 em { background-image: linear-gradient(110deg, #f0dcff, #cba0ff 48%, #a867ed); }
.title-star { font-size: 39px; margin-left: 14px; }
.intro { font-size: 10px; letter-spacing: 2px; margin-bottom: 22px; }
.hero-top .eyebrow { font-size: 10px; }
.hero-top .eyebrow:after { display: none; }
.hero-coordinate { font-size: 9px; color: #a39aad; }
.hero-description { font-size: 15px; line-height: 1.8; max-width: 430px; margin-block: 26px; }
.hero-actions { flex-wrap: wrap; gap: 18px 24px; }
.hero-actions .primary { font-size: 12px; min-height: 52px; border-radius: 8px; clip-path: none; padding: 14px 20px; gap: 22px; background: linear-gradient(110deg, #b588f7, #9061d9); box-shadow: 0 8px 28px #8c48d32b; }
.hero .text-link { font-size: 12px; min-height: 44px; padding-bottom: 0; border-bottom-color: #b18dc957; }
.hero-art { width: 100%; aspect-ratio: auto; min-height: 480px; margin: 0; }
.hero-art .orbit { opacity: .13; }
.hero-art .art-grid { opacity: .5; }
.hero-showcase { transform: none; border-radius: 16px; border-color: #c0a0e84d; background: linear-gradient(140deg, #21182d, #15101e); overflow: visible; box-shadow: 0 32px 80px #0006, 0 0 60px #9255db12; }
.hero-showcase:hover { transform: translateY(-3px); }
.showcase-top { height: 48px; padding-inline: 20px; font-size: 10px; letter-spacing: 1px; }
.showcase-stage { aspect-ratio: 16/9; }
.showcase-stage .stage-tag { font-size: 9px; border-radius: 5px; padding: 8px 11px; background: #110a20dc; }
.showcase-bottom { padding: 21px; gap: 16px; }
.showcase-info > span { font-size: 9px; color: #b4a4c5; }
.showcase-info h2 { font-size: 23px; margin-top: 8px; }
.showcase-play { width: 48px; height: 48px; border-color: #c5a4ff80; background: #bc8cff20; }
.showcase-floating { right: 16px; top: -13px; font-size: 9px; letter-spacing: .5px; background: #d6b5ff; border-radius: 5px; clip-path: none; padding: 8px 11px; }
.showcase-pagination { padding: 10px 17px; border-radius: 0 0 16px 16px; background: #ffffff02; }
.showcase-pagination .micro { font-size: 8px; line-height: 1.6; letter-spacing: .7px; color: #b8a6c8; max-width: 280px; }
.showcase-arrows button { width: 44px; height: 44px; border-radius: 7px; font-size: 18px; }
.hero-bottom { padding-block: 21px; }
.hero-bottom .micro { font-size: 9px; color: #b3a7c1; }
.ticker { background: #160f20; border-color: #c49cf429; padding-block: 17px; }
.ticker div { font-size: 14px; letter-spacing: 3px; color: #c6b4d9; }
.ticker span { padding-inline: 30px; font-size: 17px; }
.collection { padding-block: 88px; }
.section-heading { margin-bottom: 32px; }
.section-heading h2 { font-size: clamp(35px, 3.65vw, 48px); line-height: 1.18; letter-spacing: -1.6px; }
.section-description { font-size: 14px; line-height: 1.8; }
.collection-controls { border: 1px solid #b898e32b; padding: 12px; border-radius: 12px; background: #1a13209c; gap: 16px; margin-bottom: 28px; align-items: center; }
.filters { gap: 5px; }
.filter { min-height: 44px; padding: 10px 15px; font-size: 12px; border-radius: 7px; }
.filter.active { background: #b98af925; color: #e2caff; border-color: #b991fa60; }
.search { padding-inline: 13px; min-height: 44px; border-left: 1px solid #bca3d933; }
.search input { font-size: 12px; width: 178px; }
.project-grid { gap: 26px; }
.project-card { border-radius: 14px; background: linear-gradient(135deg, #1d1627, #14101c); border-color: #bca0e32b; box-shadow: 0 8px 25px #0002; }
.project-card:hover { border-color: #c2a0f078; transform: translateY(-4px); box-shadow: 0 18px 38px #0003; }
.project-cover { border-bottom-color: #c5a0e52b; }
.project-cover:after { font-size: 10px; border-radius: 6px; }
.project-body { padding: 26px; }
.project-meta { font-size: 9px; letter-spacing: .9px; color: #b0a0c0; }
.project-meta .red { color: #d1b3fa; }
.project-card h3 { font-family: var(--sans); font-size: 26px; font-weight: 600; letter-spacing: -.8px; line-height: 1.3; margin-top: 16px; margin-bottom: 10px; }
.project-card p { font-size: 14px; line-height: 1.75; color: #bbb0c8; }
.project-card .tags { gap: 7px; margin-block: 20px 24px; }
.project-card .tags span { font-size: 11px; padding: 6px 9px; border-radius: 5px; color: #c9b8e0; background: #c5a0fa08; border-color: #c4a2f322; }
.project-footer { gap: 12px; padding-top: 17px; border-color: #bc96e62b; }
.project-details-button { font-size: 12px; min-height: 44px; text-align: left; color: #c2b3cf; }
.project-play { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; font-family: var(--sans); font-size: 12px; padding: 11px 15px; border-radius: 7px; border-color: #c29bf255; background: #bd90f71c; color: #e0c9ff; }
.project-play:hover { background: #bd90f737; }
.about { border-top-color: #c4a0ee27; padding-block: 80px 94px; }
.about-symbol { font-size: 210px; opacity: .8; }
.about-copy p:not(.eyebrow) { font-size: 15px; color: #b4acc1; }
.about-copy h2 { font-size: 42px; }
.about-copy .text-link { min-height: 44px; }
.contact { border-radius: 16px; background: radial-gradient(ellipse at 90% 0%, #c291ed2b, transparent 70%), linear-gradient(115deg, #502779, #28143f); border-color: #cba6ff4d; padding-block: 48px; box-shadow: none; }
.contact h2 { font-size: 50px; line-height: 1.17; }
.contact p:last-child { font-size: 14px; opacity: 1; color: #d1c1df; }
.contact .eyebrow { opacity: 1; color: #dbc5f4; }
.footer { margin-top: 36px; border-color: #ba96e424; }
.footer .micro { font-size: 9px; line-height: 1.6; }
.footer .brand { font-size: 11px; }
.footer > a:last-child { min-height: 44px; display: inline-flex; align-items: center; }
dialog { border-radius: 16px; background: #181120; border-color: #c39ae75c; padding: 28px; }
.close-dialog { min-width: 44px; min-height: 44px; border-radius: 8px; background: #c2a0e70b; }
.dialog-top .micro { font-size: 10px; }
.project-details { color: #c3b6d1; }
button:focus-visible, a:focus-visible, input:focus-visible { outline: 2px solid #dbbaff; outline-offset: 4px; }
.project-cover:focus-visible { outline-offset: -5px; }
.ad-region { border-color: #c19bec26; }
@media (max-width: 1100px) and (min-width: 701px) {
  .hero-content { gap: 30px; min-height: 640px; }
  .hero h1 { font-size: clamp(76px, 9.4vw, 101px); }
  .title-star { font-size: 28px; margin-left: 10px; }
  .hero-description { font-size: 14px; }
  .hero-art { min-height: 440px; }
  .showcase-top { font-size: 9px; }
  .showcase-info h2 { font-size: 21px; }
  .showcase-info > span { font-size: 8px; }
  .showcase-bottom { padding: 18px; }
  .showcase-pagination .micro { max-width: 175px; }
  .collection-controls { flex-wrap: wrap; }
  .search { margin-left: auto; }
  .project-body { padding: 22px; }
  .project-card h3 { font-size: 24px; }
}
@media (max-width: 700px) {
  .header { height: 72px; padding-inline: 18px; gap: 9px; }
  .header .brand { font-size: 9px; gap: 8px; letter-spacing: -.4px; }
  .header .brand img { width: 29px; height: 29px; }
  .header nav { gap: 13px; font-size: 11px; }
  .header nav a { min-height: 44px; display: inline-flex; align-items: center; }
  .header .effects { width: 36px; height: 44px; border: 0; }
  .wrap { padding-inline: 22px; }
  .hero { padding-top: 24px; }
  .hero-top .eyebrow { font-size: 9px; letter-spacing: 1.2px; }
  .hero-content { grid-template-columns: minmax(0, 1fr); min-height: 0; padding-top: 34px; gap: 24px; }
  .intro { font-size: 9px; letter-spacing: 1.4px; margin-bottom: 20px; }
  .hero h1 { font-size: clamp(75px, 19.5vw, 118px); letter-spacing: -.5px; line-height: .95; }
  .title-star { font-size: 29px; margin-left: 8px; margin-top: 9px; }
  .hero-description { font-size: 14px; line-height: 1.8; margin-block: 24px; max-width: none; }
  .hero-actions { gap: 10px 21px; }
  .hero-actions .primary { min-height: 50px; font-size: 12px; padding: 13px 17px; gap: 22px; }
  .hero .text-link { font-size: 12px; }
  .hero-art { min-height: 0; aspect-ratio: auto; margin: 10px 0 22px; padding: 12px 0 0; max-width: 500px; }
  .hero-showcase { max-width: none; width: 100%; margin: 0; transform: none; border-radius: 12px; }
  .hero-showcase:hover { transform: none; }
  .showcase-floating { right: 12px; top: -12px; font-size: 8px; }
  .showcase-top { font-size: 9px; height: 44px; padding-inline: 15px; }
  .showcase-stage .stage-tag { font-size: 8px; left: 12px; bottom: 12px; padding: 7px 9px; }
  .showcase-bottom { padding: 18px 15px; gap: 12px; }
  .showcase-info > span { font-size: 8px; }
  .showcase-info h2 { font-size: 21px; line-height: 1.3; }
  .showcase-play { width: 46px; height: 46px; }
  .showcase-pagination { padding: 9px 12px; gap: 12px; border-radius: 0 0 12px 12px; }
  .showcase-pagination .micro { font-size: 8px; max-width: 190px; }
  .showcase-arrows { gap: 5px; }
  .showcase-arrows button { width: 44px; height: 44px; }
  .hero-bottom { gap: 10px; padding-block: 18px; }
  .hero-bottom .micro { font-size: 8px; letter-spacing: .4px; }
  .ticker { padding-block: 14px; }
  .ticker div { font-size: 12px; letter-spacing: 2px; }
  .ticker span { padding-inline: 22px; font-size: 14px; }
  .collection { padding-block: 56px 64px; }
  .section-heading h2 { font-size: 36px; letter-spacing: -1.3px; }
  .section-description { font-size: 14px; margin-top: 18px; }
  .collection-controls { display: block; padding: 10px; border-radius: 10px; }
  .filters { gap: 2px; }
  .filter { font-size: 11px; padding-inline: 10px; }
  .filter span { margin-left: 5px; }
  .search { border-left: 0; border-top-color: #bda0da2b; margin-top: 9px; padding: 8px 5px 0; }
  .search input { font-size: 13px; width: 100%; }
  .project-grid { grid-template-columns: minmax(0,1fr); gap: 24px; }
  .project-card { border-radius: 12px; }
  .project-body { padding: 21px; }
  .project-meta { font-size: 9px; letter-spacing: .6px; gap: 8px; }
  .project-card h3 { font-size: 24px; }
  .project-card p { font-size: 14px; }
  .project-card .tags { margin-block: 18px 20px; }
  .project-card .tags span { font-size: 10px; }
  .project-footer { gap: 9px; }
  .project-play { padding-inline: 12px; font-size: 12px; }
  .project-details-button { font-size: 11px; }
  .about { padding-block: 52px 64px; gap: 28px; }
  .about-symbol { font-size: 100px; text-align: left; }
  .about-symbol > span { font-size: 9px; margin-top: 10px; }
  .about-copy h2 { font-size: 35px; }
  .about-copy p:not(.eyebrow) { font-size: 14px; }
  .contact { margin-inline: 16px; padding: 30px 24px; border-radius: 12px; }
  .contact h2 { font-size: 34px; letter-spacing: -1.4px; }
  .contact .eyebrow { font-size: 9px; }
  .contact-link { width: 48px; height: 48px; font-size: 26px; }
  .contact p:last-child { font-size: 13px; }
  .contact:after { font-size: 260px; right: -20px; bottom: -95px; }
  .footer { padding-block: 25px; margin-top: 24px; gap: 16px; }
  .footer .brand { font-size: 10px; }
  .footer .micro { font-size: 8px; letter-spacing: .4px; }
  dialog { padding: 20px; width: calc(100% - 28px); }
}
@media (max-width: 360px) {
  .header { padding-inline: 12px; gap: 7px; }
  .header .brand { font-size: 8px; gap: 6px; }
  .header nav { gap: 10px; }
  .wrap { padding-inline: 18px; }
  .hero h1 { font-size: 19vw; }
  .title-star { font-size: 24px; }
  .project-body { padding: 18px; }
  .filter { padding-inline: 8px; }
  .contact h2 { font-size: 30px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-showcase, .project-card, .project-cover img { transition: none; }
  .hero-showcase:hover, .project-card:hover, .project-cover:hover img { transform: none; }
}
/* A clear action is more discoverable than an unexplained play icon. */
.showcase-play { width: auto; min-width: 112px; height: auto; min-height: 46px; padding: 12px 15px; border-radius: 8px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.showcase-info { min-width: 0; }
@media (max-width: 1100px) {
  .showcase-play { min-width: 104px; padding-inline: 12px; font-size: 11px; }
  .showcase-info h2 { font-size: 20px; }
}
@media (max-width: 700px) {
  .showcase-info > span { display: none; }
  .showcase-info h2 { margin-top: 0; font-size: 20px; }
  .showcase-play { min-width: 104px; min-height: 44px; padding-inline: 11px; }
}

/* Canais da criadora */
.contact .social-channels{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin-top:28px;position:relative;z-index:1}
.social-channel{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:48px;padding:14px 20px;border:1px solid #d8b6ff66;border-radius:8px;background:#21112f80;color:#fff;font-size:14px;font-weight:600;transition:background .2s,border-color .2s}
.social-channel:hover{background:#a779ff40;border-color:#e0c5ff}
.social-channel span{color:#dfc2ff;font-size:20px;line-height:1}
.social-channel:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:480px){.contact .social-channels{gap:10px}.social-channel{width:100%;padding:14px 18px}}
@media(prefers-reduced-motion:reduce){.social-channel{transition:none}}