*{box-sizing:border-box}body{margin:0;background:#ff675f;color:#2e1110;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}header{height:70px;padding:0 4vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid;font-size:10px;letter-spacing:.15em}.hero{min-height:calc(100vh - 70px);padding:7vw 5vw;position:relative}.hero h1,.statement h2,.poster h2,.cta h2{font-size:clamp(65px,12vw,190px);line-height:.75;letter-spacing:-.09em;margin:8vh 0}.hero em,.statement em,.cta em{font-family:Georgia;font-weight:400}.hero p{max-width:480px;font-size:18px}.hero button,.cta button{border:1px solid;border-radius:50%;width:160px;height:160px;background:transparent}.type-orbit{position:absolute;right:8vw;top:15%;width:310px;height:310px;border:1px solid;border-radius:50%;animation:orbit 10s linear infinite}.type-orbit span,.type-orbit i{position:absolute;font:180px Georgia}.type-orbit i{right:0;bottom:-40px}.type-orbit b{position:absolute;left:48%;top:48%}@keyframes orbit{to{transform:rotate(360deg)}}.statement{padding:12vw 6vw;background:#f5e7d1}.statement h2,.poster h2,.cta h2{font-size:clamp(55px,9vw,140px)}.statement p{max-width:650px;margin-left:auto;font-size:20px;line-height:1.6}.palette{display:grid;grid-template-columns:repeat(4,1fr)}.palette div{height:300px;padding:25px;border:1px solid}.palette div:nth-child(1){background:#2e1110;color:#fff}.palette div:nth-child(2){background:#ffdc4d}.palette div:nth-child(3){background:#5e4bff;color:#fff}.palette div:nth-child(4){background:#f5e7d1}.services{display:grid;grid-template-columns:repeat(2,1fr);background:#fff}.services article{padding:5vw;border:1px solid;min-height:300px}.services h3{font-size:38px}.services p{line-height:1.7}.poster{display:grid;grid-template-columns:1fr 1fr;background:#5e4bff;color:#fff}.poster>div{padding:8vw}.poster>div:first-child{font-size:20vw;writing-mode:vertical-rl;background:#ffdc4d;color:#111;overflow:hidden;animation:form 5s infinite}@keyframes form{50%{letter-spacing:.2em}}.cta{min-height:85vh;padding:10vw 6vw;display:grid;place-content:center;text-align:center}footer{padding:35px 5vw}@media(max-width:800px){html,body{overflow-x:hidden}.hero h1{font-size:14vw;overflow-wrap:break-word}.type-orbit{opacity:.2;right:-30%;width:220px;height:220px;overflow:hidden}.type-orbit span,.type-orbit i{font-size:120px}.palette,.services,.poster{grid-template-columns:1fr}.palette div{height:150px}.statement h2,.poster h2,.cta h2{font-size:13vw;overflow-wrap:break-word}}
