:root{--sans:"Inter","Helvetica Neue",Arial,sans-serif;--display:"Space Grotesk","Helvetica Neue",Arial,sans-serif}
.hero h1,.statement h2,.evening h2,.occasions h2,.contact h2{font-weight:500;letter-spacing:-.065em}
.hero h1 em,.statement h2 em,.occasions h2 em,.contact h2 em{font-style:normal;font-weight:400}
.statement aside span,.occasions aside span,.bio-lead,.bio dt,.timeline time,.timeline h3,.sound-line,.occasion-list article>span,.occasion-list h3,.quote p,footer>p{font-family:var(--display)}
.signal-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(to bottom,transparent,#000 22%,#000 78%,transparent)}
.sound-sculpture{position:absolute;inset:12% 10% 18%;display:flex;align-items:center;justify-content:center;gap:clamp(8px,1.2vw,18px);transform:skewY(-8deg)}
.sound-sculpture i{display:block;width:clamp(8px,1vw,15px);height:var(--h);background:linear-gradient(to top,var(--copper),var(--ivory));border-radius:99px;box-shadow:0 0 35px #a1684a55;animation:breathe 3.6s ease-in-out infinite alternate;animation-delay:calc(var(--h) * -.02)}
.signal-orbit{position:absolute;width:68%;aspect-ratio:1;border:1px solid #ffffff2e;border-radius:50%;left:16%;top:15%;animation:orbit 16s linear infinite}
.signal-orbit:before{content:"";position:absolute;inset:12%;border:1px solid #ffffff18;border-radius:50%}
.signal-orbit span{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--copper);top:9%;left:22%;box-shadow:0 0 28px var(--copper)}
.stage-label{position:absolute;left:2rem;bottom:2rem;color:var(--ivory);font:500 clamp(1.8rem,3vw,3.3rem)/.95 var(--display);letter-spacing:-.04em;text-transform:uppercase}
.stage-label span{font:500 .55rem var(--sans);letter-spacing:.18em;color:#ffffff86}
.quote em,.sound-line em{font-style:normal;font-weight:400}
.hero-stage{background:linear-gradient(160deg,#0b2031 0%,#10283a 56%,#79533f 130%)}
.evening-glow{position:absolute;width:min(26vw,470px);aspect-ratio:1;border-radius:50%;left:54%;top:57%;transform:translate(-50%,-50%);background:radial-gradient(circle at 43% 40%,#fffaf0 0 12%,#f4dec7 34%,#bd8262 67%,#a1684a 100%);box-shadow:0 0 100px #d99e7660,0 45px 120px #0005}
.evening-glow:after{content:"";position:absolute;inset:7%;border:1px solid #0718272e;border-radius:50%}
.horizon{position:absolute;left:-15%;width:130%;height:32%;border-top:1px solid #f3eee72e;border-radius:50%;bottom:-8%;transform:rotate(-3deg)}
.horizon-b{bottom:-1%;transform:rotate(2deg);opacity:.66}.horizon-c{bottom:7%;transform:rotate(-1deg);opacity:.35}
.soft-grain{position:absolute;inset:0;opacity:.14;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}
.calm-note{position:absolute;z-index:2;left:2.4rem;top:2.5rem;margin:0;color:#fffaf2;font:500 clamp(2.2rem,3.4vw,4rem)/.94 var(--display);letter-spacing:-.05em;text-shadow:0 2px 20px #0007}
.stage-caption{position:absolute;right:2rem;bottom:2rem;color:#ffffffa2;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;text-align:right}
@media(min-width:901px){.hero{display:block;height:100svh;min-height:760px;background:radial-gradient(circle at 88% 43%,#b777596b 0,rgba(183,119,89,.32) 18%,transparent 37%),radial-gradient(circle at 78% 57%,#0718273d 0,transparent 48%),linear-gradient(105deg,var(--ivory) 0 55%,#e7dbcf 100%)}.hero:before{content:"";position:absolute;z-index:1;inset:94px 3vw 0 48%;background:url("stephano-logo.png") center right/48% auto no-repeat;opacity:.24;filter:saturate(.9) contrast(1.08);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 22%,#000 52%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.5) 22%,#000 52%,#000 100%);pointer-events:none}.hero:after{content:"";position:absolute;z-index:0;inset:94px 0 0;background:linear-gradient(90deg,var(--ivory) 0%,rgba(243,238,231,.97) 35%,rgba(243,238,231,.42) 59%,transparent 73%);pointer-events:none}.hero-copy{position:relative;z-index:2;width:min(1180px,82vw);padding:clamp(4.5rem,8vh,7rem) 5vw 6.5rem 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:calc(100svh - 94px);min-height:666px}.hero h1{font-size:clamp(5rem,7.3vw,8.8rem);line-height:.82;max-width:100%;white-space:normal}.hero .intro{font-size:clamp(1rem,1.15vw,1.25rem);max-width:39rem;margin:2rem 0 2.2rem}.round-link{width:112px;background:rgba(243,238,231,.55);backdrop-filter:blur(3px)}.hero-foot{z-index:2;width:92.4%;gap:1.45rem}.statement h2,.occasions h2{font-size:clamp(3.4rem,5.15vw,6.2rem)}.evening h2{font-size:clamp(4rem,6.5vw,7.5rem)}.contact h2{font-size:clamp(3.6rem,5.25vw,6.2rem)}}
@keyframes breathe{to{transform:scaleY(.72);opacity:.72}}@keyframes orbit{to{transform:rotate(360deg)}}
@media(max-width:900px){.hero{background:radial-gradient(circle at 82% 36%,#a1684a25,transparent 32%),var(--ivory)}.hero:before{content:"";position:absolute;inset:76px -20% 15% 15%;background:url("stephano-logo.png") center/105% auto no-repeat;opacity:.06;mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 68%,transparent)}.hero-copy{position:relative;z-index:2}.evening-glow{width:min(68vw,480px);top:60%}.calm-note{font-size:clamp(2.4rem,10vw,4.2rem)}}
/* Final photographic hero: generated evening venue, faded into the brand cream */
@media(min-width:901px){.hero{background-image:linear-gradient(90deg,var(--ivory) 0%,rgba(243,238,231,.99) 31%,rgba(243,238,231,.92) 43%,rgba(243,238,231,.42) 62%,rgba(7,24,39,.08) 100%),url("hero-evening-v1.png");background-size:cover;background-position:center center}.hero:before,.hero:after{display:none}.hero-copy{width:min(1050px,68vw)}.hero-foot{background:linear-gradient(90deg,rgba(243,238,231,.94),rgba(243,238,231,.7),transparent);padding-right:1rem}}
@media(max-width:900px){.hero{background-image:linear-gradient(to bottom,var(--ivory) 0%,rgba(243,238,231,.98) 56%,rgba(243,238,231,.68) 78%,rgba(7,24,39,.18) 100%),url("hero-evening-v1.png");background-size:auto 100%;background-position:66% center}.hero:before{display:none}.hero-copy{min-height:calc(100svh - 76px)}}
.intro-loader{position:fixed;z-index:99999;inset:0;display:grid;place-items:center;background:var(--ivory);opacity:1;visibility:visible;transition:opacity .7s ease,visibility .7s ease}.intro-loader img{width:min(62vw,620px);height:auto;animation:introLogo .9s ease both}.intro-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}body.is-loading{overflow:hidden}@keyframes introLogo{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:600px){.intro-loader img{width:78vw}}
@media(prefers-reduced-motion:reduce){.sound-sculpture i,.signal-orbit{animation:none}.intro-loader img{animation:none}.intro-loader{transition:none}}