:root{--paper:#f4f0df;--ink:#151510;--red:#f24a32;--yellow:#f5c842;--blue:#7db9d8;--acid:#d8ef57;--mono:"DM Mono",monospace;--display:"Gasoek One",Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--mono);overflow-x:hidden}a{color:inherit}.site-header{height:76px;padding:0 3vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:20;width:100%;border-bottom:1px solid rgba(21,21,16,.35)}.wordmark{font-family:var(--display);font-size:clamp(1rem,1.7vw,1.45rem);text-decoration:none;letter-spacing:-.02em}.site-header nav{display:flex;align-items:center;gap:30px;font-size:11px;text-transform:uppercase}.site-header nav a{text-decoration:none}.nav-cta{border:1px solid;padding:11px 15px;transition:.2s}.nav-cta:hover{background:var(--ink);color:var(--paper)}.menu-button{display:none;background:none;border:0;font:500 12px var(--mono);text-transform:uppercase}.hero{position:relative;min-height:100svh;overflow:hidden;background:var(--yellow);border-bottom:2px solid var(--ink);display:flex;align-items:center;padding:100px 4vw 34px}.hero:after{content:"";position:absolute;inset:0;opacity:.15;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.sun{position:absolute;width:50vw;height:50vw;min-width:560px;min-height:560px;border-radius:50%;right:-4vw;top:9vh;background:var(--red);box-shadow:0 0 0 2px var(--ink)}.hero-copy{position:relative;z-index:5;width:58%;animation:rise .75s ease-out both}.eyebrow,.section-number{font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.hero h1{margin:18px 0 12px;font-family:var(--display);font-size:clamp(7rem,17vw,16rem);line-height:.67;letter-spacing:-.065em}.hero h1 span{display:block}.hero-line{max-width:420px;font-size:clamp(1rem,1.5vw,1.35rem);line-height:1.55}.round-button{display:flex;align-items:center;justify-content:space-between;margin-top:28px;width:205px;padding:17px 19px;border:1.5px solid;border-radius:100px;text-decoration:none;font-size:12px;text-transform:uppercase;transition:.25s}.round-button:hover{transform:translateY(-4px);background:var(--ink);color:var(--paper)}.hero-stage{position:absolute;z-index:4;right:-1vw;bottom:-2vw;width:53vw;height:75vh}.hero-guy{position:absolute;width:min(43vw,610px);image-rendering:auto;filter:drop-shadow(8px 11px 0 rgba(21,21,16,.16));animation:pop .8s cubic-bezier(.2,.9,.2,1.2) both}.guy-main{right:10%;bottom:0;z-index:3}.guy-back{width:min(26vw,340px);top:10%;right:0;transform:rotate(8deg);animation-delay:.15s}.guy-side{width:min(24vw,330px);left:0;bottom:0;transform:rotate(-7deg);animation-delay:.25s}.scribble{position:absolute;z-index:7;right:3vw;bottom:4vh;font-weight:500;font-size:13px;transform:rotate(-7deg);border-bottom:2px solid}.manifesto{padding:12vw 5vw 10vw}.manifesto h2,.parade h2,.studio h2,.closing h2{font-family:var(--display);font-weight:400;letter-spacing:-.035em;line-height:.9;margin:7vw 0;font-size:clamp(3.5rem,8vw,8.5rem)}em{font-family:Georgia,serif;font-weight:400}.manifesto-foot{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-left:34%}.manifesto-foot>p{font-size:clamp(1.1rem,1.6vw,1.5rem);line-height:1.65;margin:0}.loop-note{align-self:end;display:flex;align-items:center;justify-content:space-between;border-top:1px solid;padding-top:16px;font-size:10px}.loop-note i{font-style:normal;font-size:18px}.parade{background:var(--blue);border-block:2px solid;overflow:hidden}.parade-heading{padding:8vw 5vw 5vw;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end}.parade-heading h2{font-size:clamp(3.2rem,6vw,7rem);margin:0}.text-button{justify-self:end;background:transparent;border:0;border-bottom:1px solid;padding:8px 0;font:500 11px var(--mono);text-transform:uppercase;cursor:pointer}.character-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid}.character-strip figure{margin:0;padding:2vw;border-right:1px solid;transition:background .25s,transform .25s}.character-strip figure:last-child{border:0}.character-strip figure:hover{background:var(--acid);transform:translateY(-12px)}.character-strip img{display:block;width:100%}.character-strip figcaption{border-top:1px solid;padding-top:12px;font-size:10px}.studio{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;padding:10vw 5vw;background:var(--red);border-bottom:2px solid}.studio h2{font-size:clamp(3.7rem,6.5vw,7.2rem);margin:5vw 0 3vw}.studio-copy>p:not(.section-number){max-width:530px;line-height:1.65}.studio-button{margin-top:25px;background:var(--ink);color:var(--paper);display:flex;width:min(100%,430px);justify-content:space-between;padding:19px;text-decoration:none;text-transform:uppercase;font-size:12px;transition:.2s}.studio-button:hover{background:var(--acid);color:var(--ink);transform:translateX(5px)}.studio-copy small{display:block;margin-top:12px;font-size:9px}.studio-preview{border:2px solid;background:var(--paper);box-shadow:14px 14px 0 var(--ink);transform:rotate(1deg)}.preview-toolbar,.trait-ticker{display:flex;justify-content:space-between;padding:13px 16px;border-bottom:2px solid;font-size:9px}.preview-canvas{aspect-ratio:1;position:relative;background:var(--yellow);overflow:hidden;display:grid;place-items:center}.preview-canvas img{width:92%;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.preview-canvas img.bump{transform:scale(.88) rotate(-4deg)}.stamp{position:absolute;z-index:2;top:5%;left:5%;border:2px solid;border-radius:50%;padding:12px 8px;text-align:center;font:500 10px var(--mono);transform:rotate(-12deg)}.die{position:absolute;right:18px;bottom:18px;width:50px;height:50px;border:2px solid;background:var(--paper);font-size:25px;cursor:pointer;box-shadow:4px 4px 0 var(--ink)}.trait-ticker{border-top:2px solid;border-bottom:0;overflow:hidden;gap:25px}.closing{min-height:95vh;background:var(--acid);display:grid;grid-template-columns:1fr 1.2fr;align-items:center;padding:7vw 8vw;overflow:hidden}.closing-guy{align-self:end}.closing-guy img{display:block;width:min(40vw,620px);filter:drop-shadow(9px 10px 0 rgba(21,21,16,.14))}.closing h2{font-size:clamp(4rem,8vw,8rem);margin:3vw 0}.closing>div:last-child>p:not(.section-number){max-width:500px;line-height:1.6}.round-button.dark{background:var(--ink);color:var(--paper)}.round-button.dark:hover{background:var(--red);color:var(--ink)}footer{background:var(--ink);color:var(--paper);padding:28px 3vw;display:flex;justify-content:space-between;align-items:center;font-size:9px;text-transform:uppercase}footer p{margin:0}@keyframes rise{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}@keyframes pop{from{opacity:0;translate:0 80px;scale:.85}to{opacity:1;translate:0 0;scale:1}}@media(max-width:760px){.site-header{height:64px}.site-header nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--paper);padding:24px;flex-direction:column;align-items:flex-start;border-bottom:2px solid}.site-header nav.open{display:flex}.menu-button{display:block}.hero{min-height:820px;align-items:flex-start;padding-top:110px}.hero-copy{width:100%}.hero h1{font-size:clamp(6.3rem,31vw,10rem)}.hero-line{max-width:280px}.sun{min-width:480px;min-height:480px;top:40%;right:-48%}.hero-stage{width:105vw;height:48%;right:-18vw}.hero-guy{width:77vw}.guy-back{width:48vw}.guy-side{width:46vw}.scribble{display:none}.manifesto{padding-block:90px}.manifesto h2{margin-block:60px}.manifesto-foot{margin:0;grid-template-columns:1fr;gap:50px}.parade-heading{grid-template-columns:1fr;padding-block:70px;gap:35px}.text-button{justify-self:start}.character-strip{display:flex;overflow-x:auto}.character-strip figure{min-width:72vw;border-right:1px solid}.studio{grid-template-columns:1fr;padding-block:90px}.studio-preview{margin-top:35px;box-shadow:8px 8px 0}.closing{grid-template-columns:1fr;padding:80px 6vw 0}.closing>div:last-child{grid-row:1}.closing-guy{grid-row:2}.closing-guy img{width:90vw;margin-left:-15vw}footer{align-items:flex-start;gap:25px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}