/*
Theme Name: SubSonic After Dark
Text Domain: subsonic-after-dark
Description: Standalone graphic tee catalog and marketplace discovery theme.
Version: 1.0.10
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800&family=DM+Sans:wght@400;500;700&display=swap');

.ss-home { --ink:#101112; --paper:#f5f1e6; --acid:#e2fa65; --line:#393939; margin:0; background:var(--ink); color:var(--paper); font:400 16px/1.55 "DM Sans",system-ui,sans-serif; }
.ss-home *, .ss-home *::before, .ss-home *::after { box-sizing:border-box; }
.ss-home a { color:inherit; }
.ss-home a:focus-visible, .ss-home button:focus-visible { outline:2px solid var(--acid); outline-offset:4px; }
.ss-wrap { width:min(1240px, calc(100% - 72px)); margin-inline:auto; }
.ss-header { border-bottom:1px solid var(--line); }
.ss-nav { display:flex; min-height:68px; align-items:center; justify-content:space-between; gap:16px; font-weight:700; }
.ss-nav a { text-decoration:none; }
.ss-nav a:hover { color:var(--acid); }
.ss-brand img { display:block; width:clamp(120px,18vw,188px); height:auto; }
.ss-hero { isolation:isolate; background:#0a151b linear-gradient(90deg,rgba(4,10,15,.60),transparent 72%); position:relative; overflow:hidden; border-bottom:1px solid var(--line); }
.ss-hero::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(4,10,15,.45),transparent 70%),url("https://subsonicshirts.com/wp-content/uploads/2026/11/Midnight-Roadside-UFO-Beam.png") center / cover no-repeat; }
.ss-hero-inner { display:grid; grid-template-columns:1.15fr .85fr; align-items:center; gap:36px; min-height:520px; padding-block:50px; }
.ss-home h1,.ss-home h2,.ss-home h3 { font-family:"Barlow Condensed","Arial Narrow",Impact,sans-serif; font-weight:800; line-height:.94; margin:0; }
.ss-home h1 { font-size:clamp(76px,10vw,160px); letter-spacing:-.035em; text-transform:uppercase; }
.ss-home h1 em { color:var(--acid); font-style:normal; }
.ss-hero p { max-width:36ch; font-size:clamp(17px,2vw,21px); margin:22px 0; }
.ss-button { display:inline-flex; align-items:center; gap:24px; background:var(--acid); color:var(--ink)!important; padding:13px 20px; text-decoration:none; font-weight:700; }
.ss-button:hover { background:#f2ffa9; }
.ss-feature { margin:0; justify-self:center; width:100%; text-align:center; }
.ss-feature img { display:block; width:100%; height:auto; filter:drop-shadow(0 14px 20px #0008); }
.ss-feature figcaption { display:inline-block; padding:4px 12px; background:#101112; margin-top:9px; font-weight:700; }
.ss-catalog { padding-block:50px 80px; scroll-margin-top:40px; }
.ss-section-head { display:flex; flex-wrap:wrap; align-items:end; justify-content:space-between; gap:18px; margin-bottom:26px; }
.ss-home h2 { font-size:clamp(45px,6vw,75px); text-transform:uppercase; }
.ss-filters { display:flex; flex-wrap:wrap; gap:8px; }
.ss-filters button { border:1px solid #777; background:transparent; color:var(--paper); font:inherit; padding:7px 12px; cursor:pointer; }
.ss-filters button:hover { border-color:var(--acid); }
.ss-filters button[aria-pressed="true"] { background:var(--acid); color:var(--ink); border-color:var(--acid); }
.ss-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:17px; }
.ss-card { display:flex; flex-direction:column; min-width:0; background:#1b1c1e; border:1px solid var(--line); }
.ss-home [hidden] { display:none!important; }
.ss-card-art { display:block; overflow:hidden; aspect-ratio:1; background:#2b2926; }
.ss-card-art img { width:100%; height:100%; object-fit:contain; display:block; transition:transform .22s ease; }
.ss-card-art:hover img { transform:scale(1.05); }
.ss-card-copy { padding:15px; display:flex; flex-direction:column; align-items:start; flex:1; }
.ss-category { color:#d5d1c8; font-size:.75rem; letter-spacing:.075em; text-transform:uppercase; }
.ss-card h3 { font-size:clamp(24px,3vw,36px); margin:5px 0; }
.ss-card h3 a { text-decoration:none; }
.ss-card h3 a:hover { text-decoration:underline; }
.ss-card p { margin:5px 0 15px; }
.ss-shop { color:var(--acid)!important; font-weight:700; margin-top:auto; }
.ss-footer { border-top:1px solid var(--line); }
.ss-reader,.ss-skip:not(:focus) { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.ss-skip:focus { position:fixed; z-index:100; top:45px; left:12px; padding:12px; color:#111; background:var(--acid); }
@media(max-width:950px) { .ss-grid{grid-template-columns:repeat(2,minmax(0,1fr));} .ss-wrap{width:calc(100% - 48px);} }
@media(max-width:640px) { .ss-wrap{width:calc(100% - 32px);} .ss-nav{min-height:58px;} .ss-hero-inner{grid-template-columns:1fr; gap:19px; padding-block:36px 25px;} .ss-home h1{font-size:clamp(58px,14vw,92px);} .ss-hero p{margin:15px 0;}  .ss-feature{width:min(100%,420px);} .ss-hero::before{background-position:67% center;} .ss-catalog{padding-block:32px 48px;} .ss-grid{gap:10px;} .ss-card-copy{padding:10px;} .ss-card p{font-size:.86rem;} .ss-shop{font-size:.87rem;} }
@media(prefers-reduced-motion:reduce){.ss-card-art img{transition:none;}}

.ss-design-back { display:inline-block; margin-block:28px 18px; font-weight:700; }
.ss-design { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:clamp(22px,5vw,76px); }
.ss-design-art { margin:0; background:#242426; border:1px solid var(--line); }
.ss-design-art img { display:block; width:100%; height:auto; }
.ss-design-page h1 { font-size:clamp(48px,6.3vw,100px); }
.ss-design-shops { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.ss-design-note { color:#d5d1c8; font-size:.93rem; }
.ss-design-details { margin-block:30px 55px; border-block:1px solid var(--line); }
.ss-design-details summary { cursor:pointer; padding-block:17px; font-weight:700; }
.ss-design-details summary:focus-visible { outline:2px solid var(--acid); outline-offset:3px; }
.ss-design-original { padding-block:6px 24px; }
.ss-design-original img { max-width:100%; height:auto; }
@media(max-width:680px) { .ss-design { grid-template-columns:1fr; } .ss-design-art { max-width:440px; } .ss-design-back { margin-top:18px; } }

.ss-design-page { background:radial-gradient(ellipse at 18% 12%,#393029 0%,transparent 58%),var(--ink); }
.ss-design-1108,.ss-design-54 { background:radial-gradient(ellipse at 18% 12%,#472343 0%,transparent 49%),radial-gradient(ellipse at 80% 20%,#303748 0%,transparent 48%),var(--ink); }
.ss-design-1121 { background:radial-gradient(ellipse at 22% 14%,#613420 0%,transparent 56%),var(--ink); }
.ss-design-details { padding-top:28px; }
.ss-design-details h2 { font-size:clamp(35px,5vw,58px); }
.ss-design-original .wp-block-image,.ss-design-original .wp-block-stackable-button-group,.ss-design-original .wp-block-buttons { display:none; }

.ss-design-1121 { background:#101112; position:relative; isolation:isolate; }
.ss-design-1121::before { content:""; position:absolute; z-index:-1; inset:0 0 auto; height:clamp(650px,61vw,1040px); background:linear-gradient(to bottom,transparent 70%,#101112),url("https://subsonicshirts.com/wp-content/uploads/2026/11/Midnight-Black-Cat-Under-Amber-Moon.png") center top / cover no-repeat; }
.ss-design-page .ss-header { background:#101112; }
.ss-design-1121 .ss-design-copy { text-shadow:0 2px 12px #000; }
.ss-design-1121 .ss-button { text-shadow:none; }
@media(max-width:680px) { .ss-design-1121::before { background-position:center,74% top; } }

.ss-design-page #design { padding-bottom:clamp(32px,6vw,80px); }
.ss-design-copy .ss-design-original { padding:14px 0 0; }
.ss-design-copy .ss-design-original .wp-block-stackable-columns > .stk-row { display:block; }
.ss-design-copy .ss-design-original .wp-block-stackable-column { width:100%; margin:0; }
.ss-design-copy .ss-design-original .wp-block-stackable-column:has(.wp-block-image):not(:has(p)) { display:none; }
.ss-design-copy .ss-design-original h2 { font-size:clamp(23px,3vw,34px); line-height:1.08; text-transform:none; }

.ss-home .ss-header { position:sticky; top:0; z-index:20; background:var(--ink); }
.admin-bar.ss-home .ss-header { top:32px; }
.ss-home #designs { scroll-margin-top:85px; }
@media (max-width:782px) { .admin-bar.ss-home .ss-header { top:46px; } }
@media (max-width:600px) { .admin-bar.ss-home .ss-header { top:0; } }

.ss-design-1121 .ss-design-art { background:transparent; border:0; filter:drop-shadow(0 16px 24px #0009); }
.ss-design-1121 .ss-design-art img {
    clip-path:polygon(41.27% 5.56%,41.90% 5.56%,42.38% 5.71%,42.86% 5.87%,43.33% 6.03%,43.81% 6.19%,44.29% 6.35%,44.92% 6.35%,45.40% 6.51%,46.03% 6.51%,46.51% 6.67%,47.14% 6.67%,47.78% 6.67%,48.41% 6.67%,48.89% 6.83%,49.52% 6.83%,50.16% 6.83%,50.79% 6.83%,51.43% 6.83%,52.06% 6.83%,52.70% 6.83%,53.33% 6.83%,53.81% 6.67%,54.44% 6.67%,54.92% 6.51%,55.40% 6.35%,55.87% 6.19%,56.35% 6.03%,56.83% 5.87%,57.30% 5.71%,57.78% 5.87%,58.25% 6.03%,58.73% 6.19%,59.21% 6.35%,59.84% 6.35%,60.32% 6.51%,60.79% 6.67%,61.43% 6.67%,61.90% 6.83%,62.38% 6.98%,62.86% 7.14%,63.33% 7.30%,63.81% 7.46%,64.29% 7.62%,64.76% 7.78%,65.40% 7.78%,65.87% 7.94%,66.35% 8.10%,66.83% 8.25%,67.14% 8.57%,67.62% 8.73%,68.10% 8.89%,68.57% 9.05%,69.05% 9.21%,69.52% 9.37%,70.00% 9.52%,70.48% 9.68%,70.95% 9.84%,71.43% 10.00%,71.90% 10.16%,72.22% 10.48%,72.70% 10.63%,73.17% 10.79%,73.65% 10.95%,74.13% 11.11%,74.44% 11.43%,74.92% 11.59%,75.24% 11.90%,75.71% 12.06%,76.19% 12.22%,76.51% 12.54%,76.98% 12.70%,77.30% 13.02%,77.78% 13.17%,77.94% 13.65%,78.10% 14.13%,78.41% 14.44%,78.89% 14.60%,79.21% 14.92%,79.68% 15.08%,80.16% 15.24%,80.48% 15.56%,80.95% 15.71%,81.27% 16.03%,81.59% 16.35%,82.06% 16.51%,82.54% 16.67%,82.86% 16.98%,83.33% 17.14%,83.65% 17.46%,83.97% 17.78%,84.29% 18.10%,84.60% 18.41%,85.08% 18.57%,85.40% 18.89%,85.87% 19.05%,86.19% 19.37%,86.51% 19.68%,86.98% 19.84%,87.30% 20.16%,87.78% 20.32%,88.10% 20.63%,88.41% 20.95%,88.89% 21.11%,89.21% 21.43%,89.52% 21.75%,89.84% 22.06%,90.16% 22.38%,90.63% 22.54%,90.95% 22.86%,90.79% 23.33%,90.63% 23.81%,90.32% 24.13%,90.16% 24.60%,90.00% 25.08%,89.84% 25.56%,89.52% 25.87%,89.37% 26.35%,89.05% 26.67%,88.89% 27.14%,88.57% 27.46%,88.41% 27.94%,88.10% 28.25%,87.78% 28.57%,87.62% 29.05%,87.30% 29.37%,87.14% 29.84%,86.83% 30.16%,86.67% 30.63%,86.51% 31.11%,86.19% 31.43%,86.03% 31.90%,85.71% 32.22%,85.56% 32.70%,85.24% 33.02%,84.92% 33.33%,84.76% 33.81%,84.60% 34.29%,84.29% 34.60%,84.13% 35.08%,83.81% 35.40%,83.65% 35.87%,83.33% 36.19%,83.17% 36.67%,82.86% 36.98%,82.54% 37.30%,82.06% 37.46%,81.75% 37.78%,81.27% 37.62%,80.79% 37.46%,80.32% 37.30%,79.84% 37.14%,79.52% 36.83%,79.05% 36.67%,78.57% 36.51%,78.10% 36.35%,77.62% 36.19%,76.98% 36.19%,76.67% 36.51%,76.51% 36.98%,76.35% 37.46%,76.35% 38.10%,76.51% 38.57%,76.51% 39.21%,76.51% 39.84%,76.35% 40.32%,76.35% 40.95%,76.19% 41.43%,76.19% 42.06%,76.03% 42.54%,76.03% 43.17%,75.87% 43.65%,75.87% 44.29%,75.71% 44.76%,75.56% 45.24%,75.56% 45.87%,75.40% 46.35%,75.40% 46.98%,75.24% 47.46%,75.24% 48.10%,75.24% 48.73%,75.08% 49.21%,75.08% 49.84%,75.08% 50.48%,74.92% 50.95%,74.92% 51.59%,74.92% 52.22%,74.76% 52.70%,74.76% 53.33%,74.76% 53.97%,74.76% 54.60%,74.60% 55.08%,74.60% 55.71%,74.60% 56.35%,74.60% 56.98%,74.60% 57.62%,74.60% 58.25%,74.60% 58.89%,74.60% 59.52%,74.60% 60.16%,74.60% 60.79%,74.60% 61.43%,74.60% 62.06%,74.60% 62.70%,74.60% 63.33%,74.60% 63.97%,74.60% 64.60%,74.60% 65.24%,74.60% 65.87%,74.76% 66.35%,74.76% 66.98%,74.76% 67.62%,74.76% 68.25%,74.92% 68.73%,74.92% 69.37%,74.92% 70.00%,74.92% 70.63%,74.92% 71.27%,75.08% 71.75%,75.08% 72.38%,75.08% 73.02%,75.08% 73.65%,75.24% 74.13%,75.24% 74.76%,75.24% 75.40%,75.40% 75.87%,75.40% 76.51%,75.56% 76.98%,75.56% 77.62%,75.71% 78.10%,75.71% 78.73%,75.87% 79.21%,75.87% 79.84%,76.03% 80.32%,76.03% 80.95%,76.19% 81.43%,76.19% 82.06%,76.35% 82.54%,76.35% 83.17%,76.35% 83.81%,76.51% 84.29%,76.51% 84.92%,76.67% 85.40%,76.83% 85.87%,76.83% 86.51%,76.83% 87.14%,76.98% 87.62%,76.98% 88.25%,77.14% 88.73%,77.14% 89.37%,77.30% 89.84%,77.30% 90.48%,77.30% 91.11%,77.30% 91.75%,76.98% 92.06%,76.51% 92.22%,76.03% 92.38%,75.40% 92.38%,74.92% 92.54%,74.44% 92.70%,73.81% 92.70%,73.33% 92.86%,72.70% 92.86%,72.22% 93.02%,71.59% 93.02%,71.11% 93.17%,70.48% 93.17%,70.00% 93.33%,69.37% 93.33%,68.73% 93.33%,68.25% 93.49%,67.62% 93.49%,67.14% 93.65%,66.51% 93.65%,66.03% 93.81%,65.40% 93.81%,64.76% 93.81%,64.29% 93.97%,63.65% 93.97%,63.02% 93.97%,62.38% 93.97%,61.75% 93.97%,61.11% 93.97%,60.48% 93.97%,60.00% 94.13%,59.37% 94.13%,58.73% 94.13%,58.10% 94.13%,57.46% 94.13%,56.83% 94.13%,56.19% 94.13%,55.56% 94.13%,54.92% 94.13%,54.29% 94.13%,53.65% 94.13%,53.02% 94.13%,52.38% 94.13%,51.75% 94.13%,51.11% 94.13%,50.48% 94.13%,49.84% 94.13%,49.21% 94.13%,48.73% 93.97%,48.10% 93.97%,47.46% 93.97%,46.83% 93.97%,46.19% 93.97%,45.56% 93.97%,44.92% 93.97%,44.29% 93.97%,43.65% 93.97%,43.02% 93.97%,42.38% 93.97%,41.75% 93.97%,41.27% 93.81%,40.63% 93.81%,40.00% 93.81%,39.37% 93.81%,38.73% 93.81%,38.25% 93.65%,37.62% 93.65%,36.98% 93.65%,36.35% 93.65%,35.71% 93.65%,35.24% 93.49%,34.60% 93.49%,33.97% 93.49%,33.33% 93.49%,32.86% 93.33%,32.22% 93.33%,31.75% 93.17%,31.11% 93.17%,30.48% 93.17%,30.00% 93.02%,29.37% 93.02%,28.73% 93.02%,28.25% 92.86%,27.62% 92.86%,27.14% 92.70%,26.67% 92.54%,26.03% 92.54%,25.56% 92.38%,24.92% 92.38%,24.44% 92.22%,23.97% 92.06%,23.33% 92.06%,22.86% 91.90%,22.22% 91.90%,21.75% 91.75%,21.27% 91.59%,20.79% 91.43%,20.32% 91.27%,20.48% 90.79%,20.48% 90.16%,20.48% 89.52%,20.63% 89.05%,20.63% 88.41%,20.79% 87.94%,20.95% 87.46%,20.95% 86.83%,21.11% 86.35%,21.27% 85.87%,21.27% 85.24%,21.43% 84.76%,21.43% 84.13%,21.59% 83.65%,21.59% 83.02%,21.75% 82.54%,21.75% 81.90%,21.90% 81.43%,22.06% 80.95%,22.06% 80.32%,22.22% 79.84%,22.22% 79.21%,22.38% 78.73%,22.54% 78.25%,22.54% 77.62%,22.70% 77.14%,22.70% 76.51%,22.86% 76.03%,22.86% 75.40%,23.02% 74.92%,23.02% 74.29%,23.17% 73.81%,23.17% 73.17%,23.33% 72.70%,23.33% 72.06%,23.33% 71.43%,23.49% 70.95%,23.49% 70.32%,23.49% 69.68%,23.49% 69.05%,23.65% 68.57%,23.65% 67.94%,23.65% 67.30%,23.65% 66.67%,23.65% 66.03%,23.81% 65.56%,23.81% 64.92%,23.81% 64.29%,23.81% 63.65%,23.81% 63.02%,23.97% 62.54%,23.97% 61.90%,23.97% 61.27%,23.97% 60.63%,23.97% 60.00%,23.97% 59.37%,23.97% 58.73%,23.97% 58.10%,23.97% 57.46%,23.97% 56.83%,23.97% 56.19%,23.97% 55.56%,23.97% 54.92%,23.97% 54.29%,23.97% 53.65%,23.97% 53.02%,23.81% 52.54%,23.81% 51.90%,23.81% 51.27%,23.81% 50.63%,23.81% 50.00%,23.81% 49.37%,23.65% 48.89%,23.65% 48.25%,23.65% 47.62%,23.49% 47.14%,23.49% 46.51%,23.33% 46.03%,23.33% 45.40%,23.33% 44.76%,23.17% 44.29%,23.17% 43.65%,23.17% 43.02%,23.02% 42.54%,23.02% 41.90%,23.02% 41.27%,23.02% 40.63%,23.02% 40.00%,23.02% 39.37%,22.86% 38.89%,22.70% 38.41%,22.70% 37.78%,22.70% 37.14%,22.54% 36.67%,22.38% 36.19%,22.22% 35.71%,21.59% 35.71%,20.95% 35.71%,20.32% 35.71%,19.68% 35.71%,19.37% 36.03%,18.89% 36.19%,18.25% 36.19%,17.78% 36.03%,17.46% 35.71%,17.14% 35.40%,16.83% 35.08%,16.67% 34.60%,16.35% 34.29%,16.19% 33.81%,15.87% 33.49%,15.71% 33.02%,15.56% 32.54%,15.24% 32.22%,14.92% 31.90%,14.76% 31.43%,14.44% 31.11%,14.29% 30.63%,13.97% 30.32%,13.65% 30.00%,13.49% 29.52%,13.17% 29.21%,12.86% 28.89%,12.70% 28.41%,12.38% 28.10%,12.06% 27.78%,11.75% 27.46%,11.59% 26.98%,11.27% 26.67%,10.95% 26.35%,10.79% 25.87%,10.48% 25.56%,10.16% 25.24%,10.00% 24.76%,9.68% 24.44%,9.52% 23.97%,9.37% 23.49%,9.21% 23.02%,9.05% 22.54%,9.52% 22.38%,9.84% 22.06%,10.16% 21.75%,10.48% 21.43%,10.79% 21.11%,11.11% 20.79%,11.43% 20.48%,11.90% 20.32%,12.22% 20.00%,12.54% 19.68%,13.02% 19.52%,13.33% 19.21%,13.65% 18.89%,13.97% 18.57%,14.44% 18.41%,14.76% 18.10%,15.24% 17.94%,15.56% 17.62%,15.87% 17.30%,16.35% 17.14%,16.67% 16.83%,16.98% 16.51%,17.46% 16.35%,17.78% 16.03%,18.25% 15.87%,18.57% 15.56%,19.05% 15.40%,19.37% 15.08%,19.68% 14.76%,20.16% 14.60%,20.48% 14.29%,20.95% 14.13%,21.27% 13.81%,21.75% 13.65%,22.06% 13.33%,22.54% 13.17%,22.86% 12.86%,23.17% 12.54%,23.65% 12.38%,23.97% 12.06%,24.29% 11.75%,24.76% 11.59%,25.24% 11.43%,25.56% 11.11%,26.03% 10.95%,26.51% 10.79%,26.98% 10.63%,27.46% 10.48%,27.94% 10.32%,28.41% 10.16%,28.89% 10.00%,29.37% 9.84%,29.84% 9.68%,30.32% 9.52%,30.79% 9.37%,31.27% 9.21%,31.75% 9.05%,32.22% 8.89%,32.70% 8.73%,33.17% 8.57%,33.65% 8.41%,34.13% 8.25%,34.60% 8.10%,35.08% 7.94%,35.56% 7.78%,36.03% 7.62%,36.51% 7.46%,36.98% 7.30%,37.46% 7.14%,37.94% 6.98%,38.41% 6.83%,38.73% 6.51%,39.37% 6.51%,39.84% 6.35%,40.32% 6.19%,40.63% 5.87%,41.11% 5.71%);
}

.ss-design-page:not(.ss-design-1121) { position:relative; isolation:isolate; background:#101112; overflow-x:clip; }
.ss-design-page:not(.ss-design-1121)::before { content:""; position:absolute; z-index:-1; top:0; left:50%; transform:translateX(-50%); width:max(100%,1220px); aspect-ratio:1672/941; background-image:url("https://subsonicshirts.com/wp-content/uploads/2026/11/SubSonic-Shirt-Background-Scenes.png"); background-size:400.5% 400.5%; background-position:var(--scene-x,0%) var(--scene-y,0%); opacity:.62; mask-image:linear-gradient(#000 49%,transparent); }
.ss-design-page:not(.ss-design-1121) .ss-design-copy { text-shadow:0 2px 10px #000; }
.ss-design-page:not(.ss-design-1121) .ss-button { text-shadow:none; }
.ss-design-1116 { --scene-x:0%; --scene-y:0%; }
.ss-design-1111 { --scene-x:33.333333333333336%; --scene-y:0%; }
.ss-design-1108 { --scene-x:66.66666666666667%; --scene-y:0%; }
.ss-design-1103 { --scene-x:100%; --scene-y:0%; }
.ss-design-1096 { --scene-x:0%; --scene-y:33.333333333333336%; }
.ss-design-1093 { --scene-x:33.333333333333336%; --scene-y:33.333333333333336%; }
.ss-design-1060 { --scene-x:66.66666666666667%; --scene-y:33.333333333333336%; }
.ss-design-1036 { --scene-x:100%; --scene-y:33.333333333333336%; }
.ss-design-1033 { --scene-x:0%; --scene-y:66.66666666666667%; }
.ss-design-99 { --scene-x:33.333333333333336%; --scene-y:66.66666666666667%; }
.ss-design-54 { --scene-x:66.66666666666667%; --scene-y:66.66666666666667%; }
.ss-design-44 { --scene-x:100%; --scene-y:66.66666666666667%; }
.ss-design-20 { --scene-x:0%; --scene-y:100%; }
.ss-design-85 { --scene-x:33.333333333333336%; --scene-y:100%; }

.ss-design-page.ss-design-1137::before {
    width: 100%;
    height: clamp(620px, 56vw, 1050px);
    aspect-ratio: auto;
    background-image: url("https://subsonicshirts.com/wp-content/uploads/2026/11/A-Cartooned-Rush-Record-Shop-Background.png");
    background-size: cover;
    background-position: left top;
    opacity: 1;
    mask-image: linear-gradient(#000 68%, transparent);
}
.ss-design-1137 .ss-design-art {
    background: transparent;
    border: 0;
    filter: drop-shadow(0 16px 24px #0009);
}

@media (max-width: 640px) {
    .ss-hero-inner {
        grid-template-columns: minmax(0, 1fr);
        min-height: 0;
    }
    .ss-hero::before {
        background-size: 100% 100%, 100% auto;
        background-position: center, center bottom;
        background-image: linear-gradient(to bottom, #0a151b 28%, transparent 84%), url("https://subsonicshirts.com/wp-content/uploads/2026/11/Midnight-Roadside-UFO-Beam.png");
    }
}

@media (max-width: 680px) {
    .ss-design {
        grid-template-columns: minmax(0, 1fr);
    }
    .ss-design-art {
        width: min(100%, 440px);
        justify-self: center;
    }
    .ss-design-page:not(.ss-design-1121)::before {
        width: 100%;
        top: clamp(86px, 26vw, 145px);
        mask-image: linear-gradient(#000 62%, transparent);
    }
    .ss-design-page.ss-design-1137::before {
        height: auto;
        aspect-ratio: 2 / 1;
        background-size: 100% auto;
        background-position: center top;
    }
    .ss-design-1121::before {
        top: clamp(86px, 26vw, 145px);
        height: auto;
        aspect-ratio: 16 / 9;
        background-size: 100% 100%, 100% auto;
        background-position: center, center top;
    }
}