.kick{color:var(--pink);margin-bottom:18px;display:flex;align-items:center;gap:12px}
.kick::before{content:"";width:32px;height:1px;background:var(--grad)}
.hl{background:linear-gradient(90deg,#ff2bd6,#9b2cff) 0 92%/100% .14em no-repeat;-webkit-box-decoration-break:clone;box-decoration-break:clone}
@media(max-width:560px){.hide-sm{display:none}}

/* hero */
.hero{position:relative;isolation:isolate;height:100svh;min-height:560px;overflow:hidden;background:#000}
.hero__frames img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.07);transition:opacity 1.2s ease}
.hero__frames img.on{opacity:1;animation:push 6.5s linear forwards}
@keyframes push{from{transform:scale(1.07)}to{transform:scale(1)}}
.hero__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,7,11,.55) 0%,rgba(8,7,11,0) 28%,rgba(8,7,11,.15) 55%,rgba(8,7,11,.92) 100%)}
.hero__type{position:absolute;z-index:2;left:var(--gut);right:var(--gut);bottom:clamp(70px,11vh,120px)}
.hero__logo{width:min(70vw,720px)}
.hero__logo img{width:100%;height:auto;filter:drop-shadow(0 8px 40px rgba(0,0,0,.45))}
.hero__sub{max-width:480px;margin-top:14px;font-size:clamp(17px,1.5vw,20px);line-height:1.4;color:#e7e0d6}
.hero__ctas{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.hero__meta{position:absolute;z-index:2;left:var(--gut);right:var(--gut);bottom:24px;display:flex;justify-content:space-between;color:rgba(241,236,228,.6)}
@media(max-width:560px){.hero__logo{width:88vw}.hero__type{bottom:64px}}

/* marquee */
.marquee{background:var(--grad);overflow:hidden;padding:16px 0}
.marquee__row{display:flex;width:max-content;animation:scroll 70s linear infinite;font-family:var(--display);font-size:clamp(34px,5vw,68px);line-height:1;text-transform:uppercase;white-space:nowrap;color:#fff}
.marquee__row span{padding:0 .5em;display:flex;align-items:center}
.marquee__row span:nth-child(even){color:transparent;-webkit-text-stroke:1.5px #fff}
.marquee__row span::after{content:"";width:.18em;height:.18em;border-radius:50%;background:#fff;margin-left:1em;-webkit-text-stroke:0}
@keyframes scroll{to{transform:translateX(-50%)}}

/* statement */
.statement{position:relative;overflow:hidden;padding:clamp(110px,15vw,200px) var(--gut)}
.statement__bg{position:absolute;inset:-15% 0;background:url(../images/bg/crowd-overhead.jpg) center/cover;will-change:transform}
.statement::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,7,11,.94) 0%,rgba(8,7,11,.7) 55%,rgba(8,7,11,.35) 100%)}
.statement__in{position:relative;z-index:2}
.statement__text{font-family:var(--display);font-weight:400;font-size:clamp(42px,7vw,112px);line-height:.96;text-transform:uppercase;max-width:15ch}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(50px,7vw,90px);max-width:880px;border-top:1px solid var(--line)}
.stats div{padding:22px 18px 0 0}
.stats b{display:block;font-family:var(--display);font-weight:400;font-size:clamp(44px,6vw,80px);line-height:1}
.stats b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.stats span{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--mute)}
@media(max-width:560px){.stats{grid-template-columns:1fr}.stats div{padding:18px 0;border-bottom:1px solid var(--line)}}

/* chapters rail */
.chapters{padding:clamp(70px,9vw,130px) 0 clamp(50px,6vw,80px)}
.chapters__head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:0 var(--gut) 34px}
.chapters__ctrl{display:flex;gap:8px}
.rbtn{width:52px;height:52px;border-radius:50%;border:1px solid var(--line);font-size:18px;transition:background .2s,color .2s}
.rbtn:hover{background:var(--bone);color:var(--ink)}
@media(max-width:560px){.chapters__ctrl{display:none}}
.rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--gut);padding:0 var(--gut);scrollbar-width:none;scroll-behavior:smooth}
.rail::-webkit-scrollbar{display:none}
.card{position:relative;flex:0 0 auto;width:min(84vw,430px);aspect-ratio:3/4.3;scroll-snap-align:start;overflow:hidden;text-decoration:none;background:var(--ink-2);isolation:isolate}
.card__img{position:absolute;inset:0;z-index:-2}
.card__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity .6s ease,transform 1.4s cubic-bezier(.2,.7,.2,1)}
.card__img img.on{opacity:1;transform:scale(1)}
.card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,7,11,.5) 0%,rgba(8,7,11,0) 26%,rgba(8,7,11,.1) 50%,rgba(8,7,11,.92) 100%)}
.card__top{position:absolute;top:18px;left:20px;right:20px;display:flex;justify-content:space-between}
.card__bottom{position:absolute;left:20px;right:20px;bottom:20px}
.card h3{font-family:var(--display);font-weight:400;font-size:clamp(46px,5vw,66px);line-height:.9;text-transform:uppercase}
.card p{font-family:var(--serif);font-style:italic;font-size:19px;line-height:1.3;margin-top:10px;color:#e7e0d6;max-width:24ch}
.card__go{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;border-top:1px solid rgba(241,236,228,.25);font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.card__go b{display:inline-flex;width:36px;height:36px;border-radius:50%;align-items:center;justify-content:center;border:1px solid rgba(241,236,228,.5);transition:background .25s,border-color .25s,transform .25s}
.card:hover .card__go b{background:var(--grad);border-color:transparent;transform:translateX(4px)}
.card--end{background:var(--grad);display:flex;align-items:flex-end}
.card--end::after{display:none}
.rail__prog{margin:28px var(--gut) 0;height:1px;background:var(--line);position:relative}
.rail__prog i{position:absolute;left:0;top:-1px;height:3px;width:20%;background:var(--grad);transition:left .2s,width .2s}

/* explore band */
.explore-band{position:relative;display:flex;align-items:center;justify-content:center;height:clamp(240px,32vw,420px);overflow:hidden;text-decoration:none;background:#1a0630;isolation:isolate}
.explore-band__strip{position:absolute;top:10%;bottom:10%;left:0;display:flex;gap:8px;animation:scroll 60s linear infinite;width:max-content;z-index:-2}
.explore-band__strip img{height:100%;width:auto;filter:grayscale(1) contrast(1.15)}
.explore-band::after{content:"";position:absolute;inset:0;background:var(--grad);mix-blend-mode:hard-light;opacity:.88;z-index:-1}
.explore-band__txt{display:flex;flex-direction:column;align-items:center;gap:16px;color:#fff;font-family:var(--display);font-size:clamp(84px,16vw,240px);line-height:.82;text-transform:uppercase;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.explore-band__txt .sm{font-family:var(--mono);font-size:12px;font-weight:700;letter-spacing:.16em;background:#fff;color:#3a0a66;padding:12px 18px;line-height:1}
.explore-band:hover .explore-band__txt{transform:scale(1.03)}

/* artist index */
.index{position:relative;padding:clamp(70px,9vw,130px) var(--gut)}
.index__head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:34px}
.index__note{max-width:300px}
.index__list{list-style:none;display:flex;flex-wrap:wrap;column-gap:.42em;font-family:var(--display);font-size:clamp(30px,5vw,80px);line-height:1.06;text-transform:uppercase}
.index__list li{cursor:default;transition:color .15s}
.index__list li::after{content:"/";margin-left:.42em;color:var(--violet)}
.index__list li:last-child::after{content:""}
.index__list li:nth-child(3n+2){color:transparent;-webkit-text-stroke:1.2px var(--bone)}
.index__list li:hover{color:var(--pink);-webkit-text-stroke:0}
.index__peek{position:fixed;left:0;top:0;width:240px;pointer-events:none;z-index:40;opacity:0;transform:translate(-50%,-50%) scale(.92);transition:opacity .2s,transform .25s}
.index__peek.on{opacity:1;transform:translate(-50%,-50%) scale(1)}
@media(hover:none){.index__peek{display:none}}

/* services */
.services{padding:clamp(70px,9vw,130px) var(--gut);background:var(--bone);color:var(--ink)}
.services .outline{-webkit-text-stroke-color:var(--ink)}
.services__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:44px;border-top:1px solid rgba(8,7,11,.25)}
.services article{padding:24px 24px 30px 0;border-bottom:1px solid rgba(8,7,11,.25)}
.services .num{font-family:var(--mono);font-size:12px;font-weight:700;color:var(--violet)}
.services h3{font-family:var(--display);font-weight:400;font-size:clamp(28px,2.6vw,38px);line-height:1;text-transform:uppercase;margin:12px 0 12px}
.services p{font-size:17px;line-height:1.45;max-width:32ch}

/* about */
.about{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,5vw,80px);align-items:center;padding:clamp(80px,10vw,140px) var(--gut)}
.about__imgs{display:grid;gap:22px}
.about figure{background:var(--bone);padding:10px 10px 0}
.about figcaption{font-family:var(--mono);font-size:11px;color:var(--ink);padding:9px 0 11px}
.tilt-l{transform:rotate(-2deg);width:88%}
.tilt-r{transform:rotate(1.6deg);width:88%;justify-self:end}
.about__copy p{margin-bottom:18px;max-width:62ch;color:#d9d2c6}
.about__title{font-family:var(--display);font-weight:400;font-size:clamp(42px,5.6vw,88px);line-height:.98;text-transform:uppercase;margin-bottom:28px}
@media(max-width:860px){.about{grid-template-columns:1fr}.tilt-l,.tilt-r{width:94%}}

/* book */
.book{position:relative;padding:clamp(100px,13vw,180px) var(--gut) clamp(50px,6vw,80px);overflow:hidden;color:#fff;isolation:isolate}
.book__bg{position:absolute;inset:0;z-index:-1;background:url(../images/bg/crowd-overhead.jpg) center/cover}
.book__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,43,214,.86),rgba(155,44,255,.82) 55%,rgba(75,31,224,.9))}
.book .kick{color:#fff}
.book .kick::before{background:#fff}
.book__big{display:flex;flex-direction:column;text-decoration:none;font-family:var(--display);font-size:clamp(68px,16vw,260px);line-height:.86;text-transform:uppercase;transition:letter-spacing .4s}
.book__big .outline{-webkit-text-stroke:2px #fff}
.book__big:hover{letter-spacing:.01em}
.book__foot{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-top:50px}
.book__links{display:flex;flex-wrap:wrap;gap:12px 36px;font-family:var(--mono);font-size:clamp(15px,1.8vw,20px);font-weight:700}
.book__links a{text-decoration:none;border-bottom:2px solid #fff;padding-bottom:4px}
.book__links a:hover{border-color:transparent}
.book__logo{width:clamp(140px,18vw,260px)}
@media(max-width:560px){.hero__shade{background:linear-gradient(180deg,rgba(8,7,11,.55) 0%,rgba(8,7,11,0) 22%,rgba(8,7,11,.35) 45%,rgba(8,7,11,.95) 78%)}}