:root{--night:#101d20;--night2:#152b2d;--gold:#eac49a;--cream:#f5efe7;--paper:#f8f5ef;--ink:#19282b;--muted:#5d6967}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:'DM Sans',Arial,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}img{max-width:100%}.skip-link{position:absolute;left:-999px;top:8px;background:#fff;padding:12px;z-index:20}.skip-link:focus{left:8px}.site-header{position:absolute;inset:0 0 auto;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:19px clamp(20px,5vw,84px);color:#fff;border-bottom:1px solid #ffffff2e}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.19em;white-space:nowrap}.brand img{border-radius:50%;object-fit:cover}.site-header nav,footer nav{display:flex;align-items:center;gap:clamp(18px,3vw,42px)}.site-header nav a,footer nav a{text-decoration:none;font-size:12px;font-weight:600}.site-header nav a:hover,footer nav a:hover{text-decoration:underline;text-underline-offset:5px}.hero{min-height:100svh;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 70% 55%,#8d684761,transparent 35%),radial-gradient(ellipse at 15% 60%,#335052,transparent 46%),linear-gradient(115deg,#0b171b,#172c2e 60%,#0a171a);color:#fff}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:url('./assets/i-stand-forgiven-cover.jpg');background-size:cover;background-position:center;filter:blur(46px);transform:scale(1.12);z-index:-2}.hero-glow{position:absolute;right:8%;top:12%;width:58vw;height:74vh;background:radial-gradient(ellipse,#eda96450,transparent 64%);filter:blur(25px);animation:breathe 8s ease-in-out infinite alternate;z-index:-1}.hero-dust{position:absolute;inset:0;pointer-events:none;opacity:.37;background-image:radial-gradient(circle at 18% 22%,#f8d9a5 1px,transparent 2px),radial-gradient(circle at 74% 32%,#fff6d6 1px,transparent 2px),radial-gradient(circle at 57% 76%,#f5d29d 1px,transparent 2px),radial-gradient(circle at 34% 84%,#fff 1px,transparent 2px);background-size:310px 280px,390px 380px,430px 300px,540px 480px;animation:drift 28s linear infinite;z-index:-1}.hero-inner{width:min(1440px,100%);min-height:100svh;margin:auto;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:clamp(25px,5vw,95px);align-items:center;padding:110px clamp(24px,6vw,110px) 55px}.eyebrow,.section-label{font-size:11px;letter-spacing:.25em;font-weight:700;color:var(--gold);text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 23px}.eyebrow .line{display:inline-block;width:28px;height:1px;background:var(--gold)}.eyebrow .divider{color:#a0a49d}.hero h1,h2{font-family:'DM Serif Display',Georgia,serif;font-weight:400}.hero h1{font-size:clamp(74px,8.2vw,146px);line-height:.93;letter-spacing:-.035em;margin:0 0 30px}.hero h1 em,h2 em{font-weight:400;color:var(--gold)}.hero-deck{font-size:clamp(17px,1.55vw,23px);line-height:1.5;max-width:540px;margin:0 0 31px;color:#e3e6dd}.listen{width:min(100%,400px)}.spotify-button{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:20px 24px;background:#f7f4ed;color:#142427;border:1px solid #fff;border-radius:13px;text-decoration:none;font-weight:700;font-size:15px;box-shadow:0 16px 38px #0006;transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.spotify-button:after{content:"";position:absolute;inset:-40% auto -40% -60%;width:35%;transform:skewX(-24deg);background:linear-gradient(90deg,transparent,#fff9,transparent);animation:shine 1.2s ease-out 1 .7s}.spotify-button:hover{transform:translateY(-3px);background:#fff;box-shadow:0 23px 50px #0008}.other-listening{display:flex;gap:10px;margin-top:10px}.other-listening a{flex:1;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border:1px solid #ffffff6b;border-radius:10px;color:#f5f3ea;text-decoration:none;font-size:13px;font-weight:600;transition:background .2s ease,transform .2s ease}.other-listening a:hover{background:#ffffff1d;transform:translateY(-2px)}.scroll-cue{display:inline-block;margin-top:24px;font-size:12px;text-decoration:none;border-bottom:1px solid #c7bcaa;padding-bottom:5px;color:#e1d9c8}.cover{position:relative;justify-self:center;width:min(100%,550px);margin:0;filter:drop-shadow(0 38px 50px #0009);animation:coverIn 1.15s cubic-bezier(.16,1,.3,1) both}.cover-halo{position:absolute;inset:-8%;background:radial-gradient(circle,#f1a56b55,transparent 65%);filter:blur(25px);z-index:-1}.cover img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:1px solid #f0d2ac88;box-shadow:0 0 0 10px #ffffff09;transition:transform .6s ease}.cover:hover img{transform:translateY(-5px)}.cover figcaption{margin-top:23px;text-align:center;font-size:10px;letter-spacing:.25em;font-weight:700;color:#dac8ab}.cover figcaption span{padding:0 7px}.release-note{display:flex;justify-content:space-around;gap:20px;background:#ebdfcf;color:#32413d;padding:15px 24px;font-size:11px;font-weight:700;letter-spacing:.21em}.story{background:#faf8f3;padding:clamp(72px,9vw,150px) 24px}.story-grid{max-width:1120px;margin:auto;display:grid;grid-template-columns:190px minmax(0,760px);gap:clamp(40px,8vw,120px)}.story-rail{padding-top:18px;color:#8a674e}.story-rail span{font-size:10px;letter-spacing:.25em;font-weight:700}.rail-line{height:1px;background:#d6bca0;margin:22px 0}.story-rail p{font-family:'DM Serif Display',Georgia,serif;font-size:24px;line-height:1.25;margin:0}.story-body h2,.video h2,.artist h2,.more h2,.service h2{font-size:clamp(47px,5vw,78px);line-height:1.04;letter-spacing:-.025em;margin:10px 0 37px}.story-body h2 em{color:#a97450}.story-body>p{font-size:17px;line-height:1.85;color:#394744;margin:0 0 23px}.story-body>p.lead{font-size:22px;line-height:1.6;color:#21312f}.story-body>p a{text-underline-offset:4px}.story blockquote{margin:43px 0;padding:17px 0 17px 32px;border-left:2px solid #a9754f}.story blockquote p{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(28px,3vw,44px);line-height:1.24;margin:0 0 10px}.story blockquote cite{font-style:normal;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#8d6b56}.story-cta{margin-top:48px;padding:24px 28px;background:#e9e1d5;display:flex;justify-content:space-between;align-items:center;gap:20px;border-radius:4px}.story-cta span{display:block;font-size:10px;font-weight:700;letter-spacing:.2em;color:#855e44}.story-cta strong{display:block;margin-top:5px;font-family:'DM Serif Display',Georgia,serif;font-size:28px;font-weight:400}.story-cta a{background:#173332;color:#fff;text-decoration:none;padding:14px 18px;border-radius:7px;white-space:nowrap;font-weight:700;font-size:13px}.story-cta a:hover{background:#29514b}.video{padding:clamp(75px,8vw,120px) 24px;background:#142526;color:#f8f4eb}.video-inner{max-width:1160px;margin:auto;display:grid;grid-template-columns:.65fr 1fr;gap:clamp(30px,6vw,90px);align-items:center}.video h2{margin-bottom:20px}.video-heading>p:last-child{font-size:17px;line-height:1.6;color:#c9d4cf}.video-frame{position:relative;aspect-ratio:16/9;background:#0b171a;border:1px solid #f3dfba44;box-shadow:0 30px 50px #0007}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-links{display:flex;gap:20px;flex-wrap:wrap;padding-top:18px}.video-links a{font-size:13px;text-decoration:none;border-bottom:1px solid #f0d5a9;padding-bottom:5px}.artist{padding:clamp(75px,9vw,130px) 24px;background:#e6e7e0}.artist-inner{max-width:1160px;margin:auto;display:grid;grid-template-columns:1fr .85fr;gap:clamp(30px,6vw,90px);align-items:center}.artist-image{overflow:hidden;box-shadow:0 25px 45px #19382b25}.artist-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.artist h2{margin-bottom:23px}.artist h2 em{color:#a26d4b}.artist-copy>p:not(.section-label){font-size:17px;line-height:1.7;color:#3b4b49}.artist-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.artist-links a{padding:10px 13px;border:1px solid #566764;border-radius:7px;text-decoration:none;font-size:12px;font-weight:700}.artist-links a:hover{background:#173332;color:#fff}.more{padding:70px 24px;background:#f7f3ec}.more-inner{max-width:1160px;margin:auto;display:flex;justify-content:space-between;align-items:end;gap:25px}.more h2{font-size:clamp(42px,4vw,65px);margin:0}.more h2 em{color:#a26d4b}.more-inner>a{padding:15px 0;text-decoration:none;border-bottom:1px solid #a2744c;font-size:14px;font-weight:700}.service{background:#e9dcc9;padding:56px max(24px,calc((100% - 1160px)/2));display:flex;justify-content:space-between;gap:30px;align-items:center}.service h2{font-size:42px;margin:5px 0}.service p:not(.section-label){font-size:15px;line-height:1.6;max-width:520px;margin:0}.service>a{background:#173332;color:#fff;border-radius:7px;text-decoration:none;white-space:nowrap;padding:17px 20px;font-size:13px;font-weight:700}footer{background:#102122;color:#f7f3ea;padding:30px clamp(24px,5vw,80px);display:flex;justify-content:space-between;align-items:center;gap:20px}@keyframes breathe{from{transform:scale(.85);opacity:.5}to{transform:scale(1.1);opacity:1}}@keyframes drift{to{background-position:310px 280px,-390px 380px,430px -300px,-540px 480px}}@keyframes shine{to{left:130%}}@keyframes coverIn{from{opacity:0;transform:translateY(28px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:900px){.hero-inner{grid-template-columns:1fr 330px;gap:20px;padding-inline:36px}.hero h1{font-size:clamp(65px,8vw,105px)}.cover{width:330px}.story-grid{grid-template-columns:130px 1fr;gap:45px}.video-inner{grid-template-columns:1fr}.artist-inner{gap:35px}}@media(max-width:700px){.site-header{padding:14px 20px}.site-header nav a:nth-child(2){display:none}.site-header nav a{font-size:11px}.brand{font-size:10px;letter-spacing:.13em}.brand img{width:30px;height:30px}.hero-inner{display:flex;flex-direction:column;justify-content:center;gap:20px;padding:85px 22px 35px;min-height:100svh}.hero-copy{width:100%;display:contents}.hero .eyebrow{order:0;align-self:flex-start;margin:0 0 3px;font-size:9px}.cover{order:1;width:min(44vw,198px);align-self:center;animation-duration:.8s}.cover figcaption{font-size:8px;letter-spacing:.12em;margin-top:10px}.hero h1{order:2;align-self:stretch;font-size:clamp(54px,14vw,80px);line-height:.92;text-align:center;margin:0}.hero-deck{order:3;text-align:center;font-size:15px;line-height:1.42;margin:0;max-width:430px}.listen{order:4;width:min(100%,420px);margin:0 auto}.spotify-button{padding:15px 18px;font-size:14px}.other-listening a{padding:11px 13px;font-size:11px}.scroll-cue{order:5;margin:0 auto;font-size:10px}.hero-glow{width:100vw;right:-20%;top:10%}.release-note{font-size:8px;letter-spacing:.13em;gap:6px}.story{padding:70px 22px}.story-grid{display:block}.story-rail{display:none}.story-body h2,.video h2,.artist h2{font-size:clamp(43px,10vw,60px)}.story-body>p{font-size:16px;line-height:1.75}.story-body>p.lead{font-size:19px}.story-cta{display:block;padding:22px}.story-cta a{display:block;text-align:center;margin-top:18px}.video{padding:70px 22px}.artist{padding:70px 22px}.artist-inner{display:block}.artist-copy{margin-top:34px}.artist-image img{aspect-ratio:4/3}.more-inner,.service{display:block}.more-inner>a,.service>a{display:inline-block;margin-top:28px}.service{padding:50px 24px}footer{display:block}footer nav{margin-top:22px;flex-wrap:wrap;gap:16px}footer nav a{font-size:11px}}@media(max-width:700px) and (max-height:760px){.hero-inner{gap:10px;padding-top:70px;padding-bottom:20px}.cover{width:min(33vw,140px)}.hero h1{font-size:clamp(46px,12vw,65px)}.hero-deck{font-size:13px}.spotify-button{padding:12px 15px}.other-listening a{padding:9px 11px}.scroll-cue{margin-top:1px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
