@import"https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,400;6..96,500;6..96,600&family=DM+Sans:wght@400;500;600&display=swap";:root{--paper: #f3ede5;--paper-2: #e9dfd4;--ink: #171614;--muted: #706a62;--accent: #ef8f83;--line: rgba(23, 22, 20, .17);--white: #fbf8f3;--serif: "Bodoni Moda", Georgia, serif;--sans: "DM Sans", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit}.site{overflow:hidden}.nav{position:absolute;z-index:20;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:28px 5vw}.brand{display:flex;align-items:center;gap:11px;line-height:.85}.brand-mark{width:50px;height:50px;margin-top:-15px;display:grid;place-items:center;border-radius:50%;font-family:var(--serif);font-size:21px}.brand-mark img{display:block;width:50px;height:50px;object-fit:contain}.brand strong{display:block;font-size:12px;letter-spacing:.16em}.brand em{display:block;font-family:var(--serif);font-size:14px;font-style:italic;margin-top:5px}.nav-links{display:flex;gap:30px;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--ink);transition:width .25s}.nav-links a:hover:after{width:100%}.menu-button{display:none;border:0;background:transparent;padding:6px}.hero{min-height:100vh;padding:170px 8vw 60px;position:relative;display:flex;align-items:center;background:var(--paper)}.hero-copy{position:relative;z-index:2;max-width:700px}.eyebrow,.section-label,.membership-small{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:600}.eyebrow{margin-bottom:28px}.hero h1{font-family:var(--serif);font-size:clamp(64px,9vw,132px);line-height:.86;font-weight:400;letter-spacing:-.055em;margin:0 0 38px}.hero h1 i,h2 i,.statement-emphasis i{font-weight:400}.hero-text{font-size:17px;color:var(--muted);max-width:480px;margin-bottom:35px}.button{display:inline-flex;align-items:center;gap:15px;padding:15px 21px;text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:600;transition:transform .25s,background .25s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:var(--white)}.button-light{background:var(--white);color:var(--ink)}.hero-art{position:absolute;right:6vw;top:18%;width:min(44vw,590px);aspect-ratio:1}.hero-circle{position:absolute;top:5%;right:5%;bottom:5%;left:5%;border-radius:50%;background:var(--accent);mix-blend-mode:multiply}.hero-line{position:absolute;left:48%;top:-5%;height:110%;width:1px;background:var(--ink);transform:rotate(29deg);transform-origin:center}.hero-note{position:absolute;font-family:var(--serif);font-size:clamp(100px,17vw,260px);line-height:1;left:30%;top:23%}.hero-caption{position:absolute;right:0;bottom:11%;font-size:10px;letter-spacing:.16em;line-height:1.5}.hero-bottom{position:absolute;bottom:35px;left:8vw;right:8vw;display:flex;gap:14px;align-items:center;font-size:10px;letter-spacing:.1em}.hero-rule{height:1px;background:var(--ink);width:90px;opacity:.35}.section{padding:130px 8vw}.section-label{color:var(--muted);margin-bottom:60px}.intro{border-top:1px solid var(--line)}.intro-content{display:grid;grid-template-columns:1.1fr .9fr;gap:9vw}h2{font-family:var(--serif);font-weight:400;font-size:clamp(48px,6vw,88px);line-height:.95;letter-spacing:-.045em;margin:0}.intro-text{padding-top:10px;font-size:16px;max-width:550px;color:#4f4a44}.intro-text p{margin:0 0 20px}.intro-text strong{color:var(--ink)}.pullquote{margin-top:105px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0;display:flex;align-items:flex-start;gap:20px}.pullquote span{font-family:var(--serif);font-size:55px;line-height:.7}.pullquote p{font-family:var(--serif);font-size:33px;line-height:1.1;margin:0}.direction{background:var(--paper-2)}.direction-heading{display:grid;grid-template-columns:1.1fr .7fr;gap:10vw;align-items:end;margin-bottom:80px}.direction-heading p{max-width:380px;color:var(--muted);margin:0}.directors-grid{display:grid;grid-template-columns:1fr 1fr;gap:5vw}.image-frame{position:relative;overflow:hidden;background:#d8cfc5}.image-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.image-placeholder{display:none;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;color:#17161473;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.placeholder-active .image-placeholder{display:flex}.director-image{aspect-ratio:.86;filter:grayscale(100%)}.director-info{display:grid;grid-template-columns:42px 1fr;gap:18px;padding-top:20px}.director-number{font-size:10px;color:var(--muted)}.director .role{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin:0 0 7px}.director h3{font-family:var(--serif);font-size:35px;font-weight:400;margin:0 0 12px}.director-info p:last-child{max-width:500px;color:var(--muted);margin:0}.season-statement{padding:110px 8vw;display:grid;grid-template-columns:.4fr 1fr;gap:8vw;background:var(--accent)}.statement-number{font-family:var(--serif);font-size:clamp(60px,8vw,120px);line-height:.8}.season-statement p{max-width:760px;font-family:var(--serif);font-size:clamp(30px,4vw,55px);line-height:1.03;margin:0 0 40px;letter-spacing:-.025em}.season-statement .statement-emphasis{font-family:var(--sans);font-size:16px;line-height:1.5;max-width:500px;margin:0}.statement-emphasis i{font-family:var(--serif);font-size:25px}.concerts{background:var(--paper)}.concerts-header{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:70px}.concerts-header p{color:var(--muted);max-width:260px;margin:0 0 5px}.concert-list{border-top:1px solid var(--ink)}.concert{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:25px;min-height:175px;border-bottom:1px solid var(--line);transition:background .25s,padding .25s}.concert:hover{background:#ffffff4d;padding-left:14px;padding-right:14px}.concert-number{font-family:var(--serif);font-size:25px}.concert-date{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.1em;margin-bottom:11px}.concert-main h3{font-family:var(--serif);font-weight:400;font-size:35px;margin:0 0 5px}.concert-main p{color:var(--muted);margin:0 0 5px}.concert-main small{font-size:10px;color:var(--muted)}.reserve{display:inline-flex;align-items:center;gap:10px;border-bottom:1px solid var(--ink);padding-bottom:5px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.gallery{background:var(--paper-2)}.gallery-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:70px;gap:30px}.gallery-heading p{color:var(--muted);max-width:320px;margin:0}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.gallery-item{min-height:200px}.gallery-1{grid-column:span 5;aspect-ratio:1.1}.gallery-2{grid-column:span 3;aspect-ratio:.8}.gallery-3,.gallery-4{grid-column:span 4;aspect-ratio:1}.gallery-5{grid-column:span 3;aspect-ratio:.8}.gallery-6{grid-column:span 5;aspect-ratio:1.1}.membership{position:relative;overflow:hidden;background:var(--ink);color:var(--white);padding:110px 8vw 125px}.membership-small{color:#ffffff8c;margin-bottom:45px}.membership-content{position:relative;z-index:2;max-width:750px}.membership h2{font-size:clamp(55px,7vw,100px);margin-bottom:30px}.membership p{color:#ffffffad;max-width:500px;font-size:16px}.tax-note{display:flex;align-items:center;gap:20px;margin:40px 0}.tax-note strong{font-family:var(--serif);color:var(--accent);font-size:60px;font-weight:400;line-height:.8}.tax-note span{color:#ffffffad;font-size:12px}.membership-circle{position:absolute;right:-5vw;bottom:-16vw;width:50vw;height:50vw;border-radius:50%;background:var(--accent);color:var(--ink);display:grid;place-items:center;font-family:var(--serif);font-size:90px}.footer{background:var(--ink);color:var(--white);border-top:1px solid rgba(255,255,255,.15);padding:40px 5vw 25px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;padding-bottom:70px}.footer-brand{font-family:var(--serif);font-size:28px}.footer-brand i{font-weight:400}.footer-top p{color:#ffffff80;font-size:12px;margin:8px 0}.footer-links{display:flex;align-items:center;gap:25px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.footer-links a{display:inline-flex;gap:7px;align-items:center}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding-top:20px;display:flex;justify-content:space-between;color:#fff6;font-size:9px;text-transform:uppercase;letter-spacing:.1em}@media(max-width:800px){.nav{padding:20px 6vw}.nav-links{display:none;position:absolute;top:75px;left:5vw;right:5vw;background:var(--paper);padding:25px;border:1px solid var(--line);flex-direction:column;align-items:flex-start;gap:20px}.nav-links.open{display:flex}.menu-button{display:block}.hero{min-height:850px;padding:135px 7vw 70px;align-items:flex-start}.hero-art{width:75vw;right:-15vw;top:48%;opacity:.85}.hero h1{font-size:clamp(57px,16vw,95px)}.hero-text{font-size:15px}.section{padding:85px 7vw}.section-label{margin-bottom:45px}.intro-content,.direction-heading{grid-template-columns:1fr;gap:40px}.pullquote{margin-top:65px}.directors-grid{grid-template-columns:1fr;gap:60px}.season-statement{grid-template-columns:1fr;gap:45px;padding:80px 7vw}.concerts-header,.gallery-heading{display:block}.concerts-header p,.gallery-heading p{margin-top:25px}.concert{grid-template-columns:40px 1fr;gap:15px;padding:25px 0}.reserve{grid-column:2;justify-self:start;margin-top:5px}.concert-main h3{font-size:29px}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-item{grid-column:span 1!important;aspect-ratio:1!important;min-height:0}.gallery-1,.gallery-6{grid-column:span 2!important}.membership{padding:85px 7vw 110px}.membership-circle{width:70vw;height:70vw;right:-35vw;bottom:-22vw}.footer-top{flex-direction:column;padding-bottom:45px}.footer-links{flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:8px}}@media(prefers-reduced-motion:no-preference){.hero-copy{animation:rise .8s ease both}.hero-art{animation:appear 1.1s ease both}}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes appear{0%{opacity:0;transform:scale(.92) rotate(-4deg)}to{opacity:1;transform:scale(1) rotate(0)}}
