/* AudioNautes accessibility, mobile performance and SEO release – 2026-10-28 */
:root{--reading-ink:#30291f;--reading-muted:#504436;--reading-gold:#75501c;--reading-surface:#fff8eb}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:92px}
body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;line-height:1.65;overflow-wrap:break-word}
p,li,dd,dt,blockquote{line-height:1.7}
.section,main,article{overflow-wrap:anywhere}
.section p,.section li,.section .lead,main .muted,main .small,main .sub,.legal-page p{color:var(--reading-muted)}
.section h1,.section h2,.section h3,.section h4,main h1,main h2,main h3{color:var(--reading-ink);line-height:1.24;letter-spacing:-.015em}
.section a:not(.btn):not(.button),main a:not(.btn):not(.button){text-underline-offset:.18em}
.section a:not(.btn):not(.button):hover,main a:not(.btn):not(.button):hover{color:#6e4615}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:3px solid #a66c20;outline-offset:3px}
button,input,textarea,select{font:inherit}
a,button{-webkit-tap-highlight-color:rgba(180,127,45,.18)}
img,svg,video{max-width:100%;height:auto}
img{font-style:italic}
/* Preserve text contrast on intentional dark editorial and photographic surfaces */
:is(.rev-stage,.rev-slide,.rev-copy,.tape-update,.footer,.site-footer,footer,[class*="dark"],[class*="hero"]) :is(h1,h2,h3,h4,p,li,span){color:inherit}
:is(.rev-stage,.rev-slide,.rev-copy,.tape-update,.footer,.site-footer,footer,[class*="dark"],[class*="hero"]){--reading-ink:#fff7e8;--reading-muted:#eee1ca}
/* Readable golden panels */
:is(.card,.feature-card,.product-card,.album-card,.policy-card){min-width:0}
@media(max-width:900px){
 body{font-size:16px;line-height:1.65}
 .container{width:min(100% - 32px,1200px);margin-inline:auto}
 main h1{font-size:clamp(1.9rem,7vw,3.25rem)}
 main h2{font-size:clamp(1.5rem,5vw,2.55rem)}
 .section{overflow-x:clip}
 .rev-copy h1,.rev-copy h2{font-size:clamp(1.55rem,6vw,2.8rem);line-height:1.17}
 nav a,.site-nav a,.mobile-nav a,footer a{min-height:40px;display:inline-flex;align-items:center}
 button,.btn,.button,[role="button"]{min-height:44px;touch-action:manipulation}
 .products,.product-grid,.album-grid,.gallery-grid{max-width:100%;min-width:0}
}
@media(max-width:600px){
 .container{width:calc(100% - 28px)}
 body{font-size:16px}
 main p,main li,.section p{font-size:max(1rem,16px)}
 .rev-stage{min-height:0}
 .rev-copy{max-width:100%;box-sizing:border-box}
 .rev-copy p{font-size:1rem}
 footer{overflow-wrap:anywhere}
 table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}