@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Montserrat:wght@400;500;600&display=swap');
:root{--ink:#2a2925;--gold:#99712e;--paper:#f6efe3;--line:#c9b99d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Georgia,serif;background:radial-gradient(ellipse at 8% 8%,#aab5ac44,transparent 27%),radial-gradient(ellipse at 90% 20%,#c6a1643a,transparent 24%),radial-gradient(ellipse at 5% 66%,#8d9fa744,transparent 25%),radial-gradient(ellipse at 90% 86%,#caa08b4d,transparent 25%),repeating-linear-gradient(25deg,#9b835c08 0px,#ffffff05 2px,#ffffff00 4px),#f6efe3;background-attachment:fixed}body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.32;background-image:url('data:image/svg+xml,%3Csvg viewBox="0 0 180 180" xmlns="http://www.w3.org/2000/svg"%3E%3Cfilter id="n"%3E%3CfeTurbulence type="fractalNoise" baseFrequency=".6" numOctaves="3" stitchTiles="stitch"/%3E%3C/filter%3E%3Crect width="100%25" height="100%25" filter="url(%23n)" opacity=".12"/%3E%3C/svg%3E')}a{color:inherit}header{height:68px;display:flex;justify-content:space-between;align-items:center;max-width:1180px;margin:auto;padding:0 26px;position:relative;z-index:2}header .brand{font:600 13px Montserrat,Arial,sans-serif;letter-spacing:.25em;text-decoration:none}nav{display:flex;gap:23px;flex-wrap:wrap}nav a{text-decoration:none;text-transform:uppercase;letter-spacing:.13em;font:500 10px Montserrat,Arial,sans-serif}nav a:hover{color:var(--gold)}.hero{min-height:calc(100vh - 68px);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:10px 20px 35px}.brand-art{width:min(520px,94vw);mix-blend-mode:multiply;display:block;filter:contrast(1.06)}.scroll{font:10px Montserrat,Arial,sans-serif;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;margin-top:16px;color:#79694f}.section{max-width:1140px;margin:0 auto;padding:80px 32px}.eyebrow{font:11px Montserrat,Arial,sans-serif;text-transform:uppercase;letter-spacing:.25em;color:#746044}h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;margin:10px 0 16px}h1{font-size:clamp(44px,6vw,83px);line-height:.98}h2{font-size:clamp(38px,5vw,64px);line-height:1.02}h3{font-size:30px}em{color:var(--gold);font-weight:400}p{font-size:17px;line-height:1.7} .split{display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center}.water-photo{width:100%;display:block;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse at center,#000 42%,transparent 76%)}.btn{display:inline-block;padding:14px 22px;background:#99712e;color:white;text-decoration:none;text-transform:uppercase;letter-spacing:.11em;font:600 11px Montserrat,Arial,sans-serif;margin:10px 10px 0 0;border:1px solid #99712e}.btn.outline{color:#4d4334;background:transparent}.center{text-align:center}.section-title{margin:0 0 30px}.tracks{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.track{padding:18px 15px 22px;text-align:center;background:#fff9f0a6;border:1px solid #d5c5a9}.art{height:135px;background:linear-gradient(145deg,#b0bfb8,#e5e2cd 45%,#a0b3c1);position:relative;overflow:hidden}.track:nth-child(2) .art{background:linear-gradient(145deg,#b4a8b0,#e8b79d,#f4dfb8)}.track:nth-child(3) .art{background:linear-gradient(145deg,#a0b9c8,#d9d3b9,#b5c5ce)}.art:after{content:'';position:absolute;inset:12px;border:1px solid #ffffff75;border-radius:50% 50% 40% 40%;filter:blur(3px)}.track h3{font-size:28px}.track audio{width:100%;height:43px}.price{font:600 12px Montserrat,Arial,sans-serif;color:#8c672b;margin:16px 0 5px}.muted{font-size:13px;color:#726c61}.composer-photo{width:100%;display:block;mask-image:radial-gradient(ellipse at 50% 48%,#000 40%,transparent 76%);mix-blend-mode:multiply}.quote{padding:75px 25px;text-align:center;background:#fff8ed80}.quote blockquote{max-width:840px;margin:25px auto;font:italic 42px/1.15 'Cormorant Garamond',Georgia,serif}.collections{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.collection{padding:25px;background:#fff9f0a8;border-top:3px solid #9eaf9f}.collection:nth-child(2){border-color:#d1a08d}.collection:nth-child(3){border-color:#9eb6c4}footer{text-align:center;padding:50px 20px 65px;border-top:1px solid var(--line)}footer p{font-size:12px}.note{max-width:900px;margin:10px auto 0;color:#6f6558;font-size:13px;text-align:center}.tagline{font-family:'Cormorant Garamond',Georgia,serif;font-size:30px;color:#88682d;margin:4px 0 24px}.intro{max-width:680px;margin:0 auto 34px} @media(max-width:750px){header{height:auto;min-height:65px;flex-direction:column;gap:15px;padding:18px}nav{justify-content:center;gap:12px}.hero{min-height:75vh}.split{grid-template-columns:1fr;gap:10px}.tracks,.collections{grid-template-columns:1fr}.section{padding:55px 22px}.quote blockquote{font-size:34px}.split .water-photo{order:-1}}

/* Version 4 — continuous watercolor gallery treatment */
:root{--paper:#f5eedf;--sage:#a6b7a6;--blue:#a4b9c5;--clay:#cda58e}
body{background-color:var(--paper);background-image:linear-gradient(#f8f2e88a,#f8f2e88a),url('assets/watercolor-paper.svg');background-size:auto,cover;background-attachment:fixed}
body:before{opacity:.23}
.hero{position:relative;isolation:isolate}
.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 8% 72%,#b6c6bd77,transparent 32%),radial-gradient(ellipse at 91% 24%,#c9a78b75,transparent 31%);filter:blur(25px)}
.section,.quote{position:relative;isolation:isolate}
.section:before,.quote:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:url('assets/watercolor-washes.svg');background-size:100% 100%;background-repeat:no-repeat;opacity:.66}
.section:nth-of-type(2n):before{transform:scaleX(-1);opacity:.5}
#music:before{opacity:.88}
#composer:before{opacity:.74}
#collections:before{opacity:.8}
.section{padding-top:105px;padding-bottom:105px}
.track,.collection{position:relative;background:linear-gradient(145deg,#fffaf1dd,#f8f0e4b8);border:1px solid #d2c3a980;box-shadow:0 12px 35px #806c4b13;backdrop-filter:blur(3px);border-radius:3px}
.track:before{content:'';position:absolute;left:-10px;right:-10px;top:-15px;height:30px;background:radial-gradient(ellipse,#d4b59e38,transparent 72%);pointer-events:none}
.track:nth-child(1) .art{background:radial-gradient(ellipse at 28% 35%,#d7c6a3 0,transparent 48%),radial-gradient(ellipse at 73% 70%,#8ea99b 0,transparent 53%),#eee6d6}
.track:nth-child(2) .art{background:radial-gradient(ellipse at 28% 35%,#a6b6ad 0,transparent 48%),radial-gradient(ellipse at 73% 70%,#a5b9c5 0,transparent 53%),#eae9db}
.track:nth-child(3) .art{background:radial-gradient(ellipse at 28% 35%,#d5ad94 0,transparent 48%),radial-gradient(ellipse at 73% 70%,#d8c6a1 0,transparent 53%),#f3e7d8}
.art{filter:saturate(.75)}.art:after{border-radius:45% 55% 60% 40%;transform:rotate(-12deg);border-width:2px;filter:blur(9px)}
.quote{background:#f7f0e5a1}.quote:before{opacity:.65}
.collection:nth-child(1){background:linear-gradient(145deg,#e1e8ddcc,#fffaf1c7)}
.collection:nth-child(2){background:linear-gradient(145deg,#f1dfd3cc,#fffaf1c7)}
.collection:nth-child(3){background:linear-gradient(145deg,#dee8eccc,#fffaf1c7)}
.btn{transition:background .2s ease,transform .2s ease}.btn:hover{background:#785b29;transform:translateY(-1px)}
footer{background:linear-gradient(0deg,#e4dfd2a6,transparent);border-top:1px solid #bfae9773}
@media(max-width:750px){.section{padding-top:72px;padding-bottom:72px}body{background-attachment:scroll}}

/* Version 5: authentic photograph, faded into watercolor paper. */
#composer{position:relative;isolation:isolate}
#composer::before{content:"";position:absolute;z-index:-1;inset:8% -2%;pointer-events:none;background:radial-gradient(ellipse at 22% 45%,#a4b6ac70,transparent 55%),radial-gradient(ellipse at 50% 83%,#d5a28765,transparent 51%),radial-gradient(ellipse at 72% 14%,#c8b0794d,transparent 44%);filter:blur(24px)}
#composer .composer-photo{mask-image:none;-webkit-mask-image:none;mix-blend-mode:multiply;max-height:690px;object-fit:contain;object-position:center}
@media(max-width:750px){#composer .composer-photo{max-height:560px}#composer{gap:8px}}

/* Version 6: only the homepage composer image is more gently feathered; about page and all other design unchanged. */
#composer .composer-photo{mix-blend-mode:multiply}

/* Launch-ready music artwork and Payhip checkout links */
.track .cover-art{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block;box-shadow:0 5px 18px #6e594b22;}
.track .buy-track{display:inline-block;max-width:100%;line-height:1.5;margin:14px 0 2px;padding:13px 14px;font-size:10px;}
.track .muted{line-height:1.5;}