@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');
.max body header .brand{font-family:Arial,sans-serif;font-size:22px}.max body .hero h1{font-size:110px}
@media(max-width:900px){.max body .hero h1{font-size:82px}}
@media(max-width:600px){.max body header .brand{font-size:14px}.max body .hero h1{font-size:57px}.max body header nav{gap:12px;font-size:11px}}
@media(max-width:360px){.max body header .brand{font-size:12px}.max body header nav{gap:10px;font-size:10px}.max body .hero h1{font-size:49px}}
.max body .brand,.max body h1,.max body h2,.max body .caption h3,.max body .ticker{font-weight:900}
@media(max-width:600px){.max body .section-head{flex-direction:column;align-items:start;gap:18px}.max body .section-head h2{font-size:34px}.max body .section-head p{max-width:none;margin:0;align-self:end}.max body .contact h2{font-size:34px}}
@media(max-width:360px){.max body h1{font-size:68px}.max body .section-head h2{font-size:30px}.max body .contact h2{font-size:30px}}
.max{background:#ee3024;color:#111;--accent:#d4ff00}.max header{position:absolute;width:100%;top:0;left:0;z-index:10;border:0;color:white;height:90px;padding:0 3%}.max .brand,.max h1,.max h2,.max .caption h3,.max .ticker{font-family:'Russo One',Arial,sans-serif;font-weight:400}.max header nav{text-transform:uppercase;font-weight:700}.max .hero{margin:0;height:780px;min-height:0;background:#111;isolation:isolate}.max .hero-image{left:31%;top:15%;width:69%;height:75%;transform:rotate(-5deg) scale(1.08);object-position:center}.max .hero:after{display:none}.max h1{left:3%;top:170px;font-size:150px;line-height:1.02;z-index:4;text-shadow:6px 6px #111}.max h1 small{background:#ee3024;padding:9px 15px;width:max-content;font-size:16px;transform:rotate(-4deg);text-shadow:none;font-weight:700}.max .hero-top{top:112px;left:3%;right:3%;z-index:6}.max .hero-top>span:last-child{background:#d4ff00;color:#111;padding:12px;transform:rotate(4deg)}.max .hero-bottom{left:3%;right:3%;bottom:35px;z-index:7}.max .hero-bottom p{max-width:230px}.max .hero-bottom a{background:white;border:2px solid #111;box-shadow:6px 6px #ee3024;transform:rotate(-2deg);font-weight:700}.max .stamp{top:auto;bottom:128px;right:8%;background:#ee3024;color:white;border:3px solid white;z-index:8;animation:rock 6s ease-in-out infinite}.collage-detail{position:absolute;z-index:3;width:230px;height:165px;bottom:90px;left:39%;border:8px solid white;box-shadow:6px 8px #0008;transform:rotate(9deg);object-fit:cover}.hero-coordinate{position:absolute;top:400px;right:15px;writing-mode:vertical-rl;z-index:8;font:12px monospace}.hero-cross{position:absolute;right:6%;top:180px;z-index:5;font-size:100px;color:#d4ff00;line-height:1;animation:spin 22s linear infinite}.max .ticker{margin:0;font-size:38px;border-top:3px solid #111;border-bottom:3px solid #111}.max .work{padding:70px 3% 100px;background:#ee3024;overflow:hidden}.max .section-head{align-items:center;border-bottom:3px solid #111;padding-bottom:25px}.max .section-head h2{font-size:72px}.max .section-head p{border:2px solid #111;padding:14px;transform:rotate(4deg);font-size:14px;font-weight:700}.max .projects{display:block}.max .project{position:relative;display:block;width:87%;margin:90px 0 0}.max .project .photo{aspect-ratio:1.9;border:8px solid white;transform:rotate(-3deg);box-shadow:12px 14px #111;overflow:visible}.max .project:nth-child(2){width:69%;margin:150px 0 0 auto}.max .project:nth-child(2) .photo{aspect-ratio:1.3;transform:rotate(5deg)}.max .project:last-child{width:84%;margin:150px auto 40px 0}.max .project:last-child .photo{transform:rotate(-2deg)}.max .number{font-family:'Russo One',sans-serif;font-size:80px;line-height:1;top:-50px;left:-10px;background:#d4ff00;border:3px solid #111;transform:rotate(7deg);padding:10px 18px}.max .caption{position:absolute;left:22px;bottom:-38px;z-index:3;background:#d4ff00;border:3px solid #111;box-shadow:6px 6px #111;padding:14px 20px;transform:rotate(2deg);max-width:94%}.max .caption h3{font-size:36px;text-transform:uppercase}.max .caption>span{font-weight:700;align-self:end}.max .view{opacity:1;bottom:20px;right:20px;background:#111;color:white;transform:rotate(-3deg);border:1px solid white}.max .project:hover .photo img{transform:scale(1.015)}.max .about{position:relative;background:#d4ff00;color:#111;padding:85px 3%;overflow:hidden}.max .about .section-label{color:#111}.max .about h2{font-size:76px;position:relative;z-index:2;width:75%}.max .about em{color:#ee3024}.max .about-copy{margin-left:39%;position:relative;z-index:2}.max .services{border-top:3px solid #111;font-size:16px;font-weight:700}.about-cutout{position:absolute;right:-4%;top:40px;width:37%;height:290px;object-fit:cover;transform:rotate(12deg);opacity:.22;filter:grayscale(1)}.max .contact{background:#111;color:white;padding:85px 3%}.max .contact h2{font-size:105px;color:#ee3024;line-height:1.05}.max .email{background:#d4ff00;color:#111;padding:14px 18px;border:0;font-size:25px;font-weight:700;display:inline-block;transform:rotate(-2deg)}.max footer{background:#ee3024;font-weight:600}.max .credits-link{background:#ee3024;padding:0 3% 20px;font-size:12px}.max dialog{border:4px solid #d4ff00}.max .gallery-footer{color:#d4ff00}@keyframes rock{0%,100%{transform:rotate(9deg)}50%{transform:rotate(17deg)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1700px){.max .hero{height:900px}.max h1{font-size:180px;top:190px}}@media(max-width:900px){.max h1{font-size:108px}.max .hero{height:740px}.max .collage-detail{left:35%;width:180px}.max .section-head h2{font-size:58px}.max .caption h3{font-size:28px}.max .about h2{font-size:56px;width:90%}.max .contact h2{font-size:80px}}@media(max-width:600px){.max header{height:70px;padding:0 5%}.max .brand{font-size:28px}.max .brand span{display:none}.max header nav{font-size:12px;gap:18px}.max .hero{height:725px}.max .hero-image{width:100%;height:340px;top:290px;left:0;transform:rotate(-5deg) scale(1.05)}.max .hero-top{top:95px;left:5%;right:5%;font-size:11px}.max h1{font-size:78px;top:140px;left:5%}.max h1 small{font-size:12px;margin-top:12px}.max .hero-cross{top:295px;right:5%;font-size:65px}.max .hero-coordinate{top:420px;font-size:10px;right:8px}.max .collage-detail{width:135px;height:105px;left:8%;bottom:160px;border-width:5px}.max .stamp{font-size:20px;right:8%;bottom:170px;padding:13px}.max .hero-bottom{bottom:24px;left:5%;right:5%;gap:16px;flex-direction:row;align-items:center}.max .hero-bottom p{font-size:12px;width:43%}.max .hero-bottom a{font-size:12px;padding:12px;gap:10px;width:51%}.max .ticker{font-size:25px}.max .work{padding:50px 5% 65px}.max .section-head h2{font-size:40px}.max .section-head p{font-size:10px;padding:8px;max-width:85px}.max .project,.max .project:nth-child(2),.max .project:last-child{width:92%;margin:90px 0 0}.max .project:nth-child(2){margin-left:auto;margin-top:115px}.max .project:last-child{margin-top:115px;margin-bottom:40px}.max .project .photo,.max .project:last-child .photo{aspect-ratio:1.15;border-width:5px;box-shadow:7px 9px #111}.max .project:nth-child(2) .photo{aspect-ratio:1.05}.max .number{font-size:45px;top:-32px;padding:8px 12px}.max .caption{left:0;bottom:-35px;padding:12px;display:block;max-width:100%}.max .caption h3{font-size:23px}.max .caption>span{display:block;margin-top:6px;font-size:10px}.max .view{font-size:12px;padding:9px;right:10px;bottom:16px}.max .about{padding:55px 5%}.max .about h2{font-size:40px;width:100%;margin:30px 0}.max .about-copy{margin:0;font-size:15px}.max .about-cutout{top:90px;width:60%;height:200px}.max .services{font-size:14px}.max .contact{padding:55px 5%}.max .contact h2{font-size:39px;line-height:1.15;margin:28px 0}.max .email{font-size:18px;padding:12px}.max .contact-bottom{font-size:12px}.max footer{font-size:10px}.max .credits-link{padding-left:5%}}@media(prefers-reduced-motion:reduce){.max .stamp,.max .hero-cross{animation:none}}