
:root{--bg:#101011;--panel:#1d1d1e;--gold:#c9aa74;--white:#f2f0eb;--muted:#aaa7a2;--line:#383633}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.site-header{min-height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 clamp(22px,5.5vw,100px);gap:30px;position:relative;z-index:10}.brand{font-size:15px;font-weight:700;letter-spacing:.15em;white-space:nowrap}.brand span{color:var(--gold)}.site-nav{display:flex;align-items:center;gap:clamp(15px,2.4vw,40px)}.site-nav a{font-size:11px;font-weight:700;letter-spacing:.17em;color:#b5b2ad;transition:color .2s}.site-nav a:hover,.site-nav a[aria-current]{color:var(--gold)}.menu-toggle{display:none;background:none;border:0;color:var(--white);font-weight:700;letter-spacing:.1em}.section-shell{max-width:1520px;margin:auto;padding-left:clamp(22px,7vw,115px);padding-right:clamp(22px,7vw,115px)}.hero{min-height:690px;display:grid;grid-template-columns:54% 46%;border-bottom:1px solid var(--line);overflow:hidden}.hero-copy{padding:clamp(65px,9vw,150px) 5vw clamp(70px,7vw,130px) clamp(22px,7vw,115px);display:flex;align-items:flex-start;flex-direction:column;justify-content:center}.eyebrow,.overline{font-size:11px;letter-spacing:.24em;font-weight:700;color:var(--gold)}.eyebrow{display:flex;align-items:center;gap:14px}.eyebrow .line{width:30px;height:1px;background:var(--gold)}h1,h2,h3,blockquote{font-family:Oswald,'Arial Narrow',Arial,sans-serif;line-height:1.12;letter-spacing:.02em}h1{font-weight:600}.hero h1{font-size:clamp(64px,7.7vw,132px);margin:26px 0 24px;line-height:1.01;letter-spacing:-.035em}.hero h1 em,h1 i,h2 i{font-style:normal;color:var(--gold)}.hero-deck{font-size:clamp(19px,2vw,27px);line-height:1.35;max-width:600px;margin:0 0 9px}.hero-sub{color:var(--muted);margin:0 0 35px;font-size:14px;letter-spacing:.03em}.hero-actions{display:flex;align-items:center;gap:33px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 23px;font-size:11px;font-weight:700;letter-spacing:.13em;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.btn-gold{background:var(--gold);color:#131313}.btn-gold:hover{background:#e2c48c}.text-link,.underlined-link{font-size:12px;letter-spacing:.13em;font-weight:700;border-bottom:1px solid var(--gold);padding-bottom:7px}.text-link span,.underlined-link span{color:var(--gold);margin-left:8px}.hero-visual{min-height:640px;position:relative;background:#252525}.portrait-placeholder{height:100%;min-height:520px;background:linear-gradient(145deg,#383634,#242424 62%,#161616);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;position:relative;overflow:hidden}.portrait-placeholder:before{content:'';position:absolute;inset:40px;border:1px solid #5e564a55}.portrait-mark{font-family:Oswald,sans-serif;font-weight:600;font-size:clamp(90px,12vw,190px);letter-spacing:-.1em;color:#56514b;line-height:1}.portrait-mark span{color:var(--gold)}.portrait-hint{text-align:center;font-size:11px;font-weight:700;letter-spacing:.16em;color:#e5d3b6;z-index:1}.portrait-hint small{font-weight:400;display:block;letter-spacing:0;color:#aaa;margin-top:8px;font-size:11px}.vertical-label{position:absolute;right:12px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%);font-size:10px;letter-spacing:.24em;color:#e9e3d8}.intro{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding-top:125px;padding-bottom:130px;border-bottom:1px solid var(--line)}.section-heading h2,.cta h2{font-size:clamp(48px,6vw,95px);margin:24px 0 0}.intro-text{padding-top:26px}.intro-text p{font-size:18px;line-height:1.8;color:#cecbc5;margin:0 0 24px}.intro-text .underlined-link{display:inline-block;margin-top:16px}.specialties{padding-top:95px;padding-bottom:125px}.section-bar{display:flex;justify-content:space-between;margin-bottom:48px}.muted{font-size:11px;letter-spacing:.18em;color:var(--muted)}.specialty{display:grid;grid-template-columns:75px 1fr 28px;align-items:center;border-top:1px solid var(--line);padding:28px 0;gap:16px}.specialty:last-child{border-bottom:1px solid var(--line)}.specialty-n{color:var(--gold);font-size:13px}.specialty strong{font:500 clamp(27px,4vw,58px) Oswald,sans-serif;transition:color .2s}.specialty:hover strong{color:var(--gold)}.specialty-arrow{font-size:27px;color:var(--gold)}.statement{background:var(--panel);max-width:none;padding-top:100px;padding-bottom:110px;text-align:center}.statement blockquote{font-size:clamp(35px,5vw,70px);max-width:960px;margin:35px auto 22px}.statement p{color:var(--muted)}.cta{padding-top:120px;padding-bottom:135px;display:flex;align-items:flex-start;flex-direction:column;gap:28px}.cta h2{margin:0}.site-footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#080808;border-top:1px solid var(--line);padding:30px clamp(22px,7vw,115px);color:#a7a39b;font-size:10px;letter-spacing:.12em}.page-title{padding-top:95px;padding-bottom:75px}.page-title h1{font-size:clamp(70px,10vw,150px);margin:18px 0 0;letter-spacing:-.03em}.page-lead{max-width:680px;font-size:19px;color:#b9b5ae}.bio-layout{display:grid;grid-template-columns:42% 1fr;gap:8vw;padding-bottom:145px}.bio-visual{height:680px;position:relative}.bio-content h2,.contact-body h2{font-size:clamp(35px,4vw,62px);margin:25px 0}.bio-content p{color:#c8c4be;font-size:17px;line-height:1.85;margin-bottom:24px}.bio-content .underlined-link{display:inline-block;margin-top:22px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;padding-bottom:130px}.work-art{height:310px;display:flex;align-items:flex-end;justify-content:space-between;padding:30px;font:600 80px Oswald;background:linear-gradient(145deg,#343332,#1a1918);color:#695f51;margin-bottom:28px}.work-art span{font-size:25px;color:var(--gold)}.work-tile h2{font-size:31px}.work-tile p,.journal-placeholder p,.contact-panel p{color:#bcb8b2}.journal-placeholder{padding-top:130px;padding-bottom:160px;background:var(--panel);max-width:none}.journal-placeholder h2{font-size:clamp(45px,6vw,85px);margin:20px 0}.contact-body{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-top:70px;padding-bottom:180px;border-top:1px solid var(--line)}.contact-panel{align-self:center}.contact-panel .underlined-link{display:inline-block;margin:20px 0;word-break:break-word}.contact-panel small{display:block;color:#8f8b85}@media(max-width:920px){.site-header{min-height:75px}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#181818;flex-direction:column;align-items:stretch;padding:22px;gap:0;border-bottom:1px solid var(--line)}.site-nav.is-open{display:flex}.site-nav a{padding:13px 0}.hero{grid-template-columns:1fr}.hero-copy{padding:75px 7vw}.hero h1{font-size:clamp(65px,12vw,105px)}.hero-visual{min-height:500px;max-height:650px}.portrait-placeholder{min-height:500px}.intro,.bio-layout,.contact-body{grid-template-columns:1fr;gap:50px}.bio-visual{height:570px}.work-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.brand{font-size:12px}.site-header{padding:0 22px}.hero-copy{padding:65px 22px}.hero h1{font-size:clamp(53px,15vw,82px)}.hero-visual{min-height:430px}.portrait-placeholder{min-height:430px}.intro,.specialties,.cta,.page-title{padding-top:72px;padding-bottom:75px}.section-heading h2,.cta h2{font-size:56px}.specialty{grid-template-columns:40px 1fr 20px;gap:12px}.specialty strong{font-size:29px}.work-grid{grid-template-columns:1fr}.work-art{height:250px}.bio-visual{height:420px}.statement{padding-top:75px;padding-bottom:80px}.page-title h1{font-size:68px}.site-footer{flex-direction:column}}

/* CSS-only responsive navigation (no scripts required) */
@media(max-width:920px){
 .site-header{flex-wrap:wrap;align-items:center;justify-content:center;padding:20px 22px;gap:12px}
 .brand{width:100%;text-align:center}
 .site-nav{display:flex;position:static;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;background:none;border:0;padding:0;gap:6px 18px}
 .site-nav a{padding:6px 0;font-size:10px}
}
@media(max-width:600px){.site-header{padding:18px 14px}.site-nav{gap:5px 12px}.site-nav a{font-size:9px}}
/* Full-viewport home portrait; other pages retain their existing layout. */
.home-page .site-header{position:absolute;top:0;left:0;right:0;background:linear-gradient(#101011e6,#10101155);border-color:#ffffff26}
.home-page .site-nav a{color:#e4dfd6}
.home-page .site-nav a:hover,.home-page .site-nav a[aria-current]{color:var(--gold)}
.home-page .hero{position:relative;display:flex;align-items:center;min-height:100vh;min-height:100svh;background-color:#161616;background-image:linear-gradient(90deg,rgba(8,8,9,.91) 0%,rgba(8,8,9,.72) 38%,rgba(8,8,9,.12) 75%),linear-gradient(0deg,rgba(8,8,9,.65),transparent 45%),url('../Ventura-Images-Port/HinmerInStudio.jpg');background-size:cover;background-position:center,center,center 42%;background-repeat:no-repeat}
.home-page .hero-copy{width:100%;max-width:1100px;position:relative;padding:170px clamp(22px,7vw,115px) 90px}
.home-page .hero h1{font-size:clamp(58px,7.2vw,112px);overflow-wrap:anywhere}
.home-page .hero-deck{max-width:510px}
.home-page .hero-sub{color:#d2cec7}
@media(max-width:920px){
 .home-page .hero-copy{padding-top:190px;padding-bottom:80px}
 .home-page .hero h1{font-size:clamp(58px,9vw,85px)}
 .home-page .hero{background-position:center,center,62% 42%}
}
@media(max-width:600px){
 .home-page .hero{background-image:linear-gradient(90deg,rgba(8,8,9,.81),rgba(8,8,9,.42)),linear-gradient(0deg,rgba(8,8,9,.78),transparent 75%),url('../Ventura-Images-Port/HinmerInStudio.jpg');background-position:center,center,65% center}
 .home-page .hero-copy{padding:185px 22px 65px}
 .home-page .hero h1{font-size:clamp(40px,10.5vw,63px);letter-spacing:-.035em}
 .home-page .eyebrow{font-size:9px;letter-spacing:.16em}
 .home-page .hero-actions{gap:22px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.site-nav a{transition:none}.btn:hover{transform:none}}

/* Entire portfolio cards are keyboard-accessible links. */
a.work-tile{display:block;cursor:pointer;border-radius:2px}
a.work-tile .card-link{display:inline-block;margin:12px 0 24px}
a.work-tile:hover h2,a.work-tile:focus-visible h2{color:var(--gold)}
a.work-tile:hover .work-art,a.work-tile:focus-visible .work-art{outline:1px solid var(--gold);outline-offset:-1px}
.bio-content p[id]{scroll-margin-top:32px}

.bio-photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.work-feature {
  margin-bottom: 48px;
}

.work-feature img {
  display: block;
  width: 100%;
  max-height: 620px;
  object-fit: cover;
}

.drumming-work-photo {
  display: block;
  width: 100%;
  height: auto;
  margin: 20px 0 8px;
}

.work-tile > a.card-link {
  display: inline-block;
  margin: 12px 0 24px;
}

.site-nav {
  flex-wrap: wrap;
  justify-content: center;
}

.site-nav .language-link {
  color: var(--gold);
  white-space: nowrap;
}

html[lang="es"] .page-title h1 {
  font-size: clamp(38px, 8vw, 128px);
  overflow-wrap: anywhere;
}
