@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:wght@700&family=Inter:ital,wght@0,400;0,700;1,900&family=Jost:wght@700&display=swap');

@font-face{font-family:"Groteski";src:url('assets/fonts/groteski-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Grunge";src:url('assets/fonts/grunge.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}

:root {
  --black:#050505;
  --charcoal:#141414;
  --red:#c1121f;
  --gray:#777;
  --light:#b6b6b6;
  --white:#ededed;
  --font-body:"Inter",Arial,Helvetica,sans-serif;
  --font-display:"Groteski","Jost","Arial Black",sans-serif;
  --font-grunge:"Grunge","Segoe Print","Brush Script MT",cursive;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#1b1b1b}
body{position:relative;margin:0 auto;width:min(100%,1486px);container-type:inline-size;background:var(--black);color:var(--white);font-family:var(--font-body);overflow-x:hidden}
main{position:relative;isolation:isolate}
main::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:0;top:74.303cqw;width:100%;height:313.415cqw;background:url('assets/design/desktop-contours.png') center/100% 100% no-repeat;opacity:.55}
main::after{content:"";position:absolute;z-index:20;pointer-events:none;left:1.346cqw;top:0;width:97.31%;height:395.93cqw;background:url('assets/design/page-border.svg') center/100% 100% no-repeat}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:100%;object-fit:cover}
picture{display:block;width:100%;height:100%}
.mobile-only{display:none!important}
.section-inner{position:relative;width:100%;height:100%;margin:0 auto}
.section-dark{background:var(--black)}
.eyebrow{margin:0;color:var(--white);font-weight:400}

.site-header{
  position:absolute;z-index:2;top:0;left:0;width:100%;
  padding:5.285cqw 7.27cqw 0;
  display:flex;align-items:flex-start;justify-content:space-between;color:#050505
}
.brand{font-size:1.768cqw;font-weight:700;line-height:normal}
.brand span{color:var(--red)}
.desktop-nav{display:flex;gap:1.15cqw;margin-top:.56cqw;font-size:.884cqw;font-weight:400;color:var(--white)}
.desktop-nav a{transition:color .2s ease}
.desktop-nav a:hover{color:var(--red)}
.menu-toggle{display:none}
.mobile-menu{position:fixed;z-index:100;inset:48px 0 auto;background:#050505;padding:20px;border-block:1px solid #292929}
.mobile-menu a{display:block;padding:13px 0;font-size:22px;font-weight:700}

/* HERO — 1486 × 755.33 reference */
.hero{
  position:relative;height:50.83cqw;overflow:hidden;isolation:isolate;color:#050505;background:#eee
}
.hero-gradient{
  position:absolute;inset:0;
  background:url('assets/design/hero-gradient.svg') center/100% 100% no-repeat
}
.hero-grain{display:none}
.hero-kicker{position:absolute;z-index:8;left:7.27cqw;top:7.79cqw;margin:0;font-size:.758cqw}
.hero-logo{position:absolute;z-index:4;left:45.69cqw;top:4.05cqw;margin:0;font-family:var(--font-display);font-size:7.37cqw;line-height:normal;letter-spacing:normal}
.logo-scratches{position:absolute;z-index:7;left:92.33cqw;top:3.507cqw;width:4.9cqw;height:4.4cqw;pointer-events:none}
.logo-scratches i{position:absolute;left:0;width:4.863cqw;height:1.062cqw;background:url('assets/design/logo-scratch.svg') center/100% 100% no-repeat}
.logo-scratches i:nth-child(1){top:0}
.logo-scratches i:nth-child(2){top:1.776cqw}
.logo-scratches i:nth-child(3){top:3.33cqw}
.hero-logo,.hero-multi,.hero-creative{pointer-events:none}
.hero-multi,.hero-creative{position:absolute;white-space:nowrap;font-family:var(--font-grunge);font-weight:400;line-height:normal}
.hero-multi{z-index:3;left:7.81cqw;top:12.65cqw;font-size:4.45cqw;color:var(--red)}
.hero-creative{z-index:6;left:56.33cqw;top:20.92cqw;font-size:3.875cqw;color:#050505}
.hero-portrait-wrap{position:absolute;z-index:5;left:31.16cqw;top:18.57cqw;width:37.69cqw;height:41.79cqw;pointer-events:none;transform:translateY(var(--scroll-y,0))}
.hero-portrait{object-fit:fill;object-position:center top}
/* Fit the new pose's transparent canvas inside the existing animated wrapper. */
.hero-portrait[src="assets/hero-clean.png"]{position:absolute;left:-8cqw;bottom:0;width:auto;height:50cqw;object-fit:contain}
.hero-manifesto{position:absolute;z-index:8;left:7.2cqw;top:32.3cqw;display:grid;gap:.78cqw;color:var(--white)}
.hero-manifesto strong{font-size:1.689cqw;line-height:1.04}
.hero-manifesto strong:nth-child(2){font-size:2.122cqw}
.hero-manifesto em{color:#000;font-style:normal}
.hero-meta{position:absolute;z-index:8;left:7.27cqw;top:44.15cqw;margin:0;font-size:.947cqw;color:var(--white)}
.scroll-enter{position:absolute;z-index:8;left:79.43cqw;top:48.16cqw;font-size:.758cqw;color:var(--white)}

/* MANIFESTO — y 755.33 → 1104.13 */
.manifesto{
  position:relative;height:23.47cqw;overflow:hidden;background:#222;padding:0
}
.manifesto::before{content:"";position:absolute;inset:0;background:url('assets/design/statement-texture.png') center/100% 100% no-repeat}
.noise{display:none}
.manifesto h2{position:absolute;left:4.035cqw;top:6.81cqw;margin:0;font-size:5.884cqw;line-height:normal;font-style:italic;font-weight:900;white-space:nowrap}
.manifesto h2 .accent{color:var(--red)}
.manifesto p{position:absolute;left:4.02cqw;top:15.29cqw;margin:0;color:#8f8f8f;font-size:1.09cqw}

/* WORK — y 1104.13 → 3137.60 */
.work{position:relative;height:136.84cqw;overflow:hidden;background:transparent}
.work .section-inner{height:100%}
.work .section-inner::before,.work .section-inner::after{content:"";position:absolute;left:1.916cqw;width:92.36cqw;height:1px;background:#ededed;opacity:.2}
.work .section-inner::before{top:53.16cqw}
.work .section-inner::after{top:105.75cqw}
.work-eyebrow{position:absolute;left:1.916cqw;top:2.775cqw;font-size:1.023cqw}
.work-title{position:absolute;left:1.916cqw;top:4.224cqw;margin:0;font-size:7.639cqw;line-height:normal;font-weight:700}
.project,.project-copy{display:contents}
.project-year,.project-type,.project-description,.project-link,.project h3,.project-art{position:absolute;margin:0}
.project-year{color:var(--red);font-size:1.091cqw}
.project-type{color:#a6a6a6;font-size:.818cqw}
.project-description{color:#aaa;font-size:1.432cqw;line-height:1.37}
.project-link{font-size:1.023cqw}
.project h3{line-height:normal;letter-spacing:normal}
.project-art{overflow:hidden;background:#151515}
.project-art img{object-fit:fill}
.project-woodstones .project-year{left:1.916cqw;top:21.29cqw}
.project-woodstones h3{left:1.916cqw;top:22.425cqw;font-family:"Jost",var(--font-display);font-size:4.638cqw}
.project-woodstones .project-type{left:2.125cqw;top:28.786cqw}
.project-woodstones .project-description{left:2.125cqw;top:31.368cqw;width:29.1cqw}
.project-woodstones .project-link{left:2.125cqw;top:41.823cqw}
.project-woodstones .project-art{left:39.764cqw;top:19.969cqw;width:53.542cqw;height:29.268cqw;overflow:visible}
.project-woodstones .project-art img{position:relative;z-index:2}
.project-woodstones .project-art::before{content:"";position:absolute;z-index:1;left:-1.18cqw;top:-2.393cqw;width:57.353cqw;height:33.318cqw;background:url('assets/design/woodstones-frame.svg') center/100% 100% no-repeat}
.project-dbasement .project-art{left:4.347cqw;top:58.83cqw;width:36.111cqw;height:40.94cqw;overflow:visible}
.project-dbasement .project-art::before{content:"";position:absolute;z-index:-1;left:-2.463cqw;top:-2.838cqw;width:37.887cqw;height:46.002cqw;background:url('assets/design/dbasement-frame.svg') center/100% 100% no-repeat}
.project-dbasement .project-year{left:45.319cqw;top:62.86cqw}
.project-dbasement h3{left:45.319cqw;top:64.435cqw;font-family:"Crimson Text",Georgia,serif;font-size:5.866cqw}
.project-dbasement .project-type{left:45.597cqw;top:72.244cqw}
.project-dbasement .project-description{left:44.417cqw;top:76.842cqw;width:54.86cqw;font-size:1.5cqw}
.project-dbasement .project-link{left:45.597cqw;top:86.85cqw}
.project-haniyah .project-year{left:1.916cqw;top:111.045cqw}
.project-haniyah h3{left:1.884cqw;top:112.485cqw;font-family:Georgia,serif;font-weight:400;font-size:6.002cqw}
.project-haniyah .project-type{left:2.125cqw;top:120.42cqw}
.project-haniyah .project-description{left:2.125cqw;top:125.2cqw;width:42.5cqw}
.project-haniyah .project-link{left:2.125cqw;top:132.0cqw}
.project-haniyah .project-art{left:45.319cqw;top:91.265cqw;width:49.221cqw;height:25.319cqw;overflow:visible}
.project-haniyah .project-art::before{content:"";position:absolute;z-index:-1;left:-1.736cqw;top:-1.889cqw;width:53.125cqw;height:29.241cqw;background:url('assets/design/haniyah-frame.svg') center/100% 100% no-repeat}

/* ABOUT — y 3137.60 → 3784.34 */
.about{position:relative;height:43.52cqw;background:#151515;overflow:hidden}
.about::before{content:"";position:absolute;pointer-events:none;left:.159cqw;top:21.451cqw;width:99.397cqw;height:57.236cqw;background:url('assets/design/work-grain.png') center/100% 100% no-repeat}
.about .section-inner{height:100%}
.about-photo{position:absolute;left:5.97cqw;top:2.123cqw;width:29.86cqw;height:31.85cqw;overflow:visible}
.about-photo::after{content:"";position:absolute;pointer-events:none;left:-1.875cqw;top:-.849cqw;width:100%;height:100%;border:.203cqw solid var(--red)}
.about-photo img{position:absolute;left:1.029cqw;top:0;width:27.927cqw;height:31.85cqw;object-fit:fill}
.about-copy{display:contents}
.about .eyebrow{position:absolute;left:41.39cqw;top:3.45cqw;font-size:1.023cqw}
.about h2{position:absolute;left:41.39cqw;top:7.58cqw;margin:0;font-size:6.275cqw;line-height:.76;font-weight:700;letter-spacing:normal}
.about h2 span{color:var(--red)}
.about .lead,.about-body,.about-process,.small-caps,.tools{position:absolute;left:41.73cqw;margin:0}
.about .lead{top:19.0cqw;width:43.9cqw;color:#ddd;font-size:1.50cqw;line-height:1.35}
.about-body{top:25.05cqw;width:45cqw;color:#aaa;font-size:1.50cqw;line-height:1.35}
.about-process{top:33.15cqw;width:38cqw;color:#aaa;font-size:1.50cqw;line-height:1.35}
.small-caps{top:37.05cqw;color:var(--red);font-size:1.023cqw}
.tools{color:#888;font-size:.818cqw}
.tools-one{top:39.86cqw}.tools-two{top:41.45cqw}

/* SIDE QUESTS — content + intentional breathing space */
.side-quests{position:relative;height:105.36cqw;overflow:hidden;background:transparent}
.side-quests::before{content:"";position:absolute;pointer-events:none;left:.226cqw;top:-22.073cqw;width:99.397cqw;height:57.236cqw;background:url('assets/design/work-grain.png') center/100% 100% no-repeat}
.side-quests .section-inner{z-index:1}
.side-quests .eyebrow{position:absolute;left:4.98cqw;top:1.425cqw;font-size:1.023cqw}
.side-quests h2{position:absolute;left:9.555cqw;top:5.837cqw;margin:0;font-size:7.162cqw;line-height:.73;letter-spacing:normal}
.side-quests h2 span{color:var(--red)}
.side-quests .section-copy{position:absolute;left:10.027cqw;top:16.186cqw;margin:0;color:#aaa;font-size:1.432cqw}
.quest-grid{display:contents}
.quest-card{position:absolute;display:block;width:24.306cqw}
.quest-running{left:6.673cqw;top:30.17cqw}
.quest-racket{left:37.898cqw;top:26.975cqw}
.quest-music{left:70.86cqw;top:23.22cqw}
.quest-photo{position:relative;width:24.306cqw;height:29.35cqw;overflow:hidden;border:1px solid #ededed}
.quest-music .quest-photo::after{content:"";position:absolute;left:39.34%;top:34.38%;width:20.856%;height:18.59%;background:var(--red);clip-path:polygon(0 0,100% 50%,0 100%)}
.quest-racket .quest-photo{height:28.99cqw;border-color:var(--red)}
.quest-photo img{object-fit:fill}
.quest-racket .quest-photo img{height:100%}
.quest-card h3{margin:2.15cqw 0 .6cqw;font-family:var(--font-display);font-size:1.91cqw;line-height:1}
.quest-racket h3{font-size:1.604cqw;margin-top:2.79cqw}.quest-music h3{font-size:1.913cqw}
.quest-card p{margin:0;color:#777;font-size:.818cqw;text-align:right}
.quest-running p{position:absolute;top:34.023cqw;width:100%}
.quest-racket p{position:absolute;top:33.742cqw;width:100%}
.quest-music p{position:absolute;top:33.405cqw;width:100%;padding-right:4.2cqw}

/* CONTACT — y 5350 → 5840.64 */
.contact{position:relative;height:33.02cqw;background:#050505}
.contact .section-inner{height:100%}
.contact-label{position:absolute;left:3.82cqw;top:5.895cqw;font-size:1.023cqw}
.contact h2{position:absolute;left:3.82cqw;top:8.095cqw;margin:0;font-size:7.639cqw;line-height:normal;letter-spacing:normal}
.contact-something{color:var(--red)}
.contact-row{display:contents}
.email{position:absolute;left:4.03cqw;top:20.596cqw;font-size:1.228cqw}
.socials{position:absolute;left:65.625cqw;top:20.91cqw;display:flex;gap:.35cqw;color:#aaa;font-size:.955cqw}
.footer-line{position:absolute;left:3.82cqw;right:8.5cqw;top:28.535cqw;display:flex;justify-content:space-between;color:#777;font-size:.818cqw}
body::after{content:"";display:block;height:9.38cqw;background:#050505}

/* Native motion is progressive enhancement; finished effects leave no geometry. */
[data-motion-pending]{opacity:0}
.hero-portrait-wrap{transform-origin:50% 100%}
.hero-gradient{overflow:hidden}
.hero-gradient::after{content:"";position:absolute;inset:0;background:inherit;opacity:0;transform-origin:50% 85%;animation:gradient-bloom 18s ease-in-out infinite;animation-play-state:paused;pointer-events:none}
.hero-is-visible .hero-gradient::after{animation-play-state:running}
.motion-suspended .hero-gradient::after{animation-play-state:paused}
@keyframes gradient-bloom{
  0%,100%{opacity:0;transform:translate3d(0,0,0) scale(1)}
  50%{opacity:.22;transform:translate3d(0,-1.5%,0) scale(1.065)}
}

/* MOBILE — 390px Figma reference */
@media (max-width:760px){
  .desktop-only{display:none!important}.mobile-only{display:block!important}
  .eyebrow{color:var(--gray)}
  html{background:#050505}
  body::after{display:none}
  .site-header{
    height:12.38cqw;padding:3.687cqw 5.13cqw 0;color:var(--white);align-items:flex-start
  }
  .site-header::after{content:"";position:absolute;left:5.13cqw;right:5.13cqw;top:12.38cqw;height:1px;background:#292929}
  .brand{font-size:4.615cqw}.desktop-nav{display:none}
  .menu-toggle{display:block;position:absolute;right:8.205cqw;top:5.53cqw;padding:0;border:0;background:none;color:#a6a6a6;font:400 2.564cqw var(--font-body)}
  .mobile-menu{inset:12.4cqw 0 auto;padding:5.13cqw}.mobile-menu a{font-size:6cqw}

  .hero{height:209.414cqw;background:#050505;color:#050505}
  main::before,main::after{display:none}
  .hero-gradient{top:16.667cqw;bottom:auto;height:176.923cqw;background-image:url('assets/design/mobile-hero-gradient.svg')}
  .hero-mobile-kicker{position:absolute;z-index:8;left:7.69cqw;top:25.287cqw;margin:0;font-size:2.179cqw}
  .hero-logo{left:26.923cqw;top:23.59cqw;font-family:var(--font-display);font-size:10.671cqw;font-weight:700;letter-spacing:normal}
  .logo-scratches{display:none}
  .hero-multi{left:6.154cqw;top:54.61cqw;font-size:4.745cqw;line-height:normal}
  .hero-creative{left:44.103cqw;top:67.949cqw;font-size:4.576cqw;line-height:normal}
  .hero-creative span,.hero-mobile-kicker,.hero-mobile-meta{display:none!important}
  .hero-mobile-meta{position:absolute;z-index:8;left:7.949cqw;top:67.96cqw;margin:0;font-size:2.179cqw}
  .hero-portrait-wrap{left:22.564cqw;top:auto;bottom:0;width:95.385cqw;height:120.513cqw}
  .hero-portrait{position:absolute;bottom:0;height:108.718cqw;object-fit:fill;object-position:center bottom}
  /* Underlap the divider enough to retain the anchor during existing scroll depth. */
  .hero-portrait[src="assets/hero-clean.png"]{left:-12.5cqw;bottom:-14px;height:114cqw}
  .hero-manifesto{left:6.154cqw;top:128.205cqw;gap:4.383cqw}
  .hero-manifesto strong{font-size:3.024cqw;line-height:normal;width:auto;white-space:nowrap}
  .hero-manifesto strong:nth-child(2){font-size:3.799cqw;line-height:normal;width:auto}
  .hero-manifesto br{display:none!important}
  .hero-meta.desktop-only{display:block!important;left:5.641cqw;top:165.641cqw;font-size:2.021cqw}
  .scroll-enter-mobile{position:absolute;z-index:8;left:73.333cqw;top:181.538cqw;font-size:1.905cqw;color:#fff}

  .manifesto{height:60.585cqw}
  .manifesto::before{background-image:url('assets/design/mobile-statement-texture.png')}
  .manifesto h2{left:5.13cqw;top:18.44cqw;width:89.74cqw;white-space:normal;font-size:7.692cqw;line-height:1.37;letter-spacing:normal;font-style:normal;font-weight:700}
  .manifesto p{left:5.13cqw;top:47.02cqw;font-size:1.923cqw}

  .work{height:352.975cqw;background:#050505}
  .work::before{content:"";position:absolute;inset:5.268cqw -7.692cqw 0;background:url('assets/design/mobile-contours.png') center/100% 100% no-repeat;opacity:.2}
  .work::after{content:"";position:absolute;pointer-events:none;inset:2.634cqw 0 0;background:url('assets/design/work-grain.png') center/100% 100% no-repeat}
  .work .section-inner{z-index:1}
  .work .section-inner::before{display:none}
  .work .section-inner::after{left:5.13cqw;top:339.804cqw;width:89.744cqw}
  .work-eyebrow{left:5.13cqw;top:9.746cqw;font-size:2.051cqw}
  .work-title{left:5.13cqw;top:18.702cqw;font-size:9.487cqw}
  .project-year{font-size:1.923cqw}.project-type{font-size:1.872cqw}
  .project-description{font-family:Arial,sans-serif;font-size:2.897cqw;line-height:1.455;color:#b5b5b5}
  .project-link{font-size:1.923cqw;color:var(--red)}
  .project h3{font-family:var(--font-body);font-weight:700;letter-spacing:normal}
  .project-woodstones .project-year{left:5.13cqw;top:45.439cqw}
  .project-woodstones h3{left:5.13cqw;top:49.258cqw;font-family:var(--font-body);font-size:5.897cqw}
  .project-woodstones .project-type{left:5.13cqw;top:59.716cqw}
  .project-woodstones .project-art{left:5.641cqw;top:73.229cqw;width:88.718cqw;height:44.781cqw;overflow:visible}
  .project-woodstones .project-art::before{left:-1.4cqw;top:-1.75cqw;width:91.55cqw;height:48.5cqw}
  .project-woodstones .project-description{left:5.13cqw;top:125.57cqw;width:89.49cqw}
  .project-woodstones .project-link{left:5.13cqw;top:143.7cqw}

  .project-dbasement .project-year{left:5.13cqw;top:148.17cqw}
  .project-dbasement .project-art{left:5.641cqw;top:164.37cqw;width:36.41cqw;height:52.156cqw}
  .project-dbasement .project-art::before{display:none}
  .project-dbasement h3{left:47.18cqw;top:161.47cqw;font-family:var(--font-body);font-size:6.41cqw}
  .project-dbasement .project-type{left:47.18cqw;top:172.22cqw}
  .project-dbasement .project-description{left:47.18cqw;top:184.36cqw;width:47.44cqw;font-size:2.64cqw}
  .project-dbasement .project-link{left:47.18cqw;top:207.44cqw}

  .project-haniyah .project-year{left:5.13cqw;top:243.0cqw}
  .project-haniyah h3{left:5.13cqw;top:246.56cqw;font-family:var(--font-body);font-size:6.667cqw}
  .project-haniyah .project-type{left:5.13cqw;top:257.57cqw}
  .project-haniyah .project-description{left:5.13cqw;top:269.71cqw;width:77.18cqw;font-size:2.744cqw}
  .project-haniyah .project-art{left:46.923cqw;top:289.755cqw;width:47.436cqw;height:33.19cqw}
  .project-haniyah .project-art::before{left:-3.333cqw;top:-1.844cqw;width:54.359cqw;height:37.668cqw}
  .project-haniyah .project-link{left:5.13cqw;top:316.756cqw}

  .about{height:181.756cqw}
  .about::before{display:none}
  .about-photo{left:5.641cqw;top:26.868cqw;width:33.846cqw;height:57.951cqw}
  .about-photo::after{left:-1.026cqw;top:-1.054cqw;width:35.897cqw;height:60.058cqw;border-width:.513cqw}
  .about-photo img{position:static;width:100%;height:100%;object-fit:fill;clip-path:none}
  .about .eyebrow{left:5.13cqw;top:9.746cqw;font-size:2.051cqw}
  .about h2{left:44.615cqw;top:32.927cqw;font-size:7.436cqw;line-height:1.169;letter-spacing:normal;white-space:nowrap}
  .about .lead{left:44.615cqw;top:61.823cqw;width:36.923cqw;font-family:Arial,sans-serif;font-size:2.641cqw;line-height:1.496;color:#b6b6b6}
  .about-body{left:5.13cqw;top:98.412cqw;width:87.95cqw;font-family:Arial,sans-serif;font-size:2.59cqw;line-height:1.729;color:#b6b6b6}
  .about-process{left:5.13cqw;top:109.211cqw;width:87.95cqw;font-family:Arial,sans-serif;font-size:2.571cqw;line-height:1.742;color:#b6b6b6}
  .about-process .mobile-only{display:inline!important}
  .about-mantra{position:absolute;left:5.13cqw;top:134.34cqw;display:flex!important;gap:1.8cqw;font-size:5.128cqw;font-weight:700;white-space:nowrap}
  .about-mantra b:nth-child(2),.about-mantra b:nth-child(4){color:var(--red)}
  .tools-label{position:absolute;left:5.13cqw;top:155.47cqw;margin:0;color:#777;font-size:2cqw}
  .tools{left:5.13cqw;font-family:Arial,sans-serif;font-size:2.128cqw;color:#a6a6a6}
  .tools-one{top:164.29cqw}.tools-two{top:171.66cqw}

  .side-quests{height:200.195cqw;background:#050505}
  .side-quests::before{content:"";position:absolute;inset:0 -5.128cqw;width:auto;height:auto;background:url('assets/design/mobile-contours.png') center/100% 100% no-repeat}
  .side-quests .eyebrow{left:5.13cqw;top:9.746cqw;font-size:2.051cqw}
  .side-quests h2{left:5.13cqw;top:20.02cqw;font-size:8.718cqw;line-height:1.209;letter-spacing:normal}
  .side-quests .section-copy{left:5.13cqw;top:47.23cqw;font-family:Arial,sans-serif;font-size:2.744cqw;width:93.59cqw}
  .quest-card{width:26.923cqw}
  .quest-running{left:5.641cqw;top:67.697cqw}
  .quest-racket{left:36.667cqw;top:67.697cqw}
  .quest-music{left:67.692cqw;top:67.697cqw}
  .quest-photo,.quest-racket .quest-photo{width:26.923cqw;height:48.995cqw}
  .quest-racket .quest-photo img{position:relative;left:-38.095%;top:-10.713%;width:175.238%;height:122.87%;object-fit:fill}
  .quest-card h3,.quest-racket h3,.quest-music h3{margin:4.35cqw 0 0;font-family:var(--font-body);font-size:3.205cqw}
  .quest-card p{position:static;width:auto;margin-top:3.15cqw;padding-right:0;text-align:left;font-size:1.692cqw}
  .quest-music .quest-photo::after{display:none}
  .side-quest-enter{position:absolute;left:5.13cqw;top:157.26cqw;color:var(--red);font-size:2.051cqw}

  .contact{height:134.34cqw}
  .contact-label{left:5.13cqw;top:16.33cqw;font-size:2.051cqw}
  .contact h2{left:3.846cqw;top:18.97cqw;font-size:13.746cqw;line-height:.996;letter-spacing:normal}
  .contact h2 span{display:block}
  .contact-something{margin-left:15.64cqw;font-size:11.66cqw}
  .contact-blurb{position:absolute;left:5.13cqw;top:52.47cqw;width:86.67cqw;margin:0;color:#aaa;font-size:2.62cqw;line-height:1.45}
  .email{left:5.13cqw;top:71.05cqw;font-size:2.949cqw;text-transform:lowercase}
  .socials{left:5.13cqw;top:87.3cqw;gap:.9cqw;font-size:2cqw}
  .mobile-footer{position:absolute;left:5.13cqw;right:5.13cqw;top:112.23cqw}
  .mobile-footer strong{font-size:4.359cqw}
  .mobile-footer div{display:flex;justify-content:space-between;margin-top:7.18cqw;color:#777;font-size:1.872cqw}

  .hero-gradient::after{animation-duration:24s}
  /* Mobile drift is written once per frame; avoid a second easing clock. */
  .hero .hero-gradient{transition:none}
  @keyframes gradient-bloom-mobile{
    0%,100%{opacity:0;transform:translate3d(0,0,0) scale(1)}
    50%{opacity:.14;transform:translate3d(0,-1%,0) scale(1.035)}
  }
  .hero-gradient::after{animation-name:gradient-bloom-mobile}
}

/* Mobile editorial pass: retain the phone composition, let copy set the rhythm. */
@media (max-width:760px){
  .hero{height:200cqw}
  .site-header{height:64px;padding:18px 20px 0;background:#050505}
  .site-header::after{top:63px;left:20px;right:20px}
  .brand{font-size:18px;line-height:28px}
  .menu-toggle{top:8px;right:12px;min-width:64px;min-height:44px;font-size:11px;color:#d0d0d0}
  .mobile-menu{inset:72px 16px auto;padding:12px 20px;max-height:calc(100dvh - 96px);overflow:auto;border:1px solid #444}
  .mobile-menu a{min-height:52px;display:flex;align-items:center;font-size:24px;border-bottom:1px solid #333}
  .mobile-menu a:last-child{border-bottom:0}
  /* Keep the original gradient size; carry its final red through the hero edge.
     The extra 8px stays clipped and covers the existing mobile light drift. */
  .hero-gradient{top:16.667cqw;height:calc(100% - 16.667cqw + 8px);background-size:100% 176.923cqw;background-position:center top;background-color:#920000}
  .hero-logo{font-size:11.3cqw;top:26cqw;left:24cqw}
  .hero-multi{font-size:4.7cqw;top:55cqw}
  .hero-creative{font-size:5.1cqw;left:43cqw;top:69cqw}
  .hero-manifesto{gap:14px;top:90cqw}
  .hero-manifesto strong{font-size:clamp(11.5px,3.28cqw,14px);line-height:1.35;letter-spacing:-.02em}
  .hero-manifesto strong:nth-child(2){font-size:clamp(16px,4.7cqw,21px);line-height:1.2}
  .hero-meta.desktop-only{font-size:clamp(8px,2.3cqw,10px);max-width:87%;line-height:1.6}
  .scroll-enter-mobile{font-size:9px;left:auto;right:20px;min-height:44px;display:flex;align-items:center;top:178cqw}
  .manifesto{height:auto;padding:52px 20px 40px}
  .manifesto h2{position:relative;inset:auto;width:auto;font-size:clamp(26px,7.7cqw,34px);line-height:1.3}
  .manifesto p{position:relative;inset:auto;margin-top:24px;font-size:10px;line-height:1.6;max-width:32ch}
  .work{height:auto;overflow:hidden}
  .work .section-inner{height:auto;padding:40px 20px 48px}
  .work .section-inner::after{inset:auto 20px 0;width:auto}
  .work-eyebrow,.work-title{position:relative;inset:auto}
  .work-eyebrow{font-size:10px;letter-spacing:.04em}
  .work-title{font-size:clamp(29px,8.7cqw,38px);line-height:1.1;margin:20px 0 40px;letter-spacing:-.04em}
  .project{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:32px 0;border-top:1px solid #ffffff24}
  .project-copy{display:contents}
  .project-year,.project-type,.project-description,.project-link,.project h3,.project-art{position:relative!important;inset:auto!important;width:auto!important;margin:0}
  .project-year{order:0;font-size:10px}
  .project h3{order:1;font-size:clamp(25px,7.2cqw,32px);line-height:1.1;letter-spacing:-.025em}
  .project-type{order:2;font-size:10px;line-height:1.65;max-width:32ch}
  .project-art{order:3;display:block;height:auto!important;aspect-ratio:1.94;margin:14px 4px!important}
  .project-art img{position:relative;width:100%;height:100%}
  .project-art::before{inset:-6px!important;width:auto!important;height:auto!important}
  .project-description{order:4;font-size:14px!important;line-height:1.65;max-width:38ch}
  .project-link{order:5;justify-self:start;min-height:44px;display:inline-flex;align-items:center;font-size:11px;border-bottom:1px solid #c1121f77}
  .project-dbasement{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:20px;padding-block:40px}
  .project-dbasement .project-year{grid-column:1/-1;grid-row:1}
  .project-dbasement .project-art{grid-column:1;grid-row:2/6;aspect-ratio:.68;align-self:center;margin:0!important}
  .project-dbasement h3{grid-column:2;grid-row:2;font-size:clamp(20px,5.8cqw,27px)}
  .project-dbasement .project-type{grid-column:2;grid-row:3;font-size:9px}
  .project-dbasement .project-description{grid-column:2;grid-row:4;font-size:13px!important;line-height:1.6}
  .project-dbasement .project-link{grid-column:2;grid-row:5}
  .project-haniyah .project-description{order:3}
  .project-haniyah .project-art{order:4;width:72%!important;justify-self:end;aspect-ratio:1.43;margin-top:20px!important}
  .about{height:auto}
  .about .section-inner{height:auto;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:24px 20px;padding:40px 20px 44px}
  .about-copy{display:contents}
  .about .eyebrow,.about h2,.about .lead,.about-body,.about-process,.about-mantra,.tools-label,.tools{position:relative;inset:auto;margin:0;width:auto}
  .about .eyebrow{grid-column:1/-1;font-size:10px}
  .about-photo{position:relative;inset:auto;grid-column:1;grid-row:2/4;width:100%;height:100%;min-height:220px}
  .about-photo::after{inset:-4px;width:calc(100% + 8px);height:calc(100% + 8px);border-width:2px}
  .about-photo img{object-fit:cover}
  .about h2{grid-column:2;font-size:clamp(20px,5.9cqw,26px);line-height:1.15;align-self:end}
  .about .lead{grid-column:2;font-size:12px;line-height:1.65}
  .about-body,.about-process{grid-column:1/-1;font-size:14px;line-height:1.75}
  .about-mantra{grid-column:1/-1;flex-wrap:wrap;gap:8px;font-size:clamp(16px,4.65cqw,21px);padding-block:12px}
  .tools-label{grid-column:1/-1;font-size:10px;color:#999}
  .tools{grid-column:1/-1;font-size:11px;line-height:1.8;overflow-wrap:anywhere;color:#bbb}
  .side-quests{height:auto;padding:40px 20px 48px}
  .side-quests .section-inner{height:auto}
  .side-quests .eyebrow,.side-quests h2,.side-quests .section-copy,.side-quest-enter{position:relative;inset:auto;width:auto}
  .side-quests .eyebrow{font-size:10px}
  .side-quests h2{font-size:clamp(26px,7.8cqw,35px);line-height:1.15;margin:24px 0}
  .side-quests .section-copy{font-size:14px;line-height:1.7;max-width:35ch}
  .quest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:32px}
  .quest-card{position:relative;inset:auto;width:100%;min-width:0}
  .quest-photo,.quest-racket .quest-photo{width:100%;height:auto;aspect-ratio:.55}
  .quest-card h3,.quest-racket h3,.quest-music h3{font-size:11px;line-height:1.45;margin-top:16px;min-height:32px}
  .quest-card p{font-size:9px;line-height:1.65;margin-top:8px;overflow-wrap:anywhere}
  .side-quest-enter{display:inline-flex;align-items:center;min-height:48px;margin-top:28px;font-size:11px;border-bottom:1px solid #c1121f77}
  .contact{height:auto;padding:48px 20px 28px}
  .contact .section-inner{height:auto}
  .contact-label,.contact h2,.contact-blurb,.email,.socials,.mobile-footer{position:relative;inset:auto;width:auto;margin:0}
  .contact-label{font-size:10px}
  .contact h2{margin:24px 0;font-size:14cqw;line-height:1.05}
  .contact-something{font-size:11.6cqw;margin-left:12%}
  .contact-blurb{font-size:14px;line-height:1.7;max-width:35ch}
  .email{display:inline-flex;align-items:center;min-height:48px;margin-top:20px;font-size:clamp(12px,3.5cqw,16px)}
  .socials{flex-wrap:wrap;gap:4px 12px;margin-top:16px;font-size:10px}
  .socials a{display:inline-flex;align-items:center;min-height:44px}
  .socials>span{display:none}
  .mobile-footer{margin-top:40px;padding-top:24px;border-top:1px solid #333}
  .mobile-footer strong{font-size:18px}
  .mobile-footer div{gap:20px;font-size:9px;line-height:1.7;margin-top:20px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  [data-reveal],[data-motion-pending]{opacity:1!important;clip-path:none!important;transform:none!important;translate:none!important}
  .hero-portrait-wrap{transform-origin:50% 50%}
  .hero-gradient::after{opacity:0!important}
}