@font-face{font-family:Bricolage;src:url('/assets/bricolage-grotesque-latin.woff2') format('woff2');font-weight:400 800;font-style:normal;font-display:swap}
:root{font-family:Bricolage,Arial,sans-serif;color:#182c38;background:#ff795d;font-synthesis:none}
*{box-sizing:border-box}
body{margin:0}
.page{min-height:100svh;max-width:1700px;margin:auto;padding:clamp(24px,4vw,64px);display:flex;flex-direction:column}
header,footer{display:flex;justify-content:space-between;align-items:center;gap:24px}
.wordmark{font-size:clamp(25px,2.4vw,36px);font-weight:800;letter-spacing:-1.4px;text-decoration:none;color:inherit}
.period{color:#fff2d9}
.status{display:flex;align-items:center;gap:9px;font-size:14px}
.dot{height:7px;width:7px;background:currentColor;border-radius:50%}
main{flex:1;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:clamp(20px,4vw,70px);padding:clamp(50px,7vh,100px) 0}
.eyebrow{font-size:clamp(16px,1.5vw,21px);margin:0 0 22px;font-weight:600}
h1{font-size:clamp(76px,10.6vw,166px);font-weight:800;line-height:.91;letter-spacing:-.075em;margin:0 0 34px}
.description{font-size:clamp(17px,1.6vw,23px);line-height:1.55;margin:0}
.illustration{width:100%;max-width:600px;justify-self:center;transform:rotate(-8deg)}
.illustration svg{display:block;width:100%;height:auto}
footer{font-size:14px;padding-top:20px;border-top:1px solid #182c3838}
a:focus-visible{outline:3px solid #182c38;outline-offset:8px}
::selection{background:#182c38;color:#fff2d9}
@media(max-width:700px){.status{font-size:12px}.page{padding:24px}main{grid-template-columns:1fr;gap:24px;padding:58px 0 32px}.eyebrow{font-size:16px;margin-bottom:20px}h1{font-size:clamp(82px,18vw,126px);margin-bottom:26px}.illustration{max-width:340px;width:85%;margin:0 auto}.description{font-size:18px}footer{font-size:12px}}
@media(max-width:380px){.status{max-width:110px;line-height:1.4}.page{padding:20px}}