:root{--ink:#111b1a;--coal:#101716;--coal-2:#182321;--cream:#f4f1e9;--paper:#ebe8de;--muted:#b5c0b8;--line:rgba(244,241,233,.22);--green:#b7e19b;--spotify:#1ed760;--serif:"Fraunces",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--coal);color:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--spotify);outline-offset:5px}.wrap{width:min(1420px,calc(100% - 8vw));margin:auto}.skip-link{position:absolute;left:1rem;top:-6rem;z-index:100;background:#fff;color:#111;padding:.7rem 1rem}.skip-link:focus{top:1rem}
.site-header{position:absolute;top:0;left:0;width:100%;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:23px 4vw;border-bottom:1px solid rgba(255,255,255,.17)}.brand{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;font-family:Georgia,serif;font-weight:700;font-size:.9rem;white-space:nowrap;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1.5px solid currentColor;font-size:.78rem;letter-spacing:-.06em}.header-note,.header-link{font-size:.66rem;font-weight:800;letter-spacing:.18em}.header-note{color:#c8d1c8}.header-link{text-decoration:none;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:5px}.header-link span{font-size:1rem;margin-left:.4rem}
.hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:100svh;overflow:hidden;padding:100px 0 72px;background:radial-gradient(circle at 64% 53%,#34413e 0%,#17211f 36%,#0b1110 83%)}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background-image:url('./assets/cant-thank-you-enough-cover.webp');background-size:cover;background-position:center;filter:grayscale(1) blur(27px);opacity:.14;transform:scale(1.1)}.hero-texture{position:absolute;inset:0;z-index:-1;opacity:.22;background:repeating-linear-gradient(174deg,transparent 0 4px,rgba(255,255,255,.028) 5px 6px,transparent 7px 12px);mix-blend-mode:screen}.hero-glow{position:absolute;right:-12%;top:-35%;width:70vw;height:80vw;border-radius:50%;background:radial-gradient(circle,rgba(174,203,184,.16),transparent 65%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.9fr);gap:clamp(3rem,7vw,8rem);align-items:center;padding:34px 0}.hero-copy{position:relative;z-index:2}.hero-eyebrow,.kicker,.section-label{margin:0;font-size:.66rem;font-weight:800;letter-spacing:.25em;line-height:1.5}.hero-eyebrow{display:flex;align-items:center;gap:13px;color:#d2d9cf}.hero-eyebrow span{display:block;width:35px;height:1px;background:var(--green)}.hero h1{font-family:var(--serif);font-weight:400;letter-spacing:-.075em;font-size:clamp(4.4rem,7.2vw,8.8rem);line-height:.91;margin:32px 0 27px;text-wrap:balance}.hero h1 em{font-weight:300;color:#dce8d9;white-space:nowrap}.hero-description{max-width:530px;margin:0 0 35px;color:#d6ded7;font-family:var(--serif);font-size:clamp(1.25rem,1.65vw,1.75rem);line-height:1.35}.spotify-cta{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;width:min(100%,475px);min-height:91px;padding:16px 19px 16px 28px;border:1px solid rgba(213,255,215,.75);background:linear-gradient(110deg,#21d966 0%,#b8f0a0 100%);color:#092016;text-decoration:none;box-shadow:0 0 0 8px rgba(43,221,103,.055),0 18px 45px rgba(0,0,0,.25),0 0 50px rgba(49,235,117,.12);transition:transform .35s ease,box-shadow .35s ease,background .35s ease}.spotify-cta:hover{transform:translateY(-5px) scale(1.014);box-shadow:0 0 0 11px rgba(43,221,103,.1),0 25px 65px rgba(0,0,0,.35),0 0 65px rgba(49,235,117,.23)}.spotify-cta:active{transform:translateY(-1px) scale(.99)}.cta-label{position:relative;z-index:1;display:flex;flex-direction:column;gap:5px}.cta-label small{font-size:.62rem;font-weight:800;letter-spacing:.19em}.cta-label strong{font-size:clamp(1.12rem,1.45vw,1.4rem);font-weight:800;letter-spacing:-.035em;line-height:1.12}.cta-arrow{position:relative;z-index:1;display:grid;place-items:center;flex:none;width:49px;height:49px;border-radius:50%;border:1px solid rgba(0,38,11,.35);font-size:1.8rem;line-height:1;transition:transform .35s ease,background .35s ease}.spotify-cta:hover .cta-arrow{transform:translate(3px,-3px);background:rgba(255,255,255,.35)}.cta-shine{position:absolute;z-index:0;inset:-160% auto -160% -20%;width:23%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);animation:shimmer 5.8s ease-in-out infinite}@keyframes shimmer{0%,70%{left:-30%}100%{left:130%}}.hero-under{display:flex;align-items:center;gap:15px;margin-top:30px;color:#b6c2b8;font-size:.65rem;font-weight:800;letter-spacing:.2em}.under-divider{height:1px;width:29px;background:#95aa98}.cover-stage{position:relative;display:grid;place-items:center;min-width:0;padding:28px}.cover-frame{position:relative;z-index:2;overflow:hidden;width:min(100%,590px);aspect-ratio:1;margin:0;background:#17201e;box-shadow:0 40px 70px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.21);transform:rotate(2.5deg);transition:transform .65s cubic-bezier(.2,.8,.2,1),box-shadow .65s}.cover-stage:hover .cover-frame{transform:rotate(0deg) scale(1.028);box-shadow:0 55px 80px rgba(0,0,0,.63),0 0 0 1px rgba(255,255,255,.45)}.cover-frame img{width:100%;height:100%;object-fit:cover}.cover-orbit{position:absolute;border:1px solid rgba(218,235,218,.17);border-radius:50%;pointer-events:none}.orbit-one{width:112%;aspect-ratio:1;transform:rotate(-15deg);animation:orbitbreath 9s ease-in-out infinite}.orbit-two{width:135%;aspect-ratio:1;border-color:rgba(218,235,218,.09);animation:orbitbreath 12s ease-in-out infinite reverse}.cover-light{position:absolute;z-index:1;width:65%;height:65%;border-radius:50%;background:rgba(198,231,208,.14);filter:blur(70px);animation:lightbreath 6s ease-in-out infinite alternate}@keyframes orbitbreath{50%{transform:scale(1.045)}}@keyframes lightbreath{to{opacity:.35;transform:scale(1.25)}}.cover-corner{position:absolute;width:84px;height:84px;z-index:3;pointer-events:none}.corner-top{top:5px;left:5px;border-top:1px solid #b2c5b5;border-left:1px solid #b2c5b5}.corner-bottom{bottom:5px;right:5px;border-bottom:1px solid #b2c5b5;border-right:1px solid #b2c5b5}.cover-caption{position:absolute;bottom:-15px;right:6%;display:flex;gap:16px;color:#9bb1a1;font-size:.56rem;font-weight:800;letter-spacing:.16em}.cover-caption span{color:#e4eee5}.hero-foot{position:absolute;left:4vw;right:4vw;bottom:24px;width:auto;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.16);padding-top:16px;color:#a5b3a8;font-size:.62rem;font-weight:800;letter-spacing:.18em}.hero-foot a{text-decoration:none;transition:color .2s}.hero-foot a:hover{color:var(--spotify)}.hero-foot a span{font-size:1.05rem;margin-left:.35rem}
.story{position:relative;background:var(--cream);color:var(--ink);padding:clamp(5rem,11vw,10rem) 0}.story-grid{display:grid;grid-template-columns:235px minmax(0,760px);justify-content:center;gap:clamp(3rem,7vw,9rem)}.story-side{border-top:1px solid #b8c0b3;padding-top:18px;color:#486354}.section-label,.story .kicker{color:#526e59}.side-cross{position:relative;width:150px;height:178px;margin:77px 0 49px;opacity:.19;transform:rotate(-8deg)}.side-cross:before,.side-cross:after{content:"";position:absolute;background:#42604c;filter:blur(.3px)}.side-cross:before{left:66px;width:22px;height:100%}.side-cross:after{top:57px;left:7px;width:138px;height:21px}.story-side p{color:#657369;font-size:.65rem;line-height:1.9;letter-spacing:.13em;font-weight:800}.story h2,.video-section h2,.artist h2,.final-listen h2{font-family:var(--serif);font-size:clamp(3.3rem,5.3vw,6.8rem);line-height:1.04;letter-spacing:-.06em;font-weight:400;margin:24px 0 38px}.story h2 em,.video-section h2 em,.artist h2 em,.final-listen h2 em{font-weight:300;color:#657c67}.story-body>p:not(.kicker),.artist-copy p:not(.kicker){max-width:720px;font-size:clamp(1.08rem,1.2vw,1.28rem);line-height:1.84;color:#303c35;margin:0 0 23px}.story-body .story-lead{font-size:clamp(1.3rem,1.6vw,1.7rem)!important;line-height:1.58!important;color:#1b2921!important;margin-bottom:29px!important}.story strong{font-weight:800}.story-pull{position:relative;margin:56px 0 52px;padding:29px 20px 26px 36px;border-left:2px solid #93b08d;background:#e9eee5}.story-pull>span{position:absolute;left:11px;top:0;color:#8ead8b;font-family:var(--serif);font-size:4rem;line-height:1}.story-pull p{font-family:var(--serif);font-size:clamp(1.7rem,2.25vw,2.6rem);line-height:1.18;letter-spacing:-.04em;margin:0;color:#344c38}.credits{margin-top:58px;padding-top:29px;border-top:1px solid #b8c0b3}.credits p:nth-child(2){color:#556259;font-size:.9rem;line-height:1.7;margin:17px 0}.credits a{font-size:.67rem;font-weight:800;letter-spacing:.16em;text-decoration:none;border-bottom:1px solid #719177;padding-bottom:6px}.credits a:hover{color:#367944}
.video-section{position:relative;overflow:hidden;padding:clamp(5rem,9vw,9rem) 0;background:#182622;color:#f0f3ea}.video-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 5% 40%,rgba(194,231,191,.08),transparent 38%),repeating-linear-gradient(3deg,transparent 0 22px,rgba(255,255,255,.018) 23px 24px);pointer-events:none}.video-wrap{position:relative;z-index:1}.video-heading{text-align:center}.video-heading .kicker{color:#aac7ad}.video-section h2{margin:13px 0 41px}.video-section h2 em{color:#b4d3b6}.video-frame{aspect-ratio:16/9;width:min(100%,1120px);margin:auto;padding:10px;background:#e9e8df;box-shadow:0 22px 70px rgba(0,0,0,.35)}.video-frame iframe{display:block;width:100%;height:100%;border:0;background:#0b1110}
.artist{background:#e6e9df;color:var(--ink);padding:clamp(5rem,9vw,9rem) 0}.artist-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:center;gap:clamp(3rem,7vw,9rem)}.artist-photo{position:relative;aspect-ratio:4/5;max-height:610px;overflow:hidden;background:#52615c}.artist-photo:after{content:"";position:absolute;inset:0;border:15px solid rgba(255,255,255,.18);pointer-events:none}.artist-photo img{width:100%;height:100%;object-fit:cover;object-position:52% center;filter:grayscale(.5);transition:filter .6s,transform .8s}.artist-photo:hover img{filter:grayscale(0);transform:scale(1.035)}.artist .kicker{color:#56745e}.artist h2{margin:21px 0 29px}.artist-link{display:inline-flex;align-items:center;gap:2rem;margin-top:17px;padding:15px 0;border-bottom:1px solid #58785e;text-decoration:none;font-size:.7rem;font-weight:800;letter-spacing:.15em;transition:gap .3s,color .3s}.artist-link:hover{gap:2.6rem;color:#2d783f}.artist-link span{font-size:1.2rem}
.final-listen{position:relative;overflow:hidden;padding:clamp(6rem,10vw,10rem) 0;text-align:center;background:#0c1412}.final-listen:before{content:"";position:absolute;inset:-10%;background-image:url('./assets/cant-thank-you-enough-cover.webp');background-size:cover;background-position:center;opacity:.1;filter:blur(20px)}.final-inner{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column}.final-inner .kicker{color:#b1c8b3}.final-listen h2{margin:17px 0}.final-listen h2 em{color:#c4dec7}.final-listen p:not(.kicker){max-width:570px;margin:0 0 33px;color:#bdc9c0;line-height:1.7}.spotify-cta-final{text-align:left}.apple-link{margin-top:30px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:5px;font-size:.66rem;font-weight:800;letter-spacing:.17em;color:#d0dbd0}.apple-link:hover{color:#fff}
.site-footer{background:#09110f;border-top:1px solid rgba(255,255,255,.13)}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:2rem;min-height:110px;padding:25px 0}.footer-inner>span,.footer-inner>a:last-child{font-size:.59rem;font-weight:800;letter-spacing:.15em;color:#a8b6aa}.footer-inner>a:last-child{text-decoration:none}
@media(max-width:1050px){.header-note{display:none}.hero-grid{gap:3vw}.hero h1{font-size:clamp(3.8rem,7vw,6.5rem)}.story-grid{grid-template-columns:165px minmax(0,1fr);gap:4vw}}
@media(max-width:720px){.wrap{width:min(100% - 38px,540px)}.site-header{padding:17px 19px}.brand{font-size:.73rem}.brand-mark{width:29px;height:29px;font-size:.67rem}.header-link{font-size:.56rem;letter-spacing:.1em}.hero{min-height:100svh;align-items:stretch;padding:75px 0 65px}.hero-grid{display:flex;flex-direction:column-reverse;justify-content:center;gap:19px;padding:0}.cover-stage{width:min(67vw,285px);padding:8px;margin:0 auto}.cover-frame{transform:rotate(2deg)}.cover-corner{width:35px;height:35px}.corner-top{top:-2px;left:-2px}.corner-bottom{bottom:-2px;right:-2px}.cover-caption{display:none}.hero-copy{width:100%;text-align:center}.hero-eyebrow{justify-content:center;font-size:.51rem;letter-spacing:.17em}.hero-eyebrow span{width:16px}.hero h1{font-size:clamp(2.6rem,10.7vw,4.55rem);margin:15px 0 12px;line-height:.93;letter-spacing:-.064em}.hero-description{font-size:clamp(.98rem,3.7vw,1.23rem);line-height:1.27;margin:0 auto 20px;max-width:350px}.spotify-cta{margin:auto;min-height:72px;padding:12px 13px 12px 18px;max-width:390px}.cta-label small{font-size:.5rem}.cta-label strong{font-size:clamp(1rem,4.1vw,1.22rem)}.cta-arrow{width:42px;height:42px;font-size:1.5rem}.hero-under{justify-content:center;margin-top:17px;font-size:.52rem;letter-spacing:.13em}.hero-foot{left:19px;right:19px;bottom:15px;font-size:.47rem}.hero-foot a span{font-size:.85rem}.story-grid{display:block}.story-side{display:none}.story h2,.artist h2,.video-section h2,.final-listen h2{font-size:clamp(2.7rem,10.6vw,4.4rem)}.story{padding:76px 0}.story h2{margin:15px 0 26px}.story-body>p:not(.kicker),.artist-copy p:not(.kicker){font-size:1.02rem;line-height:1.72}.story-pull{margin:40px 0}.video-section{padding:76px 0}.video-section h2{margin:15px 0 28px}.video-frame{padding:5px}.artist{padding:70px 0}.artist-grid{display:flex;flex-direction:column;align-items:stretch;gap:34px}.artist-photo{aspect-ratio:1.35;max-height:380px}.artist-copy h2{margin:13px 0 20px}.final-listen{padding:80px 0}.footer-inner{min-height:0;flex-wrap:wrap;gap:17px;padding:28px 0}.footer-inner>span{display:none}}
@media(max-height:760px) and (max-width:720px){.hero{padding-top:61px;padding-bottom:47px}.cover-stage{width:min(52vw,200px)}.hero-grid{gap:10px}.hero h1{font-size:clamp(2.5rem,9vw,3.4rem);margin:9px 0}.hero-description{font-size:.94rem;margin-bottom:12px}.spotify-cta{min-height:64px}.hero-under{margin-top:11px}.hero-foot{bottom:9px;padding-top:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}