:root{--forest:#102b20;--forest-deep:#071911;--leaf:#b7cf80;--cream:#f5f2e8;--paper:#fbf9f4;--ink:#1d2b23;--muted:#647468;--line:#d7ded2;--wood:#967253}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{color:inherit}
img{display:block;max-width:100%}
.skip-link{position:absolute;left:1rem;top:-5rem;z-index:20;background:#fff;color:#000;padding:.8rem}.skip-link:focus{top:1rem}
.site-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:76px;padding:0 clamp(1.25rem,4.5vw,5rem);background:var(--cream);border-bottom:1px solid #d9ddcf}
.brand{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;white-space:nowrap;font-size:.78rem;font-weight:900;letter-spacing:.09em}
.brand-mark{display:grid;place-items:center;width:35px;height:35px;border:2px solid currentColor;font-family:Georgia,serif;font-size:.94rem;letter-spacing:-.12em;padding-right:.1em}
.site-header nav{display:flex;align-items:center;gap:clamp(1rem,2.6vw,2.6rem)}
.site-header nav a{text-decoration:none;text-transform:uppercase;font-size:.66rem;font-weight:800;letter-spacing:.15em}
.site-header nav a:hover,.site-footer a:hover,.spotify-card a:hover,.video-link:hover,.playlist-secondary:hover{text-decoration:underline;text-underline-offset:4px}
.hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;background:radial-gradient(circle at 85% 18%,rgba(149,188,108,.24),transparent 30%),radial-gradient(circle at 33% 45%,rgba(115,155,82,.21),transparent 40%),linear-gradient(125deg,#06150d,#143725 55%,#071911);padding:clamp(3rem,6vw,6rem) clamp(1.25rem,4.5vw,5rem) 0}
.hero:before,.hero:after{position:absolute;content:"";pointer-events:none;border-radius:50%;filter:blur(7px)}
.hero:before{width:34rem;height:34rem;right:-8rem;top:-10rem;border:1px solid rgba(211,238,175,.24);box-shadow:0 0 100px rgba(160,211,101,.13);animation:breathe 15s ease-in-out infinite alternate}
.hero:after{width:30rem;height:30rem;left:-18rem;bottom:-15rem;background:rgba(70,124,68,.13)}
.hero-grain{position:absolute;inset:0;z-index:-1;opacity:.18;background-image:radial-gradient(rgba(222,243,193,.18) .65px,transparent .65px);background-size:7px 7px;mask-image:linear-gradient(to right,transparent,black 35%,black 70%,transparent)}
.hero-inner{position:relative;z-index:1;max-width:1300px;margin:auto;display:grid;grid-template-columns:minmax(310px,.92fr) minmax(390px,1fr);gap:clamp(3rem,7vw,8rem);align-items:center}
.hero-art{align-self:center;min-width:0}
.art-frame{position:relative;max-width:560px;box-shadow:20px 22px 0 rgba(195,221,156,.27),0 22px 80px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.25)}
.art-frame:after{position:absolute;content:"";inset:0;border:12px solid rgba(255,255,255,.06);pointer-events:none}
.art-frame img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.art-credit{margin:2.2rem 0 0;font-size:.66rem;font-weight:800;letter-spacing:.23em;color:#c7d3ba}
.kicker,.section-kicker,.release-meta,.spotify-card>p,.story-heading>p:last-child,.story-source>span{font-size:.67rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.kicker{display:flex;align-items:center;gap:.9rem;color:#d6e3c8;margin:0 0 2rem}
.kicker-line{width:2.7rem;height:2px;background:var(--leaf)}
.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(5rem,8vw,9rem);line-height:.87;letter-spacing:-.07em;font-weight:400;margin:0 0 2rem}
.hero h1 em{font-style:italic;color:#d0e7ad}
.hero-lead{font-family:Georgia,'Times New Roman',serif;font-size:clamp(1.25rem,1.9vw,1.7rem);line-height:1.46;max-width:37rem;margin:0 0 2rem;color:#eff2e8}
.release-meta{display:flex;flex-wrap:wrap;gap:.65rem 1.2rem;color:#afc5aa;margin-bottom:2rem}
.release-meta span+span:before{content:"";display:inline-block;vertical-align:middle;width:4px;height:4px;margin-right:1.2rem;border-radius:50%;background:#94aa7f}
.spotify-card{max-width:570px;background:rgba(247,249,239,.1);border:1px solid rgba(230,241,219,.27);padding:1rem 1rem .85rem;backdrop-filter:blur(10px);box-shadow:0 18px 60px rgba(0,0,0,.17)}
.spotify-card>p{margin:0 0 .75rem;color:#d0e6b7}
.spotify-embed{position:relative;min-height:152px;overflow:hidden;border-radius:8px;background:#192e22}
.spotify-fallback{position:absolute;inset:0;display:flex;align-items:center;gap:1rem;padding:1rem;color:#fff}
.spotify-fallback img{height:76px;width:76px;object-fit:cover;border-radius:4px}
.spotify-fallback strong,.spotify-fallback small{display:block}
.spotify-fallback strong{font-family:Georgia,serif;font-size:1.45rem}
.spotify-fallback small{margin-top:.35rem;color:#cddcc2;font-size:.82rem}
.spotify-card iframe{display:block;border:0;border-radius:8px}
.spotify-embed iframe{position:relative;z-index:1}
.spotify-card a{display:inline-block;margin-top:.75rem;color:#ebf4dd;font-size:.72rem;text-decoration:none;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.spotify-card a span{padding-left:.25rem}
.hero-base{position:relative;z-index:1;max-width:1300px;margin:clamp(3.5rem,6vw,6rem) auto 0;padding:1rem 0;border-top:1px solid rgba(229,239,214,.2);display:flex;justify-content:space-between;color:#b9c7b1;font-size:.65rem;font-weight:800;letter-spacing:.22em}
.story{padding:clamp(4.5rem,8vw,8rem) clamp(1.25rem,4.5vw,5rem);background:var(--paper)}
.story-shell{max-width:1130px;margin:auto;display:grid;grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);gap:clamp(2.5rem,7vw,8rem)}
.section-kicker{color:#647b56;margin:0 0 1.8rem}
.story-heading{border-top:3px solid #a9c780;padding-top:1.3rem;align-self:start}
.story-heading h2,.video-intro h2,.playlist-inner h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;line-height:1.07}
.story-heading h2{font-size:clamp(3rem,4.5vw,5.5rem);margin:0 0 2rem}
.story-heading>p:last-child{color:var(--muted);line-height:1.7;letter-spacing:.1em}
.story-copy{font-family:Georgia,'Times New Roman',serif;font-size:1.14rem;line-height:1.85;max-width:740px}
.story-copy p{margin:0 0 1.5rem}
.story-copy .lead{font-size:1.35rem;line-height:1.64}
.story-copy h3{font-family:Arial,Helvetica,sans-serif;font-size:1.3rem;letter-spacing:-.03em;margin:2.7rem 0 1rem}
.story-copy blockquote{margin:2.4rem 0;padding:1.3rem 0 1.3rem 1.7rem;border-left:5px solid #a4c779;color:#2d533a;font-family:Georgia,serif;font-size:clamp(1.65rem,2.8vw,2.5rem);font-style:italic;line-height:1.25}
.story-copy blockquote p{margin:0}
.story-copy a{text-decoration-color:#819d67;text-decoration-thickness:2px;text-underline-offset:3px}
.story-source{border-top:1px solid var(--line);margin-top:3rem;padding-top:1.2rem;font-family:Arial,Helvetica,sans-serif}
.story-source>span{color:#718663}
.story-source p{font-size:.87rem;line-height:1.6;color:#566459;margin:.6rem 0 0}
.video-section{background:#e8e9de;padding:clamp(4.5rem,8vw,8rem) clamp(1.25rem,4.5vw,5rem)}
.video-inner{max-width:1100px;margin:auto}
.video-intro{max-width:740px;margin-bottom:2.2rem}
.video-intro h2{font-size:clamp(3rem,5vw,5.7rem);margin:0 0 1rem}
.video-intro p:last-child{font-family:Georgia,serif;font-size:1.25rem;line-height:1.5;margin:0}
.video-frame{aspect-ratio:16/9;background:#071911;padding:12px;box-shadow:23px 23px 0 #cbd8b8,0 18px 60px rgba(8,40,21,.18)}
.video-frame iframe{display:block;width:100%;height:100%;border:0}
.video-link{display:inline-block;margin-top:2.7rem;text-decoration:none;text-transform:uppercase;font-size:.73rem;font-weight:800;letter-spacing:.12em}
.video-link span{padding-left:.3rem}
.artist-section{padding:clamp(4.5rem,8vw,8rem) clamp(1.25rem,4.5vw,5rem);background:linear-gradient(180deg,#e8e9de 0,#f5f3e9 34%,#f5f3e9 100%)}
.artist-shell{max-width:1240px;margin:auto}
.artist-topline{display:flex;justify-content:space-between;gap:2rem;margin:0 0 1.1rem;color:#567452;font-size:.64rem;font-weight:900;letter-spacing:.2em}
.artist-topline span:first-child:before{content:"";display:inline-block;width:2.7rem;height:2px;margin-right:.8rem;vertical-align:middle;background:#9bbb72}
.artist-card{display:grid;grid-template-columns:minmax(280px,.68fr) minmax(0,1fr);min-height:460px;border:1px solid #cfdbbf;background:#f9f8f1;box-shadow:18px 18px 0 #d6e4c4,0 24px 60px rgba(26,53,33,.09)}
.artist-visual{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:460px;padding:2.5rem;background:radial-gradient(circle at 65% 28%,rgba(159,196,115,.28),transparent 30%),linear-gradient(145deg,#163c29,#0d281c 75%);color:#c4dbab}
.artist-visual:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.17;background-image:radial-gradient(#d7efb3 .7px,transparent .7px);background-size:8px 8px}
.artist-orbit{position:absolute;width:360px;height:360px;border:1px solid rgba(221,243,187,.21);border-radius:50%;left:-125px;top:-145px;box-shadow:0 0 0 56px rgba(207,231,168,.035),0 0 0 115px rgba(207,231,168,.025)}
.artist-botanical{position:absolute;right:-2rem;bottom:-2rem;width:290px;height:auto;color:#cce8a9;opacity:.65;transform:rotate(-12deg);pointer-events:none}
.artist-photo-frame{position:relative;z-index:1;width:178px;height:178px;padding:8px;border:1px solid rgba(243,251,230,.7);border-radius:50%;box-shadow:0 0 0 12px rgba(201,229,164,.12),0 18px 50px rgba(0,0,0,.3)}
.artist-photo-frame img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.artist-photo-credit{position:relative;z-index:1;display:block;margin:1.2rem 0 1.8rem;color:#c5d8bb;font-size:.56rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.artist-visual-name{position:relative;z-index:1;color:#f1f5e8;font-family:Georgia,'Times New Roman',serif;font-size:clamp(3.6rem,5.2vw,5.8rem);line-height:.87;letter-spacing:-.075em}
.artist-info{display:flex;flex-direction:column;justify-content:center;padding:clamp(2.2rem,5vw,5.3rem)}
.artist-info .section-kicker{margin:0 0 1rem;color:#60814e}
.artist-info h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.06em;font-size:clamp(3rem,4.7vw,5.3rem);line-height:1;margin:0;color:#163a29}
.artist-info h2 em{font-weight:400;color:#729750}
.artist-accent{width:4rem;height:3px;background:#94b86a;margin:1.5rem 0}
.artist-info>p:not(.section-kicker){font-family:Georgia,'Times New Roman',serif;font-size:1.08rem;line-height:1.7;max-width:650px;margin:0 0 1.4rem;color:#415249}
.artist-info .artist-intro{font-size:clamp(1.35rem,1.9vw,1.7rem)!important;line-height:1.4!important;color:#1b3e2b!important}
.artist-instagram{display:inline-flex;align-items:center;gap:.85rem;align-self:flex-start;margin-top:.6rem;padding:1rem 1.25rem;background:var(--forest);color:#f5f8eb;text-decoration:none;text-transform:uppercase;font-size:.7rem;font-weight:900;letter-spacing:.09em;transition:transform .2s,background .2s,box-shadow .2s}
.artist-instagram svg{width:20px;height:20px;flex:none}
.artist-arrow{margin-left:1rem;color:#c5dd9b;font-size:1.1rem}
.artist-instagram:hover{transform:translateY(-3px);background:#245237;box-shadow:0 9px 22px rgba(13,40,28,.2)}
.artist-instagram:focus-visible{outline:3px solid #85a95e;outline-offset:4px}
.playlist-section{background:#bfd996;padding:clamp(4.5rem,7vw,7rem) clamp(1.25rem,4.5vw,5rem)}
.playlist-inner{max-width:1130px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.6fr);align-items:center;gap:clamp(2rem,7vw,7rem)}
.playlist-inner h2{font-size:clamp(3rem,5.5vw,6rem);margin:0 0 1.3rem;max-width:620px}
.playlist-inner p:not(.section-kicker){font-family:Georgia,serif;font-size:1.17rem;line-height:1.65;max-width:660px;margin:0}
.playlist-actions{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}
.playlist-button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;background:var(--forest);color:#fff;padding:1.3rem 1.5rem;min-height:62px;width:100%;max-width:390px;text-decoration:none;text-transform:uppercase;font-size:.76rem;font-weight:900;letter-spacing:.06em;transition:transform .2s,background .2s}
.playlist-button:hover{transform:translateY(-3px);background:#1e4d32}
.playlist-secondary{text-decoration:none;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.site-footer{background:var(--forest-deep);color:#e8f0dd;padding:2.6rem clamp(1.25rem,4.5vw,5rem);display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.site-footer p{font-family:Georgia,serif;margin:0;font-size:.94rem}
.site-footer>a:last-child{text-decoration:none;font-size:.73rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
@keyframes breathe{to{transform:translate(-2rem,2rem) scale(1.08);opacity:.7}}
@media(max-width:940px){.hero-inner{grid-template-columns:minmax(260px,.8fr) minmax(330px,1fr);gap:2.5rem}.hero h1{font-size:clamp(4.3rem,8.8vw,7rem)}.story-shell{grid-template-columns:1fr;gap:2rem}.story-heading h2{max-width:750px}.story-heading>p:last-child{margin-bottom:0}}
@media(max-width:720px){.site-header{min-height:68px}.site-header nav a:nth-child(1),.site-header nav a:nth-child(3){display:none}.brand{font-size:.67rem}.hero{padding:2.5rem 1.2rem 0}.hero-inner{display:flex;flex-direction:column;align-items:stretch;gap:3.2rem}.hero-art{order:1}.hero-content{order:0}.kicker{font-size:.6rem;margin-bottom:1.5rem}.hero h1{font-size:clamp(4.7rem,17vw,7rem);margin-bottom:1.3rem}.hero-lead{font-size:1.25rem}.release-meta{font-size:.58rem;gap:.55rem .7rem}.release-meta span+span:before{margin-right:.7rem}.spotify-card{padding:.7rem}.art-frame{max-width:520px;margin:0 .85rem 0 0;box-shadow:12px 12px 0 rgba(195,221,156,.27),0 22px 60px rgba(0,0,0,.35)}.art-credit{margin-top:1.4rem}.hero-base{font-size:.52rem;margin-top:2.7rem}.story{padding:4rem 1.2rem}.story-heading h2{font-size:clamp(2.9rem,11vw,4.6rem)}.story-copy{font-size:1.06rem}.story-copy .lead{font-size:1.23rem}.video-section{padding:4rem 1.2rem}.video-intro h2{font-size:clamp(2.9rem,11vw,4.5rem)}.video-intro p:last-child{font-size:1.1rem}.video-frame{padding:6px;box-shadow:10px 10px 0 #cbd8b8}.video-link{margin-top:1.8rem}.artist-section{padding:4rem 1.2rem}.artist-card{grid-template-columns:1fr;gap:1.4rem;box-shadow:8px 8px 0 #dce7ce}.artist-portrait{display:flex;align-items:center;gap:1rem}.artist-portrait img{height:100px;width:100px;flex:none}.artist-portrait span{text-align:left;max-width:9rem;margin:0}.artist-info h2{font-size:2.8rem}.artist-info>p:not(.section-kicker){font-size:1.03rem}.playlist-section{padding:4rem 1.2rem}.playlist-inner{grid-template-columns:1fr;gap:2rem}.playlist-inner h2{font-size:clamp(3rem,12vw,5rem)}.playlist-inner p:not(.section-kicker){font-size:1.08rem}.site-footer{align-items:flex-start;flex-direction:column;gap:1.2rem}}
@media(max-width:940px){.artist-card{grid-template-columns:minmax(235px,.72fr) minmax(0,1fr)}.artist-visual{padding:2rem}.artist-info{padding:clamp(2rem,4vw,3rem)}.artist-info h2{font-size:clamp(3rem,5vw,4.5rem)}}
@media(max-width:720px){.artist-section{padding:4rem 1.2rem 4.5rem}.artist-topline{font-size:.52rem;letter-spacing:.14em}.artist-topline span:last-child{display:none}.artist-card{grid-template-columns:1fr;min-height:0;box-shadow:9px 9px 0 #d6e4c4}.artist-visual{min-height:260px;padding:2rem;justify-content:flex-end}.artist-photo-frame{width:126px;height:126px;padding:6px}.artist-photo-credit{margin:.75rem 0 0;font-size:.47rem}.artist-visual-name{position:absolute;right:1.6rem;bottom:1.5rem;font-size:clamp(3rem,10vw,4rem)}.artist-botanical{right:-1rem;bottom:-4rem;width:230px;opacity:.45}.artist-info{padding:2rem 1.55rem 2.3rem}.artist-info h2{font-size:clamp(2.9rem,11vw,4rem)}.artist-info>p:not(.section-kicker){font-size:1.02rem}.artist-info .artist-intro{font-size:1.35rem!important}.artist-instagram{width:100%;justify-content:space-between;font-size:.66rem}.artist-arrow{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero:before{animation:none}.playlist-button,.artist-instagram{transition:none}}
