@font-face{font-family:"Archivo Black";font-style:normal;font-weight:400;font-display:swap;src:url("assets/archivo-black.woff2") format("woff2")}
@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:400 700;font-display:swap;src:url("assets/space-grotesk.woff2") format("woff2")}
@font-face{font-family:"Noto Kufi Arabic";font-style:normal;font-weight:500 900;font-display:swap;src:url("assets/noto-kufi-arabic.woff2") format("woff2")}
:root{--ink:#050505;--sun:#ffd100;--cyan:#55c8ce;--pink:#d91f59;--paper:#f5f2ea;--white:#fff;--line:rgba(255,255,255,.22)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:var(--ink);color:var(--white);font-family:"Space Grotesk",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input{font:inherit}[lang="ar"]{font-family:"Noto Kufi Arabic",sans-serif;text-transform:none;letter-spacing:0}
.skip-link{position:fixed;top:1rem;left:1rem;z-index:1000;background:var(--sun);color:#000;padding:.75rem 1rem;transform:translateY(-200%)}.skip-link:focus{transform:none}
.site-header{position:fixed;z-index:100;top:0;left:0;width:100%;display:grid;grid-template-columns:260px 1fr auto;align-items:center;gap:2rem;padding:1.15rem 2.25rem;background:linear-gradient(180deg,rgba(0,0,0,.94),rgba(0,0,0,.65),transparent)}
.brand img{width:205px}.desktop-nav{justify-self:center;display:flex;gap:2.2rem;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em}.desktop-nav a{position:relative;display:grid;justify-items:center;line-height:1.05}.desktop-nav a>span{margin-top:.28rem;color:var(--sun);font-size:.72rem;font-weight:700}.desktop-nav a:after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:2px;background:var(--sun);transform:scaleX(0);transform-origin:left;transition:.25s}.desktop-nav a:hover:after,.desktop-nav a:focus-visible:after{transform:scaleX(1)}
.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:1.25rem;border:1px solid currentColor;border-radius:100px;padding:1rem 1.25rem;text-transform:uppercase;font-size:.78rem;font-weight:700;letter-spacing:.05em}.pill [lang="ar"]{font-size:.95rem;line-height:1}.pill-small{border-color:var(--sun);color:var(--sun)}.pill-primary{background:var(--sun);color:#000;border-color:var(--sun);min-width:260px}.pill:hover b{transform:translate(3px,-3px)}.pill b{font:inherit;transition:.2s}
.menu-button,.mobile-nav{display:none}
.hero{min-height:100svh;padding:10.5rem 4vw 6rem;position:relative;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 45%,rgba(255,209,0,.13),transparent 30%);z-index:-1}.hero-copy{position:relative;z-index:4;min-width:0}.hero-darija{margin:0 0 .8rem;color:var(--sun);font-size:clamp(2.2rem,4.1vw,4.8rem);font-weight:700;line-height:1.35;text-align:left}.eyebrow{display:flex;align-items:center;gap:.75rem;text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:700}.eyebrow span{width:2rem;height:2px;background:currentColor}.hero h1,.section-heading h2,.alert-section h2,.artists h2{font-family:"Archivo Black",sans-serif;font-size:clamp(4rem,8.8vw,10rem);line-height:.78;letter-spacing:-.075em;margin:1.5rem 0 2.4rem}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:2px var(--sun)}
.hero-actions{display:flex;align-items:center;gap:1.8rem}.text-link{font-size:.82rem;text-transform:uppercase;font-weight:700}.text-link span{margin-left:.45rem;color:var(--sun)}
.hero-visual{position:relative;min-height:620px;display:grid;place-items:center}.hero-disc{position:relative;width:min(43vw,610px);aspect-ratio:1;border-radius:50%;background:var(--sun);overflow:hidden;z-index:2}.hero-disc img{width:100%;height:100%;object-fit:contain;transform:scale(1.03)}.orbit{position:absolute;border:1px solid rgba(255,209,0,.45);border-radius:50%;z-index:1}.orbit-one{width:108%;aspect-ratio:1}.orbit-two{width:126%;aspect-ratio:1;border-style:dashed;animation:spin 30s linear infinite}.stamp{position:absolute;z-index:3;width:94px;height:94px;border-radius:50%;display:grid;place-items:center;text-align:center;font-size:.69rem;font-weight:700;line-height:1.2}.stamp-top{right:4%;top:7%;background:var(--cyan);color:#000;transform:rotate(8deg)}.stamp-bottom{left:3%;bottom:8%;background:var(--pink);transform:rotate(-10deg)}
.ticker{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;background:var(--sun);color:#000;padding:.85rem 0;font-size:.78rem;font-weight:700;letter-spacing:.1em;white-space:nowrap}.ticker [lang="ar"]{font-size:.95rem}.ticker div{width:max-content;animation:marquee 24s linear infinite}
.section-pad{padding:8rem 4vw}.darija-section{margin:0 0 .65rem;color:var(--sun);font-size:clamp(1.45rem,2.7vw,3rem);font-weight:700;line-height:1.5;text-align:left}.section-heading h2,.artists h2,.alert-section h2{font-size:clamp(3.2rem,6.8vw,7.4rem);margin:1.5rem 0 3rem}.format-grid{display:grid;grid-template-columns:1.3fr .85fr .85fr;gap:1rem}.format-card{position:relative;min-height:550px;border-radius:28px;padding:clamp(1.55rem,2.2vw,2.35rem);overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto;color:#000}.format-card.featured{display:block;padding:0;background:var(--paper)}.format-image{position:absolute;inset:0 0 42%;background:#151515;display:grid;place-items:center;overflow:hidden}.format-image img{width:100%;height:100%;object-fit:contain}.format-copy{position:absolute;inset:auto 0 0;padding:1.7rem;background:var(--sun);min-height:42%}.format-card p{margin:0 0 1rem;text-transform:uppercase;font-weight:700;font-size:.75rem;letter-spacing:.1em}.format-card .darija-card{margin:0 0 .65rem;font-size:clamp(1.35rem,1.9vw,2.05rem);font-weight:800;line-height:1.5;letter-spacing:0;text-transform:none;text-align:left}.format-card h3{margin:0 0 1.35rem;font-family:"Archivo Black";font-size:clamp(1.65rem,2.25vw,2.75rem);line-height:.94;letter-spacing:-.05em}.format-card span{font-size:.72rem;text-transform:uppercase;font-weight:700}.card-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;position:relative;z-index:2}.card-topline p{margin:0}.card-topline .card-kicker{font-family:"Noto Kufi Arabic",sans-serif;font-size:.82rem;line-height:1.5;letter-spacing:0;text-transform:none;text-align:right}.card-statement{align-self:start;position:relative;z-index:2;margin-top:clamp(2.4rem,5vw,5.5rem)}.cyan-card{background:var(--cyan)}.cyan-card .card-statement{margin-top:clamp(2rem,3.8vw,4.25rem)}.pink-card{background:var(--pink);color:#fff}.voice-mark{align-self:center;justify-self:center;width:100%;font-family:"Noto Kufi Arabic",sans-serif;font-size:clamp(7rem,12vw,12rem);font-weight:900;line-height:.82;text-align:center;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.86);transform:rotate(-4deg);opacity:.95}.city-list{display:grid;gap:.15rem;align-self:end;margin-top:2rem}.city-list span{font-family:"Archivo Black";font-size:clamp(1.65rem,2.3vw,3rem);line-height:.92;border-bottom:1px solid rgba(0,0,0,.3);padding:.58rem 0}.pink-card .card-statement>span{display:block;line-height:1.45}
.manifesto{background:var(--sun);color:#000;display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:end}.manifesto-number{font-family:"Archivo Black";font-size:clamp(9rem,28vw,34rem);line-height:.65;letter-spacing:-.1em}.darija-manifesto{margin:1.5rem 0 .5rem;max-width:640px;font-size:clamp(1.6rem,2.7vw,3rem);font-weight:700;line-height:1.55;text-align:left}.manifesto-copy h2{font-family:"Archivo Black";font-size:clamp(2.3rem,4.2vw,5rem);line-height:.93;letter-spacing:-.06em;margin:1rem 0 2rem}.manifesto-copy>p:last-child{max-width:590px;font-size:1.05rem;line-height:1.65}
.split-heading{display:grid;grid-template-columns:1fr 450px;gap:4rem;align-items:end}.split-heading>p{font-size:1.05rem;line-height:1.7;color:#bcbcbc;margin-bottom:3rem}.artist-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.artist-card{position:relative;aspect-ratio:.78;overflow:hidden;border-radius:18px;background:#151515}.artist-card:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.9))}.artist-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:.45s}.artist-card:hover img{filter:none;transform:scale(1.03)}.artist-card div{position:absolute;z-index:2;left:1.2rem;right:1.2rem;bottom:1.2rem}.artist-card span{font-size:.68rem;text-transform:uppercase;color:var(--sun)}.artist-card h3{font-family:"Archivo Black";font-size:1.5rem;margin:.35rem 0 0;text-transform:uppercase}
.quote-band{min-height:88svh;background:var(--pink);padding:6vw 7vw;display:grid;align-content:center;color:#fff;position:relative;overflow:hidden}.quote-band:after{content:"ها ها";position:absolute;right:-5vw;top:-8vw;font-family:"Noto Kufi Arabic";font-size:28vw;font-weight:900;color:rgba(0,0,0,.08);transform:rotate(-10deg)}.quote-band .quote-kicker{margin:0;color:#fff;font-size:clamp(1.25rem,2.1vw,2.3rem);font-weight:700;line-height:1.6;text-align:left;position:relative;z-index:1}.quote-band .quote-ar{width:max-content;max-width:100%;margin:.2rem 0 1.5rem;font-family:"Noto Kufi Arabic";font-size:clamp(5rem,12vw,13rem);font-weight:900;line-height:1.05;letter-spacing:-.07em;text-align:left;position:relative;z-index:1}.quote-band .quote-fr{max-width:950px;margin:0;font-family:"Archivo Black";font-size:clamp(1.7rem,3.7vw,4.4rem);font-weight:400;line-height:.92;letter-spacing:-.05em;position:relative;z-index:1}
.alert-section{display:grid;grid-template-columns:1fr .8fr;gap:7vw;align-items:end}.signup-form label{display:block;text-transform:uppercase;font-size:.7rem;letter-spacing:.12em;margin-bottom:.8rem}.input-row{display:flex;border-bottom:2px solid var(--sun)}.input-row input{flex:1;background:none;border:0;color:#fff;font-size:clamp(1.2rem,2.4vw,2rem);padding:1rem 0;outline:none}.input-row button{border:0;background:var(--sun);width:64px;height:64px;border-radius:50%;font-size:1.5rem;cursor:pointer}.form-note,.form-success{font-size:.75rem;color:#aaa}.form-success{color:var(--cyan)}
.site-footer{border-top:1px solid var(--line);padding:2rem 4vw;display:grid;grid-template-columns:220px 1fr auto auto;gap:2rem;align-items:center;font-size:.72rem;text-transform:uppercase}.site-footer img{width:180px}.social-links{display:flex;gap:1.2rem}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:960px){.site-header{grid-template-columns:1fr auto}.desktop-nav,.site-header>.pill{display:none}.menu-button{display:block;background:none;color:#fff;border:1px solid #fff;border-radius:100px;padding:.7rem 1rem}.mobile-nav{position:absolute;top:100%;left:1rem;right:1rem;background:var(--sun);color:#000;padding:1rem;border-radius:18px}.mobile-nav:not([hidden]){display:grid}.mobile-nav a{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid rgba(0,0,0,.2);text-transform:uppercase;font-weight:700}.mobile-nav a>span{font-size:1rem}.hero{grid-template-columns:1fr;padding-top:8rem}.hero-visual{min-height:480px;margin-top:2rem}.hero-disc{width:min(80vw,520px)}.format-grid{grid-template-columns:1fr 1fr}.format-card.featured{grid-column:1/-1}.manifesto{grid-template-columns:1fr}.manifesto-number{font-size:45vw}.split-heading{grid-template-columns:1fr}.artist-strip{grid-template-columns:1fr 1fr}.alert-section{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.site-header{padding:1rem}.brand img{width:155px}.hero{padding-left:1rem;padding-right:1rem}.hero-darija{font-size:2rem;margin-bottom:.55rem}.hero h1{font-size:15vw;letter-spacing:-.065em}.hero-actions{align-items:flex-start;flex-direction:column}.section-pad{padding:5.5rem 1rem}.darija-section{font-size:1.55rem}.format-grid{grid-template-columns:1fr}.format-card.featured{grid-column:auto}.format-card{min-height:500px}.format-card .darija-card{font-size:1.55rem}.voice-mark{font-size:38vw}.city-list span{font-size:2.1rem}.artist-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.artist-card{min-width:78vw;scroll-snap-align:start}.quote-band{min-height:78svh;padding:5rem 1rem}.quote-band .quote-ar{font-size:17vw;line-height:1.16;letter-spacing:-.04em}.quote-band .quote-fr{font-size:1.75rem;line-height:.95}.site-footer{grid-template-columns:1fr}.social-links{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit-two,.ticker div{animation:none}*{transition-duration:.01ms!important}}
