.raw-demo{--bone:#f2f0e9;--black:#000;--red:#ff2b00;background:var(--bone);color:var(--black);min-height:100vh;font-family:Archivo,Inter,Arial,sans-serif;overflow-x:hidden}.demo-notice.raw{background:var(--black);color:var(--bone)}.raw-demo h1,.raw-demo h2,.raw-logo,.raw-poster h2,.raw-dare h2,.raw-work-list b,.raw-marquee{text-transform:uppercase;letter-spacing:.01em;margin:0;font-family:Anton,Impact,Arial Narrow,sans-serif;font-weight:400}.raw-k{letter-spacing:.18em;color:var(--black);margin:0 0 20px;font:500 11px JetBrains Mono,ui-monospace,monospace}.raw-header{border-bottom:3px solid var(--black);background:var(--bone);z-index:5;align-items:center;gap:32px;height:76px;padding:0 5vw;display:flex;position:sticky;top:0}.raw-logo{color:var(--black);letter-spacing:.06em;font-size:30px}.raw-header nav{text-transform:uppercase;letter-spacing:.06em;gap:26px;margin:auto;font-size:13px;font-weight:700;display:flex}.raw-header nav a:hover{color:var(--red)}.raw-cta{background:var(--red);color:var(--bone);text-transform:uppercase;letter-spacing:.06em;padding:11px 16px;font:700 13px Archivo,sans-serif}.raw-cta:hover{background:var(--black)}.demo-menu.raw-menu{border:2px solid var(--black);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;display:none}.raw-menu span{background:var(--black);width:16px;height:3px;display:block}.raw-mobile{display:none}.raw-hero{border-bottom:3px solid var(--black);align-content:center;min-height:88vh;padding:48px 5vw;display:grid;position:relative;overflow:hidden}.raw-noise{pointer-events:none;width:100%;height:100%;image-rendering:pixelated;mix-blend-mode:multiply;position:absolute;inset:0}.raw-kinetic{z-index:1;position:relative}.raw-kinetic h1{flex-direction:column;font-size:clamp(4rem,15vw,15rem);line-height:.86;display:flex}.raw-kinetic h1 span{transform-origin:0 100%;will-change:transform;display:block}.raw-kinetic h1 span:last-child{color:var(--red)}.raw-sub{max-width:40ch;margin:28px 0 0;font-size:clamp(15px,1.6vw,19px);font-weight:500}.raw-scroll{letter-spacing:.18em;margin:0;font:500 11px JetBrains Mono,monospace;position:absolute;bottom:24px;right:5vw}.raw-posters{display:grid}.raw-poster{border-bottom:3px solid var(--black);opacity:0;align-content:end;gap:18px;min-height:92vh;padding:56px 5vw;transition:opacity .5s;display:grid;position:relative}.raw-poster.is-in{opacity:1}.raw-num{letter-spacing:.18em;font:500 11px JetBrains Mono,monospace;position:absolute;top:24px;left:5vw}.raw-poster h2{flex-direction:column;font-size:clamp(3rem,11vw,10.5rem);line-height:.9;display:flex}.raw-poster p{max-width:52ch;margin:0;font-size:clamp(15px,1.5vw,19px);font-weight:500;line-height:1.5}.raw-poster.p0{background:var(--bone)}.raw-poster.p0 h2 span:last-child{color:var(--red)}.raw-poster.p1{background:var(--black);color:var(--bone)}.raw-poster.p1 h2{text-align:right;align-items:flex-end}.raw-poster.p1 p{text-align:right;justify-self:end}.raw-poster.p1 .raw-num{color:var(--bone)}.raw-poster.p2{background:var(--red);color:var(--black)}.raw-poster.p2 h2{align-content:center;transform:rotate(-2deg)}.raw-poster.p2 h2 span:last-child{color:var(--bone)}.raw-poster.p3{background:var(--bone)}.raw-poster.p3 h2{max-width:12ch;font-size:clamp(2.4rem,8vw,7.5rem)}.raw-poster.p3 h2 span:first-child{color:var(--red)}.raw-works{border-bottom:3px solid var(--black);padding:72px 0}.raw-works .raw-k{padding:0 5vw}.raw-marquee{border-top:3px solid var(--black);border-bottom:3px solid var(--black);padding:10px 0;font-size:clamp(2rem,5vw,4.6rem);line-height:1;overflow:hidden}.raw-marquee div{gap:48px;width:max-content;padding-left:48px;animation:28s linear infinite raw-marquee;display:flex}.raw-marquee span:after{content:" ✳";color:var(--red)}@keyframes raw-marquee{to{transform:translate(-50%)}}.raw-work-list{margin:0;padding:0 5vw;list-style:none}.raw-work-list li a{border-bottom:1px solid var(--black);color:var(--black);grid-template-columns:1fr auto 120px;align-items:center;gap:24px;padding:18px 0;display:grid}.raw-work-list b{font-size:clamp(1.4rem,3vw,2.6rem);line-height:1}.raw-work-list span{letter-spacing:.1em;text-transform:uppercase;font:500 12px JetBrains Mono,monospace}.raw-swatch{background:var(--black);transform-origin:100%;height:44px;transition:transform .25s cubic-bezier(.2,.8,.2,1);display:block;transform:scaleX(0)}.raw-swatch.is-on{transform:scaleX(1)}.raw-swatch{overflow:hidden}.raw-swatch>picture>img{object-fit:cover;width:100%;height:100%;display:block}.raw-manifesto{background:var(--black);color:var(--bone);padding:72px 5vw}.raw-manifesto .raw-k{color:var(--red)}.raw-manifesto ol{max-width:900px;margin:0;padding:0;list-style:none}.raw-manifesto li{opacity:0;border-bottom:1px solid #333;grid-template-columns:70px 1fr;gap:20px;padding:18px 0;font-size:clamp(17px,2.2vw,26px);font-weight:500;line-height:1.25;transition:opacity .4s,transform .4s;display:grid;transform:translate(-10px)}.raw-manifesto li.is-in{opacity:1;transform:none}.raw-manifesto li span{color:var(--red);font-family:Anton,Impact,sans-serif;font-size:clamp(2rem,4vw,3.6rem);line-height:.9}.raw-team{border-bottom:3px solid var(--black);padding:72px 5vw}.raw-team-grid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.raw-team-grid>div{border:3px solid var(--black);opacity:0;padding:22px;transition:opacity .4s}.raw-team-grid>div.is-in{opacity:1}.raw-team-grid .t0{grid-column:1/6;transform:rotate(-1.5deg)}.raw-team-grid .t1{grid-column:7/12;margin-top:40px;transform:rotate(1deg)}.raw-team-grid .t2{background:var(--red);color:var(--black);grid-column:2/8;margin-top:-10px;transform:rotate(.6deg)}.raw-team-grid .t3{grid-column:9/13;margin-top:24px;transform:rotate(-2deg)}.raw-team h3{text-transform:uppercase;margin:0 0 8px;font-family:Anton,Impact,sans-serif;font-size:28px;font-weight:400}.raw-team p{margin:0;font-size:15px;font-weight:500;line-height:1.45}.raw-culture{border-bottom:3px solid var(--black);padding:56px 0}.raw-culture .raw-k{padding:0 5vw}.raw-ticker{overflow:hidden}.raw-ticker div{letter-spacing:.08em;text-transform:uppercase;gap:40px;width:max-content;font:500 14px JetBrains Mono,monospace;animation:40s linear infinite raw-marquee;display:flex}.raw-ticker span:before{content:"→ ";color:var(--red)}.raw-dare{background:var(--red);color:var(--black);padding:96px 5vw}.raw-dare h2{max-width:14ch;margin-bottom:18px;font-size:clamp(2.4rem,7vw,6.5rem);line-height:.9}.raw-dare p{max-width:48ch;margin:0 0 26px;font-size:16px;font-weight:500}.raw-dare form{gap:12px;max-width:720px;display:grid}.raw-dare textarea{background:var(--bone);border:3px solid var(--black);resize:vertical;color:var(--black);outline:none;padding:16px;font:500 16px Archivo,sans-serif}.raw-dare textarea:focus{box-shadow:0 0 0 3px var(--black)}.raw-dare button{background:var(--black);color:var(--bone);letter-spacing:.06em;cursor:pointer;border:0;justify-self:start;align-items:center;gap:10px;padding:16px 22px;font-family:Anton,Impact,sans-serif;font-size:22px;display:inline-flex}.raw-dare button:hover{background:var(--bone);color:var(--black)}.raw-footer{border-top:3px solid var(--black);gap:10px;padding:36px 5vw 28px;display:grid}.raw-footer p{max-width:70ch;margin:0;font-size:14px;font-weight:500}.raw-footer small{letter-spacing:.08em;font:500 11px JetBrains Mono,monospace}@media (max-width:900px){.raw-team-grid>div{grid-column:1/-1!important;margin-top:0!important}}@media (max-width:760px){.raw-header nav,.raw-header .raw-cta{display:none}.demo-menu.raw-menu{margin-left:auto;display:flex}.raw-mobile{border-bottom:3px solid var(--black);flex-direction:column;padding:6px 5vw 18px;display:flex}.raw-mobile a{border-bottom:1px solid var(--black);text-transform:uppercase;padding:14px 0;font-size:15px;font-weight:700}.raw-hero,.raw-poster{min-height:70vh}.raw-work-list li a{grid-template-columns:1fr;gap:6px}.raw-swatch{display:none}}@media (prefers-reduced-motion:reduce){.raw-marquee div,.raw-ticker div{animation:none}.raw-kinetic h1 span{transform:none!important}.raw-poster,.raw-manifesto li,.raw-team-grid>div{opacity:1;transition:none;transform:none}.raw-swatch{transition:none}}.raw-poster>picture>img{object-fit:cover;filter:grayscale()contrast(1.25);width:100%;height:100%;position:absolute;inset:0}.raw-poster.p1>picture>img{opacity:.35}.raw-poster.p3>picture>img{opacity:.14}.raw-poster>:not(picture){position:relative}
