/* Banditi: a musician layout inspired by the supplied Rebellion reference. */
:root{--bg:#171717;--bg-alt:#171717;--surface:#212121;--text:#fff;--muted:#b0b0b0;--line:#ffffff20;--heading:'Kanit',Arial,sans-serif;--body:'Kanit',Arial,sans-serif;--script:'Permanent Marker',cursive;--container:1230px}
html{scroll-padding-top:95px}
body{font-size:16px;line-height:26px;font-weight:300;background:var(--bg)}
body,main{min-width:0}
[hidden]{display:none!important}
::selection{background:var(--accent);color:#fff}
:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.skip-link{position:fixed;left:20px;top:-100px;z-index:300;padding:12px 20px;background:white;color:#171717}
.skip-link:focus{top:12px}
.container{padding-inline:45px}
.grain{inset:0;opacity:.018;animation:none;z-index:90}
.header{padding:24px 0;border:0;background:linear-gradient(#0005,transparent)}
.header.scrolled,body:not(.is-home) .header{padding:20px 0;background:#171717f5;backdrop-filter:blur(10px);border-bottom:1px solid #ffffff12}
.header-inner{position:relative;justify-content:center;max-width:1400px;gap:0}
.logo{position:absolute;left:50%;transform:translateX(-50%);font:900 italic 29px/1 var(--heading);letter-spacing:-.025em;color:white;max-width:190px;z-index:3;text-align:center}
.logo img{max-height:42px;max-width:175px;width:auto;object-fit:contain}
.logo:hover{color:white}
.nav{margin:0;width:100%;justify-content:center;align-items:center;gap:25px}
.nav a{font:600 11px/1.3 var(--body);letter-spacing:.05em;padding:9px 0;white-space:nowrap}
.nav a::after{height:2px;bottom:2px;background:var(--accent)}
.nav a.is-active::after{width:100%}
.nav-logo-space{width:205px;flex-shrink:0}
.header-tools{position:absolute;right:8px;gap:14px}
.lang-switch{font:500 9px/1 var(--body);gap:0;letter-spacing:0}
.lang-switch a{padding:5px 4px;border:0;color:#aaa}
.lang-switch a.active{border:0;color:white}
.burger{z-index:4}
.hero{isolation:isolate;min-height:620px;min-height:clamp(540px,72svh,820px);padding:125px 0 80px;align-items:center;text-align:center;background:#151515}
.hero-media{z-index:-2}
.hero-media img,.hero-media video{animation:none;object-fit:cover;object-position:center;filter:saturate(.65);opacity:.92}
.hero-media::after{background:linear-gradient(180deg,#0004,#0002 45%,#0005)}
.hero-content{max-width:1000px}
.hero .eyebrow{font:400 clamp(20px,2.5vw,32px)/1.3 var(--script);letter-spacing:0;color:white;animation:none;text-transform:uppercase;text-shadow:0 2px 20px #000}
.hero .eyebrow::before{display:none}
.hero-title{font:800 clamp(58px,8vw,115px)/1.02 var(--heading);font-style:italic;letter-spacing:-.035em;max-width:13ch;margin:16px auto 23px;animation:none;text-wrap:balance;overflow-wrap:anywhere;text-shadow:0 5px 28px #0005}
.hero-subtitle{font-size:14px;line-height:1.8;max-width:520px;margin:0 auto;color:#f4f4f4;animation:none;text-shadow:0 2px 15px #000}
.hero-actions{justify-content:center;gap:14px;margin-top:28px;animation:none}
.btn{padding:15px 26px;min-height:47px;font:600 11px/1.3 var(--body);letter-spacing:.07em;border-width:1px;border-radius:0}
.btn-accent{background:var(--accent);border-color:var(--accent);color:white}
.btn-accent:hover{background:white;border-color:white;color:#171717;transform:translateY(-2px)}
.btn-outline{border-color:#ffffff80;background:transparent;color:white}
.btn-outline:hover{background:white;border-color:white;color:#171717;transform:translateY(-2px)}
.scroll-hint{display:none}
.stream-strip{padding:29px 0;background:#171717}
.stream-inner{display:flex;align-items:center;justify-content:center;gap:65px;flex-wrap:wrap}
.stream-platform{display:inline-flex;align-items:center;gap:9px;font:700 17px/1 var(--heading);color:#ddd;transition:color .2s}
.stream-platform svg{width:25px;height:25px}
.stream-platform:hover{color:var(--accent)}
.section{padding:95px 0;background:#171717!important}
.section-heading{margin-bottom:58px;text-align:center}
.eyebrow{font:400 27px/1.25 var(--script);letter-spacing:0;color:var(--accent);gap:0;transform:rotate(-2deg);text-transform:uppercase}
.eyebrow::before,.eyebrow::after{display:none!important}
.section-title{font:800 clamp(33px,4.1vw,50px)/1.08 var(--heading);letter-spacing:-.02em;margin-top:10px;text-transform:uppercase;text-wrap:balance}
.section-title.small{font-size:35px}
.bg-word{display:none}
.prose p{font-size:14px;line-height:1.9;color:#bababa}
.empty{text-align:center;font-size:14px}
.js .reveal{opacity:1;transform:none;transition:none}
.releases{padding-top:88px;padding-bottom:110px}
.release-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 27px}
.release-card{min-width:0;text-align:center}
.release-cover{margin-bottom:22px;background:#111;overflow:hidden}
.release-cover img{aspect-ratio:1;object-fit:cover;transition:transform .4s}
.release-card:hover .release-cover img{transform:scale(1.035)}
.release-card h3{font:700 23px/1.2 var(--heading);letter-spacing:-.01em;margin:0 0 7px}
.release-meta{font:500 10px/1.6 var(--body);letter-spacing:.08em;color:#999;margin:7px 0 12px}
.album-links{justify-content:flex-start;gap:9px;font:500 11px/1.5 var(--body);letter-spacing:0;text-transform:none}
.album-links.compact{justify-content:center;gap:7px;font-size:10px;margin-top:13px}
.album-links a{padding:8px 13px;border:1px solid #ffffff50;color:#fff;background:#080808;border-radius:2px}
.album-links a:hover{border-color:var(--accent);color:var(--accent)}
.album-links>span{font-size:10px}
.cover-play{opacity:1;background:transparent;inset:auto 14px 14px auto;width:43px;height:43px}
.cover-play svg{width:43px;height:43px;padding:13px;background:#171717ce;fill:white;transform:none;border:1px solid #ffffff60}
.release-card:hover .cover-play svg{background:var(--accent);border-color:var(--accent)}
.quote-banner{position:relative;isolation:isolate;min-height:390px;padding:95px 0;display:grid;align-items:center;text-align:center;overflow:hidden;background:#101010}
.quote-photo{position:absolute;inset:0;z-index:-2;background:url('../images/rebellion/quote-1.jpg') center 68%/cover;filter:grayscale(1);opacity:.33}
.quote-banner::after{content:'';position:absolute;inset:0;background:#0003;z-index:-1}
.quote-banner blockquote{font:400 clamp(25px,3vw,39px)/1.55 var(--script);letter-spacing:0;margin:0 auto;border:0;padding:0;max-width:960px;text-transform:uppercase;text-wrap:balance}
.quote-banner p{font:600 14px/1.5 var(--heading);margin:29px 0 0;color:#eee}
.listen-section{padding:100px 0}
.featured-release{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:90px;align-items:center;max-width:1060px;margin:0 auto}
.record{padding-right:17%;max-width:470px}
.record-cover{transform:none;border:1px solid #ffffff15;box-shadow:0 20px 50px #0006}
.record-vinyl{background:radial-gradient(circle,#111 0 2%,var(--accent) 2.5% 13%,#111 13.5% 16%,transparent 16.5%),repeating-radial-gradient(circle,#161616 0 1px,#080808 1px 3px)}
.featured-info>.eyebrow{font-size:20px}
.featured-info h3{font:700 clamp(29px,3vw,43px)/1.1 var(--heading);letter-spacing:-.02em;margin:12px 0}
.featured-info .prose p{font-size:13px}
.tracklist{margin:23px 0}
.tracklist li{padding:12px 0;gap:13px}
.track-title{font:500 12px/1.5 var(--body);letter-spacing:0;text-transform:none}
.track-duration,.track-number{font-size:10px}
.track-play{width:29px;height:29px;border-radius:0}
.track-play svg{width:12px}
.tour{background:#202020!important}
.tour-row{grid-template-columns:110px minmax(0,1fr) auto;gap:32px;padding:25px 10px;border-color:#ffffff20}
.tour-row:hover::before{background:#ffffff03}
.tour-date{display:flex;align-items:center;gap:13px}
.tour-date strong{font:700 46px/1 var(--heading);letter-spacing:-.04em}
.tour-date span{font:500 10px/1.7 var(--body);letter-spacing:0;color:#aaa;max-width:47px}
.tour-place h3{font:700 27px/1.2 var(--heading);letter-spacing:0}
.tour-place h3 span{font:400 12px/1.7 var(--body);text-transform:none;letter-spacing:0;margin-left:5px}
.tour-place p{font-size:11px;margin-top:5px;color:#aaa}
.tour-action .btn{font-size:10px;min-width:135px;min-height:41px;padding:12px 18px}
.is-few_left .tour-action .btn{color:var(--accent);border-color:var(--accent)}
.tour-status{font:600 10px/1.5 var(--body);letter-spacing:.05em}
.about-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px}
.about-image{padding:0;max-width:460px}
.about-image::before{display:none}
.about-image img{aspect-ratio:4/5;filter:grayscale(1)}
.about-text .section-heading{text-align:left;margin-bottom:28px}
.about-text .section-title{font-size:43px}
.about-text blockquote{font:400 23px/1.5 var(--script);border:0;padding:0;color:#eee;margin-bottom:22px}
.about-text .prose p{font-size:13px}
.stats{gap:15px;margin:28px 0;padding:25px 0}
.stat strong{font:800 41px/1 var(--heading);color:white}
.stat span{font:500 9px/1.7 var(--body);letter-spacing:.05em;color:#999}
.video-grid{gap:21px}
.video-card{border:0}
.video-card::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent,#0008)}
.video-title{z-index:1;font:600 20px/1.2 var(--heading);letter-spacing:0}
.video-card.is-large .video-title{font-size:27px}
.video-play,.video-card.is-large .video-play{z-index:1;width:60px;height:60px;border:1px solid white;background:#0002}
.video-play svg{width:23px}
.gallery{padding-top:50px}
.gallery-grid{gap:10px;grid-auto-rows:235px}
.gallery-item img{filter:grayscale(.7)}
.gallery-item:hover img{filter:grayscale(0)}
.news{background:#202020!important}
.heading-row{display:block;margin-bottom:45px;text-align:center}
.heading-row .section-heading{margin-bottom:20px}
.post-grid{gap:29px}
.post-card h3{font:700 24px/1.25 var(--heading);letter-spacing:0;margin:10px 0 13px}
.post-card time{font:500 10px/1.5 var(--body);letter-spacing:.05em;color:var(--accent)}
.post-card p{font-size:12px;line-height:1.85}
.post-card-image img{aspect-ratio:1.45;filter:grayscale(.3)}
.link-arrow{font:600 10px/1.5 var(--body);letter-spacing:.05em}
.newsletter{background:#171717;padding:95px 0}
.newsletter-bg{opacity:.2;filter:grayscale(1)}
.newsletter:has(.newsletter-bg)::before{background:#0005}
.newsletter .section-heading{margin-bottom:25px}
.newsletter .eyebrow{color:var(--accent)!important}
.newsletter p{font-size:14px;color:#bbb}
.newsletter-form{max-width:590px;margin:30px auto 0;border:1px solid #ffffff60}
.newsletter-form input{font-size:13px;padding:16px 20px}
.newsletter-form .btn{background:var(--accent);border-color:var(--accent);color:white}
.newsletter-form .btn:hover{background:white;color:#171717;border-color:white}
.contact{background:#202020!important}
.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:85px}
.contact-grid .section-heading{text-align:left;margin-bottom:27px}
.contact-list{gap:12px 20px;margin-top:28px}
.contact-list dt{font:600 10px/1.7 var(--body);letter-spacing:.04em}
.contact-list dd{font:500 13px/1.7 var(--body);letter-spacing:0;overflow-wrap:anywhere}
.contact-form label span{font:500 10px/1.5 var(--body);letter-spacing:.05em}
.contact-form input,.contact-form textarea{font-size:13px;padding:12px 0}
.form-row{gap:20px}
.footer{padding-top:75px;background:#1e1e1e;border-color:#ffffff0d}
.footer-grid{gap:60px;padding-bottom:65px}
.footer-logo{position:static;transform:none;text-align:left;display:inline-block;font-size:32px;max-width:none}
.footer-text{font-size:12px;max-width:330px}
.footer h4{font:800 19px/1.3 var(--heading);letter-spacing:0;color:white;margin-bottom:24px}
.footer-links{font-size:12px;color:#aaa}
.footer-links span{font-size:10px;letter-spacing:0}
.footer-bottom{font-size:10px;padding-block:23px}
.to-top{font:500 10px/1.5 var(--body);letter-spacing:0}
.player{background:#181818f5;border-top-width:2px;gap:20px;padding:12px 30px}
.player-title{font:600 16px/1.3 var(--heading);letter-spacing:0}
.player-album{font-size:10px}
.player-cover{width:45px;height:45px}
.player-controls .player-toggle{width:42px;height:42px}
.page-hero{padding:170px 0 70px;background:#202020}
.post-hero .section-title{font-size:clamp(35px,5vw,60px);max-width:20ch}
.post-hero .section-heading{text-align:left}
@media(min-width:1500px){.hero{min-height:760px}}
@media(max-width:1200px){.nav{gap:17px}.nav a{font-size:10px}.nav-logo-space{width:180px}.logo{font-size:26px}.container{padding-inline:35px}.header-tools{right:5px}.hero{min-height:600px}.featured-release{gap:60px}.about-grid{gap:50px}.contact-grid{gap:55px}}
@media(max-width:960px){.container{padding-inline:27px}.header,.header.scrolled{padding-block:20px}.header-inner{min-height:30px;justify-content:flex-start}.header .logo{left:27px;transform:none;text-align:left;font-size:28px;max-width:180px}.header-tools{right:27px;position:absolute;z-index:4;gap:20px}.logo img{max-height:35px}.burger{display:block;width:32px;height:28px}.burger span:first-child{top:8px}.burger span:last-child{top:19px}.nav-open .burger span:first-child,.nav-open .burger span:last-child{top:14px}.nav{position:fixed;inset:0;min-height:100dvh;padding:100px 27px 35px;background:#171717;justify-content:flex-start;align-items:flex-start;gap:13px;overflow-y:auto;z-index:2;transform:translateX(100%);transition:transform .25s,opacity .25s,visibility .25s}.nav-open .nav{transform:translateX(0)}.nav a{font:700 28px/1.2 var(--heading);padding:5px 0;letter-spacing:0}.nav-logo-space{display:none}.nav-mobile-extra{display:flex;justify-content:flex-start;gap:15px;border-top:1px solid var(--line);width:100%;padding-top:20px;margin-top:15px}.nav-mobile-extra a{font:500 11px/1.4 var(--body)}.hero{min-height:570px;padding-top:145px}.hero-title{font-size:78px}.stream-inner{gap:35px}.stream-platform{font-size:15px}.section{padding:75px 0}.release-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 20px}.release-card h3{font-size:20px}.album-links.compact{font-size:9px}.album-links a{padding:7px 10px}.featured-release{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}.featured-info h3{font-size:32px}.record{max-width:420px}.about-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}.about-text .section-title{font-size:37px}.about-text blockquote{font-size:20px}.about-text .prose p{font-size:12px}.post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.post-card h3{font-size:22px}.post-card p{font-size:11px}.contact-grid{grid-template-columns:1fr;gap:35px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-grid>:first-child{grid-column:auto}.footer h4{font-size:16px}.player{padding:10px 16px;gap:12px}}
@media(max-width:680px){.container{padding-inline:21px}.header .logo{left:21px;font-size:27px}.header-tools{right:21px}.hero{min-height:610px;min-height:85svh;max-height:850px;padding:145px 0 75px}.hero-media img,.hero-media video{object-position:66% center}.hero-media::after{background:linear-gradient(#0005,#0003 35%,#0007)}.hero-title{font-size:clamp(48px,12vw,75px);max-width:12ch;line-height:1.08;margin:17px auto 21px}.hero .eyebrow{font-size:23px}.hero-subtitle{font-size:12px;line-height:1.85;max-width:330px}.hero-actions{gap:10px;margin-top:25px}.hero-actions .btn{flex:0 1 auto;padding:14px 17px;font-size:9px;min-height:44px}.stream-strip{padding:24px 0}.stream-inner{gap:18px 26px}.stream-platform{font-size:14px;gap:7px}.stream-platform svg{width:21px;height:21px}.section{padding:62px 0}.section-heading{margin-bottom:36px}.eyebrow{font-size:24px}.section-title{font-size:35px}.release-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:33px 15px}.release-card h3{font-size:19px}.release-cover{margin-bottom:16px}.release-meta{font-size:8px}.album-links.compact{font-size:8px;gap:5px}.album-links.compact a{padding:6px 7px}.cover-play{width:36px;height:36px;right:9px;bottom:9px}.cover-play svg{width:36px;height:36px;padding:10px}.quote-banner{min-height:310px;padding:65px 0}.quote-banner blockquote{font-size:26px;line-height:1.6}.quote-banner p{font-size:12px;margin-top:22px}.featured-release{grid-template-columns:1fr;gap:35px}.record{width:88%;max-width:340px;margin:0 auto}.featured-info h3{font-size:36px}.featured-info .eyebrow{font-size:22px}.featured-info .prose p{font-size:12px}.track-title{font-size:11px}.tour-row{grid-template-columns:72px minmax(0,1fr);gap:9px 14px;padding:23px 0}.tour-date{grid-row:1 / 3;align-self:start;gap:7px}.tour-date strong{font-size:36px}.tour-date span{font-size:8px;max-width:30px}.tour-place h3{font-size:24px}.tour-place h3 span{display:block;font-size:10px;margin:3px 0 0}.tour-place p{font-size:10px}.tour-action{grid-column:2}.tour-action .btn{min-width:0;min-height:37px;padding:10px 14px;font-size:9px}.tour-status{font-size:9px}.about-grid{grid-template-columns:1fr;gap:35px}.about-image{max-width:420px}.about-image img{aspect-ratio:1.1}.about-text .section-title{font-size:36px}.about-text blockquote{font-size:23px}.stats{gap:12px;padding:22px 0}.stat strong{font-size:35px}.stat span{font-size:8px}.video-grid{grid-template-columns:1fr;gap:15px}.video-card.is-large{grid-column:auto;grid-row:auto}.video-card.is-large .video-title,.video-title{font-size:22px;left:18px;bottom:18px}.video-play,.video-card.is-large .video-play{width:48px;height:48px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:155px;gap:8px}.gallery-item:nth-child(6n+4){grid-column:auto}.post-grid{grid-template-columns:1fr;gap:33px}.post-card h3{font-size:27px}.post-card p{font-size:12px}.heading-row{margin-bottom:35px}.newsletter{padding:65px 0}.newsletter p{font-size:12px}.newsletter-form{flex-direction:column;gap:10px;border:0}.newsletter-form input{border:1px solid #ffffff60;min-height:48px;font-size:13px}.newsletter-form .btn{min-height:46px}.contact-grid{gap:30px}.contact-list{grid-template-columns:1fr;gap:5px}.contact-list dd{margin-bottom:10px;font-size:13px}.form-row{grid-template-columns:1fr;gap:0}.contact-form .btn{width:100%}.footer{padding-top:50px}.footer-grid{grid-template-columns:1fr 1fr;gap:25px;padding-bottom:40px}.footer-grid>:first-child{grid-column:1 / -1}.footer-logo{font-size:31px}.footer h4{font-size:17px}.footer-links{font-size:11px;overflow-wrap:anywhere}.footer-links span{display:block}.footer-bottom{font-size:9px;gap:15px}.player{grid-template-columns:40px minmax(0,1fr) auto auto;gap:10px;padding:10px 12px}.player-cover{width:40px;height:40px}.player-title{font-size:14px}.player-album{font-size:9px}.player-controls .player-toggle{width:37px;height:37px}.player-time{font-size:10px;min-width:29px}.player-progress{gap:8px}.player-close{font-size:25px}.page-hero{padding:135px 0 55px}.post-hero .section-title{font-size:36px}.lightbox{padding:60px 15px}.lightbox-caption{font-size:12px;padding-inline:15px}}
@media(max-width:360px){.release-grid{grid-template-columns:1fr}.hero-title{font-size:46px}.hero-actions .btn{font-size:8px;padding-inline:13px}.header-tools{gap:12px}.hero .eyebrow{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
/* Reference geometry and typography, measured from Musician Home. */
:root{--accent:#ed5252;--heading:'Kanit',sans-serif;--body:'Kanit',sans-serif;--script:'Permanent Marker',cursive;--container:1190px;--bg:#171717;--bg-alt:#171717}
h1,h2,h3,h4{font-weight:900;letter-spacing:1px}
body{font-family:Kanit,sans-serif;font-weight:300;font-size:16px;line-height:26px;color:#ccc}
.header{padding:18px 0;background:transparent}
.header-inner{max-width:1400px}
.nav{display:grid;grid-template-columns:minmax(0,1fr) 205px minmax(0,1fr);gap:35px}
.nav-half{display:flex;align-items:center;justify-content:space-between;gap:25px}
.nav a{font:500 14px/1.4 Kanit,sans-serif;letter-spacing:1px;padding:10px 0;color:#fff}
.nav a::after{display:none}
.nav a:hover,.nav a.is-active{color:#ed5252}
.nav-logo-space{display:block;width:auto}
.header .logo{font:900 italic 30px/1 Kanit,sans-serif;letter-spacing:-1px}
.header-tools{right:5px}
.lang-switch{font-family:Kanit,sans-serif}
.hero{height:41vw;min-height:500px;max-height:850px;padding:95px 0 60px;background:#171717}
.hero-media{z-index:-2;opacity:1}
.hero-media[hidden]{display:none!important}
.hero-media img,.hero-media video{filter:none;opacity:1;animation:none}
.hero-media::after{background:linear-gradient(#0002,#0001 60%,#0002)}
.hero-content{max-width:900px;pointer-events:none}
.hero-content a{pointer-events:auto}
.hero-title{font:900 65px/1.04 Kanit,sans-serif;font-style:normal;letter-spacing:2px;max-width:10ch;text-shadow:none;margin:12px auto 19px}
.hero .eyebrow{font:400 27px/1.4 'Permanent Marker',cursive;letter-spacing:1px}
.hero-subtitle{font:300 18px/1.55 Kanit,sans-serif;color:#fff;max-width:620px}
.hero-actions .btn{font:500 12px/1.4 Kanit,sans-serif;letter-spacing:1px}
.hero-prev,.hero-next{position:absolute;top:50%;z-index:5;border:0;background:none;color:#fff9;font:300 44px/1 Kanit,sans-serif;padding:12px 20px;cursor:pointer}
.hero-prev{left:10px}.hero-next{right:10px}
.hero-prev:hover,.hero-next:hover{color:#fff}
.hero-slider-toggle{position:absolute;left:22px;bottom:18px;z-index:5;min-width:36px;min-height:36px;background:#0007;color:white;border:1px solid #ffffff50;cursor:pointer;font-size:14px}
.stream-strip{padding:24px 0;background:#171717}
.stream-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent}
.stream-inner a{flex:0 0 auto;display:grid;place-items:center;min-height:45px;opacity:.8;transition:opacity .2s}
.stream-inner a:hover{opacity:1}
.stream-inner img{width:auto;height:auto;max-width:105px;max-height:34px;object-fit:contain}
.section{padding:100px 0}
.section-heading{margin:0 auto 0;text-align:center}
.eyebrow{font:400 30px/1.4 'Permanent Marker',cursive;letter-spacing:1px;transform:none;color:var(--accent)}
.section-title{font:900 50px/1.04 Kanit,sans-serif;letter-spacing:2px;margin-top:3px;color:white}
.section-intro{max-width:735px;margin:26px auto 58px;text-align:center;font:300 18px/28px Kanit,sans-serif;letter-spacing:.5px;color:#ddd}
.releases{padding:108px 0 115px}
.release-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.release-card{position:relative;background:none;border:0;box-shadow:none;min-width:0;text-align:center}
.release-cover{position:relative;margin:0 0 17px;aspect-ratio:1;background:#111}
.release-cover img{width:100%;height:100%;object-fit:cover}
.release-card h3,.release-card>.release-meta{position:absolute;width:1px;height:1px;margin:-1px;padding:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.release-cover::after{content:'';position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;transition:opacity .25s}
.release-card:hover .release-cover::after{opacity:.2}
.cover-play{opacity:0;inset:50% auto auto 50%;transform:translate(-50%,-50%);z-index:2;width:55px;height:55px}
.cover-play svg{width:55px;height:55px;padding:18px;background:#0009;border:1px solid #fff;border-radius:50%}
.release-card:hover .cover-play,.release-card:focus-within .cover-play{opacity:1}
.album-links,.album-links.compact{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;margin:0;font-family:Kanit,sans-serif}
.album-links a,.album-links.compact a{display:flex;align-items:center;justify-content:center;padding:0;border:0;background:none}
.store-badge{height:43px;width:auto;max-width:150px;object-fit:contain;transition:opacity .2s}
.album-links a:hover .store-badge{opacity:.7}
.spotify-store{height:43px;width:140px;max-width:100%;border:1px solid #777;border-radius:3px;background:#050505;display:flex;align-items:center;justify-content:center;padding:8px 12px}
.spotify-store img{width:auto;max-width:100%;max-height:24px;object-fit:contain}
.text-store{font:500 20px/1 Kanit,sans-serif;color:white;border:1px solid #777;border-radius:3px;background:#050505;padding:10px 12px;height:43px}
.more-releases{margin:30px auto 0;text-align:center}
.more-releases summary{list-style:none;cursor:pointer;display:inline-flex;gap:15px;align-items:center;font:500 12px/1.4 Kanit,sans-serif;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid #ffffff60;padding:9px 0}
.more-releases summary::-webkit-details-marker{display:none}
.more-releases[open] summary{margin-bottom:30px}
.more-releases[open] summary span{transform:rotate(45deg)}
.quote-banner{position:relative;isolation:isolate;min-height:470px;margin:0;padding:105px 0 80px;background:#171717;overflow:hidden}
.quote-photo{opacity:1;filter:none;background-position:center;background-size:cover}
.quote-banner::before,.quote-banner::after{content:'';position:absolute;left:0;right:0;height:52px;z-index:4;pointer-events:none;background:url('../images/rebellion/brush.svg') center/100% 100% no-repeat}
.quote-banner::before{top:-1px;transform:rotate(180deg)}
.quote-banner::after{top:auto;bottom:-1px;transform:none}
.quote-banner .container{position:relative;z-index:3}
.quote-banner blockquote{max-width:1100px;font:400 30px/1.4 'Permanent Marker',cursive;letter-spacing:1px;border:0;padding:0;margin:0 auto;text-shadow:0 1px 12px #0005}
.quote-banner p{font:500 20px/1.45 Kanit,sans-serif;letter-spacing:-.5px;margin:110px 0 0;color:#fff;text-shadow:0 1px 10px #000}
.listen-section{padding:110px 0 105px}
.reference-spotify{display:block;max-width:1100px;margin:0 auto;border:0;border-radius:0;background:#111}
.featured-release{margin-top:0}
.reference-merch{padding:110px 0;background:#171717}
.merch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.merch-card{min-width:0}
.merch-card>a{display:block;overflow:hidden;position:relative}
.merch-card img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .4s}
.merch-card>a:hover img{transform:scale(1.04)}
.merch-card>div{display:flex;align-items:baseline;justify-content:space-between;gap:15px;margin-top:20px}
.merch-card h3{font:500 20px/1.45 Kanit,sans-serif;letter-spacing:-.5px;text-transform:none}
.merch-card>div>span{font:300 18px/1.5 Kanit,sans-serif;color:#888;white-space:nowrap}
.about-text .section-heading,.contact .section-heading{text-align:left;margin-bottom:30px}
.about-text .section-title{font-size:43px}
.tour .section-heading,.videos .section-heading,.gallery .section-heading{margin-bottom:55px}
.prose p,.about-text .prose p,.featured-info .prose p{font:300 16px/26px Kanit,sans-serif;color:#bbb}
.post-card p{font:300 16px/26px Kanit,sans-serif}
.post-card h3{font-weight:600}
.newsletter .section-heading{margin-bottom:25px}
.newsletter p{font:300 18px/28px Kanit,sans-serif}
.contact-form input,.contact-form textarea,.newsletter-form input{font-family:Kanit,sans-serif}
.footer{padding:95px 0 0;background:#202020;border:0}
.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:45px;padding-bottom:95px}
.footer-grid>:first-child{grid-column:auto}
.footer h4{font:900 24px/1.1667 Kanit,sans-serif;letter-spacing:1px;margin-bottom:30px;color:#fff}
.footer p{font:300 16px/26px Kanit,sans-serif;color:#b7b7b7;margin:0 0 4px;overflow-wrap:anywhere}
.footer-post{margin-bottom:20px}
.footer-post>a{font:500 20px/1.45 Kanit,sans-serif;letter-spacing:-.5px;color:#ddd}
.footer-post time{display:block;font:300 16px/26px Kanit,sans-serif;color:#888}
.footer-socials{display:grid;gap:4px;font:300 16px/26px Kanit,sans-serif;color:#bbb}
.footer-bottom{display:block;text-align:center;background:#171717;border:0;padding:25px 0;color:#bbb;font:300 14px/26px Kanit,sans-serif}
@media(min-width:961px){.header.scrolled{background:#fff;border:0;padding:12px 0;backdrop-filter:none}.header.scrolled .logo,.header.scrolled .nav a{color:#333}.header.scrolled .nav a:hover,.header.scrolled .nav a.is-active{color:#ed5252}.header.scrolled .logo img{filter:brightness(0)}.header.scrolled .lang-switch a{color:#888}.header.scrolled .lang-switch a.active{color:#111}.quote-photo{background-attachment:fixed}}
@media(max-width:1250px) and (min-width:961px){.nav{gap:20px;grid-template-columns:minmax(0,1fr) 170px minmax(0,1fr)}.nav-half{gap:16px}.nav a{font-size:12px;letter-spacing:.5px}.header .logo{font-size:28px}.header-inner{padding-inline:45px}.lang-switch{display:none}}
@media(max-width:960px){.nav{display:flex;gap:0;align-items:flex-start;justify-content:flex-start;padding-top:95px}.nav-half{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.nav-right{margin-top:10px}.nav a{font:700 28px/1.2 Kanit,sans-serif;letter-spacing:0}.nav-logo-space{display:none}.nav-mobile-extra{font-size:12px;margin-top:20px}.nav-mobile-extra a{font:400 13px/1.5 Kanit,sans-serif}.hero{height:65vw;min-height:500px}.hero-title{font-size:58px}.section-title{font-size:44px;letter-spacing:1.5px}.release-grid{gap:20px}.section-intro{font-size:17px;line-height:27px;max-width:650px}.store-badge{height:36px;max-width:125px}.spotify-store{height:36px;width:125px}.spotify-store img{max-height:21px}.quote-banner{min-height:420px;padding-top:90px}.quote-banner blockquote{font-size:28px}.quote-banner p{margin-top:90px}.merch-grid{gap:20px}.merch-card h3{font-size:18px}.merch-card>div>span{font-size:15px}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:45px}.footer-grid>:first-child{grid-column:auto}.footer{padding-top:70px}.footer-grid{padding-bottom:70px}}
@media(max-width:680px){.header{padding:16px 0}.hero{height:82svh;min-height:500px;max-height:760px;padding:110px 35px 60px}.hero-content{padding-inline:0}.hero-title{font-size:clamp(40px,10vw,60px);letter-spacing:1.5px;max-width:11ch}.hero .eyebrow{font-size:23px}.hero-subtitle{font-size:16px;line-height:24px;max-width:350px}.hero-actions .btn{font-size:10px;padding-inline:15px}.hero-prev,.hero-next{font-size:36px;padding-inline:8px}.hero-prev{left:0}.hero-next{right:0}.hero-slider-toggle{left:15px;bottom:15px}.stream-inner{gap:32px;padding-block:0}.stream-inner img{max-width:90px;max-height:28px}.stream-strip{padding:18px 0}.section,.releases,.listen-section,.reference-merch{padding:65px 0}.section-title{font-size:35px;line-height:1.1;letter-spacing:1px}.eyebrow{font-size:26px;line-height:1.4}.section-intro{font-size:16px;line-height:25px;margin:23px auto 38px}.release-grid{grid-template-columns:1fr;max-width:420px;margin-inline:auto;gap:35px}.release-cover{margin-bottom:16px}.store-badge{height:42px;max-width:150px}.spotify-store{height:42px;width:140px}.spotify-store img{max-height:24px}.cover-play{opacity:1;inset:auto 14px 14px auto;transform:none;width:42px;height:42px}.cover-play svg{width:42px;height:42px;padding:13px}.quote-banner{min-height:370px;padding:80px 8px 70px}.quote-banner::before,.quote-banner::after{height:35px}.quote-banner blockquote{font-size:25px;line-height:1.5;letter-spacing:.5px}.quote-banner p{font-size:18px;margin-top:65px}.reference-spotify{height:420px}.merch-grid{grid-template-columns:1fr;max-width:420px;margin-inline:auto;gap:35px}.merch-card h3{font-size:21px}.merch-card>div>span{font-size:17px}.footer-grid{grid-template-columns:1fr;gap:35px;padding-bottom:55px}.footer h4{font-size:23px;margin-bottom:19px}.footer p,.footer-socials,.footer-post time{font-size:16px}.footer-bottom{font-size:13px}.about-text .section-title{font-size:35px}}
@media(prefers-reduced-motion:reduce){.quote-photo{background-attachment:scroll}.hero-media img{animation:none}}

.quote-banner{max-width:1920px;margin-inline:auto}
.header .logo{font-size:38px}
@media(max-width:960px){.header .logo{font-size:30px}}


/* HERO QUALITY FIX */
.reference-hero .hero-media img,.reference-hero .hero-media video{
  image-rendering:auto;
  filter:none!important;
  opacity:1!important;
  backface-visibility:hidden;
  transform:translateZ(0);
}
.reference-hero .hero-media{overflow:hidden}
@media(min-width:961px){.reference-hero .hero-media img,.reference-hero .hero-media video{object-position:center center}}

/* PUBLIC HEADER FINISH */
@media(min-width:961px){
  .header,.header.scrolled,body:not(.is-home) .header{position:sticky;top:0;z-index:100;background:#fff;color:#222;padding:11px 0;border-bottom:1px solid #e8e8e8;backdrop-filter:none}
  .header .logo,.header.scrolled .logo,.header:not(.scrolled) .logo{color:#222;font-size:32px;line-height:.92;max-width:225px;white-space:normal}
  .header .nav a,.header.scrolled .nav a{color:#222;font-size:12px;letter-spacing:.08em}
  .header .nav a:hover,.header .nav a.is-active,.header.scrolled .nav a:hover,.header.scrolled .nav a.is-active{color:#ed5252}
  .header .lang-switch a,.header.scrolled .lang-switch a{color:#777}
  .header .lang-switch a.active{color:#222}
  .header.scrolled .logo img,.header .logo img{filter:brightness(0)}
}
@media(max-width:960px){.header,.header.scrolled,body:not(.is-home) .header{background:#171717f7}.header .logo{font-size:28px;line-height:.95;max-width:175px}}