:root{--ink:#251a20;--wine:#541c29;--deep:#28171d;--rose:#be8791;--paper:#f7f3f0;--cream:#e8dacc;--line:#d8c9c5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}img{max-width:100%}a{color:inherit}a:focus-visible{outline:3px solid #bd7692;outline-offset:5px}.skip{position:absolute;left:-9999px;top:10px;z-index:1000;background:#fff;padding:10px}.skip:focus{left:10px}.wrap{width:min(1160px,calc(100% - 48px));margin:auto}
.site-header{height:76px;padding:0 clamp(24px,4vw,76px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#20161c;color:#fff}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:15px;font-weight:700;letter-spacing:.12em;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #f1e7df;border-radius:5px;font-family:Georgia,serif;font-size:18px;letter-spacing:-.1em;padding-right:3px}.site-header nav{display:flex;gap:clamp(14px,2vw,30px)}.site-header nav a{font-size:11px;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}.site-header nav a:hover,.site-footer a:hover{color:#e9b6c0}
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:calc(100svh - 76px);display:flex;align-items:center;background:radial-gradient(circle at 74% 34%,#873c4d 0,transparent 29%),radial-gradient(circle at 22% 80%,#593943 0,transparent 36%),linear-gradient(125deg,#21171d,#3e202b 58%,#1e171e);color:#fff}.hero::before{content:"";position:absolute;inset:-15%;z-index:-1;background:radial-gradient(ellipse at 74% 37%,#d2a2a533,transparent 43%),radial-gradient(ellipse at 5% 5%,#ecd5c014,transparent 40%);animation:drift 16s ease-in-out 1 alternate}.hero::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.35;background-image:radial-gradient(#fff9 1px,transparent 1px),radial-gradient(#ebc8cf80 1px,transparent 1px);background-size:130px 115px,211px 169px;background-position:20px 12px,90px 72px;mask-image:linear-gradient(90deg,transparent,#000 44%,#000);animation:stars 12s ease-in-out 1}.hero-glow{position:absolute;width:52vw;height:52vw;right:-10vw;top:-15vw;border:1px solid #f1d5d32a;border-radius:50%;box-shadow:0 0 0 60px #fff1,0 0 0 125px #fff1;pointer-events:none}.hero-star{position:absolute;width:8px;height:8px;background:#f9ece0;transform:rotate(45deg);box-shadow:0 0 22px 5px #f7e6d388;animation:starflash 5s ease-in-out 1 both;pointer-events:none}.hero-star-a{top:22%;left:49%}.hero-star-b{top:77%;right:9%;width:5px;height:5px;animation-delay:.9s}.hero-inner{position:relative;width:min(1320px,calc(100% - 80px));margin:56px auto 82px;display:grid;grid-template-columns:minmax(0,1.07fr) minmax(360px,.93fr);align-items:center;gap:clamp(34px,5vw,90px)}.hero-copy{max-width:730px;animation:rise .8s ease-out both}.eyebrow,.section-label{margin:0 0 20px;color:#f2b7c1;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.eyebrow span{margin:0 9px;opacity:.55}.hero h1,.story h2,.details h2,.artist h2,.closing h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;letter-spacing:-.045em}.hero h1{max-width:740px;margin:0;font-size:clamp(62px,6.5vw,112px);line-height:.93}.hero h1 em{display:block;color:#e9b6be;font-style:normal}.hero-lead{max-width:610px;margin:28px 0 20px;color:#f7e8e8;font-size:clamp(18px,1.75vw,24px);line-height:1.5}.release-note{display:flex;align-items:center;gap:10px;color:#efd4d7;font-size:13px;font-weight:700}.release-dot{width:7px;height:7px;border-radius:50%;background:#e5a8b5;box-shadow:0 0 0 5px #e5a8b529}.hero-actions,.closing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{display:inline-flex;justify-content:center;align-items:center;gap:16px;min-height:56px;padding:15px 24px;border-radius:100px;text-decoration:none;font-size:13px;font-weight:700;box-shadow:0 8px 24px #09050825;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.button:hover{transform:translateY(-3px);box-shadow:0 13px 30px #09050845}.button-main{background:#f0d8dd;color:#301b23}.button-main:hover{background:#fff0f1}.button-light{background:#ffffff12;color:#fff;border:1px solid #eed8db99}.button-light:hover{background:#ffffff25}.hero-fine{max-width:540px;margin:18px 0 0;color:#dcc5c8;font-size:11px;line-height:1.6}.hero-art{position:relative;width:min(100%,540px);justify-self:end;animation:artEnter 1s .15s ease-out both}.hero-art img{position:relative;display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border:10px solid #f2ece9;box-shadow:0 34px 80px #0f080c88;transform:rotate(1.3deg);transition:transform .55s ease}.hero-art:hover img{transform:rotate(0deg) translateY(-7px)}.art-aura{position:absolute;inset:-28px;border:1px solid #f5c9d22c;transform:rotate(-3deg);box-shadow:0 0 0 23px #f4bec708,0 0 0 48px #f4bec705}.art-caption{display:block;margin-top:26px;color:#e5ced1;font-size:10px;letter-spacing:.14em;text-align:center;text-transform:uppercase}.scroll-cue{position:absolute;left:max(40px,calc((100vw - 1320px)/2));bottom:27px;color:#ead8da;text-decoration:none;font-size:11px;letter-spacing:.13em;text-transform:uppercase}.scroll-cue span{margin-left:8px}
.story,.details,.artist{padding:clamp(84px,10vw,144px) 0}.story-grid,.details-grid,.artist-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(35px,7vw,100px)}.section-label{color:#8a4958}.story h2,.details h2,.artist h2,.closing h2{margin:0;font-size:clamp(54px,6vw,89px);line-height:1.02}.story h2 em,.closing h2 em{color:#8e4356;font-style:normal}.story-text{max-width:700px}.story-text p,.artist-copy p,.details-grid>div>p:not(.section-label),.closing p:not(.section-label){font-size:clamp(16px,1.4vw,19px);line-height:1.75}.story-text p{margin:0 0 22px}.story-text .lead{font-size:clamp(20px,1.7vw,25px);line-height:1.55;color:#4a2e38}.quote-band{position:relative;overflow:hidden;padding:70px 0;background:#4a1d2a;color:#fff;text-align:center}.quote-band::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#eecbd410,transparent);transform:skewX(-25deg);animation:lightPass 4s ease-out 1}.quote-band p{position:relative;margin:0;font:normal clamp(35px,4vw,62px)/1.15 'Libre Caslon Display',Georgia,serif}.quote-band span{display:block;margin-top:14px;color:#f1d5d9;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.details{background:#ece4df}.details-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.details-grid>div>p:not(.section-label){max-width:420px;color:#645b60}.details dl{margin:0;border-top:1px solid #cab9b5}.details dl div{display:grid;grid-template-columns:125px 1fr;gap:24px;padding:21px 0;border-bottom:1px solid #cab9b5}.details dt{color:#814757;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.details dd{margin:0;font-size:16px;line-height:1.5}.artist-grid{align-items:center;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.artist-image{overflow:hidden;background:#c5b5b3}.artist-image img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 34%}.artist-copy p{max-width:550px;color:#554a4e}.artist-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:30px}.artist-links a,.text-link{color:#783e4e;font-size:13px;font-weight:700;text-decoration:none;border-bottom:1px solid #b68894;padding-bottom:5px}.artist-links a:hover,.text-link:hover{color:#ad546b}.closing{padding:clamp(82px,10vw,140px) 0;background:radial-gradient(circle at 75% 20%,#753b49,transparent 35%),linear-gradient(125deg,#28171d,#451f2c);color:#fff}.closing h2 em{color:#e3aeb9}.closing p:not(.section-label){max-width:480px;color:#eddddd}.closing .text-link{align-self:center;margin-left:12px;color:#f0d7dc}.site-footer{padding:34px 0;background:#21171d;color:#e8dadc}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}.footer-inner p{font-size:12px}.footer-inner nav{display:flex;gap:18px}.footer-inner nav a{font-size:11px;text-decoration:none}
@keyframes drift{from{transform:translate(0,0)}to{transform:translate(-4%,3%)}}@keyframes stars{from{opacity:0;transform:translateY(18px)}to{opacity:.35;transform:translateY(0)}}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes artEnter{from{opacity:0;transform:translateY(24px) rotate(-2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes starflash{from{opacity:0;transform:rotate(45deg) scale(.4)}to{opacity:1;transform:rotate(45deg) scale(1)}}@keyframes lightPass{from{transform:translateX(-85%) skewX(-25deg)}to{transform:translateX(120%) skewX(-25deg)}}
@media(max-width:900px){.hero-inner{grid-template-columns:1fr;gap:35px;width:min(700px,calc(100% - 48px));margin:66px auto 88px}.hero-art{justify-self:center;width:min(75%,430px)}.hero h1{font-size:clamp(62px,9vw,90px)}.scroll-cue{left:24px}.story-grid,.details-grid,.artist-grid{grid-template-columns:1fr;gap:30px}.artist-image{max-width:680px}.footer-inner{flex-wrap:wrap}.hero-glow{width:90vw;height:90vw;right:-30vw;top:30vw}}
@media(max-width:600px){.site-header{height:auto;min-height:70px;padding:14px 20px;flex-wrap:wrap}.brand{font-size:12px}.site-header nav{width:100%;justify-content:space-between;gap:10px;padding-top:7px}.site-header nav a{font-size:10px}.hero{min-height:calc(100svh - 108px)}.hero-inner{width:calc(100% - 42px);margin:48px auto 70px;gap:28px}.hero h1{font-size:clamp(53px,12vw,72px)}.hero-lead{margin:23px 0 16px;font-size:17px}.release-note{font-size:11px;line-height:1.5}.hero-actions{margin-top:23px;display:grid}.button{width:100%;min-height:52px}.hero-art{width:min(78%,350px)}.hero-art img{border-width:7px}.art-caption{margin-top:15px;font-size:8px}.scroll-cue{bottom:17px;font-size:9px}.wrap{width:calc(100% - 42px)}.story,.details,.artist{padding:72px 0}.story h2,.details h2,.artist h2,.closing h2{font-size:clamp(50px,11vw,67px)}.details dl div{grid-template-columns:95px 1fr;gap:12px}.details dd{font-size:14px}.quote-band{padding:55px 0}.quote-band span{font-size:10px}.closing{padding:75px 0}.closing .text-link{margin-left:0}.footer-inner{align-items:flex-start;flex-direction:column}.footer-inner nav{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}