:root{--background:#0d0c0b;--background-soft:#151310;--panel:#1c1813;--cream:#f2eadc;--cream-muted:#c9bead;--gold:#c6a15b;--gold-light:#dfc485;--border:#dfc48538;--serif:"Cormorant Garamond", serif;--sans:"Inter", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--cream);font-family:var(--sans);margin:0;font-weight:300;line-height:1.7}a{color:inherit;text-decoration:none}.site-header{z-index:10;border-bottom:1px solid #ffffff1f;justify-content:space-between;align-items:center;width:100%;padding:26px clamp(24px,5vw,80px);display:flex;position:absolute;top:0;left:0}.brand,.footer-brand{font-family:var(--serif);letter-spacing:.04em;font-size:1.65rem;font-weight:500}.site-header>nav{gap:clamp(16px,2.2vw,32px);display:flex}.site-header nav a{color:#ffffffd1;letter-spacing:.14em;text-transform:uppercase;font-size:.76rem;font-weight:400;transition:color .18s,transform .18s}.site-header nav a:hover{color:var(--gold-light);transform:translateY(-1px)}.mobile-navigation{display:none}.mobile-navigation summary{cursor:pointer;color:var(--gold-light);letter-spacing:.14em;text-transform:uppercase;font-size:.76rem;font-weight:500;list-style:none}.mobile-navigation summary::-webkit-details-marker{display:none}.mobile-navigation nav{border:1px solid var(--border);background:#151310;gap:18px;min-width:210px;padding:24px;display:grid;position:absolute;top:80px;right:24px;box-shadow:0 18px 40px #0006}.hero{background-image:url(/images/hero-optimized.jpg);background-position:55%;background-size:cover;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-overlay{background:linear-gradient(90deg,#070605f2 0%,#070605c2 38%,#07060533 72%,#0706051f 100%),linear-gradient(#0000 55%,#070605a6 100%);position:absolute;inset:0}.hero-content{z-index:2;width:min(720px,90%);margin-left:clamp(24px,8vw,130px);padding-top:90px;position:relative}.eyebrow{color:var(--gold-light);letter-spacing:.22em;text-transform:uppercase;margin:0 0 20px;font-size:.72rem;font-weight:500}h1,h2,h3{font-family:var(--serif);margin-top:0;font-weight:500;line-height:1.05}h1{letter-spacing:-.035em;margin-bottom:34px;font-size:clamp(3.2rem,6.5vw,6.5rem)}h2{letter-spacing:-.025em;margin-bottom:24px;font-size:clamp(2.8rem,5vw,5rem)}h3{margin-bottom:12px;font-size:clamp(2rem,3vw,3rem)}.hero-actions{flex-wrap:wrap;gap:14px;display:flex}.button{border:1px solid var(--gold);letter-spacing:.1em;text-transform:uppercase;justify-content:center;align-items:center;min-height:52px;padding:0 24px;font-size:.76rem;font-weight:500;transition:background .18s,color .18s,transform .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--gold);color:#14110d}.button-primary:hover{background:var(--gold-light)}.button-secondary{color:var(--cream);backdrop-filter:blur(10px);background:#0a090859}.button-secondary:hover{background:#c6a15b26}.section{padding:clamp(90px,11vw,170px) clamp(24px,7vw,110px)}.about-section{display:block}.section-heading h2{max-width:800px}.about-copy{color:var(--cream-muted);padding-top:0;font-size:1.1rem;line-height:1.85}.about-copy p{margin:0 0 30px}.about-bio-link{color:var(--cream-muted);letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid #0000;padding-bottom:3px;font-size:.72rem;font-weight:500;transition:color .18s,border-color .18s;display:inline-block}.about-bio-link:hover,.about-bio-link:focus-visible{color:var(--gold-light);border-bottom-color:var(--gold-light)}.about-layout{grid-template-columns:minmax(0,1.2fr) minmax(340px,.7fr);align-items:center;gap:clamp(60px,9vw,140px);margin-top:48px;display:grid}.about-portrait{background-image:url(/images/about-gustavo.jpg);background-position:top;background-size:cover;border:1px solid #f2eadc14;border-radius:10px;min-height:600px;box-shadow:0 25px 60px #00000059}.music-section{background:radial-gradient(circle at 50% 0%, #c6a15b1f, transparent 34%), var(--background-soft)}.centered-heading{text-align:center;width:min(820px,100%);margin:0 auto 64px}.section-introduction{max-width:700px;color:var(--cream-muted);margin:0 auto;font-size:1.04rem}.collection-list{gap:8px;display:grid}.collection-panel{border:1px solid var(--border);background-position:50%;background-size:cover;border-radius:8px;align-items:center;min-height:425px;padding:clamp(34px,5vw,72px);transition:transform .35s,border-color .35s;display:flex;position:relative;overflow:hidden}.collection-panel:hover{border-color:#dfc4858c;transform:translateY(-4px)}.collection-panel.content-left{justify-content:flex-start}.collection-panel.content-right{justify-content:flex-end}.collection-shade{position:absolute;inset:0}.collection-panel.content-left .collection-shade{background:linear-gradient(90deg,#070605e0 0%,#070605a3 38%,#0706051f 75%)}.collection-panel.content-right .collection-shade{background:linear-gradient(270deg,#070605e0 0%,#070605a3 38%,#0706051f 75%)}.collection-content{z-index:2;width:min(520px,54%);position:relative}.collection-content h3{margin-bottom:14px;font-size:clamp(2.4rem,4vw,4rem)}.collection-description{color:var(--cream-muted);margin:0 0 28px;font-size:.95rem}.featured-performance{border-top:1px solid #dfc48552;margin-bottom:25px;padding-top:20px}.featured-label{color:var(--gold-light);letter-spacing:.18em;text-transform:uppercase;margin:0 0 7px;font-size:.65rem;font-weight:500}.featured-performance h4{font-family:var(--serif);margin:0;font-size:clamp(1.45rem,2vw,1.85rem);font-weight:500;line-height:1.2}.featured-performance h4 span{color:var(--cream-muted)}.featured-link{color:var(--cream);transition:color .18s}.featured-link:hover,.featured-link:focus-visible{color:var(--gold-light);text-underline-offset:.16em;text-decoration:underline 1px}.featured-link:hover span,.featured-link:focus-visible span{color:var(--gold-light)}.collection-link{color:var(--cream-muted);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid #0000;padding-bottom:3px;font-size:.72rem;font-weight:500;transition:color .18s,border-color .18s;display:inline-block}.collection-link:hover,.collection-link:focus-visible{color:var(--gold-light);border-bottom-color:var(--gold-light)}.mandopop{background-image:url(/images/collection-mandopop-optimized.jpg)}.film{background-image:url(/images/collection-film-optimized.jpg)}.modern{background-image:url(/images/collection-modern-optimized.jpg)}.text-link{color:var(--gold-light);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:10px;font-size:.74rem;font-weight:500;display:inline-flex}.text-link span{transition:transform .18s}.text-link:hover span{transform:translate(5px)}.work-section{background:var(--background)}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.work-card{border:1px solid var(--border);background:linear-gradient(135deg, #c6a15b14, transparent 55%), var(--panel);flex-direction:column;min-height:330px;padding:clamp(38px,4.5vw,70px);display:flex}.work-card h3{font-size:clamp(2.3rem,3.5vw,3.7rem)}.work-card>p:not(.eyebrow){color:var(--cream-muted);margin:0 0 30px}.work-card .text-link{margin-top:auto}@media (width<=900px){.site-header{align-items:flex-start;position:absolute}.site-header>nav{display:none}.mobile-navigation{display:block}.hero{background-position:62%;align-items:flex-end;min-height:820px}.hero-overlay{background:linear-gradient(#07060526 0%,#070605ad 48%,#070605fa 100%)}.hero-content{width:auto;margin:0;padding:130px 24px 70px}.about-layout,.work-grid{grid-template-columns:1fr}.about-copy{padding-top:0}.collection-panel{min-height:410px}.collection-content{width:min(520px,68%)}}@media (width<=520px){h1{font-size:3.25rem}h2{font-size:2.75rem}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.section{padding-left:22px;padding-right:22px}.work-card{min-height:0;padding:34px 25px}.collection-panel{min-height:440px;padding:34px 25px}.collection-panel.content-left .collection-shade,.collection-panel.content-right .collection-shade{background:linear-gradient(90deg,#070605db,#0706059e)}.collection-content{width:100%}}
