@font-face{font-family:Syne;src:url('./syne-latin.woff2') format('woff2');font-style:normal;font-weight:600 800;font-display:swap}
@font-face{font-family:Manrope;src:url('./manrope-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
:root{color-scheme:dark;--paper:#f1e4d4;--ink:#211b1a}
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;min-width:320px;min-height:100%;background:var(--ink);color:var(--paper)}
body{font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a,button{-webkit-tap-highlight-color:transparent;color:inherit}
[hidden]{display:none!important}
.coming-stage{position:relative;isolation:isolate;display:grid;place-items:center;min-height:100svh;padding:72px 24px 110px;overflow:clip}
.aurora-stage,.aurora-stage canvas,.painting-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.aurora-stage{z-index:-2;overflow:hidden}
.aurora-stage canvas{opacity:0}
.aurora-stage[data-aurora=webgl2] canvas{opacity:1}
.aurora-fallback{position:absolute;inset:-5%;width:110%;height:110%;background:url('./concierto.webp') center/cover no-repeat;filter:grayscale(1) sepia(1) saturate(1.1) brightness(.63);animation:painting-drift 36s ease-in-out infinite alternate}
.aurora-stage[data-aurora=webgl2] .aurora-fallback,.aurora-stage[data-paused=true] .aurora-fallback{animation-play-state:paused}
.painting-shade{z-index:-1;background:radial-gradient(ellipse at 50% 46%,rgba(24,16,10,.63),rgba(24,16,10,.25) 42%,rgba(24,16,10,.04) 75%),linear-gradient(180deg,rgba(24,16,10,.15),transparent 45%,rgba(24,16,10,.72))}
.brand-composition{text-align:center;width:min(100%,1320px)}
.chair{display:block;width:auto;height:clamp(190px,30svh,290px);margin:0 auto 32px;filter:invert(94%) sepia(11%) saturate(399%) hue-rotate(342deg) brightness(99%) contrast(91%)}
h1{margin:0;font-family:Syne,Arial,sans-serif;font-size:clamp(68px,13.2vw,210px);font-weight:700;letter-spacing:-.065em;line-height:.96}
.coming-soon{margin:35px 0 0;padding-left:.38em;font-size:clamp(12px,1vw,16px);font-weight:500;letter-spacing:.38em;line-height:1.6}
.social-links{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:30px}
.social-links a{display:grid;place-items:center;width:48px;height:48px;text-decoration:none;transition:transform .3s ease,opacity .3s ease}
.social-links svg{width:25px;height:25px}
.social-links a:hover{transform:translateY(-4px);opacity:.75}
a:focus-visible,button:focus-visible{outline:2px solid var(--paper);outline-offset:5px}
.entry-footer{position:absolute;left:clamp(24px,4.2vw,80px);right:clamp(24px,4.2vw,80px);bottom:25px;display:flex;justify-content:center;align-items:center;font-size:11px}
.entry-footer p{margin:0;letter-spacing:.025em}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@keyframes painting-drift{from{transform:scale(1.015) translate(-.5%,-.3%) rotate(-.2deg)}to{transform:scale(1.065) translate(.5%,.4%) rotate(.3deg)}}
@media(max-width:600px){.coming-stage{padding:65px 20px 115px}.chair{height:clamp(190px,28svh,245px);margin-bottom:30px}h1{font-size:clamp(58px,16.5vw,98px)}.coming-soon{margin-top:30px;font-size:12px}.social-links{margin-top:22px}.entry-footer{grid-template-columns:1fr;justify-items:center;gap:13px;bottom:20px;font-size:10px}.painting-shade{background:radial-gradient(ellipse at 50% 44%,rgba(24,16,10,.65),rgba(24,16,10,.2) 85%),linear-gradient(180deg,rgba(24,16,10,.1),transparent 55%,rgba(24,16,10,.7))}}
@media(max-height:650px) and (min-width:601px){.coming-stage{padding:45px 24px 85px}.chair{height:145px;margin-bottom:20px}h1{font-size:110px}.coming-soon{margin-top:22px}.social-links{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.aurora-fallback{animation:none}.social-links a{transition:none}}
@media(forced-colors:active){.aurora-stage,.painting-shade{display:none}.chair{filter:none}}
