*{box-sizing:border-box}html{min-width:280px}body{margin:0}h1,p{margin:0}a{color:inherit}a:focus-visible{outline:3px solid #6b944e;outline-offset:6px}::selection{background:#c4e39d;color:#163123}svg{max-width:100%}body{background:#e5eddd;color:#153d29;font-family:Arial,sans-serif}.composition{min-height:100svh;max-width:1500px;padding:0 5vw;margin:auto;display:flex;flex-direction:column}header{min-height:100px;display:flex;justify-content:space-between;align-items:center;gap:20px}header a{text-decoration:none;font-size:16px;font-weight:800;letter-spacing:-.03em}header>span{font:9px Consolas,monospace;letter-spacing:.04em}main{flex:1;display:grid;grid-template-columns:1.1fr 1fr;gap:6%;align-items:center;padding:35px 0 55px}.kicker{font-size:12px;margin-bottom:25px}h1{font-size:clamp(57px,5.8vw,88px);letter-spacing:-.07em;line-height:.98}h1 span{font-weight:400;color:#4c7049}.intro{max-width:390px;font-size:14px;line-height:1.8;margin-top:30px}.soon{margin-top:32px;font:10px Consolas,monospace;display:flex;gap:28px;align-items:center}.soon span{font-size:25px}.tiles{aspect-ratio:1/1.05;position:relative;max-width:510px;width:100%;justify-self:end;border-top:1px solid #74966a;border-bottom:1px solid #74966a}.piece{position:absolute}.a{width:54%;height:52%;background:#234e32;top:0;right:0}.b{width:46%;height:52%;border-radius:100% 0 0 0;background:#aacb89;top:0;left:0}.c{width:46%;height:37%;background:#70985a;top:52%;left:0;clip-path:polygon(0 0,100% 0,100% 100%)}.d{width:54%;height:37%;background:#d2e1bf;right:0;top:52%;border:1px solid #70985a;border-right:0}.tiles>span{position:absolute;right:8%;top:8%;font:bold clamp(90px,14vw,200px)/1 Georgia,serif;color:#e5eddd}.tiles>p{position:absolute;bottom:3%;right:0;font:9px/1.4 Consolas,monospace;text-align:right}footer{border-top:1px solid #74966a;display:flex;justify-content:space-between;gap:20px;padding:24px 0;font:9px Consolas,monospace}@media(max-width:700px){.composition{padding:0 25px}header{min-height:87px}header a{font-size:13px}header>span{font-size:7px;max-width:105px;text-align:right;line-height:1.6}main{grid-template-columns:1fr;gap:32px;padding:27px 0 38px}.kicker{font-size:11px;margin-bottom:23px}h1{font-size:clamp(49px,11vw,70px)}.intro{font-size:13px;margin-top:24px}.soon{font-size:9px;margin-top:22px}.tiles{max-width:285px;justify-self:end}.tiles>span{font-size:120px;right:7%;top:7%}.tiles>p{font-size:8px}footer{font-size:8px;flex-wrap:wrap;gap:12px}}