:root{color-scheme:dark;--bg:#11191b;--ink:#eeeee5;--muted:#a6b2ad;--accent:#bdd09c;--line:#344044;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.page{max-width:1320px;margin:auto;padding:0 64px}header{display:flex;align-items:center;justify-content:space-between;min-height:118px;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:700;letter-spacing:.08em;display:flex;align-items:baseline;gap:8px}.brand span{color:var(--accent)}.brand small{font-size:12px;letter-spacing:.1em;margin-left:2px}.contact{font-size:14px;color:var(--muted)}.contact span{margin-left:14px;color:var(--accent)}main{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:80px;padding:64px 0 68px}.eyebrow{font-family:'Courier New',monospace;font-size:12px;letter-spacing:.16em;font-weight:700;color:var(--accent);margin:0 0 26px}h1{font-size:clamp(42px,4.7vw,64px);line-height:1.06;letter-spacing:-.045em;font-weight:500;margin:0}.dot{color:var(--accent)}.project{border-top:1px solid var(--line);padding-top:30px;margin-top:44px;max-width:425px}.project .eyebrow{color:var(--muted);margin-bottom:14px}h2{font-size:26px;letter-spacing:-.03em;font-weight:500;margin:0 0 14px}.project>p:not(.eyebrow){font-size:17px;line-height:1.65;color:var(--muted);margin:0 0 26px;max-width:360px}.button{display:inline-flex;align-items:center;gap:26px;min-height:50px;padding:14px 20px;border:1px solid var(--accent);font-size:14px;color:var(--accent);transition:background .18s,color .18s}.button:hover{background:var(--accent);color:var(--bg)}figure{margin:0;width:100%;max-width:420px;justify-self:end}figure a{display:block}img{display:block;width:100%;height:auto;border:1px solid #414646}figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:14px;font-family:'Courier New',monospace;font-size:12px;letter-spacing:.08em;color:var(--muted)}footer{border-top:1px solid var(--line);padding:30px 0;display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:24px;color:var(--muted);font-size:13px;line-height:1.7}footer strong{font-size:14px;font-weight:500;color:var(--ink)}footer p{margin:0}footer .company p{margin-top:8px}.footer-label{color:var(--ink);font-size:13px;margin-bottom:8px}address{font-style:normal;max-width:250px}footer a:hover,.contact:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.copyright{grid-column:1/-1;font-size:12px;margin-top:8px;color:#81918b}.skip{position:absolute;left:20px;top:-100px;padding:12px;background:var(--accent);color:var(--bg);z-index:2}.skip:focus{top:12px}
@media(min-width:1500px){main{gap:110px}}
@media(max-width:900px){.page{padding:0 32px}main{gap:40px}h1{font-size:45px}footer{grid-template-columns:1fr 1fr}footer>div:last-of-type{grid-column:2;grid-row:2}.copyright{grid-column:1;align-self:end;margin:0}}
@media(max-width:620px){.page{padding:0 24px}header{min-height:88px}.brand{font-size:20px;gap:6px}.contact{font-size:13px}main{grid-template-columns:1fr;gap:40px;padding:42px 0}h1{font-size:clamp(42px,10.8vw,62px)}.eyebrow{margin-bottom:22px}.project{margin-top:32px;padding-top:26px;max-width:none}.project>p:not(.eyebrow){max-width:390px}figure{justify-self:center;max-width:420px}footer{grid-template-columns:1fr;gap:24px;padding:28px 0}footer>div:last-of-type{grid-column:auto;grid-row:auto}.copyright{grid-column:1;margin-top:4px}address{max-width:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}