/* JaceBen — pre-launch visual + mobile polish */
:root{--focus:#d9ff39}
/* smoother, quieter premium interactions */
.site-header{box-shadow:0 14px 45px rgba(0,0,0,.22)}
.nav a,.footer-social a,.shop-btn,.release,.collab-row,.contact-line{will-change:transform}
.nav a:focus-visible,.magnetic-btn:focus-visible,.shop-btn:focus-visible,.release:focus-visible,.collab-row:focus-visible,.contact-line:focus-visible,.footer-social a:focus-visible,input:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.hero-visual img,.photo-grid img,.bio-image img,.mockup img{image-rendering:auto}
.photo-grid figure,.bio-image,.hero-visual,.merch-card,.contact-panel,.feature-card{box-shadow:0 12px 45px rgba(0,0,0,.18)}
/* prevent reveal animation from hiding content when reduced motion is requested */
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1!important;transform:none!important}}
/* tablet */
@media(max-width:900px){.site-header{padding-left:16px}.hero{gap:28px}.hero-copy{max-width:720px}.hero-visual{border-radius:8px}.page-intro h1{font-size:clamp(62px,13vw,105px)}.release{min-height:92px}.collab-row{min-height:88px}.contact-panel{min-height:420px}}
/* phone */
@media(max-width:600px){body{overflow-x:hidden}.site-header{top:8px;width:calc(100% - 16px);height:58px;border-radius:15px;padding:7px 8px 7px 14px}.brand{width:104px!important}.menu-toggle{width:42px;height:42px}.nav{top:68px;max-height:calc(100vh - 84px);overflow:auto}.hero{min-height:auto;padding:94px 18px 42px;gap:28px}.hero-visual{height:62vh;min-height:430px}.hero-copy{padding-top:4px}.hero h1{font-size:clamp(64px,21vw,108px);line-height:.8;margin-bottom:24px}.hero-line{font-size:clamp(24px,7vw,34px)}.hero-text{font-size:14px;line-height:1.6}.magnetic-btn{width:100%;justify-content:space-between;gap:12px;padding:10px 10px 10px 18px}.magnetic-btn b{flex:0 0 32px}.ticker{font-size:9px;letter-spacing:.18em}.page{padding:112px 18px 70px}.page-intro{padding:18px 0 42px}.page-intro h1{font-size:clamp(58px,18vw,92px);margin-bottom:20px}.page-intro>p:last-child{font-size:14px;line-height:1.65}.bio-layout{gap:34px}.bio-image img{aspect-ratio:4/5}.bio-copy{padding-top:0}.bio-copy .lead{font-size:clamp(25px,8vw,34px)}.bio-copy blockquote{font-size:clamp(32px,10vw,48px);margin:35px 0}.release{grid-template-columns:34px minmax(0,1fr) 28px;gap:10px;padding:22px 2px}.release:hover{padding-left:8px}.release h2{font-size:clamp(25px,8vw,38px);overflow-wrap:anywhere}.release span{font-size:11px}.photo-grid{gap:10px}.photo-grid figure{aspect-ratio:4/5;min-height:0}.merch-grid{gap:12px}.merch-card{padding:10px}.merch-info{padding:16px 3px}.merch-info h2{font-size:20px}.merch-info>strong{font-size:18px}.shop-btn{padding:15px 10px;min-height:46px}.collab-row{grid-template-columns:50px minmax(0,1fr) auto;gap:12px;padding:17px 2px}.avatar-letter{width:46px;height:46px;font-size:17px}.collab-row h2{font-size:clamp(24px,8vw,38px);overflow-wrap:anywhere}.collab-row>b{font-size:8px}.contact-grid{gap:12px}.contact-panel{padding:24px 20px;min-height:auto}.contact-panel h2{font-size:clamp(38px,12vw,58px);margin-bottom:30px}.contact-line strong{font-size:14px;overflow-wrap:anywhere}.social-links a{min-height:48px;align-items:center}.footer{padding:30px 18px 38px;gap:18px}.footer-social a{width:40px;height:40px}}