@font-face{font-family:Dastan;src:url('assets/dastan.ttf')}@font-face{font-family:Text;src:url('assets/text.otf')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#f4f2e9;color:#191919;font-family:Text,Tahoma,sans-serif;font-size:23px;line-height:1.55}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #147e82;outline-offset:6px}img{max-width:100%;display:block}header{height:88px;position:fixed;z-index:30;inset:0 0 auto;background:#f4f2e9f5;backdrop-filter:blur(12px);border-bottom:1.5px solid #191919;display:grid;grid-template-columns:1fr 100px 1fr;align-items:center;padding:0 5%}nav{display:flex;gap:34px;justify-content:center;font-size:22px}nav a:hover{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:8px}.brand{width:74px;height:82px;align-self:start;justify-self:center;box-shadow:5px 5px #191919;border:2px solid #191919;background:#f7df16}.brand img{width:100%;height:100%;object-fit:cover}.mobile-menu{display:none}.section{padding:96px 7%;scroll-margin-top:12px}.hero{min-height:850px;padding:160px 7% 90px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;position:relative;overflow:hidden;background-image:radial-gradient(#2222 .7px,transparent .7px);background-size:12px 12px}.eyebrow{font-family:Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;direction:ltr;display:inline-block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Dastan,Text,sans-serif;font-weight:normal;line-height:1.2}h1{font-size:clamp(65px,7.5vw,115px);letter-spacing:-2px;margin:24px 0}h1 span{background:#f6df19;box-shadow:10px 0 #f6df19,-10px 0 #f6df19}h2{font-size:65px}h3{font-size:36px}.hero-copy{z-index:2}.hero-copy p{font-size:27px;line-height:1.7}.actions{display:flex;gap:16px;margin-top:30px;flex-wrap:wrap}.key{background:#fffdf5;border:2px solid #191919;box-shadow:5px 6px #191919;border-radius:5px;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:10px 23px;font-size:22px;transition:transform .2s,box-shadow .2s}.key:hover{transform:translate(-2px,-2px);box-shadow:8px 9px #191919}.key:active{transform:translate(4px,4px);box-shadow:1px 2px #191919}.yellow{background:#f6df19}.tiny-note{font-size:17px;margin-top:28px;color:#666}.tiny-note i{width:7px;height:7px;display:inline-block;background:#147e82;border-radius:50%;margin-left:8px}.hero-art{position:relative;height:590px;direction:ltr;margin-right:40px}.photo-window{position:absolute;inset:16px 18px 80px 30px;border:2px solid #191919;background:#fff;transform:rotate(-4deg);box-shadow:12px 12px #191919;animation:float 8s ease-in-out infinite}.window-bar{height:31px;border-bottom:2px solid #191919;display:flex;justify-content:space-between;padding:5px 12px;font:11px monospace;letter-spacing:1px}.photo-window>img{width:100%;height:calc(100% - 63px);object-fit:cover;object-position:center 53%;filter:saturate(.65)}.photo-caption{font-size:19px;text-align:center;height:32px}.orbit-label{position:absolute;left:0;top:-17px;background:#191919;color:#f6df19;padding:7px 15px;font:12px monospace;transform:rotate(-9deg);z-index:2}.star{position:absolute;right:-20px;top:-35px;font-size:115px;color:#f6df19;text-shadow:2px 2px #191919;animation:turn 30s linear infinite}.raven-sticker{width:150px;position:absolute;left:-30px;top:40px;z-index:4;transform:rotate(-12deg)}.bike-stage{position:absolute;width:390px;right:-40px;bottom:-10px;z-index:5;filter:drop-shadow(4px 5px 0 #191919)}.stamp{position:absolute;left:-12px;bottom:28px;border:2px solid #191919;background:#f6df19;width:105px;height:105px;border-radius:50%;display:grid;place-content:center;font:bold 17px/1.1 Arial;text-align:center;transform:rotate(12deg);z-index:7}.scroll-note{position:absolute;bottom:24px;right:7%;font-size:17px}.ticker{background:#f6df19;border-block:2px solid #191919;overflow:hidden;padding:12px 0;font-family:Dastan;font-size:32px;white-space:nowrap}.ticker>div{width:max-content;animation:marquee 35s linear infinite}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:45px}.section-head .eyebrow{margin-bottom:15px}.section-note{font-size:20px}.concert-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:70px}.concert-intro{padding:20px 0}.ticket-icon{font-size:65px;line-height:1;color:#147e82}.concert-intro h3{font-size:43px;margin:20px 0}.concert-intro p{max-width:320px;color:#666}.tag{font-size:17px;display:inline-block;border:1px solid #aaa;padding:4px 12px;margin-top:22px}.concert-row{width:100%;background:none;border:0;border-top:1.5px solid #191919;padding:20px 0;display:grid;grid-template-columns:80px 1fr 45px;gap:18px;text-align:right;align-items:center}.concert-row:last-child{border-bottom:1.5px solid #191919}.date-box{border:1.5px solid #191919;text-align:center;font-size:17px;line-height:1.2;padding:8px}.date-box b{font:26px Arial;display:block}.concert-row strong{font-family:Dastan;font-weight:normal;font-size:30px}.concert-row small{display:block;color:#777;font-size:18px}.concert-row:hover .date-box{background:#f6df19}.row-arrow{border:1.5px solid #191919;border-radius:50%;width:36px;height:36px;text-align:center}.text-button{border:0;background:none;display:inline-flex;gap:30px;align-items:center;font-size:20px;border-bottom:1px solid #191919;padding:8px 0}#more-concerts{margin-top:30px}.music-section{background:#e9e8df;border-block:1.5px solid #191919}.album-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.album-card{border:0;background:none;text-align:right;padding:0}.album-art{position:relative;padding:30px;background:#f6df19;border:2px solid #191919;overflow:hidden;min-height:340px}.album-card:nth-child(2) .album-art{background:#a5b6c7}.album-art img{width:70%;aspect-ratio:1;object-fit:cover;position:relative;z-index:2;box-shadow:7px 8px #191919;transition:transform .4s}.album-card:hover img{transform:rotate(-4deg) translateY(-5px)}.disc{position:absolute;width:58%;aspect-ratio:1;background:repeating-radial-gradient(#242424 0 2px,#151515 3px 4px);border:2px solid #191919;border-radius:50%;left:3%;top:15%;display:grid;place-items:center}.disc:after{content:'دال';font:38px Dastan;display:grid;place-items:center;width:35%;height:35%;background:#f6df19;border-radius:50%}.album-meta{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.album-meta h3{font-size:40px}.album-meta p{color:#666;font-size:18px}.album-meta>span{font-size:38px}.singles-head{display:flex;justify-content:space-between;align-items:center;margin:65px 0 25px}.singles{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}.single-card{background:none;border:0;padding:0;text-align:right}.single-card img{aspect-ratio:1;object-fit:cover;border:1.5px solid #191919;filter:saturate(.7);transition:.3s}.single-card:hover img{filter:saturate(1);transform:translateY(-5px);box-shadow:5px 5px #191919}.single-card h3{font-size:27px;margin:14px 0 4px}.single-card span{font-size:15px;color:#666}.tape-player{margin-top:65px;border:2px solid #191919;padding:30px;background:#f4f2e9;display:flex;gap:50px;align-items:center;justify-content:center}.cassette{width:320px;background:#f6df19;border:3px solid #191919;border-radius:12px;padding:14px 25px;box-shadow:6px 6px #191919;transform:rotate(-3deg);text-align:center;position:relative}.cassette:before,.cassette:after{content:'⊕';position:absolute;top:4px;font:14px Arial}.cassette:before{left:7px}.cassette:after{right:7px}.tape-title{font-family:Dastan;font-size:25px;display:block;background:#f4f2e9;border:1.5px solid #191919}.reels{background:#191919;display:flex;align-items:center;justify-content:space-between;padding:8px 18px;margin:12px 0;border-radius:30px}.reels i{font:50px/1 Arial;color:#f4f2e9;display:block;font-style:normal}.reels span{height:12px;background:#8d7f35;width:80px}.playing .reels i{animation:turn 3s linear infinite}.cassette small{font:10px monospace;letter-spacing:2px}.player-info p{font-size:18px;color:#777;margin:8px 0 16px}.player-info>a{display:block;font-size:17px;margin-top:16px}.about-section{display:grid;grid-template-columns:1.1fr 1fr;gap:75px;align-items:center}.about-image{position:relative;border:2px solid #191919;padding:13px;background:#fff;transform:rotate(2deg);box-shadow:9px 9px #191919}.about-image img{aspect-ratio:1.15;object-fit:cover;filter:saturate(.6)}.paper-label{position:absolute;bottom:-18px;left:20px;background:#f6df19;border:1.5px solid #191919;padding:7px 15px;transform:rotate(-5deg);font-size:21px}.about-copy h2{margin:24px 0}.about-copy p{font-size:25px;color:#555;line-height:1.9;margin-bottom:25px}.tabs{display:flex;border:1.5px solid #191919}.tabs button{border:0;background:none;padding:7px 22px;font-size:21px}.tabs button.active{background:#191919;color:#f6df19}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.video-card{border:0;background:none;padding:0;text-align:right}.video-card .thumb{position:relative;background:#191919;border:1.5px solid #191919;overflow:hidden}.thumb img{width:100%;aspect-ratio:1.6;object-fit:cover;transition:transform .4s}.video-card:hover img{transform:scale(1.04)}.thumb .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;background:#f6df19;border:2px solid #191919;border-radius:50%;text-align:center;font:27px/44px Arial}.video-card h3{font-size:26px;margin-top:14px}.video-card small{color:#777;font-size:17px}.gallery-image{border:0;padding:0;background:#ddd}.gallery-image img{width:100%;height:250px;object-fit:cover}.news-section{border-top:1.5px solid #191919}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.news-card{position:relative;background:#f6df19;border:2px solid #191919;padding:35px 25px 25px;text-align:right;box-shadow:6px 6px #191919;transition:.2s;margin-top:20px}.news-card:nth-child(2){background:#fffdf5}.news-card:nth-child(3){background:#bdc9d3}.news-card:hover{transform:translateY(-5px)}.folder-tab{position:absolute;top:-24px;right:-2px;background:inherit;border:2px solid #191919;border-bottom:0;padding:5px 16px;font:11px monospace;height:24px}.news-number{font:12px monospace}.news-card h3{font-size:42px;margin:22px 0}.news-card p{font-size:21px;margin-bottom:30px}.news-card>span:last-child{font-size:18px;border-top:1px solid #191919;display:block;padding-top:15px}.contact-section{background:#191919;color:#f4f2e9}.contact-section h2{font-size:85px;margin:25px 0 50px}.contact-section h2 span{color:#f6df19}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-grid h3{font-size:29px;margin-bottom:20px}.contact-link{font:clamp(20px,3vw,36px) Arial;direction:ltr;display:inline-block;border-bottom:1px solid #777;padding-bottom:15px}.social-links{display:flex;gap:24px;margin-top:28px;font:13px Arial}.booking{border-right:1px solid #777;padding-right:45px}.booking a{display:block;font-size:20px;margin-top:7px}.stream-links{display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid #555;margin-top:50px;padding-top:25px}.stream-links a{border:1px solid #777;padding:8px 16px;font:12px Arial}.stream-links a:hover{background:#f6df19;color:#191919}footer{padding:28px 7%;display:flex;justify-content:space-between;align-items:center;gap:20px}footer img{width:55px;border:1px solid #191919}footer>a:last-child{font-size:35px}dialog{padding:0;border:2px solid #191919;width:min(920px,92vw);max-height:85vh;background:#f4f2e9;color:#191919;box-shadow:12px 12px #191919}dialog::backdrop{background:#191919aa;backdrop-filter:blur(5px)}.modal-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #191919;background:#f6df19;padding:5px 20px;position:sticky;top:0;z-index:2;font:12px monospace}.modal-bar button{border:0;border-right:1px solid #191919;background:none;font:32px Arial;padding-right:18px}#modal-body{padding:30px}#modal-body h2{font-size:46px;margin:10px 0 20px}#modal-body p{margin:15px 0}#modal-body iframe{width:100%;aspect-ratio:16/9;border:0}.modal-album{display:grid;grid-template-columns:230px 1fr;gap:30px}.track-list{padding:0;list-style:none;counter-reset:tracks}.track-list li{counter-increment:tracks;border-bottom:1px solid #bbb;padding:9px}.track-list li:before{content:counter(tracks,decimal-leading-zero);font:12px monospace;margin-left:20px}.modal-links{display:flex;gap:18px;flex-wrap:wrap;margin:25px 0}.modal-links a{border-bottom:2px solid #191919;font:15px Arial}.members{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.members img{width:100%;aspect-ratio:.8;object-fit:cover}.members h3{font-size:27px;margin-top:12px}.members p{font-size:19px}.full-photo{max-height:65vh;margin:auto;object-fit:contain}.motion-wheel{transform-box:fill-box;transform-origin:center;animation:turn 12s linear infinite}.motion-bird{animation:float 6s ease-in-out infinite}.pause-motion *{animation-play-state:paused!important}@keyframes float{50%{transform:translateY(-10px) rotate(-2deg)}}@keyframes turn{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(30%)}}@media(min-width:1500px){.hero,.section{padding-inline:max(7%,calc((100vw - 1350px)/2))}}@media(max-width:1000px){nav{gap:18px;font-size:19px}.hero{padding-inline:5%;grid-template-columns:1fr 1fr;min-height:760px}.hero-art{margin-right:10px;height:510px}.bike-stage{width:300px;right:-20px}.raven-sticker{width:110px;left:-10px}.section{padding:75px 5%}h2{font-size:53px}.concert-layout{gap:35px}.about-section{gap:40px}.album-art{min-height:260px;padding:22px}.media-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){body{font-size:21px}header{height:73px;padding:0 20px;grid-template-columns:1fr 80px 1fr}.brand{width:61px;height:69px;grid-column:2}header nav{display:none}header.open nav{display:flex;position:fixed;top:73px;right:0;left:0;background:#f4f2e9;padding:20px;flex-wrap:wrap;border-bottom:1px solid #191919}header.open nav:nth-of-type(2){top:138px}.mobile-menu{display:block;background:none;border:0;grid-column:3;justify-self:end;font-size:25px}.hero{display:flex;flex-direction:column;padding:120px 6% 60px;min-height:auto;align-items:stretch;gap:40px}.hero-copy h1{font-size:72px}.hero-copy p{font-size:25px}.hero-art{height:490px;margin:0 20px}.photo-window{inset:10px 0 70px 0}.bike-stage{width:300px;right:-25px;bottom:0}.star{font-size:80px;right:-15px}.stamp{left:-15px;bottom:20px;width:85px;height:85px;font-size:14px}.raven-sticker{width:110px;left:-30px;top:40px}.section{padding:65px 6%}.section-head{align-items:start;flex-direction:column;gap:20px}h2{font-size:49px}.concert-layout,.about-section,.contact-grid{grid-template-columns:1fr;gap:30px}.concert-intro{display:none}.concert-row{grid-template-columns:70px 1fr 35px;gap:12px}.concert-row strong{font-size:26px}.album-grid{grid-template-columns:1fr;gap:35px}.album-art{padding:25px;min-height:300px}.singles{grid-template-columns:repeat(2,1fr);gap:22px}.singles-head .eyebrow{display:none}.tape-player{flex-direction:column;gap:30px;padding:25px 15px}.cassette{width:280px}.player-info{text-align:center}.about-copy{grid-row:1}.about-image{margin:15px 5px}.media-grid{grid-template-columns:1fr 1fr;gap:18px}.video-card h3{font-size:23px}.thumb .play{width:36px;height:36px;font:21px/32px Arial}.gallery-image img{height:180px}.news-grid{grid-template-columns:1fr;gap:30px}.news-card h3 br{display:none}.news-card h3{font-size:36px;margin:18px 0}.contact-section h2{font-size:62px}.booking{border-right:0;border-top:1px solid #777;padding:25px 0 0}footer{flex-wrap:wrap;font-size:19px}footer .eyebrow{font-size:9px}.modal-album{grid-template-columns:1fr}.modal-album>img{width:180px}.members{grid-template-columns:1fr 1fr}#modal-body{padding:20px}.actions .key{font-size:20px;padding:9px 15px}}@media(prefers-reduced-motion:reduce){body:not(.explicit-motion) *,body:not(.explicit-motion) *:before,body:not(.explicit-motion) *:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
html{scroll-behavior:auto}
