@media(max-width:640px),(max-width:900px) and (hover:none) and (pointer:coarse){
  :root{--phone-gutter:clamp(1.25rem,5vw,2rem);scroll-padding-top:calc(5.5rem + env(safe-area-inset-top));-webkit-text-size-adjust:100%;text-size-adjust:100%}
  body{--gutter:max(var(--phone-gutter),env(safe-area-inset-left),env(safe-area-inset-right));--pad:var(--gutter)}
  [hidden]{display:none!important}
  main h1,main h2{overflow-wrap:anywhere}
  .home-page,.story-page{--gutter:max(var(--phone-gutter),env(safe-area-inset-left),env(safe-area-inset-right))}
  .stage-width,.story-width{width:calc(100% - 2 * var(--gutter))}
  .site-header,.site-header.is-scrolled{padding:calc(.75rem + env(safe-area-inset-top)) var(--gutter) .75rem;backdrop-filter:none}
  .site-header.is-scrolled{background:#090909f5}
  .header-inner{gap:1rem;min-height:2.75rem}
  .site-header .logo{font-size:1.25rem;min-height:2.75rem}
  .menu-toggle{display:block;min-width:3.5rem;min-height:2.75rem;padding:.5rem 0 .5rem .75rem;font-size:1rem;text-align:right}
  .site-header nav{display:none}
  .site-header.menu-open{background:var(--black)}
  .site-header.menu-open nav{display:flex;position:fixed;inset:calc(4.25rem + env(safe-area-inset-top)) 0 0;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.25rem;padding:1.5rem var(--gutter) calc(2rem + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;border-radius:0;box-shadow:none;background:var(--black);font-family:var(--display);font-size:clamp(2rem,8.5vw,3rem);font-weight:700;line-height:1.15}
  .site-header nav a{min-height:3.5rem;padding:.75rem 0;opacity:1}
  .site-header nav a[aria-current]{color:var(--red)}
  html.mobile-menu-open,body.mobile-menu-open{overflow:hidden}
  .home-page:not(.js-ready) .header-inner,.story-page:not(.js-ready) .header-inner{flex-wrap:wrap}
  .home-page:not(.js-ready) .menu-toggle,.story-page:not(.js-ready) .menu-toggle{display:none}
  .home-page:not(.js-ready) .site-header nav,.story-page:not(.js-ready) .site-header nav{position:static;display:flex;flex-wrap:wrap;flex-basis:100%;padding:0;gap:.25rem 1.25rem;background:none;box-shadow:none;font-family:var(--body);font-size:.875rem;font-weight:400;line-height:1.5}

  .masthead{min-height:clamp(20rem,61svh,34rem);padding:calc(5.5rem + env(safe-area-inset-top)) var(--gutter) 3rem}
  .masthead-inner{transform-origin:center;will-change:auto}
  .artist-name{margin-top:1.25rem;font-size:1rem;line-height:1.5}
  .scroll-cue{position:absolute;top:calc(clamp(20rem,61svh,34rem) - 3rem);bottom:auto;left:var(--gutter);font-size:.875rem}
  .scroll-meter{display:none}
  .home-page .release-scroll,.home-page .archive-scroll{height:auto}
  .home-page .release-stage,.home-page .archive-stage{position:relative;min-height:0}
  .home-page .release-stage{padding-block:2.5rem 4rem}
  .release-layout{grid-template-columns:minmax(0,1fr);gap:1.5rem;align-items:start}
  .release-copy{display:contents}
  .release-copy>.section-kicker{grid-row:1;margin:0;font-size:.875rem}
  .release-copy>h2{grid-row:2;font-size:clamp(3rem,15.4vw,6.5rem);line-height:.96;margin:0 0 .5rem;letter-spacing:-.015em}
  .release-copy .release-line{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;margin:0}
  .release-media{grid-row:3;width:100%;justify-self:stretch;transform:none;will-change:auto}
  .release-controls{grid-row:4;width:100%;max-width:none;margin:0}
  .release-links{display:grid;grid-template-columns:minmax(0,1fr);gap:.25rem}
  .release-links .action{width:100%}
  .release-page-link{display:flex;align-items:center;justify-content:center;min-height:3rem;padding:.75rem 0;font-size:1rem}
  .image-open{width:2.75rem;height:2.75rem;right:.75rem;bottom:.75rem;opacity:1}
  .photo-credit{font-size:.875rem;line-height:1.5;letter-spacing:0}
  .release-media .photo-credit{margin-top:.75rem}

  .artist-chapter{padding-block:3rem 4rem}
  .artist-layout{grid-template-columns:minmax(0,1fr);gap:1.5rem;align-items:start}
  .artist-copy{display:contents}
  .artist-copy>.section-kicker{grid-row:1;margin:0}
  .artist-copy>h2{grid-row:2;font-size:clamp(3.5rem,19vw,7rem);line-height:.98;margin:0 0 .5rem}
  .artist-media{grid-row:3;width:87%;justify-self:end;transform:none;will-change:auto}
  .artist-bio{grid-row:4;max-width:none;margin:0;padding-top:.5rem}
  .artist-bio p{font-size:1.0625rem;line-height:1.7}
  .artist-bio .identity-line{font-size:1rem;margin-top:1.5rem}
  .artist-motif{left:-8%;bottom:27%;width:108%;opacity:.08;will-change:auto}

  .visual-chapter{padding-top:0}
  .home-page .archive-stage{padding-block:2rem 3.5rem;gap:1.5rem}
  .archive-heading{align-items:flex-end;gap:.75rem}
  .archive-heading h2{font-size:clamp(2.5rem,12vw,4.5rem);line-height:1}
  .archive-heading .section-kicker{font-size:.875rem;margin-bottom:.75rem;letter-spacing:.05em}
  .archive-count{font-size:.875rem;padding-bottom:.25rem}
  .visual-strip{--plate-height:clamp(14rem,66vw,21rem);scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--red) transparent;-webkit-overflow-scrolling:touch}
  .visual-track{gap:1rem;padding:.25rem var(--gutter) 1rem}
  .visual-caption{font-size:.875rem;line-height:1.5;gap:.5rem;padding-top:.75rem;letter-spacing:0}
  .visual-caption>span{overflow-wrap:anywhere}
  .visual-frame .photo-credit{font-size:.8125rem}
  .visual-image img{transition:none}

  .contact-chapter{padding-block:3rem 3.5rem}
  .contact-grid,.newsletter-grid{grid-template-columns:minmax(0,1fr);gap:1.5rem;align-items:start}
  .contact-grid h2,.newsletter-grid h2{font-size:clamp(3.25rem,17vw,6.5rem);line-height:.98;margin-bottom:1.25rem}
  .contact-grid .section-kicker,.newsletter-grid .section-kicker{margin-bottom:1rem}
  .chapter-intro{font-size:1rem;line-height:1.65}
  .contact-details{padding:0}
  .contact-details summary{min-height:3.5rem;font-size:1.25rem;padding-block:.75rem}
  .contact-details[open] summary{margin-bottom:1rem}
  .home-page .form-row{grid-template-columns:minmax(0,1fr);gap:1.25rem}
  .home-page .form-fields{gap:1.25rem}
  .site-form input:not([type=checkbox]),.site-form textarea,.site-form select{font-size:1rem;min-height:3rem}
  .home-page .site-form input:not([type=checkbox]),.home-page .site-form textarea,.home-page .site-form select{padding-block:1rem}
  .site-form .consent-label{font-size:.875rem;line-height:1.65;min-height:2.75rem;gap:.75rem}
  .consent-label input{width:1.375rem;height:1.375rem;min-width:1.375rem;margin-top:.125rem}
  .site-form .action{width:100%;min-height:3.25rem;font-size:1rem}
  .newsletter-chapter{padding-block:2rem 4rem}
  .signup-management{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem}
  .signup-management[hidden]{display:none}
  .withdrawal-link,.save-signup-link{min-height:2.75rem;padding-block:.75rem;font-size:1rem;text-align:left;overflow-wrap:anywhere}

  .mi-player{max-width:none;width:100%}
  .player-main{gap:.875rem;align-items:center}
  .track-toggle{flex-basis:3.75rem;width:3.75rem;height:3.75rem}
  .track-toggle:hover{transform:none}
  .track-name{font-size:1rem;line-height:1.5}
  .track-state{font-size:.875rem}
  .player-timing{margin-top:.5rem;flex-wrap:wrap;gap:.25rem 1rem}
  .player-timing .repeat-button{min-height:2.75rem;padding:.5rem 0 .5rem .75rem}
  .track-seek{height:2.75rem;margin:0;touch-action:pan-y}
  .track-seek::-webkit-slider-thumb{width:18px;height:18px;margin-top:-8px}
  .track-seek::-moz-range-thumb{width:18px;height:18px}
  .xx-particle{width:clamp(6rem,26vw,9rem)}
  .xx-particle:nth-of-type(n+8){display:none}

  .story-main{padding-top:calc(6rem + env(safe-area-inset-top))}
  .release-detail{grid-template-columns:minmax(0,1fr);gap:1.5rem;min-height:0;padding-block:.5rem 3rem}
  .release-detail-copy{display:contents}
  .release-detail-copy>.section-kicker{grid-row:1;margin:0}
  .release-detail-copy>h1{grid-row:2;font-size:clamp(3rem,15.4vw,6.5rem);line-height:.96;margin-bottom:.5rem}
  .release-art{grid-row:3;width:100%;max-width:none}
  .detail-player{grid-row:4;width:100%;margin:0}
  .detail-player .music-player{margin-bottom:1rem}
  .detail-player>.action{width:100%;font-size:1rem}
  .release-story{grid-template-columns:minmax(0,1fr);gap:1.5rem;padding-block:1.5rem 3rem}
  .release-story h2{font-size:clamp(3rem,16vw,6rem);line-height:.98}
  .release-story-copy>p{font-size:1.0625rem;line-height:1.7;margin-bottom:2rem}
  .release-facts>div{grid-template-columns:5.5rem minmax(0,1fr);gap:.75rem}
  .release-facts dd{overflow-wrap:anywhere}
  .story-outro{padding-block:1.5rem 3rem}
  .story-next{font-size:clamp(2.5rem,12vw,5rem);line-height:1}
  .after-intro{padding-block:.5rem 2.5rem}
  .after-intro h1{font-size:clamp(4rem,21vw,9rem);line-height:.96}
  .after-intro-note{font-size:.875rem;margin-top:1.25rem}
  .after-scene{margin-bottom:3.5rem}
  .scene-drinks .scene-photo,.scene-caption{width:100%;margin-left:0}
  .scene-detail .scene-photo,.scene-detail .scene-caption{width:100%;margin-left:0}
  .scene-caption{display:block;margin-top:1rem}
  .scene-caption p{margin-top:.375rem}
  .scene-red,.scene-maxine{grid-template-columns:minmax(0,1fr);gap:1.5rem;padding-top:0}
  .scene-copy h2,.scene-maxine .scene-copy h2{font-size:clamp(3rem,14vw,6rem);line-height:1;margin-bottom:1.25rem}
  .scene-copy>p:not(.section-kicker){font-size:1rem;line-height:1.65}
  .scene-red .scene-photo{width:91%;margin-left:auto}
  .scene-maxine .scene-photo{width:87%}
  .scene-maxine .scene-copy{padding-left:0}
  .scene-motif{left:18%;width:88%;bottom:8rem}
  .film-index{right:.75rem;bottom:calc(.75rem + env(safe-area-inset-bottom));font-size:.875rem}
  .shop-intro{display:block;padding-block:.5rem 1.5rem}
  .shop-intro h1{font-size:clamp(4rem,22vw,8rem);line-height:1}
  .shop-intro .section-kicker{margin-top:1rem}
  .shop-release{grid-template-columns:minmax(0,1fr);gap:2rem;padding-block:1rem 3rem}
  .shop-art{width:94%;max-width:none;margin-inline:auto;padding:.75rem 0 0}
  .shop-copy h2{font-size:clamp(3rem,15vw,6rem);line-height:1}
  .shop-copy .section-kicker{margin-bottom:1rem}
  .shop-actions{margin-top:1.75rem;gap:.75rem;align-items:stretch}
  .shop-buy{width:100%;min-height:3.25rem}
  .shop-browse{display:flex;align-items:center;justify-content:center;min-height:3rem;text-align:center}
  .shop-checkout-note{max-width:none;margin-top:1rem;font-size:.875rem;line-height:1.65}

  .site-footer{padding:1rem 0 calc(1.5rem + env(safe-area-inset-bottom))}
  .footer-row{align-items:flex-start;gap:.75rem;font-size:.8125rem}
  .footer-row>span{max-width:12rem;padding-block:.75rem}
  .footer-row .back-top{min-height:2.75rem;text-align:right;font-size:.875rem;white-space:nowrap}
  .footer-wordmark{margin-block:1.5rem}
  .home-page .footer-bottom,.story-page .footer-bottom{display:flex;flex-wrap:wrap;gap:1rem;font-size:.875rem}
  .home-page .legal-links,.story-page .legal-links{flex-basis:100%;gap:.125rem 1.25rem}
  .legal-links a{display:inline-flex;align-items:center;min-height:2.75rem;padding-block:.5rem;font-size:.875rem}
  .home-page .footer-bottom>span:last-child,.story-page .footer-bottom>span:last-child{margin-left:auto}
  .header{padding:calc(.75rem + env(safe-area-inset-top)) var(--gutter) .75rem;gap:1rem}
  .header .logo{font-size:1.25rem;min-height:2.75rem}
  .header>a:not(.logo){min-height:2.75rem;display:flex;align-items:center;font-size:.875rem}
  .press-main{padding-block:2rem 3rem}
  .press-page .press-layout{grid-template-columns:minmax(0,1fr);gap:2rem;padding-top:2rem}
  .press-main .section-label{font-size:.8125rem;gap:1rem}
  .press-main h1{font-size:clamp(2.75rem,14vw,5rem);line-height:1}
  .press-main .press-photos{grid-template-columns:minmax(0,1fr);gap:2rem;margin-top:2rem}
  .press-photos img{aspect-ratio:auto;max-height:none;object-fit:contain}
  .press-links a{flex-wrap:wrap;min-height:3rem;gap:.375rem 1rem}
  .press-main .pill{width:100%;min-height:3.25rem;font-size:1rem}
  .legal-main{padding-block:2rem 3rem}
  .legal-heading h1{font-size:clamp(2.5rem,11vw,5rem);line-height:1;letter-spacing:-.015em}
  .legal-section-nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.5rem 1rem}
  .legal-section-nav a{min-height:2.75rem;display:flex;align-items:center;overflow-wrap:anywhere}
  .legal-details>div{grid-template-columns:minmax(0,1fr);gap:.375rem}
  .legal-draft{padding:.875rem 1rem}
  .legal-section p{font-size:1rem;line-height:1.7}
  .manage-main{padding-block:2.5rem 3rem}
  .manage-main h1{font-size:clamp(2.75rem,12vw,5rem);line-height:1}
  .manage-main .pill{width:100%;min-height:3.25rem}

  .image-dialog{padding:calc(4.5rem + env(safe-area-inset-top)) var(--gutter) calc(1.25rem + env(safe-area-inset-bottom));width:100%;height:100dvh;max-height:100dvh}
  .image-dialog>img{max-width:100%;max-height:calc(100dvh - 11rem - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:auto;height:auto}
  .dialog-close{top:calc(.75rem + env(safe-area-inset-top));right:var(--gutter);min-height:2.75rem;font-size:1rem}
  .image-caption,.dialog-credit{font-size:.875rem;line-height:1.5;letter-spacing:0}
}
@media(max-width:640px) and (prefers-reduced-motion:reduce),(max-width:900px) and (hover:none) and (pointer:coarse) and (prefers-reduced-motion:reduce){
  .masthead-inner,.artist-motif,.detail-wanna,.after-intro h1 span,.scene-photo,.shop-motif,.shop-intro h1{transform:none;will-change:auto}
  .masthead-inner{opacity:1}
  .scene-light{opacity:.15}
}