@font-face{font-family:Barlow Condensed;src:url('barlow-condensed-700.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:DM Sans;src:url('dm-sans-400.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:DM Sans;src:url('dm-sans-500.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Bitter;src:url('bitter-400-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Bitter;src:url('bitter-500.woff2') format('woff2');font-weight:500;font-display:swap}
:root{--ink:#1b1512;--walnut:#2a211b;--paper:#f3eadb;--white:#fbf6ec;--muted:#6b5e50;--red:#8f2d22;--bright-red:#d9684f;--gold:#c9a45c;--gold-dim:#a8884a;--line:#d8cbb4;--heading:'Barlow Condensed',sans-serif;--editorial:'Bitter',Georgia,serif;--body:'DM Sans',sans-serif;color-scheme:light;letter-spacing:0}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--paper) linear-gradient(180deg,#f6eedf,#f0e5d2);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.65}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
button,a,input,textarea{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
img{display:block;max-width:100%;height:auto}
svg{width:19px;height:19px;flex-shrink:0;stroke-width:1.6}
h1,h2,h3,p,figure{margin:0}
h1,h2{font-family:var(--heading);font-weight:700;line-height:1;letter-spacing:0}
h2{font-size:60px}
a:focus-visible,button:focus-visible{outline:3px solid var(--bright-red);outline-offset:6px}
input:focus-visible,textarea:focus-visible{outline:2px solid var(--bright-red);outline-offset:3px}
.skip-link{position:fixed;left:16px;top:-100px;background:var(--white);padding:10px 20px;z-index:100}
.skip-link:focus{top:12px}
.site-header{height:80px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--ink);color:var(--white);border-bottom:1px solid var(--gold-dim);box-shadow:inset 0 -4px 0 var(--ink),inset 0 -5px 0 #c9a45c55}
.wordmark{font-family:var(--heading);font-size:26px;line-height:1;white-space:nowrap}
.wordmark-dot{color:var(--gold)}
nav{display:flex;gap:35px;align-items:center}
nav a{font-size:13px;display:flex;align-items:center;justify-content:center;gap:7px;min-width:44px;min-height:44px}
nav a:hover,.back-top:hover{color:var(--gold)}
.hero{position:relative;isolation:isolate;overflow:hidden;background:#120e0c;color:var(--white);height:min(720px,calc(100svh - 145px));min-height:530px}
.hero-picture{position:absolute;inset:0 0 0 35%;z-index:-3}
.hero-picture img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#120e0c 0%,#120e0c 24%,rgba(18,14,12,.9) 34%,rgba(18,14,12,.08) 65%,transparent 100%),radial-gradient(ellipse at 70% 0%,#c9a45c2e,transparent 55%)}
.hero-inner{position:relative;height:100%;max-width:1280px;margin:auto;padding:60px 5%;display:flex;align-items:flex-start;flex-direction:column;justify-content:center}
.eyebrow,.section-label{font-size:11px;font-weight:500;letter-spacing:.18em}
.hero-eyebrow{display:inline-flex;align-items:center;gap:12px;color:var(--gold);margin-bottom:25px;padding:8px 14px;border:1px solid var(--gold-dim);border-radius:2px;box-shadow:inset 0 0 0 3px #120e0c,inset 0 0 0 4px #c9a45c66}
.hero-eyebrow svg{width:14px;height:14px;color:var(--gold);fill:currentColor}
h1{font-size:126px;line-height:.87;color:var(--white)}
.title-period{color:var(--gold)}
.hero-line{font-family:var(--editorial);font-style:italic;font-size:19px;color:#e2d6c0;line-height:1.5;margin:25px 0 27px}
.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:12px 22px;border:1px solid transparent;border-radius:2px;font-size:13px;font-weight:500;line-height:1.5;transition:background .18s,color .18s}
.button-light{background:var(--gold);color:var(--ink);border-color:var(--gold);box-shadow:inset 0 0 0 3px var(--gold),inset 0 0 0 4px #1b151266}
.button-light:hover{background:#d9b86f;border-color:#d9b86f;box-shadow:inset 0 0 0 3px #d9b86f,inset 0 0 0 4px #1b151266}
.button-dark{background:var(--ink);color:var(--white);border-color:var(--ink);box-shadow:inset 0 0 0 3px var(--ink),inset 0 0 0 4px #c9a45c88}
.button-dark:hover{background:var(--red);border-color:var(--red);box-shadow:inset 0 0 0 3px var(--red),inset 0 0 0 4px #c9a45c88}
.button-red{background:var(--red);color:var(--white)}
.button-red:hover{background:#942f26}
.button:disabled{opacity:.65;cursor:wait}
.hero-scroll{position:absolute;bottom:25px;right:5%;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--gold-dim);border-radius:50%;color:var(--gold)}
.hero-side-note{position:absolute;right:32px;top:40px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.3em;color:var(--gold)}
.instrument-strip{display:flex;align-items:center;justify-content:center;gap:28px;min-height:65px;padding:16px 5%;background:var(--paper);color:var(--ink);font-family:var(--heading);font-size:15px;letter-spacing:.14em;text-transform:uppercase;border-top:3px double var(--gold-dim);border-bottom:3px double var(--gold-dim)}
.instrument-strip span:nth-child(even){color:var(--gold-dim);font-size:11px}
.section-wrap{max-width:1280px;padding:88px 5%;margin:0 auto}
.section-label{display:flex;align-items:center;gap:14px;color:var(--muted)}
.section-label::after{content:'';flex:0 0 48px;height:1px;background:var(--gold-dim)}
.section-number{font-size:10px;color:var(--red);padding-right:13px;border-right:1px solid var(--gold-dim)}
.section-number::before{content:'\2605';color:var(--gold);margin-right:8px;font-size:9px}
.about{display:grid;grid-template-columns:1fr 1.25fr;gap:42px 64px}
.about>.section-label{grid-column:1/-1}
.about-copy p{font-size:15px;color:var(--muted);max-width:430px;margin-top:24px;line-height:1.8}
.about-copy h2 .accent{font-family:var(--editorial);font-size:42px;font-weight:400;font-style:italic;line-height:1.2}
.about-quote{margin:26px 0;padding:18px 20px;border:1px solid var(--line);border-left:3px solid var(--gold);background:#fbf6ec}
.about-quote p{font-family:var(--editorial);font-size:16px;font-style:italic;color:#3e342c;margin-top:0}
.about-quote p+p{margin-top:12px}
.about-quote cite{display:block;margin-top:14px;font-size:11px;font-style:normal;color:var(--muted)}
.inline-link{text-decoration:underline;text-underline-offset:3px}
.inline-link:hover{color:var(--red)}
.accent{color:var(--red)}
.text-link{display:inline-flex;align-items:center;gap:22px;font-size:13px;font-weight:500;padding:9px 0;min-height:44px;border-bottom:1px solid currentColor}
.text-link:hover{color:var(--red)}
.about-copy .text-link{margin-top:24px}
.detail-photo{align-self:center}
.detail-photo img{width:100%;aspect-ratio:4/3;object-fit:cover}
.detail-photo img{border:1px solid var(--line);outline:1px solid var(--gold-dim);outline-offset:6px}
.detail-photo figcaption{padding:16px 0 12px;color:var(--muted);font-size:9px;letter-spacing:.2em;border-bottom:1px solid var(--line)}
.music-band{background:var(--walnut) radial-gradient(ellipse at 50% 0%,#c9a45c22,transparent 60%);color:var(--white);border-top:3px double var(--gold-dim);border-bottom:3px double var(--gold-dim)}
.music-band .section-label{color:#bfae92}
.music-band .section-number{color:var(--gold);border-color:#5a4c3c}
.music-band .section-heading p{color:var(--white)}
.music-band .section-heading p span{color:#bfae92}
.music-band .text-link:hover{color:var(--gold)}
.music-band .selected-work h3{color:var(--gold);letter-spacing:.18em;text-transform:uppercase;font-size:11px}
.music-inner{padding-top:70px;padding-bottom:65px}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:32px 0}
.section-heading p{font-size:14px;line-height:1.8;padding-bottom:5px}
.section-heading p span{color:var(--muted);font-size:12px}
.video-frame{position:relative;background:#080909;aspect-ratio:16/9;overflow:hidden}
.video-frame>img{width:100%;height:100%;object-fit:contain}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video-frame{border:1px solid #5a4c3c}
.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:76px;height:76px;background:var(--gold);color:var(--ink);border-radius:50%;box-shadow:0 0 0 10px #c9a45c22;transition:background .2s}
.video-play:hover{background:var(--white)}
.video-play svg{width:27px;height:27px;fill:currentColor}
.video-caption{position:absolute;left:25px;bottom:18px;font-size:10px;color:var(--white);background:#090c0dba;padding:5px 10px}
.video-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:20px}
.video-footer>span{font-family:var(--editorial);font-style:italic;font-size:14px;color:#bfae92}
.selected-work{margin-top:56px}
.selected-work h3{font-size:13px;font-weight:500;margin-bottom:16px}
.work-link{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid #5a4c3c;border-bottom:1px solid #5a4c3c;padding:22px 0}
.work-link+.work-link{border-top:0}
.work-link:hover .work-title{color:var(--gold)}
.work-detail{display:block;font-size:11px;color:#bfae92;margin-bottom:4px}
.work-platform{color:var(--gold)}
.work-title{display:block;font-family:var(--heading);font-size:30px;line-height:1.2}
.work-platform{display:flex;align-items:center;gap:18px;font-size:11px;flex-shrink:0}
.tour{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}
.tour>.section-label{grid-column:1/-1}
.tour h2{font-size:50px}
.tour-content p{font-family:var(--editorial);font-style:italic;font-size:16px;color:var(--muted);margin-top:20px}
.contact-band{background:var(--ink) radial-gradient(ellipse at 20% 100%,#8f2d2233,transparent 55%);color:var(--white);border-top:3px double var(--gold-dim)}
.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:80px;padding-bottom:65px}
.contact-copy .section-label{color:#bfae92}
.contact-copy .section-number{color:var(--gold);border-color:#5a4c3c}
.contact-copy h2{font-size:52px;margin-top:32px}
.contact-copy>p{font-family:var(--editorial);font-style:italic;font-size:16px;color:#d8cbb4;margin-top:22px}
.socials{display:flex;gap:28px;flex-wrap:wrap;margin-top:38px}
.socials a{display:flex;align-items:center;gap:9px;font-size:12px;min-height:44px}
.socials a:hover{color:var(--gold)}
.contact-links{align-self:center;min-width:0}
.contact-primary{max-width:100%;text-align:left}
.contact-links .socials{margin-top:22px}
form{padding-top:35px;min-width:0}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.field{margin-bottom:20px;min-width:0}
.field label{display:block;font-size:12px;color:#c0cbc1;margin-bottom:9px}
.field input,.field textarea{display:block;width:100%;color:var(--white);background:#1c211e;border:1px solid #424d44;border-radius:2px;padding:12px;font-size:14px}
.field textarea{resize:vertical;min-height:130px}
.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--bright-red)}
.field-error{display:block;color:#ffb1a6;font-size:11px;margin-top:5px}
.field-error:empty{display:none}
.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px}
.form-bottom p{font-size:10px;color:#aab6aa;line-height:1.65}
.form-status{font-size:13px;line-height:1.6;color:#ffb1a6;margin-top:20px;min-height:22px}
.form-status.is-success{color:#b9d1b1}
.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.site-footer{background:var(--ink);color:#bfae92;border-top:1px solid #5a4c3c;padding:30px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}
.site-footer .wordmark{font-size:21px;color:var(--white)}
.site-footer>span{font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.back-top{display:flex;align-items:center;gap:12px;font-size:11px}
@media(min-width:1400px){.hero-inner{padding-left:64px;padding-right:64px}}
@media(max-width:900px){.hero{min-height:500px}h1{font-size:105px}.hero-picture{left:28%}.hero-shade{background:linear-gradient(90deg,#090c0d 0%,#090c0df0 18%,#090c0d80 44%,transparent 75%)}.section-wrap{padding:64px 6%}.about{gap:32px}.contact-inner{gap:36px}.contact-copy h2{font-size:44px}.form-row{grid-template-columns:1fr;gap:0}.form-bottom{align-items:flex-start;flex-direction:column}.form-bottom p br{display:none}}
@media(max-width:600px){html{scroll-padding-top:20px}.site-header{height:72px;padding:0 6%}.wordmark{font-size:22px}nav{gap:18px}nav a{font-size:11px}nav a:first-child{display:none}nav a svg{display:none}.hero{height:calc(100svh - 126px);min-height:600px;max-height:760px}.hero-picture{inset:0}.hero-picture img{object-position:62% 28%}.hero-shade{background:linear-gradient(0deg,#090c0d 0%,#090c0de0 16%,#090c0d24 59%,transparent 100%)}.hero-inner{padding:30px 7% 42px;justify-content:flex-end}.hero-eyebrow{margin-bottom:20px;font-size:10px}h1{font-size:90px;line-height:.89}.hero-line{font-size:14px;margin:20px 0 22px}.hero-side-note{display:none}.hero-scroll{bottom:42px;right:7%;width:34px;height:34px}.instrument-strip{min-height:54px;gap:13px;padding:14px 4%;font-size:9px;flex-wrap:wrap}.section-wrap{padding:52px 7%}.about{grid-template-columns:1fr;gap:28px}.about>.section-label{grid-column:auto}h2{font-size:50px}.about-copy p{font-size:14px;margin-top:20px}.detail-photo img{aspect-ratio:4/3}.section-heading{align-items:flex-start;gap:22px;flex-direction:column;margin:25px 0}.section-heading p{font-size:13px}.video-frame{aspect-ratio:4/3}.video-play{width:56px;height:56px}.video-caption{font-size:8px;left:10px;bottom:10px}.video-footer{align-items:flex-start;gap:8px;flex-direction:column}.video-footer>span{font-size:11px}.selected-work{margin-top:38px}.work-link{gap:16px;align-items:flex-start;flex-direction:column}.work-title{font-size:27px}.tour{grid-template-columns:1fr;gap:26px}.tour>.section-label{grid-column:auto}.tour h2{font-size:40px}.tour .button{justify-self:start}.contact-inner{grid-template-columns:1fr;gap:24px}.contact-copy h2{font-size:44px}.socials{margin-top:26px}form{padding-top:14px}.form-row{grid-template-columns:1fr 1fr;gap:14px}.form-bottom{align-items:flex-start;flex-direction:column;gap:20px}.form-bottom .button{width:100%}.site-footer{padding:25px 7%;flex-wrap:wrap}.site-footer>span{order:3;width:100%}.back-top{font-size:10px}.site-footer .wordmark{font-size:20px}}
@media(max-width:360px){nav{gap:12px}.wordmark{font-size:20px}h1{font-size:78px}.form-row{grid-template-columns:1fr;gap:0}.instrument-strip{gap:9px;font-size:8px}}
@media(max-width:600px){.hero{min-height:440px}.hero-scroll{width:44px;height:44px}}
@media(max-width:600px){.about-copy h2 .accent{font-size:36px}.hero-eyebrow{padding:6px 10px;gap:8px}.hero-shade{background:linear-gradient(0deg,#120e0c 0%,#120e0ce0 16%,#120e0c24 59%,transparent 100%)}.instrument-strip{font-size:12px;gap:14px}.instrument-strip span:nth-child(even){font-size:9px}.section-label::after{flex-basis:28px}}
@media(max-height:650px) and (min-width:601px){.site-header{height:64px}.hero{min-height:0;height:calc(100svh - 114px)}.hero-inner{padding:16px 5%}.hero-eyebrow{margin-bottom:10px}h1{font-size:60px}.hero-line{font-size:13px;margin:12px 0}.instrument-strip{min-height:50px;padding:12px 5%}}
@media(prefers-reduced-motion:no-preference){.hero-inner{animation:arrive .65s ease-out both}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}