:root{--black:#0d0804;--gold:#ae7e2e;--gold-deep:#a67620;--text:#1e1a15;--paper:#f6f5f4}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
a:focus-visible{outline:3px solid #b88b41;outline-offset:4px}
.skip-link{position:absolute;z-index:10;left:1rem;top:-6rem;background:white;color:black;padding:1rem}
.skip-link:focus{top:1rem}
.hero{background:var(--black);color:white;overflow:hidden}
.hero__interior{width:100%;max-width:1366px;height:56.25vw;max-height:768px;min-height:365px;margin:0 auto;position:relative;overflow:hidden}
.hero__portrait{position:absolute;top:7.1%;left:50%;transform:translateX(-50%);height:auto;width:42.7%;max-width:585px;pointer-events:none}
.hero__branding{position:absolute;z-index:1;top:0;left:50%;transform:translateX(-50%);width:49%;max-width:680px;margin:0;line-height:0}
.hero__branding img{width:100%;height:auto;display:block}
.hero__socials{display:flex;align-items:center;justify-content:center;gap:clamp(20px,6.3vw,84px);position:absolute;bottom:0;left:0;right:0;z-index:2;padding:6px 12px 8px;background:linear-gradient(transparent,rgba(13,8,4,.32));font-size:clamp(8px,.77vw,11px);font-weight:700;line-height:1.2}
.hero__socials a{color:#eee;text-decoration:none;display:flex;align-items:center;gap:5px;white-space:nowrap}
.hero__socials a:hover{text-decoration:underline}
.social-icon{background:#e7e1d7;color:#1e1306;width:16px;height:16px;border-radius:100%;display:inline-flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;font-size:13px;font-weight:900;flex:none}
.social-icon.insta{font-size:16px;line-height:1}
.social-icon.globe{font-size:19px}
.silk{background-image:url('assets/silk-background.jpg');background-color:var(--paper);background-position:center center;background-size:cover;background-repeat:no-repeat}
.section-heading{margin:0;color:var(--gold);text-align:center;font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:.01em;line-height:1.06}
.heading--welcome{font-size:clamp(23px,2.55vw,35px);padding:clamp(28px,3.1vw,45px) 0 clamp(16px,1.7vw,24px)}
.welcome{padding:0 16px clamp(24px,2.4vw,37px)}
.section-inner{max-width:1366px;margin:0 auto}
.video-frame{width:80.2%;max-width:1098px;margin:auto;aspect-ratio:16 / 9;position:relative;background:#0b0b0b url('assets/video-poster.png') center/cover no-repeat;box-shadow:0 0 0 1px #0002}
.video-frame iframe{width:100%;height:100%;border:0;display:block}
.watch-link{margin:10px 0 0;text-align:center;font-size:12px}
.watch-link a{color:#755a34;text-decoration:none}
.watch-link a:hover{text-decoration:underline}
.narrow-content{width:36.6%;max-width:500px;min-width:360px;margin:0 auto}
.discography{padding:clamp(10px,1.1vw,15px) 16px 12px;min-height:clamp(490px,55.5vw,760px)}
.album-feature{display:grid;grid-template-columns:38% 1fr;gap:12px;align-items:start}
.album-cover{width:100%;height:auto;display:block}
.album-detail h3{font-size:clamp(20px,2.05vw,28px);line-height:.94;white-space:nowrap;font-family:'Brush Script MT','Segoe Script',cursive;color:var(--gold);font-weight:400;margin:0 0 13px}
.album-meta{display:grid;grid-template-columns:42% 58%;margin:0;gap:5px 0;font:clamp(9px,.77vw,11px) Georgia,'Times New Roman',serif}
.album-meta dt{font-weight:700}
.album-meta dd{margin:0}
.tracklist{font-size:clamp(9px,.7vw,10px);line-height:1.18;font-weight:650;padding-left:17px;margin:clamp(19px,2vw,28px) 0 14px}
.tracklist li{padding-left:0}
.lined-heading{border-bottom:1px solid #c9a46c;padding-bottom:5px;font-size:clamp(26px,3.1vw,42px)}
.album-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(10px,1.4vw,16px);padding:12px 0 0;align-items:start}
.album-tile{aspect-ratio:1 / 1;min-width:0;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#0d0804}
.album-tile img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.section-foot{margin:clamp(20px,4.5vw,62px) 0 0;color:var(--gold);font:italic 11px Georgia,'Times New Roman',serif}
.section-foot a{text-decoration:none}
.section-foot a:hover{text-decoration:underline}
.about{padding:0 16px 12px}
.about .lined-heading{margin-bottom:6px}
.about-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.biography{font-size:clamp(10px,.85vw,12px);line-height:1.23;text-align:left}
.biography p{margin:9px 0}
.biography a{color:var(--gold-deep)}
.about .section-foot{margin-top:5px}
.reviews{padding:8px 16px 12px}
.reviews .lined-heading{margin-bottom:14px}
.review-row{display:grid;grid-template-columns:28% 1fr;gap:7%;align-items:start;margin:0 0 15px}
.review-row img{width:100%;height:auto;object-fit:cover;display:block}
.review-row blockquote{margin:0;font:clamp(12px,.95vw,13px)/1.2 Georgia,'Times New Roman',serif;text-align:justify}
.review-row p{margin:0}
.review-row cite{display:block;text-align:right;margin:8px 0 0;font:700 clamp(10px,.75vw,11px) Georgia,'Times New Roman',serif}
.review-row--no-photo blockquote{grid-column:2}
.reviews .section-foot{margin-top:28px}
@media(min-width:1367px){.hero__interior{height:768px}.narrow-content{width:500px}.discography{min-height:760px}}
@media(max-width:800px){
 .hero__interior{min-height:0;height:57vw}
 .hero__socials{gap:12px;font-size:8px}
 .social-icon{width:13px;height:13px;font-size:10px}
 .heading--welcome{font-size:23px}
 .narrow-content{width:56%;min-width:0}
 .discography{min-height:0;padding-bottom:25px}
 .album-detail h3{font-size:20px;white-space:normal}
 .album-meta{font-size:9px}
 .tracklist{font-size:9px}
 .about .biography{font-size:11px;line-height:1.38}
 .review-row blockquote{font-size:12px}
}
@media(max-width:560px){
 .hero__interior{height:auto;min-height:510px}
 .hero__portrait{width:95%;max-width:450px;top:85px}
 .hero__branding{width:94%;max-width:460px;top:7px}
 .hero__socials{flex-wrap:wrap;gap:7px 15px;bottom:0;padding:10px 8px;background:linear-gradient(transparent,#0d0804 50%);font-size:8px}
 .hero__socials a{gap:3px}
 .welcome{padding:0 12px 20px}
 .heading--welcome{font-size:25px;padding:30px 0 18px}
 .video-frame{width:100%}
 .watch-link{font-size:11px}
 .narrow-content{width:100%;max-width:440px;min-width:0}
 .discography,.about,.reviews{padding-left:20px;padding-right:20px}
 .discography{padding-top:25px}
 .album-feature{grid-template-columns:39% 1fr;gap:13px}
 .album-detail h3{font-size:24px;margin-bottom:8px}
 .album-meta{font-size:10px;line-height:1.2;grid-template-columns:44% 56%;gap:5px 0}
 .tracklist{font-size:11px;line-height:1.4;margin-top:24px}
 .lined-heading{font-size:38px}
 .album-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:420px;margin-inline:auto}
 .section-foot{margin-top:20px}
 .about{padding-top:20px}
 .about-photo{margin-top:6px}
 .biography{font-size:13px!important;line-height:1.52!important}
 .biography p{margin:14px 0}
 .reviews{padding-top:20px;padding-bottom:24px}
 .review-row{grid-template-columns:26% 1fr;gap:5%;margin-bottom:25px}
 .review-row blockquote{font-size:12px;line-height:1.4}
 .review-row cite{font-size:10px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
