@font-face{font-family:Space;src:url('../../assets/fonts/space-mono.ttf');font-weight:400;font-display:swap}@font-face{font-family:Space;src:url('../../assets/fonts/space-mono-700.ttf');font-weight:700;font-display:swap}@font-face{font-family:Clash;src:url('../../assets/fonts/clash-display.woff2');font-weight:200 700;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#facc15;color:#000;font:12px/1.6 Space,monospace}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Clash,sans-serif;line-height:.94;letter-spacing:-.04em;font-weight:600}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button,input,select{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;min-height:44px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px dashed #000;outline-offset:6px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.skip{position:fixed;transform:translateY(-200%);padding:15px;background:white;z-index:10}.skip:focus{transform:none}header{display:flex;justify-content:space-between;align-items:center;padding:25px 5%;border-bottom:3px solid;gap:25px}.brand{font:600 29px Clash;letter-spacing:-.05em;display:flex;align-items:center;gap:4px}.brand>span:first-child{color:#624000}.brand-square{display:grid;place-items:center;background:#000;color:#facc15;width:30px;height:30px;transform:rotate(-9deg);margin-left:14px}nav{display:flex;gap:35px;font-size:11px}nav a{min-height:44px;display:flex;align-items:center}.hero{padding:35px 5% 55px;position:relative;overflow:hidden}.hero-meta{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.04em}.hero h1{font-size:clamp(85px,12vw,180px);margin:55px 0 35px;position:relative;z-index:1}.hero h1>span{display:inline-block;background:#a855f7;padding:0 16px;transform:rotate(-3deg);border:3px solid}.hero-bottom{display:flex;gap:50px;align-items:end;position:relative;z-index:2}.hero-bottom p{font-size:12px;max-width:290px}.block-button{display:flex;justify-content:space-between;gap:30px;padding:19px 22px;min-height:60px;border:3px solid;background:white;box-shadow:6px 6px 0 #000;font-size:11px;font-weight:700;align-items:center;transition:transform .15s,box-shadow .15s}.block-button:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 #000;text-decoration:none}.block-button>span{font-size:25px}.black{background:#000;color:white;border-color:#000;box-shadow:5px 5px 0 #a855f7}.sticker{display:grid;place-items:center;text-align:center;width:120px;height:120px;background:white;border:3px solid;border-radius:50%;transform:rotate(12deg);font-size:11px;font-weight:700;margin-left:auto}.hero-art{position:absolute;right:6%;top:90px;width:220px;height:230px;pointer-events:none}.cross{font-size:160px;line-height:1;display:block;transform:rotate(15deg)}.pixel-grid{position:absolute;right:-20px;top:110px;display:grid;grid-template-columns:repeat(3,26px);transform:rotate(-15deg)}.pixel-grid i{height:26px;background:black;border:2px solid #facc15}.pixel-grid i:nth-child(even){background:#a855f7}.art-caption{font-size:11px;position:absolute;bottom:0;right:0}.ticker{background:#000;color:#facc15;font:600 30px Clash;overflow:hidden;white-space:nowrap;padding:15px 0;transform:rotate(-1.5deg);width:100%;border-block:3px solid}.ticker span{display:block;animation:tick 25s linear infinite;width:max-content}@keyframes tick{to{transform:translateX(-45%)}}.work{padding:80px 5%;background:#f4f0e9;border-bottom:3px solid}.section-line{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.section-line h2{font-size:75px}h2 em{font-style:normal;-webkit-text-stroke:1px black;color:transparent}.section-line p{font-size:11px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.case{border:3px solid;box-shadow:8px 8px 0 black}.purple{background:#a855f7}.white{background:#fff}.case-head{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:3px solid;font-size:11px}.case-head b{font-size:22px}.case-art{min-height:330px;padding:40px 30px;position:relative;overflow:hidden}.case-art>strong{font:600 65px/.9 Clash;position:relative;z-index:1}.case-art>strong>span{position:absolute;right:-60px;top:60px;transform:rotate(-15deg);font-size:100px;color:#facc15;text-shadow:3px 3px black}.case-art>p{position:absolute;bottom:24px;font-size:11px}.orbit>div{position:absolute;right:15px;top:0;font:500 230px/1 Clash;color:#facc15;-webkit-text-stroke:2px black;transform:rotate(-25deg)}.orbit>strong{display:block;transform:rotate(-5deg);margin-top:30px}.case details{border-top:3px solid;background:inherit}.case summary{display:flex;justify-content:space-between;padding:17px 20px;font-size:11px;list-style:none;cursor:pointer}.case summary::-webkit-details-marker{display:none}.case summary>span{font-size:20px;line-height:1}.case details[open] summary>span{transform:rotate(45deg)}.case details p{padding:0 20px 25px;font-size:11px}.process{padding:70px 5%;display:grid;grid-template-columns:1fr 1fr;gap:80px;border-bottom:3px solid}.label{font-size:11px;letter-spacing:.07em}.process h2{font-size:65px;margin-top:22px}.process ol{list-style:none;margin:0;padding:0}.process li{display:flex;gap:25px;padding:23px 0;border-bottom:2px solid}.process li:first-child{padding-top:0}.process li>b{background:#000;color:#facc15;width:35px;height:35px;display:grid;place-items:center;flex-shrink:0}.process h3{font-size:27px;line-height:1}.process li p{font-size:11px;max-width:370px;margin-top:12px}.builder{padding:80px 5%;background:#a855f7;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;border-bottom:3px solid}.builder h2{font-size:80px;margin:25px 0}.builder-intro>p{max-width:330px;font-size:12px}.builder-stamp{display:inline-block;padding:20px;background:#facc15;border:3px solid;box-shadow:5px 5px black;font:600 29px/1 Clash;transform:rotate(-8deg);margin-top:50px}.brief-machine{background:#facc15;border:3px solid;box-shadow:10px 10px black;align-self:start}.machine-bar{display:flex;justify-content:space-between;padding:14px 20px;border-bottom:3px solid;background:white;font-size:11px}#brief-form,#brief-result{padding:25px}fieldset{border:0;margin:0 0 25px;padding:0}legend{font-size:11px;margin-bottom:15px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.choice-grid.two{grid-template-columns:1fr 1fr}.choice-grid label{position:relative;cursor:pointer}.choice-grid input{position:absolute;top:12px;left:10px;accent-color:#000}.choice-grid span{display:flex;align-items:center;min-height:77px;border:2px solid;padding:13px 10px 13px 32px;font-size:11px;background:#fff}.choice-grid input:checked+span{background:#000;color:white}.choice-grid input:focus-visible+span{outline:3px dashed black;outline-offset:5px}.brief-machine select{background:white;border:2px solid;width:100%;min-height:50px;padding:10px;font-size:11px}.brief-machine .block-button{width:100%;font-size:11px}#brief-title{font-size:38px;margin:20px 0}#brief-position{font-size:11px}#deliverables{padding-left:20px;margin:25px 0;font-size:11px}#deliverables li{margin:10px 0}.brief-actions{display:flex;gap:25px;font-size:11px}.brief-actions button{text-decoration:underline;font-size:11px}#copy-status{font-size:11px;margin-bottom:15px}#brief-result small{display:block;font-size:11px;margin-top:20px}.final{padding:55px 5%;background:black;color:#facc15}.final>span{font-size:11px}.final>a{display:block;font:600 clamp(60px,11vw,165px)/1.1 Clash;margin-top:25px}.final a:hover{color:#a855f7}footer{background:#f4f0e9;padding:35px 5%;display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px;align-items:center}footer p{font-size:11px}footer>a:not(.brand),footer>span{font-size:11px}footer>span{width:100%;border-top:2px solid;padding-top:20px}
@media(max-width:760px){header{padding:20px 6%;flex-wrap:wrap;gap:15px}.brand{font-size:26px}nav{width:100%;justify-content:space-between;gap:15px;font-size:11px}.hero{padding:25px 6% 40px}.hero-meta{font-size:11px}.hero h1{font-size:75px;line-height:.95;margin:45px 0 30px;letter-spacing:-.045em}.hero h1>span{padding:0 7px}.hero-art{right:10px;top:190px;width:100px;opacity:.3}.cross{font-size:100px}.pixel-grid,.art-caption{display:none}.hero-bottom{display:block}.hero-bottom p{font-size:11px;position:relative;z-index:2}.hero-bottom .block-button{margin-top:25px;font-size:11px;max-width:330px}.sticker{display:none}.ticker{font-size:23px}.work{padding:50px 6%}.section-line{display:block}.section-line h2{font-size:55px}.section-line p{font-size:11px;margin-top:20px}.work-grid{grid-template-columns:1fr;gap:30px}.case-art{min-height:300px;padding:35px 23px}.case-art>strong{font-size:59px}.case-art>p{font-size:11px}.case-head{font-size:11px;padding:13px 15px}.process{display:block;padding:45px 6%}.process h2{font-size:52px;margin:20px 0 30px}.process li{gap:17px}.process h3{font-size:25px}.process li p{font-size:11px}.builder{display:block;padding:50px 6%}.builder h2{font-size:63px;margin:20px 0}.builder-intro>p{font-size:11px}.builder-stamp{display:none}.brief-machine{margin-top:30px;box-shadow:6px 6px black}.machine-bar{font-size:11px;padding:13px}#brief-form,#brief-result{padding:20px 15px}.choice-grid{grid-template-columns:1fr}.choice-grid span{min-height:50px;font-size:11px}.choice-grid input{top:17px}.choice-grid.two span{font-size:11px;padding-left:30px}.choice-grid.two input{top:20px}#brief-title{font-size:33px}.brief-machine .block-button{font-size:11px;padding:15px}.final{padding:40px 6%}.final>a{font-size:65px;margin-top:20px}.final>span{font-size:11px}footer{padding:30px 6%;display:block}footer p{margin:20px 0}footer>a:not(.brand){display:inline-block;min-height:44px}footer>span{display:block;margin-top:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{overflow-x:clip}