:root{--bg:#080a09;--panel:#0b0e0d;--ink:#f2eadf;--muted:#aaa197;--gold:#d7aa4d;--line:rgba(242,234,223,.24);--serif:"Cormorant Garamond",Georgia,serif;--sans:"Manrope",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;overflow-x:hidden;background:radial-gradient(circle at 78% 8%,#18201d 0,transparent 28%),var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.55}img{display:block;width:100%}a{color:inherit}button{color:inherit;font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-5rem;left:1rem;z-index:100;padding:.7rem 1rem;background:var(--ink);color:#111}.skip-link:focus{top:1rem}
.site-header{position:absolute;inset:0 0 auto;z-index:50;height:74px;padding:0 clamp(1.4rem,3.5vw,3.8rem);display:flex;align-items:center;justify-content:space-between}.site-header.is-scrolled{position:fixed;height:62px;background:rgba(8,10,9,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.brand{width:112px;padding:0;border:0;background:transparent;cursor:pointer}.brand img{height:58px;object-fit:contain}.site-nav{display:flex;gap:clamp(1.4rem,3vw,2.9rem)}.site-nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.27em;font-size:.65rem}.site-nav a:hover,.site-nav a:focus-visible{color:var(--gold)}.menu-button{display:none;width:42px;height:42px;padding:8px;border:0;background:transparent}.menu-button span:not(.sr-only){display:block;height:1px;margin:6px 0;background:var(--ink)}
.hero{position:relative;height:clamp(480px,54vw,650px);max-height:72vh;min-height:480px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line)}.hero-image{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center 48%;filter:brightness(.66) contrast(1.13) saturate(.92)}.hero-grade{position:absolute;inset:0;background:radial-gradient(circle at 51% 23%,rgba(230,105,20,.35),transparent 31%),linear-gradient(90deg,rgba(5,3,2,.93) 0,rgba(5,3,2,.59) 31%,rgba(5,3,2,.03) 67%),linear-gradient(0deg,rgba(5,7,6,.58),transparent 42%)}.hero-content{position:relative;z-index:2;width:min(610px,88%);margin-left:clamp(2rem,3.6vw,4rem);padding-top:3rem}.hero h1{margin:0;font-family:var(--serif);font-size:clamp(6rem,11vw,10.5rem);font-weight:400;letter-spacing:-.065em;line-height:.68}.hero p{margin:1.25rem 0;font-family:var(--serif);font-size:clamp(1.05rem,1.55vw,1.45rem);letter-spacing:.23em}.button{display:inline-flex;min-width:300px;align-items:center;justify-content:space-between;gap:2rem;padding:.72rem 1.35rem;border:1px solid var(--line);border-radius:999px;text-decoration:none;text-transform:uppercase;letter-spacing:.22em;font-size:.64rem;transition:.25s}.button:hover,.button:focus-visible{color:var(--gold);border-color:var(--gold);transform:translateY(-2px)}.button-gold{border-color:var(--gold)}.scroll-cue{display:none}
.section{max-width:1560px;margin:auto;padding:44px clamp(1.4rem,3.5vw,3.8rem);border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:1.5rem;margin-bottom:16px}.section-heading h2,.about h2{display:flex;align-items:center;gap:15px;margin:0;text-transform:uppercase;letter-spacing:.32em;font-size:1rem;font-weight:400;white-space:nowrap}.section-heading h2:before,.section-heading h2:after,.about h2:before,.about h2:after{content:"";height:1px;background:var(--line)}.section-heading h2:before,.about h2:before{width:30px}.section-heading h2:after,.about h2:after{flex:1}.section-heading p{margin:0;color:var(--muted);text-transform:uppercase;letter-spacing:.23em;font-size:.59rem;line-height:1.55}
.sound{background:radial-gradient(circle at 14% 52%,rgba(165,89,28,.08),transparent 34%)}.sound-grid{display:grid;grid-template-columns:1.35fr 1fr;grid-template-rows:190px 190px;gap:8px}.image-tile{position:relative;margin:0;overflow:hidden;background:#111}.image-tile-main{grid-row:1/3}.image-tile img{height:100%;object-fit:cover;filter:brightness(.82) contrast(1.12) saturate(.95);transition:transform .7s,filter .7s}.image-tile-main img{object-position:45% 50%}.image-tile:nth-child(2) img{object-position:center 56%}.image-tile:nth-child(3) img{object-position:center 54%}.image-tile:hover img{transform:scale(1.012);filter:brightness(.89) contrast(1.08) saturate(1)}.image-tile figcaption{position:absolute;inset:auto 0 0;padding:2.2rem 1rem .8rem;background:linear-gradient(transparent,rgba(0,0,0,.86))}.image-tile figcaption span{display:block;color:var(--gold);text-transform:uppercase;letter-spacing:.25em;font-size:.55rem}.image-tile figcaption b{display:block;font-family:var(--serif);font-size:1.15rem;font-weight:400;letter-spacing:.04em}
.sessions{background:#0a0d0c}.playlist-frame{max-width:1280px;margin:auto;border:1px solid var(--line);background:#050606;box-shadow:0 20px 55px rgba(0,0,0,.34)}.playlist-bar{min-height:38px;padding:.6rem .9rem;display:flex;align-items:center;justify-content:space-between;color:var(--muted);border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.19em;font-size:.58rem}.playlist-bar span:first-child{color:var(--ink)}.player-shell{position:relative;aspect-ratio:16/9;overflow:hidden;background:#050505}.player-shell iframe{position:relative;z-index:2;width:100%;height:100%;border:0}.player-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:.68rem}.button-center{width:max-content;margin:14px auto 0;display:flex}
.perspective-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.perspective{margin:0}.perspective img,.perspective-center img{aspect-ratio:16/9;object-fit:cover;filter:brightness(.85) contrast(1.08) saturate(.94)}.perspective figcaption{display:flex;gap:.65rem;padding-top:.55rem;color:var(--muted);text-transform:uppercase;letter-spacing:.2em;font-size:.58rem}.perspective figcaption span{color:var(--gold)}.perspective figcaption b{font-weight:400}
.about{display:grid;grid-template-columns:1.18fr 1fr;gap:clamp(2rem,4vw,5rem);align-items:center;background:#0a0d0c}.about-image{height:390px;overflow:hidden}.about-image img{height:100%;object-fit:cover;object-position:center 54%;filter:grayscale(1) brightness(.78) contrast(1.17)}.about-copy{max-width:590px}.about h2{margin-bottom:22px}.about-copy p{margin:.7rem 0;color:var(--muted);font-family:var(--serif);font-size:.98rem}.about-copy .lede{color:var(--ink);font-size:clamp(1.6rem,2.3vw,2.5rem);line-height:1.05}.about-copy .about-signoff{margin-top:1.3rem;color:var(--ink);letter-spacing:.14em}
.footer{padding:30px 1.5rem 20px;text-align:center;border-top:1px solid var(--line)}.footer-logo{width:126px;height:68px;margin:0 auto 12px;object-fit:contain}.social-links{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem 2.5rem}.social-links a{text-decoration:none;text-transform:uppercase;letter-spacing:.22em;font-size:.59rem}.social-links a:hover,.social-links a:focus-visible{color:var(--gold)}.footer-line{margin:1.4rem 0 .45rem;font-family:var(--serif);font-size:.95rem;letter-spacing:.16em}.copyright{margin:0;color:var(--muted);text-transform:uppercase;letter-spacing:.15em;font-size:.54rem}.reveal{opacity:0;transform:translateY(14px);transition:opacity .65s,transform .65s}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:850px){.site-header{height:64px;padding:0 1.1rem;background:rgba(8,10,9,.72);backdrop-filter:blur(12px)}.brand{width:92px}.brand img{height:50px}.menu-button{display:block}.site-nav{display:none;position:absolute;top:64px;left:0;right:0;padding:1.3rem;flex-direction:column;background:rgba(8,10,9,.97);border-top:1px solid var(--line)}.site-nav.is-open{display:flex}.hero{height:620px;max-height:none;min-height:0;align-items:flex-end}.hero-image{object-position:52% center}.hero-grade{background:linear-gradient(0deg,rgba(3,3,3,.94) 4%,rgba(3,3,3,.1) 75%),linear-gradient(90deg,rgba(3,3,3,.45),transparent 74%)}.hero-content{width:100%;margin:0;padding:0 1.25rem 3.2rem}.hero h1{font-size:clamp(5rem,25vw,8rem)}.section{padding:38px 1.2rem}.section-heading{grid-template-columns:1fr auto}.section-heading h2:before{display:none}.sound-grid{grid-template-columns:1fr 1fr;grid-template-rows:300px 180px}.image-tile-main{grid-column:1/3;grid-row:auto}.perspective-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.5rem}.perspective{min-width:82%;scroll-snap-align:center}.about{grid-template-columns:1fr;gap:26px}.about-image{height:auto}.about-image img{aspect-ratio:16/10}.about h2:before{display:none}}
@media(max-width:540px){.hero{height:570px}.hero p{font-size:.95rem}.button{width:100%;min-width:0}.section-heading{gap:1rem}.section-heading p{max-width:120px}.sound-grid{display:flex;flex-direction:column}.image-tile{height:190px}.image-tile-main{height:285px}.playlist-bar{align-items:flex-start;flex-direction:column}.button-center{width:100%}.about-image img{aspect-ratio:4/3}.social-links{gap:1rem 1.4rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.image-tile img,.button{transition:none}}

/* Photo breathing effect: scale(1.20) provides a 20% zoom. */
.image-tile img,
.perspective img {
  transition: transform 1.1s ease-in-out, filter 1.1s ease-in-out;
  will-change: transform;
}

.image-tile:hover img,
.perspective:hover img {
  transform: scale(1.20);
}

.perspective {
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .image-tile img,
  .perspective img {
    transition: none;
  }

  .image-tile:hover img,
  .perspective:hover img {
    transform: none;
  }
}
