/* AYA Sounds — the Ramatec Studio Earth / Cream / Void dark palette. */
:root{--aya-bg:#20201e;--aya-panel:#2d2b27;--aya-ink:#f6efdf;--aya-muted:#c8b99e;--aya-line:#514739;--aya-bronze:#c49b73;--aya-primary:#8b6848;--aya-soft:#47372a;--aya-chrome:#353028}
html{scroll-padding-top:100px}body{background:var(--aya-bg)!important;color:var(--aya-ink)!important}body p{line-height:1.85}h1,h2,h3,h4{font-family:'Cormorant Garamond',Georgia,serif}h1,h2,h3{font-weight:400}h1 em,h2 em{color:var(--aya-bronze);font-weight:400}a,button{transition:color .2s,background .2s,border-color .2s}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--aya-bronze)!important;outline-offset:5px}button,a{touch-action:manipulation}img{max-width:100%}body>div>header{background:#272624ed!important;border-bottom:1px solid var(--aya-line);box-shadow:none!important}header nav{padding-top:20px!important;padding-bottom:20px!important}header nav p{color:var(--aya-ink)!important}header .top-menu-item{font-size:10px;letter-spacing:.16em;color:var(--aya-muted)!important}header .top-menu-item:hover{color:var(--aya-ink)!important}#mobile-menu{background:#272624fa!important}#mobile-menu a{color:var(--aya-ink)!important}.container{max-width:1280px!important}.bg-texture{opacity:.025!important}section:not(.aya-hero){scroll-margin-top:95px}#story,#listen,#discover,footer{background:var(--aya-panel)!important}#instruments{background:var(--aya-bg)}#discover{border-top:1px solid var(--aya-line)}footer{border-top:1px solid var(--aya-line);background:#272624!important}section [class*="bg-stone-6"],section [class*="bg-stone-7"],section [class*="bg-haki-5"]{background:var(--aya-chrome)!important;border:1px solid var(--aya-line);box-shadow:none!important}section [class*="text-gold"],section [class*="text-stone-2"],section [class*="text-haki"]{color:var(--aya-muted)!important}section h1,section h2,section h3{color:var(--aya-ink)!important}.bg-sand{background:var(--aya-bronze)!important;height:1px!important}.button-gold,.button-haki{background:var(--aya-primary)!important;color:#fffaf0!important;border:1px solid var(--aya-primary)!important;border-radius:3px!important;padding:15px 24px!important;letter-spacing:.08em;font-size:11px!important;display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:48px}.button-gold:hover{background:#a07a55!important;border-color:#a07a55!important}.button-transparent,.button-transparent-gold{background:transparent!important;color:var(--aya-ink)!important;border:1px solid var(--aya-line)!important;border-radius:3px!important;padding:15px 24px!important;min-height:48px;display:inline-flex;align-items:center;font-size:11px!important;letter-spacing:.08em}.button-transparent:hover,.button-transparent-gold:hover{border-color:var(--aya-bronze)!important}.aya-eyebrow{font:500 10px/1.6 Montserrat,sans-serif!important;letter-spacing:.23em;color:var(--aya-bronze);margin:0 0 28px}.aya-hero{min-height:780px;min-height:min(860px,calc(100svh - 89px));position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;background:var(--aya-bg)}.aya-hero-art{position:absolute;inset:0 0 0 32%;z-index:-2}.aya-hero-art img{width:100%;height:100%;object-fit:cover;object-position:50% 57%;opacity:.95}.aya-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#20201e 0%,#20201ec9 13%,#20201e00 55%),linear-gradient(0deg,#20201e,transparent 30%);}.aya-hero-content{width:100%;padding-top:70px;padding-bottom:115px}.aya-hero h1{font-size:clamp(58px,6.4vw,96px);line-height:1.02;letter-spacing:-.025em;max-width:800px;margin:0 0 28px}.aya-hero-description{font-size:15px;color:var(--aya-muted);max-width:430px}.aya-actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0}.aya-hero-note{font-size:10px;color:var(--aya-muted);letter-spacing:.06em}.aya-scroll{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.2em;display:flex;align-items:center;gap:28px;color:var(--aya-muted);white-space:nowrap}.aya-scroll span{font-size:22px;color:var(--aya-bronze)}.aya-section{padding:110px 0}.aya-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.aya-portrait{margin:0}.aya-portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:2px}.aya-portrait figcaption{color:var(--aya-muted);font-size:9px;letter-spacing:.1em;margin-top:15px}.aya-story-copy h2,.aya-section-heading h2{font-size:clamp(42px,4.4vw,65px);line-height:1.08;margin:0 0 30px}.aya-story-copy>p:not(.aya-eyebrow){color:var(--aya-muted);font-size:13px;margin:0 0 22px}.aya-story-copy blockquote{border-left:1px solid var(--aya-bronze);padding-left:24px;margin:30px 0;color:var(--aya-bronze);font:italic 25px/1.4 'Cormorant Garamond',serif}.aya-text-link{font-size:11px;letter-spacing:.08em;color:var(--aya-bronze);padding:12px 0;display:inline-block;border-bottom:1px solid var(--aya-line)}.aya-values{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;border-top:1px solid var(--aya-line);padding-top:45px;margin-top:75px}.aya-values span{font-size:9px;letter-spacing:.18em;color:var(--aya-bronze)}.aya-values h3{font-size:29px;margin:15px 0 10px}.aya-values p{font-size:12px;color:var(--aya-muted);max-width:320px}.aya-section-heading{max-width:680px;margin-bottom:45px}.aya-section-heading>p:last-child{font-size:13px;color:var(--aya-muted);max-width:500px}.aya-listen{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:28px}.aya-player iframe{width:100%;aspect-ratio:16/9;border:1px solid var(--aya-line);background:var(--aya-bg)}.aya-player p{font-size:10px;color:var(--aya-muted);margin-top:12px}.aya-playlist{display:flex;flex-direction:column;gap:7px}.aya-playlist button{display:flex;text-align:left;align-items:center;gap:15px;border:1px solid transparent;padding:10px;color:var(--aya-ink);background:transparent;width:100%;border-radius:2px}.aya-playlist button.is-active{background:var(--aya-soft);border-color:var(--aya-line)}.aya-playlist button:hover{border-color:var(--aya-bronze)}.aya-playlist img{width:98px;aspect-ratio:16/9;object-fit:cover;flex-shrink:0}.aya-playlist strong{font-size:12px;font-weight:500;display:block}.aya-playlist small{font-size:10px;color:var(--aya-muted);display:block;margin-top:5px}.aya-playlist button>span:last-child{margin-left:auto;color:var(--aya-bronze)}.aya-build-note{font-size:12px;color:var(--aya-muted);text-align:center;margin:35px auto 0;max-width:600px}.aya-socials{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px}.aya-social{font-size:10px;color:var(--aya-bronze)}.aya-product-enquiry{margin:24px 0;padding:22px 0;border-block:1px solid var(--aya-line)}.aya-product-enquiry p{font-size:12px;color:var(--aya-muted);margin-bottom:16px}.aya-product-enquiry .aya-text-link{margin-left:18px}#instruments .group img{background:var(--aya-panel);border-radius:3px;object-fit:contain}#instruments .group h3{font-size:32px}#instruments .group{padding-bottom:26px;border-bottom:1px solid var(--aya-line)}input:not([type=checkbox]),textarea,select{background:var(--aya-bg)!important;border-color:var(--aya-line)!important;color:var(--aya-ink)!important}input::placeholder,textarea::placeholder{color:#a2917c!important}.aya-film{padding:70px 24px;background:var(--aya-bg);border-top:1px solid var(--aya-line);text-align:center}.aya-film video{width:min(100%,900px);max-height:520px;margin:25px auto 0;display:block;border:1px solid var(--aya-line)}.aya-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:45px 0}.aya-gallery img{width:100%;border-radius:3px}.aya-gallery figcaption{font-size:10px;color:var(--aya-muted);margin-top:10px}
@media(min-width:1024px){#instruments.py-20{padding-block:110px}#instruments>div>div:first-child h2{font-size:55px}}
@media(max-width:800px){.aya-hero{min-height:800px;align-items:flex-start}.aya-hero-art{inset:32% -15% 0 0}.aya-hero-art:after{background:linear-gradient(180deg,#20201e,transparent 35%),linear-gradient(0deg,#20201e,transparent 22%)}.aya-hero-content{padding-top:55px;padding-bottom:310px}.aya-hero h1{font-size:59px}.aya-hero-description{font-size:12px}.aya-hero-note{font-size:9px}.aya-scroll{bottom:20px}.aya-section{padding:70px 0}.aya-story-grid{gap:40px;grid-template-columns:1fr}.aya-portrait{max-width:520px}.aya-story-copy h2,.aya-section-heading h2{font-size:46px}.aya-values{gap:25px;margin-top:45px}.aya-values h3{font-size:24px}.aya-values p{font-size:11px}.aya-listen{grid-template-columns:1fr}.aya-playlist{display:grid;grid-template-columns:1fr 1fr}.aya-playlist img{width:70px}.aya-playlist button{padding:8px;gap:9px}.aya-playlist button>span:last-child{display:none}.aya-socials{justify-content:center}.aya-product-enquiry .aya-text-link{margin-left:0;display:block;width:fit-content;margin-top:12px}}
@media(max-width:480px){.aya-values{grid-template-columns:1fr}.aya-values>div{padding-bottom:15px;border-bottom:1px solid var(--aya-line)}.aya-values p{max-width:none}.aya-playlist{grid-template-columns:1fr}.aya-playlist img{width:100px}.aya-hero{min-height:760px}.aya-hero h1{font-size:50px}.aya-hero-content{padding-top:40px}.aya-eyebrow{font-size:8px!important}.aya-hero-art{inset:39% -10% 0 0}.aya-actions{gap:10px}.aya-actions a{font-size:10px!important;padding:13px 15px!important}.aya-gallery{gap:12px}.aya-product-enquiry .button-gold{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}}
header .top-menu-item[href="/#discover"]{background:var(--aya-primary)!important;color:#fffaf0!important;border-radius:3px!important;padding:12px 18px!important}footer input{min-width:0;width:100%}footer form button{background:var(--aya-primary)!important;color:#fffaf0!important}#discover button[type=submit]{background:var(--aya-primary)!important;color:#fffaf0!important}

/* AYA Sounds lettering matches the reference heading font and bronze. */
header nav p,footer a[href="/"] .font-rossanova{color:var(--aya-bronze)!important;font-family:'Cormorant Garamond',Georgia,serif!important;font-weight:400!important}

/* Keep the multiline editorial headings compact. */
#story .aya-story-copy h2,#listen .aya-section-heading h2{line-height:.95}
#discover h3{line-height:1.12}

/* Give the symbol a little breathing room beside the smaller wordmark. */
header nav>a[href="/"]{gap:20px}
header nav p{font-size:22px!important;line-height:1.2;letter-spacing:.05em}
footer a[href="/"]{gap:14px}
footer a[href="/"] .font-rossanova{font-size:22px!important;line-height:1.2;letter-spacing:.05em}
@media(min-width:768px){header nav p{font-size:28px!important}}