:root{--ink:#130a08;--cream:#ead7c6;--paper:#f2eadf;--rust:#9a432f;--gold:#c8985a;--line:rgba(234,215,198,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:Lora,Georgia,serif;line-height:1.7}img{display:block;max-width:100%}a{color:inherit;text-underline-offset:.22em}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400;line-height:1.08}h1{font-size:clamp(3rem,8vw,7.2rem);letter-spacing:-.045em}h2{font-size:clamp(2.7rem,6vw,5.8rem);letter-spacing:-.04em}h3{font-size:clamp(2.6rem,5vw,5rem);margin-bottom:1.5rem}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:1.25rem clamp(1.25rem,4vw,4.5rem);background:rgba(19,10,8,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.wordmark{text-decoration:none;font-size:1.45rem}.site-header nav{display:flex;gap:clamp(.9rem,2vw,2rem)}.site-header nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.11em;font-size:.72rem}.menu-toggle{display:none;border:0;background:transparent;color:inherit;font:inherit}.hero{min-height:92vh;position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;padding:clamp(4rem,8vw,8rem) clamp(1.25rem,6vw,7rem);overflow:hidden;background:radial-gradient(circle at 20% 30%,#743423 0,transparent 38%),#160a08}.hero-art img{width:min(100%,680px);box-shadow:0 40px 90px #0008}.hero-copy{position:relative;z-index:2;margin-left:-5vw}.hero h1 em{color:var(--gold);font-style:italic}.vinyl{position:absolute;width:clamp(190px,24vw,420px);right:-7%;bottom:-4%;filter:drop-shadow(0 30px 30px #0009)}.eyebrow,.year{text-transform:uppercase;letter-spacing:.22em;font-size:.72rem;color:var(--gold);margin-bottom:1rem}.players{max-width:560px;margin:2rem 0}.track{padding:.85rem 0;border-top:1px solid var(--line)}.track span{display:block;margin-bottom:.4rem;font-size:.86rem}.track audio{width:100%;height:34px;filter:sepia(1) saturate(.5)}.button{display:inline-block;padding:.85rem 1.3rem;background:var(--cream);color:var(--ink);border:1px solid var(--cream);text-decoration:none;text-transform:uppercase;letter-spacing:.11em;font:600 .7rem Lora,serif;cursor:pointer}.button:hover{background:var(--gold);border-color:var(--gold)}.button.small{padding:.7rem 1rem}.button.outline{background:transparent;color:var(--cream)}.fine-print,.links,.currency{font-size:.8rem;opacity:.78}.hero .fine-print{max-width:560px;margin-top:1.2rem}.section-dark,.catalogue,.videos,.contact{padding:clamp(5rem,10vw,10rem) clamp(1.25rem,7vw,8rem)}.feature-video{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.feature-video blockquote{grid-column:1/-1;max-width:900px;margin:4rem auto 0;text-align:center;font-size:clamp(1.5rem,3vw,2.5rem);font-style:italic}.feature-video cite{display:block;margin-top:1.5rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.18em}.video{position:relative;aspect-ratio:16/9;background:#000}.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.reissue{padding:clamp(5rem,10vw,10rem) clamp(1.25rem,8vw,10rem);background:linear-gradient(#22120cbf,#22120ce6),url('images/Kindle-background.webp') center/cover fixed}.reissue-inner{max-width:1100px;margin:auto;display:grid;grid-template-columns:minmax(250px,430px) 1fr;align-items:center;gap:clamp(2rem,7vw,7rem)}.reissue-inner img{box-shadow:20px 25px 0 #0005}.catalogue{background:#0e0806}.section-heading{text-align:center;margin-bottom:clamp(4rem,9vw,9rem)}.section-heading h2{margin-bottom:0}.album{max-width:1180px;margin:0 auto clamp(7rem,14vw,14rem);display:grid;grid-template-columns:minmax(280px,520px) 1fr;align-items:center;gap:clamp(3rem,8vw,9rem)}.album.reverse .album-art{order:2}.album-art{position:relative}.album-art>img:first-child{width:100%;box-shadow:0 35px 70px #0009}.album-art .record{position:absolute;width:72%;right:-28%;top:14%;z-index:-1}.album-copy p{max-width:620px}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.5rem 0}.text-link{align-self:center;font-size:.8rem}.currency{text-align:center}.videos{background:var(--paper);color:var(--ink)}.videos .eyebrow{color:var(--rust)}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.about{display:grid;grid-template-columns:1fr 1fr;min-height:750px;background:#31150f}.about>img{width:100%;height:100%;object-fit:cover;filter:saturate(.75)}.about>div{align-self:center;padding:clamp(3rem,8vw,8rem)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,10vw,10rem);background:linear-gradient(90deg,#130a08dc,#130a08f0),url('images/Lagoon-golden-sunrise.webp') center/cover}.email-link{font-size:clamp(1rem,2vw,1.4rem)}form{display:grid;gap:1.15rem}label{font-size:.72rem;text-transform:uppercase;letter-spacing:.14em}input,textarea{display:block;width:100%;margin-top:.35rem;border:1px solid var(--line);background:#f3e9dc0d;color:var(--cream);padding:.85rem;font:1rem Lora,serif;border-radius:0}textarea{resize:vertical}form .button{justify-self:start}footer{display:flex;justify-content:space-between;padding:2rem clamp(1.25rem,7vw,8rem);font-size:.75rem;border-top:1px solid var(--line)}footer p{margin:0}
@media(max-width:800px){.site-header{align-items:flex-start}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;left:0;right:0;top:100%;padding:1.5rem;flex-direction:column;background:var(--ink);border-top:1px solid var(--line)}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:3rem}.hero-copy{margin:2.5rem 0 0}.vinyl{opacity:.3}.feature-video,.reissue-inner,.album,.about,.contact{grid-template-columns:1fr}.feature-video{padding-left:1.25rem;padding-right:1.25rem}.album.reverse .album-art{order:0}.album-art .record{right:-8%;opacity:.65}.video-grid{grid-template-columns:1fr}.about>img{max-height:650px}.contact{gap:4rem}h1{font-size:clamp(3.1rem,15vw,5.5rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.videos{background:linear-gradient(135deg,#6f5218 0%,#3e2a08 48%,#171006 100%);color:var(--cream)}
.videos .eyebrow{color:#e7c56e}
.button.outline:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}

/* Keep the album catalogue visually consistent: artwork always sits on the left. */
.album{grid-template-columns:minmax(280px,400px) 1fr}
.album.reverse .album-art{order:0}
.album-art>img:first-child{max-width:400px}
.album-copy .button{background:transparent;color:var(--cream)}
.album-copy .button:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}

/* About: retain the portrait as the dominant desktop image, with copy overlaid away from the face. */
.about{position:relative;display:block;overflow:hidden;min-height:760px;background:#31150f}
.about>img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:left center}
.about>div{position:relative;z-index:1;width:min(50%,680px);min-height:760px;margin-left:auto;padding:clamp(4rem,8vw,9rem);text-align:right;background:linear-gradient(90deg,transparent 0%,rgba(20,9,7,.56) 18%,rgba(20,9,7,.92) 100%)}
@media(max-width:800px){.about{display:grid;min-height:0}.about>img{position:static;width:100%;height:auto;max-width:100%;object-fit:cover}.about>div{width:auto;min-height:0;margin:0;text-align:left;background:none}}

/* A single, centred contact panel keeps the form focused while revealing the landscape. */
.contact{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;background:linear-gradient(90deg,rgba(19,10,8,.38),rgba(19,10,8,.5)),url('images/Lagoon-golden-sunrise.webp') center/cover}
.contact>div,.contact form{width:min(100%,620px)}
.contact h2{margin-bottom:1rem}
.contact form{text-align:left;margin-top:1.5rem;padding:clamp(1.5rem,4vw,3rem);background:rgba(19,10,8,.58);backdrop-filter:blur(4px)}
.contact form .button{align-self:center}

.contact{background-size:cover;background-repeat:no-repeat;background-position:center}
.contact form{margin-top:.35rem}

p a,.links a,.fine-print a,.text-link{color:#79C9D2}
.wordmark{color:var(--gold)}

/* Main display headings: 25% smaller; small gold eyebrow labels are unchanged. */
h1{font-size:clamp(2.25rem,6vw,5.4rem)}
h2{font-size:clamp(2.025rem,4.5vw,4.35rem)}
h3{font-size:clamp(1.95rem,3.75vw,3.75rem)}
@media(max-width:800px){h1{font-size:clamp(2.325rem,11.25vw,4.125rem)}}

@media(max-width:800px){.album{grid-template-columns:1fr}.album.reverse .album-art{order:0}}

.form-status{min-height:1.7em;margin:0;color:var(--gold)}
.thank-you-dialog{width:min(90vw,520px);padding:clamp(2rem,6vw,4rem);border:1px solid var(--gold);background:var(--ink);color:var(--cream);text-align:center;box-shadow:0 30px 90px #000b}
.thank-you-dialog::backdrop{background:#130a08d9;backdrop-filter:blur(5px)}
.thank-you-dialog h2{margin-bottom:1rem}.thank-you-dialog .button{margin-top:1rem}