*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#2b1b12;background:#fbf5ea;font-family:"DM Sans",sans-serif;line-height:1.65}a{text-decoration:none;color:inherit}header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:16px clamp(20px,5vw,72px);background:#fbf5eae8;backdrop-filter:blur(18px);border-bottom:1px solid #53301718}.brand{display:flex;gap:12px;align-items:center}.brand>span{width:42px;height:42px;border:1px solid #c4770a;border-radius:50%;display:grid;place-items:center;color:#c4770a;font-size:22px}.brand b{display:block;font:700 24px/1 "Cormorant Garamond"}.brand small{display:block;color:#705f53;font-size:9px;letter-spacing:1.5px;text-transform:uppercase}nav{display:flex;gap:27px;font-size:13px;font-weight:600}nav a:hover{color:#c4770a}.menu{display:none;border:0;background:none;font-size:25px}.hero{min-height:calc(100vh - 75px);max-width:1500px;margin:auto;padding:70px clamp(24px,7vw,110px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px}.eyebrow,.label{font-size:10px;letter-spacing:2.4px;font-weight:800;color:#c4770a}h1,h2,h3,.quote,.brand b{font-family:"Cormorant Garamond",serif}h1{font-size:clamp(65px,8vw,115px);line-height:.83;letter-spacing:-3px;font-weight:600;margin:18px 0 28px}h1 em,h2 em{color:#c4770a;font-style:italic}h1 span{margin-left:11%}.intro{max-width:620px;font-size:17px;color:#705f53}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.btn{display:inline-flex;padding:13px 21px;border-radius:999px;font-size:13px;font-weight:700;border:1px solid #53301726}.primary{background:#5d2c0d;color:#fff;border-color:#5d2c0d}.note{font-size:10px;color:#705f53}.hero-art{height:610px;display:grid;place-items:center;position:relative}.glow{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,#d89b3866,transparent 68%)}.hero-art img{width:min(470px,85%);aspect-ratio:1;object-fit:cover;border-radius:50%;border:2px solid #d89b38;box-shadow:0 30px 80px #4a270d40,0 0 0 14px #fffaf295;position:relative}.badge{position:absolute;padding:12px 15px;background:#fffaf2ed;border:1px solid #5330171f;border-radius:15px;box-shadow:0 15px 35px #311d0e21;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:1px;line-height:1.15}.badge b{display:block;color:#c4770a;margin-bottom:4px}.one{top:15%;right:1%}.two{bottom:15%;left:1%}.quote{padding:30px;text-align:center;background:#e7d2ae;font-size:34px}.quote small{display:block;font:10px "DM Sans";text-transform:uppercase;letter-spacing:2px;color:#775a3d}.section{max-width:1500px;margin:auto;padding:105px clamp(24px,7vw,110px)}.label{margin-bottom:42px}.two{display:grid;grid-template-columns:1fr 1fr;gap:80px}h2{font-size:clamp(50px,6vw,78px);line-height:.95;letter-spacing:-1.5px;margin:0 0 22px}.lead{font-size:19px;color:#4e4037}.copy{color:#705f53;font-size:15px}.feature{margin-top:70px;display:grid;grid-template-columns:minmax(280px,420px) 1fr;gap:45px;align-items:center}.feature img{width:100%;height:390px;object-fit:cover;border-radius:22px}.feature h3{font-size:44px;line-height:1}.feature p:not(.eyebrow){color:#705f53}.facts{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-block:1px solid #53301726}.facts>div{padding:27px 20px;display:grid;grid-template-columns:45px 1fr;gap:3px 12px;border-right:1px solid #53301726}.facts>div:last-child{border:0}.facts span{grid-row:span 2;width:42px;height:42px;border:1px solid #c4770a55;border-radius:50%;display:grid;place-items:center;color:#c4770a}.facts b{font-size:13px}.facts small{font-size:10px;color:#705f53}.dark{max-width:none;background:#24160f;color:#fff4e3}.dark .label{color:#e1a94c}.music-head{max-width:1250px;margin:auto;display:flex;justify-content:space-between;align-items:end}.music-head p{color:#bda995}.gold{color:#efbb62;font-size:12px;font-weight:700}.tracks{max-width:1250px;margin:50px auto 0}.track{display:grid;grid-template-columns:40px 65px 1fr 40px;align-items:center;gap:18px;border-top:1px solid #ffffff24;padding:18px 0}.track:last-child{border-bottom:1px solid #ffffff24}.track>strong{width:58px;height:58px;border-radius:50%;background:#a95d19;display:grid;place-items:center;color:#ffe0a6;font:20px "Cormorant Garamond"}.track h3{font-size:27px;margin:0}.track small{color:#a99787;font-size:10px}.track>a{width:37px;height:37px;border:1px solid #ffffff44;border-radius:50%;display:grid;place-items:center;font-size:10px}.credits{max-width:1250px;margin:28px auto 0;display:flex;gap:25px;flex-wrap:wrap;font-size:10px;letter-spacing:1.2px;color:#a99787}.credits b{color:#f0bb66}.media{margin-top:42px;border-radius:20px;overflow:hidden;position:relative}.media img{width:100%;height:330px;display:block;object-fit:cover}.media span{position:absolute;bottom:0;left:0;right:0;padding:40px 16px 13px;background:linear-gradient(transparent,#190d08dd);color:white;font-size:10px;letter-spacing:1.3px;text-transform:uppercase}.list{border-top:1px solid #53301726}.list article{display:grid;grid-template-columns:45px 1fr;gap:18px;padding:22px 0;border-bottom:1px solid #53301726}.list i{font-size:10px;color:#c4770a}.list h3{font-size:26px;margin:0}.list p{font-size:11px;color:#705f53;margin:0}.gallery{background:#f2e7d5}.gallery-intro{max-width:650px;color:#705f53;margin:0 auto 40px}.gallery-grid{max-width:1250px;margin:auto;display:grid;grid-template-columns:1.35fr .8fr .8fr;gap:18px}.gallery-grid figure{height:420px;margin:0;overflow:hidden;border-radius:20px;position:relative;background:#2a1a10}.gallery-grid .large{height:520px}.gallery-grid img{width:100%;height:100%;object-fit:cover}figcaption{position:absolute;bottom:0;left:0;right:0;padding:55px 20px 17px;background:linear-gradient(transparent,#140a05dd);color:white;font:25px "Cormorant Garamond"}.vision{text-align:center}.vision-box{max-width:900px;margin:auto}.om{width:72px;height:72px;border:1px solid #e1a94c80;border-radius:50%;display:grid;place-items:center;margin:0 auto 35px;color:#e1a94c;font-size:32px}.vision blockquote{font:clamp(35px,5vw,64px)/1.05 "Cormorant Garamond";margin:0 0 28px}.vision-box p{color:#bda995}.contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:center}.contact{display:flex;gap:12px;flex-wrap:wrap;margin:35px 0}.contact a{display:flex;gap:12px;align-items:center;border:1px solid #53301726;padding:12px 15px;border-radius:14px}.contact small{display:block;color:#705f53;font-size:9px;text-transform:uppercase}.contact b{font-size:12px}.socials{display:flex;gap:22px;font-size:12px;font-weight:700}.socials a:hover{color:#c4770a}.qr{justify-self:end;width:min(320px,100%);background:white;padding:16px;border-radius:24px;text-align:center}.qr img{width:100%;border-radius:15px}.qr p{font-size:10px;color:#7a6655}.qr b{color:#c4770a}footer{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;padding:28px clamp(24px,7vw,110px);background:#1d120d;color:#bda995;font-size:10px;text-transform:uppercase;letter-spacing:1px}footer b{display:block;color:#fff1dc;font:700 23px "Cormorant Garamond";text-transform:none;letter-spacing:0}footer span{display:block}footer strong{color:#e1a94c;align-self:center}
@media(max-width:900px){nav{gap:14px}.hero{grid-template-columns:1fr}.hero-art{height:480px}.two,.contact-grid{grid-template-columns:1fr;gap:45px}.feature{grid-template-columns:1fr}.facts{grid-template-columns:1fr}.facts>div{border-right:0;border-bottom:1px solid #53301726}.jamming{gap:45px}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid .large{grid-column:1/-1;height:430px}.qr{justify-self:start}}
@media(max-width:700px){header{padding:14px 20px}.menu{display:block}nav{display:none;position:absolute;top:68px;left:14px;right:14px;padding:15px;flex-direction:column;background:#fffaf2;border:1px solid #53301726;border-radius:16px}nav.open{display:flex}.brand b{font-size:21px}.hero{padding-top:50px}.hero h1{font-size:59px}.hero-art{height:380px}.hero-art img{width:270px}.glow{width:330px;height:330px}.section{padding-top:75px;padding-bottom:75px}.quote{font-size:26px}.feature img{height:330px}.feature h3{font-size:36px}.media img{height:260px}.gallery-grid{grid-template-columns:1fr}.gallery-grid .large{grid-column:auto;height:380px}.gallery-grid figure{height:300px}.track{grid-template-columns:30px 50px 1fr 38px;gap:10px}.track>strong{width:48px;height:48px}.track h3{font-size:22px}.contact a{width:100%}footer strong{width:100%}}
