/* Club Silencio 1.1 — adapted from the MIT Asme reference. */
:root{--ink:#f4e7e7;--ink2:#e8dfdf;--bone:#292e29;--mute:#62685f;--line:#e2adab;--copper:#933633;--copperlight:#782927}
body{background:var(--ink)}
.noise{opacity:.045;mix-blend-mode:multiply}
.nav{position:absolute;top:22px;left:0;right:0;height:70px;width:min(1180px,calc(100% - 48px));margin:auto;border:1px solid #ffffff80;border-radius:50px;background:#f7eaeaad;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 32px #282c2910}
.nav .wrap{width:calc(100% - 44px)}.nav-links a{color:#3f493e}.nav .button{border-radius:30px;background:#231717;color:#fff;border-color:#231717}.brand-icon{border-color:currentColor}.brand-icon:before,.brand-icon:after{border-color:currentColor}.brand-icon:after{background:currentColor}
.hero{min-height:850px;background:#da9694;background-image:radial-gradient(ellipse at 80% 35%,#e79795 0%,#db9a98 47%,#d48886 100%)}
.hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;filter:saturate(.55) brightness(1.3);transition:opacity 1.4s}.hero-film.is-playing{opacity:.38}
.hero:before{z-index:1;background:linear-gradient(90deg,#e8d9d9ef 0%,#e7d9d9bd 42%,#dda09e2b 100%),linear-gradient(0deg,#c6605d55,transparent 45%)}
.hero-in{min-height:850px}.hero-copy{padding-top:155px;padding-bottom:130px}.hero h1{font-size:clamp(80px,8.7vw,132px);line-height:.97;letter-spacing:-.055em}.hero h1 em{color:#83312e}.hero-desc{color:#414c40;font-size:16px}.eyebrow{color:#7f2f2d}.eyebrow:before{background:#7f2f2d}.hero-secondary{color:#6a2725;border-color:#a73e3b}
.button{border-radius:40px;background:#231717;border-color:#231717;color:#fff;letter-spacing:.12em}.button:hover{background:#742b29;border-color:#742b29;color:#fff}.button:focus-visible{outline-color:#933633}
.record-stage{width:min(480px,40vw);right:28px;top:51%;opacity:.95;--disc-turn:0deg;--arm-turn:-30deg;--deck-drift:0px}.vinyl{box-shadow:0 35px 90px #261d1d50,0 0 0 1px #ffffff66;transform:rotate(var(--disc-turn));will-change:transform}.record-center{background:radial-gradient(circle at 42% 30%,#c25552,#8a3431);color:#f8e0df}.ambient{background:radial-gradient(circle,#ff979477,transparent 66%)}.orbit{border-color:#f6d7d6a0}.orbit2{border-color:#f6d7d650}.vertical-note{color:#652624;right:0;bottom:15%}
.hero-ticker{z-index:3;background:#f7e7e7a8;border-color:#ffffff66;backdrop-filter:blur(16px)}.ticker-in{color:#6b2725}.ticker-in span+span:before{color:#933633}
.motion-toggle{position:absolute;z-index:5;bottom:83px;right:max(24px,calc((100% - 1180px)/2));border:1px solid #fff9;border-radius:30px;padding:10px 16px;font-size:10px;letter-spacing:.04em;color:#281c1c;background:#f7e7e7a8;backdrop-filter:blur(12px);display:flex;gap:12px;align-items:center}
.manifesto{padding-block:130px;gap:95px}.manifesto-text p{color:#4d554b}.manifesto-text p:last-child{color:#636b60}.manifesto h2 em{color:#933633}
.ritual{background:#e8dede}.steps{border-color:#dea3a1;gap:0}.step,.step:nth-child(-n+2){border-color:#dea3a1}.step h3{color:#201919}.step p{color:#5e6859}.ritual-footer{color:#5e6859}.step-num{color:#903633}.ritual-sub{color:#5e6859}
.pullquote{background:#ce7774;color:#1e1515;padding-block:125px}.pullquote small{color:#5f2422}.pullquote blockquote em{color:#fae9e8}.pullquote:before,.pullquote:after{border-color:#f6e0df50}.pullquote:before{animation:breathe 8s ease-in-out infinite}.pullquote:after{animation:breathe 8s ease-in-out infinite reverse}
.place{padding-block:52px}.place-pin{border-color:#d38583;background:#e7dada}.place a{color:#7e2e2c;border-color:#7e2e2c}.place-sub{color:#636a5e}
.signup{background:radial-gradient(ellipse at 90% 90%,#e4b4b299,transparent 65%),#f4e7e7}.signup-desc{color:#5b6256}.limited{color:#87322f}.form-box{background:#ffffff70;border:1px solid #fff;border-radius:26px;box-shadow:inset 0 1px #fff,0 24px 70px #63252310;backdrop-filter:blur(18px)}.form-kicker{color:#7e2e2c}.form-note,.check-line{color:#5b6256}.form-box label.email-label{color:#5d2220}.email-input{color:#231717;background:#faf3f3;border:1px solid #dda19f;border-radius:12px}.email-input::placeholder{color:#70796a}.email-input:focus{border-color:#82312e}.secure-note{color:#656f5d}.demo-message{color:#281c1c;border-color:#d38583}.footer{background:#e8dcdc}.footer small,.footer-links a{color:#5e6858}
.reveal{opacity:1}.motion-ready .reveal{opacity:0;transform:translateY(30px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.65,.3,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready .reveal.visible{opacity:1;transform:none}.motion-paused .vinyl,.motion-paused .pullquote:before,.motion-paused .pullquote:after{animation-play-state:paused}
@keyframes turn{to{transform:rotate(360deg)}}@keyframes breathe{50%{transform:translate(-50%,-50%) scale(1.08)}}
@media(max-width:1000px){.manifesto{gap:45px}.record-stage{right:-140px;width:510px}.hero h1{font-size:clamp(80px,9vw,105px)}}
@media(max-width:700px){.nav{top:14px;width:calc(100% - 24px);height:62px}.nav .wrap{width:calc(100% - 28px)}.nav-in{gap:12px}.nav .button{padding:10px 14px}.hero,.hero-in{min-height:900px}.hero-copy{padding:140px 0 320px}.hero h1{font-size:clamp(69px,17vw,110px);margin-top:25px}.hero-desc{max-width:360px;font-size:14px}.record-stage{width:350px;right:-85px;top:auto;bottom:50px;opacity:.8}.hero-ticker{padding-block:16px}.ticker-in{font-size:8px;line-height:1.5;gap:7px}.motion-toggle{right:auto;left:19px;bottom:100px;font-size:9px;padding:10px 12px}.manifesto{padding-block:80px;gap:8px}.pullquote{padding-block:90px}.step,.step:nth-child(-n+2){border-color:#dea3a1}.form-box{border-radius:22px}.place-sub{font-size:10px;line-height:1.8}.footer-in{gap:25px}}
@media(prefers-reduced-motion:reduce){.hero-film{display:none}.motion-toggle{display:none}.motion-ready .reveal{opacity:1;transform:none}.vinyl,.pullquote:before,.pullquote:after{animation:none}}
.turntable-plinth{position:absolute;inset:-9%;background:linear-gradient(135deg,#d78e8c,#cb6d6a 60%,#d38381);border:1px solid #e9d0cf;border-radius:24px;box-shadow:0 35px 70px #261d1d30;transform:rotate(-7deg);z-index:-1}.tonearm{position:absolute;z-index:4;right:-1%;top:-2%;width:42%;height:65%;transform-origin:78% 9%;transform:rotate(var(--arm-turn));filter:drop-shadow(5px 8px 4px #0006)}.tonearm-pivot{position:absolute;right:9%;top:0;width:26%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#3d4541 0 15%,#c7ccc3 17% 40%,#626c61 43% 58%,#dc9d9b 62%);border:2px solid #555e52}.tonearm-shaft{position:absolute;right:19%;top:9%;width:5.5%;height:70%;background:linear-gradient(90deg,#626e63,#efdedd 45%,#7b8577);border-radius:5px;transform-origin:50% 0;transform:rotate(19deg)}.tonearm-head{position:absolute;right:48%;top:72%;width:16%;height:16%;border-radius:4px;background:linear-gradient(90deg,#2a312e,#565f53);transform:rotate(19deg)}.tonearm-head:after{content:'';position:absolute;left:40%;bottom:-13%;height:20%;width:20%;background:#d87a77}.record-stage{isolation:isolate;translate:0 var(--deck-drift)}
.sound-film{position:relative;margin-block:0 115px;min-height:560px;border-radius:30px;overflow:hidden;background:#a6b0a1}.film-frame{position:relative;overflow:hidden;border-radius:23px;background:#d78f8d;isolation:isolate}.film-frame video{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .9s,transform .8s}.film-frame video.is-playing{opacity:1}.film-frame:hover video{transform:scale(1.025)}.film-fallback{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 60% 40%,#dda09e,#c65e5b)}.feature-film{position:absolute;inset:0;border-radius:0}.feature-film:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#170e0ea6,transparent 85%)}.film-caption{position:relative;padding:220px 55px 55px;color:#fae8e7;z-index:1}.film-caption .section-label{color:#f7dddc}.film-caption p{font:400 clamp(42px,5.5vw,74px)/1.07 var(--serif);letter-spacing:-.03em;margin:24px 0 30px}.film-caption .button{background:#f5e0df;color:#231717;border-color:#f5e0df}.philosophy-film{aspect-ratio:16/9;margin-bottom:32px}.ritual-films{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-bottom:45px}.ritual-films .film-frame{aspect-ratio:16/10}.quote-film{position:absolute;inset:0;border-radius:0;opacity:.28}.pullquote .wrap{z-index:2}.motion-ready .reveal[data-side=left]{transform:translateX(-35px)}.motion-ready .reveal[data-side=right]{transform:translateX(35px)}.motion-ready .reveal.visible{transform:none}
@media(max-width:700px){.sound-film{min-height:480px;margin-bottom:75px;width:calc(100% - 38px);border-radius:23px}.film-caption{padding:190px 25px 35px}.film-caption p{font-size:46px}.ritual-films{gap:14px;margin-bottom:30px}.ritual-films .film-frame{aspect-ratio:3/4;border-radius:16px}.philosophy-film{margin-top:15px}.record-stage{right:-55px;width:320px;bottom:70px}.tonearm{right:1%}.turntable-plinth{border-radius:16px}}
@media(prefers-reduced-motion:reduce){.record-stage{translate:none}.vinyl,.tonearm{transform:none}.film-frame video{display:none}.motion-ready .reveal[data-side]{transform:none}}
.hero h1 .word-rotator{display:grid;overflow:hidden;padding-bottom:.15em;margin-bottom:-.15em;line-height:1.12;min-height:1.12em}.rotating-word{grid-area:1/1;display:block;opacity:0;transform:translateY(105%);transition:transform .85s cubic-bezier(.22,1.15,.36,1),opacity .5s ease;will-change:transform,opacity}.rotating-word.active{opacity:1;transform:translateY(0)}.rotating-word.leaving{transform:translateY(-105%);opacity:0}.word-mask{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.13em;margin-bottom:-.13em}.word-in{display:inline-block}.motion-ready .reveal .word-in{opacity:0;transform:translateY(108%);transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .7s;transition-delay:var(--word-delay,0ms)}.motion-ready .reveal.visible .word-in{opacity:1;transform:translateY(0)}
@media(max-width:700px){.hero h1{font-size:clamp(58px,15.2vw,92px)}}
@media(prefers-reduced-motion:reduce){.rotating-word{display:none;transition:none}.rotating-word:first-child{display:block;opacity:1;transform:none}.motion-ready .reveal .word-in{opacity:1;transform:none}}
.club-intro{position:fixed;inset:0;z-index:200;background:#eededd;color:#231717;overflow:hidden;transition:opacity .65s ease,filter .65s ease}.club-intro[hidden]{display:none}.club-intro canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.club-intro.is-leaving{opacity:0;filter:blur(9px);pointer-events:none}.intro-active{overflow:hidden}.intro-caption{position:absolute;top:67%;left:0;right:0;text-align:center;pointer-events:none}.intro-caption p{font-size:10px;text-transform:uppercase;letter-spacing:.28em;color:#903532}.intro-static{font-size:clamp(22px,5vw,64px);font-weight:700;letter-spacing:.05em;display:none}.intro-skip{position:absolute;bottom:8%;left:50%;transform:translateX(-50%);display:flex;gap:24px;align-items:center;border:1px solid #9c3a3766;background:#f8e8e8aa;border-radius:40px;padding:14px 24px;font-size:11px;color:#291a1a;white-space:nowrap;backdrop-filter:blur(12px)}.intro-skip:hover{background:#fbeded}.intro-skip:focus-visible{outline:2px solid #933633;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.club-intro{display:none}}
.footer{position:relative;isolation:isolate;overflow:hidden;padding:95px 0 35px;background:#ecdcdc;border-top:0}.footer-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.gradient-layer{position:absolute;inset:-40%;border-radius:50%;will-change:transform;animation:footer-breathe 18s ease-in-out infinite alternate}.gradient-sage{background:radial-gradient(ellipse at 65% 60%,#c76360c9 0%,#da979573 35%,transparent 64%);animation-duration:19s}.gradient-copper{background:radial-gradient(ellipse at 25% 65%,#c45b586e 0%,#e0a9a773 32%,transparent 59%);animation-duration:24s;animation-delay:-9s;mix-blend-mode:multiply}.gradient-ivory{background:radial-gradient(ellipse at 50% 10%,#faeae9e6 0%,#f5d2d188 30%,transparent 61%);animation-duration:15s;animation-delay:-4s}.footer-invitation{padding-bottom:90px;position:relative}.footer-invitation p{font:400 clamp(64px,8vw,110px)/.98 var(--serif);letter-spacing:-.04em;margin:28px 0 35px;color:#261a1a}.footer-invitation p em{font-style:normal;color:#82312e}.footer-in{position:relative;padding-top:32px;border-top:1px solid #82312e40}.footer small,.footer-links a{color:#5c2220}.footer .section-label{color:#792d2b}.motion-paused .gradient-layer{animation-play-state:paused}.footer:not(.in-view) .gradient-layer{animation-play-state:paused}
@keyframes footer-breathe{0%{transform:translate(-3%,-2%) scale(.9) rotate(-8deg)}100%{transform:translate(5%,4%) scale(1.12) rotate(10deg)}}
@media(max-width:700px){.footer{padding-top:70px}.footer-invitation{padding-bottom:65px}.footer-invitation p{font-size:67px}.gradient-layer{inset:-20%}}
@media(prefers-reduced-motion:reduce){.gradient-layer{animation:none;will-change:auto}}
body{isolation:isolate}.site-mesh{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:0;transition:opacity 1s}.site-mesh.ready{opacity:1}.hero{background:transparent}.hero:before{background:linear-gradient(90deg,#f4e7e7b8 0%,#f4e7e73b 57%,transparent 100%)}.ritual{background:#e8dede9c}.signup{background:#f4e7e794}.footer{background:#ecdcdca6}.footer-atmosphere{opacity:.84}
.arrow-motion{display:inline-block;vertical-align:middle;flex:none;transition:transform .45s cubic-bezier(.2,.8,.2,1)}a:hover>.arrow-motion,button:hover>.arrow-motion,a:focus-visible>.arrow-motion,button:focus-visible>.arrow-motion{transform:translateX(5px)}.place a{display:inline-flex;align-items:center;gap:14px}.button:active>.arrow-motion{transform:translateX(8px)}
@media(prefers-reduced-motion:reduce){.arrow-motion{transition:none}a:hover>.arrow-motion,button:hover>.arrow-motion,a:focus-visible>.arrow-motion,button:focus-visible>.arrow-motion{transform:none}}

/* 1.2: broader letterforms for headings only. */
.hero h1,.manifesto h2,.ritual h2,.signup h2,.pullquote blockquote,.form-box h3,.place-title,.footer-invitation p{font-family:'Lora',Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.035em}
.hero h1{font-size:clamp(72px,7.6vw,112px);line-height:1.04}
.manifesto h2,.ritual h2,.signup h2{font-size:clamp(45px,5.5vw,78px);line-height:1.14}
.pullquote blockquote{font-size:clamp(42px,6vw,80px);line-height:1.2}
.form-box h3{font-size:40px;line-height:1.18}.place-title{font-size:30px}
.footer-invitation p{font-size:clamp(58px,7.2vw,96px);line-height:1.1}
@media(max-width:700px){.hero h1{font-size:clamp(49px,13.5vw,76px);line-height:1.08}.manifesto h2,.ritual h2,.signup h2{font-size:clamp(40px,10.7vw,60px)}.pullquote blockquote{font-size:clamp(38px,9.8vw,56px)}.footer-invitation p{font-size:54px}.form-box h3{font-size:34px}.place-title{font-size:27px}}

/* 1.3 — neon lettering and illuminated edges; structure and overlays retained. */
:root{--neon-blue:#ff4d48;--neon-ice:#ffb5b3;--neon-cherry:#e34d48;--neon-brass:#c86562;--copper:#a53b38;--copperlight:#a53b38}
.hero h1,.manifesto h2,.ritual h2,.signup h2,.pullquote blockquote,.form-box h3,.place-title,.footer-invitation p{font-family:'Dosis','DM Sans',Arial,sans-serif;font-weight:600;letter-spacing:-.025em}
.hero h1,.manifesto h2,.ritual h2,.signup h2,.form-box h3,.place-title,.footer-invitation p{color:#672321;text-shadow:0 0 1px #f8dddc,0 0 12px #ff4d4840,0 0 28px #ff4d4822}
.hero h1 em,.manifesto h2 em,.signup h2 em,.footer-invitation p em{color:#993734;text-shadow:0 0 1px #fdf4f4,0 0 12px #e34d4845,0 0 28px #e34d4824}
.brand-text{color:#842a27;text-shadow:0 0 9px #ff4d4855;letter-spacing:.2em}.brand-icon{color:#b63531;box-shadow:0 0 10px #ff4d4835,inset 0 0 7px #ff4d4822}
.nav{border-color:#ffb8b6bf;box-shadow:inset 0 0 0 1px #fdf8f8b0,0 0 15px #ff4d4820,0 5px 32px #7f2e2c13;background:#f7eaeac7}
.nav .button,.button{background:#692725;border-color:#dd7572;color:#fdf6f6;box-shadow:0 0 10px #ff4d4828,inset 0 0 9px #ff4d4820}.button:hover,.nav .button:hover{background:#85322f;border-color:#fdb1af;box-shadow:0 0 16px #ff4d4855,0 0 28px #ff4d4822}
.hero-secondary{color:#7f2f2d;border-color:#cc706d}.eyebrow,.section-label,.form-kicker{color:#8a3330}.section-label:after{box-shadow:0 0 7px #e34d4866}.eyebrow:before{background:#a43c39;box-shadow:0 0 7px #e34d4866}
.orbit{border-color:#ff9e9b88;box-shadow:0 0 8px #ff4d481c}.orbit2{border-color:#e8aeac55;box-shadow:0 0 10px #e34d4814}.vinyl{box-shadow:0 28px 75px #261d1d40,0 0 0 1px #ffb6b4,0 0 20px #ff4d4855,0 0 50px #ff4d481f}.record-center{background:radial-gradient(circle at 42% 30%,#c45956,#84312e);border-color:#1a1313;box-shadow:0 0 0 1px #e1adab,0 0 16px #e34d4833}.turntable-plinth{border-color:#e8b6b4;box-shadow:0 30px 60px #261d1d30,0 0 16px #c8656226}
.hero-ticker{border-color:#efa7a566;box-shadow:0 -1px 10px #ff4d4810}.ticker-in span+span:before{color:#a53b38;text-shadow:0 0 7px #e34d4844}
.form-box{border-color:#f0b9b799;box-shadow:inset 0 0 12px #ffffff80,0 0 20px #ff4d4818,0 25px 65px #6325230c}.email-input:focus{border-color:#ff4d48;box-shadow:0 0 0 3px #ff4d4817}.limited i{background:#ad403d;box-shadow:0 0 0 5px #e34d4812,0 0 12px #e34d4866}
.film-frame{box-shadow:0 0 0 1px #eebbb966,0 0 20px #ff4d4816}.pullquote{background:#b84541}.pullquote:before,.pullquote:after{border-color:#f3cac970;box-shadow:0 0 12px #ff4d4833}.pullquote blockquote{color:#fdf3f3;text-shadow:0 0 2px #fff,0 0 15px #ff827e88,0 0 36px #ff4d4855}.pullquote blockquote em{color:#fbebea;text-shadow:0 0 2px #fff,0 0 15px #e34d4899,0 0 35px #e34d4855}.pullquote small{color:#f4eded}
.place-pin{color:#8d3532;border-color:#da8683;box-shadow:inset 0 0 12px #ff4d4815,0 0 12px #ff4d4817}.place a{color:#8e3532;border-color:#bf4d49}.footer .brand-text{color:#842a27}.footer-in{border-color:#c1524f55}
.gradient-sage{background:radial-gradient(ellipse at 65% 60%,#cf7875a6 0%,#db999773 35%,transparent 64%)}.gradient-copper{background:radial-gradient(ellipse at 25% 65%,#ca6a675c 0%,#e4b3b166 32%,transparent 59%)}.gradient-ivory{background:radial-gradient(ellipse at 50% 10%,#faeae9e6 0%,#eac4c388 30%,transparent 61%)}
.arrow-motion{filter:drop-shadow(0 0 3px #ff9e9b55)}
@media(prefers-reduced-motion:reduce){.hero h1,.manifesto h2,.ritual h2,.signup h2,.footer-invitation p{text-shadow:0 0 8px #ff4d4820}}

/* 1.4 — contemporary house / dance typography. */
.hero h1,.manifesto h2,.ritual h2,.signup h2,.pullquote blockquote,.form-box h3,.place-title,.footer-invitation p{font-family:'Space Grotesk','DM Sans',Arial,sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:-.055em;line-height:1.03}
.hero h1{font-size:clamp(62px,7vw,100px)}.hero h1 .word-rotator{line-height:1.08;min-height:1.08em}.hero h1 em,.manifesto h2 em,.signup h2 em,.footer-invitation p em{font-style:normal}
.manifesto h2,.ritual h2,.signup h2{font-size:clamp(42px,5vw,70px)}.pullquote blockquote{font-size:clamp(40px,5.5vw,76px)}.form-box h3{font-size:36px}.place-title{font-size:28px;letter-spacing:-.04em}.footer-invitation p{font-size:clamp(56px,7vw,92px)}
.brand-text{font-family:'Space Grotesk','DM Sans',Arial,sans-serif;font-weight:700;letter-spacing:.12em}.nav-links a,.section-label,.eyebrow,.form-kicker{font-family:'Space Grotesk','DM Sans',Arial,sans-serif}
.turntable-plinth{transform:rotate(var(--deck-tilt,-7deg));will-change:transform}.hero-ticker:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ff4d48,#e34d48);transform:scaleX(var(--scene-progress,0));transform-origin:left;box-shadow:0 0 9px #ff4d4855}
.neon-flow{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:0;mix-blend-mode:multiply;transition:opacity 1s}.neon-flow canvas{display:block;width:100%;height:100%;pointer-events:none}.neon-flow.ready{opacity:.23}
@media(max-width:700px){.hero h1{font-size:clamp(42px,11.9vw,68px)}.manifesto h2,.ritual h2,.signup h2{font-size:clamp(35px,9.7vw,54px)}.pullquote blockquote{font-size:clamp(34px,9vw,50px)}.form-box h3{font-size:30px}.place-title{font-size:25px}.footer-invitation p{font-size:46px}.neon-flow{display:none}}
@media(prefers-reduced-motion:reduce){.neon-flow{display:none}.turntable-plinth{transform:rotate(-7deg);will-change:auto}}
.neon-flow{z-index:0}main{position:relative;z-index:1}.footer{z-index:1}

/* 1.4 — electric cyan / petrol atmosphere inspired by the visual reference. */
:root{--ink:#150d0d;--ink2:#1d1212;--bone:#faeae9;--mute:#e1aba9;--line:#7a2d2b;--copper:#ee6a66;--copperlight:#ffb2b0;--neon-blue:#ed4742;--neon-ice:#f5d0cf;--neon-cherry:#ff8a86}
body{background:#150d0d;color:#faeae9}.hero:before{background:linear-gradient(90deg,#150d0de8 0%,#150d0d95 46%,#150d0d15 100%)}
.hero:after{content:'';position:absolute;inset:45% -30% -18%;background-image:linear-gradient(#ec4b4638 1px,transparent 1px),linear-gradient(90deg,#ec4b4638 1px,transparent 1px);background-size:90px 90px;transform:perspective(450px) rotateX(64deg);transform-origin:50% 100%;mask-image:linear-gradient(transparent,#0009 45%,#000);pointer-events:none;z-index:0}
.hero h1,.manifesto h2,.ritual h2,.signup h2,.form-box h3,.place-title,.footer-invitation p{color:#fbecec;text-shadow:0 0 1px #fff,0 0 14px #ec5b5740,0 0 32px #e3312c26}
.hero h1 em,.manifesto h2 em,.signup h2 em,.footer-invitation p em{color:#ff8783;text-shadow:0 0 1px #faeaea,0 0 14px #ed514c66,0 0 32px #ee423d3b}
.nav{background:#1d1212bf;border-color:#e76a668c;box-shadow:inset 0 0 14px #f0676312,0 0 18px #ec3a3522,0 8px 30px #09060640}.brand-text{color:#f8dddc;text-shadow:0 0 10px #f1676377}.brand-icon{color:#ffa6a3;box-shadow:0 0 10px #ee423d66,inset 0 0 7px #ee423d33}.nav-links a{color:#f3d1d0}.nav-links a:hover{color:#ff928f}
.button,.nav .button{background:#f3928f;border-color:#ffafad;color:#140d0d;box-shadow:0 0 12px #f0454044,inset 0 0 8px #fff4}.button:hover,.nav .button:hover{background:#f5cfce;color:#140d0d;border-color:#fae8e7;box-shadow:0 0 20px #f0454077,0 0 35px #f0454026}.hero-secondary{color:#f4cecd;border-color:#ce7572}.arrow-motion{filter:drop-shadow(0 0 4px #f07f7c55)}
.eyebrow,.section-label,.form-kicker,.footer .section-label{color:#ed8885}.eyebrow:before{background:#f2807c;box-shadow:0 0 8px #f04f4a77}.section-label:after{box-shadow:0 0 8px #f04f4a77}.hero-desc{color:#eccfce}.hero-ticker{background:#1d1212a6;border-color:#d4514d60;box-shadow:0 -1px 12px #f0433e14}.ticker-in{color:#e6b9b8}.ticker-in span+span:before{color:#f47d79;text-shadow:0 0 8px #e8524d66}.motion-toggle{background:#211414ba;border-color:#db787588;color:#f7dad9}.vertical-note{color:#d78f8d}
.turntable-plinth{background:linear-gradient(135deg,#6b2725,#211414 55%,#662624);border-color:#e98582;box-shadow:0 30px 65px #09050555,0 0 22px #e83a353d,inset 0 0 0 5px #170e0e99}.orbit{border-color:#f267638c;box-shadow:0 0 10px #ea423d33}.orbit2{border-color:#ed716d4d}.vinyl{box-shadow:0 28px 75px #09060666,0 0 0 2px #f27d79,0 0 18px #e6423d77,0 0 48px #e83a352b}.record-center{background:radial-gradient(circle at 40% 30%,#762522,#231515);color:#f4cdcc;border-color:#170e0e;box-shadow:0 0 0 1px #f48a87,0 0 20px #ed524d4d}.record-center:before{background:#ffa8a5}.ambient{background:radial-gradient(circle,#db312c2e,transparent 68%)}
.manifesto-text p{color:#eccfce}.manifesto-text p:last-child{color:#e0a8a6}.ritual{background:#201414a8}.ritual-sub,.step p{color:#e4b4b3}.step h3{color:#f9e5e4}.step-num{color:#f48683}.steps,.step,.step:nth-child(-n+2){border-color:#82312e}.ritual-footer{color:#e5b5b4}.film-frame{background:#241616;box-shadow:0 0 0 1px #ed7a7666,0 0 22px #e8454021}.film-fallback{background:radial-gradient(ellipse at 60% 40%,#712624,#190f0f)}.sound-film{background:#241616}.film-caption .button{background:#f5a4a1;color:#160e0e;border-color:#f4cecd}.film-caption .section-label{color:#f7d8d7}
.pullquote{background:#241616}.pullquote blockquote{color:#fceeee;text-shadow:0 0 2px #fff,0 0 16px #ed676388,0 0 36px #db3a3544}.pullquote blockquote em{color:#ffa7a4;text-shadow:0 0 2px #fcf2f2,0 0 16px #f0615d88,0 0 35px #e43e3955}.pullquote small{color:#f4c3c2}.pullquote:before,.pullquote:after{border-color:#f183807a;box-shadow:0 0 14px #e5423d33}
.place-pin{color:#f79e9b;background:#271818;border-color:#d87875;box-shadow:0 0 14px #dd46412b}.place-sub{color:#dfa7a5}.place a{color:#f59d9a;border-color:#d47471}
.signup{background:#1d121291}.signup-desc{color:#ebc6c5}.limited{color:#efb7b5}.limited i{background:#fb807c;box-shadow:0 0 0 5px #ef504b1a,0 0 14px #f3615c99}.form-box{background:#231515bd;border-color:#dc7a7799;box-shadow:inset 0 0 16px #f05a5512,0 0 20px #e04a4521,0 25px 65px #08050544}.form-note,.check-line{color:#e6bab9}.form-box label.email-label{color:#f8dedd}.email-input{background:#191010;color:#faeaea;border-color:#bf4d49}.email-input::placeholder{color:#d48684}.email-input:focus{border-color:#fa908d;box-shadow:0 0 0 3px #ec555022}.secure-note{color:#dda19f}.demo-message{color:#f8e0df;border-color:#d77b78}
.footer{background:#1e1212b3}.footer small,.footer-links a{color:#e7bbba}.footer .brand-text{color:#f8dddc}.footer-in{border-color:#d3646166}.gradient-sage{background:radial-gradient(ellipse at 65% 60%,#9b1c18a6 0%,#74232173 35%,transparent 64%)}.gradient-copper{background:radial-gradient(ellipse at 25% 65%,#a528247d 0%,#8a333066 32%,transparent 59%);mix-blend-mode:screen}.gradient-ivory{background:radial-gradient(ellipse at 50% 10%,#ed6c6840 0%,#98242040 30%,transparent 61%)}
.club-intro{background:#150d0d;color:#f5d0cf}.intro-caption p{color:#eebab8}.intro-skip{color:#f6d7d6;background:#221515c9;border-color:#e27e7b88}.intro-skip:hover{background:#621b19}.neon-flow{mix-blend-mode:screen}.neon-flow.ready{opacity:.3}.noise{mix-blend-mode:soft-light;opacity:.08}
@media(prefers-reduced-motion:reduce){.hero h1,.manifesto h2,.ritual h2,.signup h2,.footer-invitation p{text-shadow:0 0 8px #ec5b5733}}

/* Glass gas lettering: selected signage accents, solid typography elsewhere. */
#ritual-title.neon-glass,.footer-invitation p em.neon-glass{font-family:'Dosis','DM Sans',Arial,sans-serif;font-weight:400;letter-spacing:.065em;color:#f8e0df;-webkit-text-stroke:.55px #ffb9b7;text-shadow:0 -1px 0 #fff,0 0 2px #fdf5f5,0 0 5px #ff8682,0 0 12px #f43f39,0 0 25px #df2c26aa,0 0 48px #df262066,2px 4px 2px #0c0707;filter:drop-shadow(0 0 2px #ff6e6a66)}
#ritual-title.neon-glass{font-size:clamp(54px,6.5vw,92px)}.footer-invitation p em.neon-glass{display:inline-block;font-size:1.04em;line-height:1.18}
.neon-glass{animation:gas-ignite 1.6s ease-out both}.motion-paused .neon-glass{animation-play-state:paused}
@keyframes gas-ignite{from{opacity:.7;filter:drop-shadow(0 0 1px #ff6e6a22)}to{opacity:1;filter:drop-shadow(0 0 2px #ff6e6a66)}}
@media(max-width:700px){#ritual-title.neon-glass{font-size:60px}.footer-invitation p em.neon-glass{font-size:1.02em;letter-spacing:.03em}}
@media(prefers-reduced-motion:reduce){.neon-glass{animation:none}}

/* Client feedback: black night surface, one red neon hue. */
:root{--ink:#090707;--ink2:#150c0c;--bone:#fff0f0;--mute:#c8b0af;--line:#583332;--copper:#ff4c46;--copperlight:#ffb4b2;--neon-blue:#ff4c46;--neon-ice:#ffe9e8;--neon-cherry:#ff4c46}
body{background:#090707}.hero:before{background:linear-gradient(90deg,#090707ee 0%,#090707a6 46%,#09070711 100%)}.ritual{background:#160c0cb3}.signup{background:#110a0aa8}.footer{background:#110909bd}.nav{background:#150d0dd9}.form-box{background:#1b1010c9}.hero-ticker{background:#170c0cb3}.turntable-plinth{background:linear-gradient(135deg,#2c2020,#161111 55%,#261a1a)}.record-center{background:radial-gradient(circle at 40% 30%,#6c2b29,#321615)}.pullquote{background:#250f0e}
#ritual-title.neon-glass,.footer-invitation p em.neon-glass{font-family:'Sacramento','Dosis',cursive;font-weight:400;text-transform:none;letter-spacing:0;color:#fff1f1;-webkit-text-stroke:.25px #ffe7e6;text-shadow:0 -1px 0 #fff,0 0 2px #fff3f3,0 0 5px #ffb5b3,0 0 12px #ff4c46,0 0 25px #f42923aa,0 0 48px #e5231d66,2px 4px 2px #090505;filter:drop-shadow(0 0 2px #ff8e8b66)}
#ritual-title.neon-glass{font-size:clamp(70px,8vw,110px)}.footer-invitation p em.neon-glass{font-size:1.2em;line-height:1.1}
@media(max-width:700px){#ritual-title.neon-glass{font-size:76px}.footer-invitation p em.neon-glass{font-size:1.28em}}

/* Approved red neon sign; staggered ignition and a quiet gas-tube pulse. */
.brand-mark{display:block;width:94px;height:60px;overflow:hidden;mix-blend-mode:screen;flex:none}.brand-mark img{width:100%;height:100%;object-fit:contain;filter:brightness(1.08);animation:brand-power 1.4s ease-out both}.brand{min-width:140px}.nav .brand-mark{width:98px;height:62px}.record-top{inset:17% 7% auto;top:17%}.record-logo{display:block;width:100%;height:auto;mix-blend-mode:screen}.record-center{background:radial-gradient(circle at 40% 30%,#401919,#1a0b0c)}.record-bottom{bottom:18%;font-size:clamp(6px,.6vw,8px)}
.footer-invitation{display:grid;grid-template-columns:1fr 1fr;column-gap:50px;align-items:center}.footer-invitation>.section-label,.footer-invitation>p,.footer-invitation>.button{grid-column:1}.footer-invitation>.button{justify-self:start}.club-sign{grid-column:2;grid-row:1/4;margin:0;position:relative;isolation:isolate}.club-sign:before{content:'';position:absolute;inset:8%;background:radial-gradient(ellipse,#ff252529,transparent 68%);filter:blur(25px);z-index:-1}.sign-mount{position:relative;width:100%;aspect-ratio:1500/1024;mix-blend-mode:screen}.sign-mount img{display:block;width:100%;height:auto}.sign-base{opacity:.22;filter:saturate(.7) brightness(.65)}.sign-light{position:absolute;inset:0;opacity:1;filter:brightness(1.12)}.sign-club{clip-path:polygon(30% 3%,74% 3%,74% 22%,30% 22%)}.sign-name{clip-path:polygon(0 20%,100% 20%,100% 65%,0 65%)}.sign-rays{clip-path:polygon(40% 46%,65% 46%,65% 97%,40% 97%)}
.club-sign.in-view .sign-club{animation:tube-start 1.4s ease-out both,tube-breathe 7s ease-in-out 1.4s infinite}.club-sign.in-view .sign-name{animation:tube-start 1.7s ease-out .2s both,tube-breathe 7s ease-in-out 1.9s infinite}.club-sign.in-view .sign-rays{animation:tube-start 1.4s ease-out .5s both,tube-breathe 7s ease-in-out 1.9s infinite}.club-sign:not(.in-view) .sign-light{opacity:.85}.motion-paused .sign-light,.motion-paused .brand-mark img{animation-play-state:paused}
@keyframes tube-start{0%{opacity:.12;filter:brightness(.7)}45%{opacity:.65;filter:brightness(.9)}100%{opacity:1;filter:brightness(1.12)}}@keyframes tube-breathe{0%,100%{filter:brightness(1.12);opacity:1}50%{filter:brightness(.96);opacity:.9}}@keyframes brand-power{from{opacity:.45;filter:brightness(.6)}to{opacity:1;filter:brightness(1.08)}}
@media(max-width:700px){.nav .brand-mark{width:89px;height:56px}.brand{min-width:unset}.footer-invitation{grid-template-columns:1fr;gap:0}.club-sign{grid-column:1;grid-row:4;margin:35px 0 0;width:100%;max-width:460px}.footer-invitation>p{margin-block:24px}.footer .brand-mark{width:100px;height:68px}.record-top{top:16%}}
@media(prefers-reduced-motion:reduce){.sign-light,.brand-mark img,.club-sign.in-view .sign-light{animation:none;opacity:1;filter:brightness(1.05)}}

/* Mindloop-inspired large infographic symbols, adapted to the listening ritual. */
.step{position:relative;padding-top:35px;min-height:390px}.step-symbol{display:grid;place-items:center;width:136px;height:136px;margin-bottom:25px;border-radius:25px;color:#ffb2ac;background:linear-gradient(145deg,#ff3a3514,#ffffff03);border:1px solid #ff53453b;box-shadow:inset 0 1px #ffdbd31a,0 0 25px #ff39390c;backdrop-filter:blur(12px)}.step-symbol svg{width:88px;height:88px;filter:drop-shadow(0 0 5px #ff393955);transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .6s}.step:hover .step-symbol svg{transform:translateY(-4px);filter:drop-shadow(0 0 9px #ff393988)}.step-num{font-family:'Space Grotesk',sans-serif;font-size:18px;letter-spacing:.12em;color:#ff8b7e}.step h3{font-family:'Space Grotesk',sans-serif;font-size:19px;font-weight:600;letter-spacing:-.025em}.step p{max-width:245px}.footer{background:#090708}.footer-atmosphere{opacity:.28}.sign-light{mix-blend-mode:screen}.sign-base{opacity:.5;filter:brightness(.9);mix-blend-mode:screen}
@media(max-width:700px){.step,.step+.step,.step:nth-child(3){display:grid;grid-template-columns:86px 1fr;column-gap:20px;padding:28px 0;min-height:unset}.step-symbol{grid-column:1;grid-row:1/4;width:86px;height:100px;margin:0;border-radius:18px}.step-symbol svg{width:65px;height:65px}.step-num,.step h3,.step p{grid-column:2}.step-num{font-size:14px;line-height:1.3}.step h3{font-size:18px;margin:8px 0}.step p{max-width:none}.footer-invitation{padding-top:5px}}
@media(prefers-reduced-motion:reduce){.step-symbol svg{transition:none}.step:hover .step-symbol svg{transform:none}}

/* Montserrat family: Black / Bold / Regular / Light, solid and lit variants. */
.hero h1,.manifesto h2,.ritual h2,.signup h2,.pullquote blockquote,.form-box h3,.place-title,.footer-invitation p,.brand-text,.nav-links a,.section-label,.eyebrow,.form-kicker,.step h3,.step-num{font-family:'Montserrat','DM Sans',Arial,sans-serif}
.hero h1{font-weight:900;font-size:clamp(58px,6.3vw,90px);letter-spacing:-.065em;color:#fff1ef;text-shadow:none}.hero h1 .word-rotator{font-weight:400;letter-spacing:-.055em;color:#ffe8e4;text-shadow:0 0 2px #fff,0 0 9px #ff594f99,0 0 24px #ff39395c;-webkit-text-stroke:.35px #ffe9e5}
.manifesto h2,.signup h2{font-weight:700;font-size:clamp(39px,4.7vw,64px);text-shadow:none}.manifesto h2 em,.signup h2 em{font-weight:300;color:#ff9c90;text-shadow:0 0 12px #ff393940}.form-box h3{font-weight:700;font-size:34px;text-shadow:none}.place-title{font-weight:500;font-size:26px;text-shadow:none}.nav-links a{font-weight:400;letter-spacing:.08em}.eyebrow,.section-label,.form-kicker{font-weight:700}.step h3{font-weight:700}.pullquote blockquote{font-weight:400}.pullquote blockquote em{font-weight:300}
#ritual-title.neon-glass{font-family:'Montserrat','DM Sans',Arial,sans-serif;font-weight:300;text-transform:uppercase;font-size:clamp(48px,5.8vw,80px);letter-spacing:.015em}.footer-invitation p{font-weight:900;font-size:clamp(48px,5.7vw,78px);letter-spacing:-.065em;text-shadow:none}.footer-invitation p em.neon-glass{font-family:'Montserrat','DM Sans',Arial,sans-serif;font-weight:300;font-size:.86em;text-transform:uppercase;letter-spacing:-.045em;line-height:1.25}
@media(max-width:700px){.hero h1{font-size:clamp(35px,10.6vw,64px)}.manifesto h2,.signup h2{font-size:clamp(32px,8.8vw,48px)}#ritual-title.neon-glass{font-size:46px}.form-box h3{font-size:28px}.place-title{font-size:23px}.footer-invitation p{font-size:39px}.footer-invitation p em.neon-glass{font-size:.91em}.pullquote blockquote{font-size:clamp(29px,7.9vw,44px)}}

.club-sign .sign-mount{aspect-ratio:1536/1024;mix-blend-mode:normal}.club-sign .sign-base{mix-blend-mode:normal;opacity:.24;filter:none}.club-sign .sign-light{mix-blend-mode:screen}.club-sign:before{opacity:.3}

/* Outline + layered type references, adapted to the approved single red hue. */
.hero h1 .outline-neon{font-weight:900;letter-spacing:-.055em}.outline-neon .rotating-word{color:#ffebea;-webkit-text-fill-color:transparent;-webkit-text-stroke:1.2px #ffc0b6;text-shadow:0 0 8px #ff493d55,0 0 22px #ff39392b}
@supports not (-webkit-text-stroke:1px red){.outline-neon .rotating-word{-webkit-text-fill-color:#ffb2a7;color:#ffb2a7}}
.footer-invitation p em.depth-neon{font-weight:700;-webkit-text-stroke:.5px #ffe8e2;text-shadow:0 0 3px #fff1ed,1px 3px #ab2a25,1px 4px #100808,2px 6px #81201e,2px 7px #100808,3px 9px #5e1716,0 0 19px #ff3c344d;padding-bottom:12px}
@media(max-width:700px){.outline-neon .rotating-word{-webkit-text-stroke:1px #ffc0b6}.footer-invitation p em.depth-neon{text-shadow:0 0 3px #fff1ed,1px 2px #ab2a25,2px 4px #5e1716,0 0 12px #ff3c344d}}
@media(max-width:700px){.motion-ready .reveal[data-side=left],.motion-ready .reveal[data-side=right]{transform:translateY(24px)}.motion-ready .reveal.visible[data-side]{transform:none}}

/* 2.0.2 — Montserrat Light neon hero, luminous breathing loop. */
.hero h1 .word-rotator,.hero h1 .outline-neon{font-family:'Montserrat','DM Sans',Arial,sans-serif;font-weight:300;letter-spacing:-.055em;overflow:hidden;padding-top:.08em;padding-bottom:.18em;margin-top:-.08em;margin-bottom:-.18em;user-select:none}
.hero h1 .rotating-word{font-weight:300;-webkit-text-stroke:0;-webkit-text-fill-color:currentColor;color:#ffe8e5;text-shadow:0 0 1px #fff,0 0 5px #ffada2,0 0 14px #ff493dcc,0 0 30px #ff393975;transition:transform .65s cubic-bezier(.22,.8,.36,1),opacity .3s ease;animation:hero-neon-vibrate 3.6s ease-in-out infinite;animation-delay:0s}
.hero h1 .rotating-word.active{opacity:1;transform:translateY(0)}.hero h1 .rotating-word.leaving{opacity:0;transform:translateY(-115%)}.hero h1 .rotating-word:not(.active):not(.leaving){opacity:0;transform:translateY(115%)}
.motion-paused .hero h1 .rotating-word{animation-play-state:paused}
@keyframes hero-neon-vibrate{0%,100%{filter:brightness(1);text-shadow:0 0 1px #fff,0 0 5px #ffada2,0 0 14px #ff493daa,0 0 30px #ff393955}45%{filter:brightness(1.15);text-shadow:0 0 2px #fff,0 0 7px #ffb8ac,0 0 20px #ff493ddd,0 0 42px #ff393977}52%{filter:brightness(1.04)}60%{filter:brightness(1.12)}75%{filter:brightness(.97)}}
@media(prefers-reduced-motion:reduce){.hero h1 .rotating-word{animation:none;filter:none}.hero h1 .rotating-word:first-child{opacity:1;transform:none}}

.form-feedback{padding:14px 16px;border:1px solid #ff998866;border-radius:12px;margin-top:18px;color:#ffd6ce;font-size:12px;line-height:1.7;background:#ff39390a}.form-feedback[hidden]{display:none}.submit:disabled{opacity:.72;cursor:wait}
