/* Mobile-first photo framing: retain the full artist image, separate from copy. */
@media (max-width: 760px) {
  header {height:auto;min-height:0;padding:16px 5%;gap:12px;flex-wrap:wrap}
  header .logo {font-size:26px}
  header nav {order:3;width:100%;gap:12px;justify-content:space-between;font-size:12px}
  header nav a, .bag {min-height:44px;display:flex;align-items:center}
  header nav a:last-child {display:flex}
  .hero {height:auto;overflow:hidden;background:#171717}
  #hero-content {display:flex;flex-direction:column}
  .hero-photo {position:relative;inset:auto;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center;background:#101010}
  .hero-shade {display:none}
  .hero-copy {width:100%;padding:24px 6% 16px;min-width:0}
  .hero-copy .eyebrow {font-size:11px;line-height:1.5;margin-bottom:12px;letter-spacing:1.2px}
  .hero-copy h1 {font-size:clamp(42px,11vw,64px);line-height:1;letter-spacing:-1px;margin-bottom:16px;overflow-wrap:normal}
  .hero-copy h1 br {display:none}
  .hero-copy h1 br::after {content:' '}
  .hero-copy .release {display:flex;flex-wrap:wrap;gap:6px 14px;font-size:11px;line-height:1.5;letter-spacing:1px;margin:0 0 10px}
  .hero-copy p {line-height:1.5;margin-bottom:10px}
  .hero-copy .button {width:100%;margin-top:8px;min-height:48px}
  .hero-preview {position:relative;inset:auto;width:auto;margin:0 6% 12px;padding:10px 14px;gap:16px;background:#262626;color:#fff;border:1px solid #414141}
  .hero-preview .preview-picture {width:36px;height:72px}
  .hero-preview span {font-size:11px;margin-bottom:7px}
  .hero-preview strong {font-size:14px}
  .slide-control {position:relative;inset:auto;justify-content:space-between;gap:10px;padding:0 6% 12px;min-height:52px}
  .slide-control button {min-width:44px;min-height:44px}
  .slide-control .dot {width:34px;min-width:34px;height:44px;border-bottom:0;background:linear-gradient(#ffffff55,#ffffff55) center/27px 2px no-repeat}
  .slide-control .dot.active {background-image:linear-gradient(#fff,#fff)}
  .artist-hero {display:flex;flex-direction:column;min-width:0}
  .artist-hero>img {order:-1;width:100%;height:auto;max-height:none;aspect-ratio:3/2;object-fit:contain;object-position:center;background:#111;filter:none}
  .artist-hero>div {padding:24px 6% 32px;min-width:0}
  .breadcrumb {margin-bottom:22px;font-size:11px;line-height:1.5}
  .artist-hero h1,.real-artist h1 {font-size:clamp(44px,12vw,72px);line-height:1;letter-spacing:-1px;overflow-wrap:normal}
  .artist-hero .eyebrow {font-size:11px;margin-bottom:14px;line-height:1.5}
  .artist-hero p:not(.eyebrow) {max-width:none;font-size:16px;line-height:1.65}
  .artist-hero .button {width:100%;min-height:48px}
  .social-links {margin-top:16px;gap:24px}
  .social-links a {min-height:44px;display:flex;align-items:center}
  .artists,.artists.two {grid-template-columns:1fr;gap:28px}
  .artist-card>div,.two .artist-card>div {height:auto;aspect-ratio:3/2;background:#111}
  .artist-card img {height:100%;width:100%;object-fit:contain;object-position:center;transform:none!important}
  .artist-card>div>span {left:12px;bottom:12px;font-size:11px}
  .artist-card h3 {margin:14px 0 6px}
  .section {padding:40px 5%}
  .section-heading {align-items:start;flex-wrap:wrap;gap:16px;margin-bottom:24px}
  .section-heading .eyebrow {font-size:11px;line-height:1.5}
  .section-heading>a {font-size:14px}
  .products,.products.three {grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px}
  .product {min-width:0}
  .product-meta {font-size:12px;line-height:1.5;flex-wrap:wrap;gap:4px 10px;margin:12px 0 6px}
  .product h3 {font-size:14px;line-height:1.45}
  .product-tag {display:none}
  .music {grid-template-columns:minmax(0,1fr);gap:24px}
  .real-music iframe {display:block;width:100%;min-width:0}
  .support-strip {display:block;padding:18px 6%;font-size:12px;line-height:1.7}
  .support-strip span {display:block;margin-top:6px}
  .essentials {grid-template-columns:1fr;margin:0}
  .essentials>img {height:auto;max-height:420px;object-fit:contain;background:#222}
  .filters {flex-wrap:wrap;gap:16px}
  .filters label {width:calc(50% - 8px)}
  .filters select {width:100%;min-width:0;font-size:16px;padding:12px 8px}
  input,select {font-size:16px}
  .detail {grid-template-columns:minmax(0,1fr);gap:24px}
  .detail-picture.sheet-product {width:180px;height:360px;justify-self:center}
  dialog {padding:44px 20px 24px;width:94vw}
  .close {min-width:44px;min-height:44px;top:0;right:4px}
}

@media(max-width:760px){
 .product-image.sheet-product{aspect-ratio:1/2}
 .bag-picture.sheet-product{width:60px;height:120px}
 .hero-photo,.artist-hero>img{aspect-ratio:21/9}
 .artist-card>div,.two .artist-card>div{height:auto;aspect-ratio:auto}
 .artist-card img{height:auto;aspect-ratio:21/9}
 .artist-card>div>span{position:static;display:block;background:#171717;padding:12px;font-size:12px}
 .hero-copy{min-height:252px}
 .hero-copy h1{min-height:1em}
}