@charset "UTF-8";
:root{--paper:#f7f7f2;--ink:#202322;--muted:#616660;--blue:#0073ce;--line:#d9dcd5}
*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}::selection{background:#c9e8ff}.wrap{max-width:1392px;width:calc(100% - 112px);margin-inline:auto}.header{min-height:112px;display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line)}.brand{display:block;flex-shrink:0}.brand-logo{display:block;width:250px;height:auto}.header-label{font:10px/1.6 Consolas,'Courier New',monospace;letter-spacing:1.3px;color:var(--muted)}.hero{flex:1;display:grid;grid-template-columns:42% 58%;align-items:center;padding-block:58px;gap:0}.hero-copy{position:relative;z-index:1}h1{font-size:clamp(68px,7.7vw,118px);line-height:.94;letter-spacing:-6px;margin:0;font-weight:800}h1 span{color:var(--blue)}.drawing{min-width:0;background-image:linear-gradient(#d5ded840 1px,transparent 1px),linear-gradient(90deg,#d5ded840 1px,transparent 1px);background-size:30px 30px;background-position:center}.drawing img{display:block;width:111%;height:auto;max-width:none;margin-left:-6%}
@media(min-width:1600px){.hero{padding-block:80px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}h1{font-size:clamp(62px,8vw,90px);letter-spacing:-4px}.hero{grid-template-columns:43% 57%}}
@media(max-width:660px){.wrap{width:calc(100% - 40px)}.header{min-height:88px;gap:16px}.brand-logo{width:clamp(165px,50vw,200px)}.header-label{font-size:8px;letter-spacing:.8px;max-width:140px;min-width:0;flex:1}.hero{grid-template-columns:1fr;align-content:center;flex:1;padding-block:42px;gap:36px}h1{font-size:clamp(68px,16vw,100px);letter-spacing:-4px}.drawing img{width:100%;margin-left:0}}