@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600&family=Syne:wght@500;600;700&display=swap');
:root{--ink:#060607;--paper:#efeeee;--violet:#961cbc;--green:#6fce68;--line:rgba(255,255,255,.16);font-family:"Manrope",sans-serif;color:#fff;background:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--ink)}a{color:inherit;text-decoration:none}img{display:block;width:100%}em{font-style:normal;color:var(--violet)}
.project-header{position:fixed;z-index:20;top:14px;left:3vw;right:3vw;min-height:64px;padding:0 18px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:rgba(7,7,9,.83);backdrop-filter:blur(18px);font:500 9px "DM Mono";letter-spacing:.12em;text-transform:uppercase}.project-header>a:nth-child(2){justify-self:center}.project-header .header-cta{justify-self:end;padding:13px 17px;border-radius:999px;background:var(--violet)}.wordmark{font:700 16px "Syne";letter-spacing:.06em}
.project-hero{position:relative;min-height:100svh;overflow:hidden}.project-hero>img{position:absolute;inset:0;height:100%;object-fit:cover;object-position:center 56%}.project-hero-red>img{object-position:center 54%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,4,5,.94),rgba(4,4,5,.28) 58%,rgba(4,4,5,.08)),linear-gradient(0deg,rgba(4,4,5,.78),transparent 40%)}.hero-copy{position:absolute;z-index:2;left:6vw;bottom:11vh;max-width:820px}.eyebrow{margin:0 0 24px;color:#b6b6b8;font:500 10px "DM Mono";letter-spacing:.18em;text-transform:uppercase}.eyebrow.dark{color:#666}.hero-copy h1{margin:0;font:600 clamp(72px,12vw,180px)/.77 "Syne";letter-spacing:-.075em;text-transform:uppercase}.hero-copy>p:last-child{max-width:540px;margin:35px 0 0;color:#c2c2c4;font-size:clamp(15px,1.4vw,20px);line-height:1.65}.scroll-label{position:absolute;z-index:2;right:5vw;bottom:5vh;color:#999;font:500 8px "DM Mono";letter-spacing:.15em;text-transform:uppercase}
.spec-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.spec-strip>div{min-height:130px;padding:30px 3vw;display:flex;flex-direction:column;justify-content:center;gap:10px;border-left:1px solid var(--line)}.spec-strip>div:first-child{border-left:0}.spec-strip span{color:#707075;font:500 8px "DM Mono";letter-spacing:.14em;text-transform:uppercase}.spec-strip strong{font:600 clamp(15px,1.5vw,22px) "Syne";text-transform:uppercase}
.project-story{padding:clamp(100px,13vw,190px) 6vw;display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;color:var(--ink);background:var(--paper)}.project-story h2,.project-cta h2{margin:0;font:600 clamp(55px,8vw,120px)/.86 "Syne";letter-spacing:-.065em;text-transform:uppercase}.story-copy{align-self:end}.story-copy p{max-width:650px;margin:0 0 28px;color:#555;font-size:clamp(16px,1.5vw,21px);line-height:1.75}
.project-image{position:relative;padding:3vw;background:#111}.project-image img{height:min(75vw,900px);object-fit:cover;border-radius:18px}.project-image span{position:absolute;left:5vw;bottom:5vw;padding:9px 12px;border-radius:999px;background:rgba(0,0,0,.64);font:500 8px "DM Mono";letter-spacing:.14em}.image-pair{padding:3vw;display:grid;grid-template-columns:1fr 1fr;gap:8px}.image-pair figure{margin:0}.image-pair img{height:min(63vw,790px);object-fit:cover}.image-pair figcaption{padding:15px 4px;color:#777;font:500 8px "DM Mono";letter-spacing:.14em;text-transform:uppercase}
.project-process{padding:clamp(90px,10vw,150px) 6vw}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.process-grid article{min-height:260px;padding:26px 20px;border-left:1px solid var(--line)}.process-grid article:first-child{border-left:0}.process-grid span{color:var(--green);font:500 9px "DM Mono"}.process-grid h3{margin:95px 0 13px;font:600 23px "Syne";text-transform:uppercase}.process-grid p{color:#8c8c90;font-size:13px;line-height:1.6}
.project-cta{min-height:82svh;padding:12vw 6vw;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(120deg,#111 0%,#210827 58%,#080809)}.project-cta h2{max-width:1100px}.project-cta>div{margin-top:45px;display:flex;gap:15px;align-items:center}.button{min-height:56px;padding:0 25px;display:inline-flex;align-items:center;border-radius:999px;background:var(--violet);font:700 10px "DM Mono";letter-spacing:.1em;text-transform:uppercase}.text-button{padding:17px 4px;border-bottom:1px solid #777;font:600 10px "DM Mono";letter-spacing:.1em;text-transform:uppercase}footer{padding:35px 6vw 110px;display:flex;justify-content:space-between;gap:20px;color:#777;border-top:1px solid var(--line);font:500 8px "DM Mono";letter-spacing:.1em;text-transform:uppercase}
@media(max-width:760px){.project-header{left:10px;right:10px;grid-template-columns:1fr auto}.project-header>a:nth-child(2){display:none}.project-header .header-cta{font-size:7px}.hero-copy{left:20px;right:20px;bottom:12vh}.hero-copy h1{font-size:clamp(60px,20vw,100px)}.hero-copy>p:last-child{font-size:14px}.spec-strip{grid-template-columns:1fr 1fr}.spec-strip>div{min-height:105px;padding:20px}.spec-strip>div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.spec-strip>div:nth-child(4){border-top:1px solid var(--line)}.project-story{grid-template-columns:1fr;padding:95px 20px}.project-story h2,.project-cta h2{font-size:clamp(48px,15vw,72px)}.image-pair{grid-template-columns:1fr;padding:8px}.image-pair img{height:120vw}.project-image{padding:8px}.project-image img{height:118vw}.process-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.process-grid article{min-width:72vw;scroll-snap-align:start}.project-cta{padding:110px 20px}.project-cta>div{align-items:stretch;flex-direction:column}.button,.text-button{justify-content:center}footer{padding:28px 20px 90px;flex-direction:column}}