:root {--clay:#8f5147;--cream:#faf4ee;--ink:#382c2a;--muted:#6d5a53;--line:#dfcfc3;--paper:#fffaf6}
html {scroll-behavior:smooth}
body {overflow-x:hidden;background:var(--cream);color:var(--ink);font-family:'Kanit',sans-serif;font-weight:400;line-height:1.78}
body :is(h1,h2,h3,p,a,button) {font-family:'Kanit',sans-serif}
body :is(h1,h2,h3) {letter-spacing:0;line-height:1.25;font-weight:500;text-wrap:balance}
body :focus-visible {outline:3px solid #8fa7a3;outline-offset:3px}
.global-site-header {min-height:76px;max-width:1320px;width:calc(100% - 48px);padding:14px 0;border-color:var(--line);background:var(--cream)}
.global-site-header>a:first-child {display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:23px;font-weight:600;text-decoration:none}
.global-site-header>a:first-child::before {content:"";display:block;width:32px;height:40px;background:url('/images/soulwaves-favicon.svg') center/contain no-repeat}
.global-site-header nav a {font-size:13px;font-weight:500;color:var(--ink);text-decoration:none;transition:color .16s ease-out}
.global-site-header nav a:hover {color:var(--clay)}
.seo-language {display:flex;align-items:center;gap:2px;flex:0 0 auto;padding:3px;border:1px solid #d6c5b9;border-radius:99px;background:#fffaf6}
.seo-language a {display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;padding:5px 8px;border-radius:99px;color:var(--ink);font-size:11px;font-weight:600;text-decoration:none;white-space:nowrap}
.seo-language a[aria-current="true"] {background:var(--ink);color:#fff}
.seo-language svg {width:20px;height:14px;display:block;border-radius:2px;box-shadow:0 0 0 1px #3b2f2940}
main {max-width:1140px;width:calc(100% - 48px)}
main .eyebrow {font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--clay)}
main h1 {font-size:clamp(38px,5.4vw,70px)}
main .lead,main>.hero p {font-size:clamp(17px,1.5vw,20px);line-height:1.72}
main :is(.panel,.card,.location) {background:#fffaf6;border:1px solid var(--line);border-radius:3px;box-shadow:0 8px 22px #382c2a0b}
main :is(.panel,.card,.location) h2 {font-size:clamp(23px,2.4vw,32px)}
main .button {background:var(--clay);border-radius:99px;color:#fff;transition:background-color .16s ease-out,transform .16s ease-out,box-shadow .16s ease-out}
main .button:hover {background:var(--ink);transform:translateY(-2px);box-shadow:0 10px 22px #382c2a20}
main .button.secondary {background:transparent;color:var(--clay);border-color:var(--clay)}
main .button.secondary:hover {background:#f0ded3;color:var(--ink)}
main>.hero {position:relative;width:100vw;margin-left:calc(50% - 50vw);padding:90px max(24px,calc((100vw - 1140px)/2)) 96px;overflow:hidden;background:linear-gradient(90deg,#2f2221e8,#442a29a6 62%,#6b45355e),url('/images/discover-studio-03.jpg') center 55%/cover;color:#fffaf6}
main>.hero :is(h1,p) {color:#fffaf6;max-width:760px}
main>.hero .eyebrow {color:#efc6b4}
main>.hero .button {background:#d5a18e;color:#382c2a}
footer {max-width:1140px;width:calc(100% - 48px);border-color:var(--line)}
@media(max-width:760px) {
 .global-site-header {width:calc(100% - 20px);min-height:68px;flex-direction:row;flex-wrap:wrap;align-items:center;gap:5px}
 .global-site-header>a:first-child {font-size:18px;white-space:nowrap}
 .global-site-header>a:first-child::before {width:25px;height:32px}
 .global-site-header nav {background:var(--cream)}
 .seo-language {margin-left:auto;order:1}
 .global-site-header .global-mobile-menu-toggle {order:2}
 .seo-language a {padding:4px 5px;font-size:10px}
 .seo-language svg {width:17px;height:12px}
 main,footer {width:calc(100% - 32px)}
 main>.hero {width:calc(100% + 32px);margin-left:-16px;padding:72px 20px 78px}
 main h1 {font-size:clamp(36px,9vw,48px)}
}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto}main .button {transition:none}}
