@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap');
:root{--bg:#f4f1ec;--surface:#fff;--ink:#18191b;--muted:#73706d;--line:#e4ded7;--violet:#a83d36;--lime:#e9ded1;--coral:#c84e43}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.site-header{position:sticky;top:0;z-index:20;background:rgba(244,241,236,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(24,25,27,.08)}.site-header__top,.site-nav,.site-main{width:min(1240px,calc(100% - 40px));margin:auto}.site-header__top{display:flex;align-items:center;gap:16px;height:76px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap}.brand span{display:grid;place-items:center;width:48px;height:42px;background:var(--ink);border-radius:13px;color:#fff;font:800 .84rem/1 Manrope;letter-spacing:.06em}.brand small{font-size:.68rem;font-weight:700;line-height:1.15;max-width:80px}.site-search{display:flex;align-items:center;flex:1;max-width:470px;margin-left:auto;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px}.site-search input{min-width:0;flex:1;border:0;background:transparent;outline:0;padding:8px 13px;font:500 .78rem Manrope}.site-search button,.projects-toggle{border:0;border-radius:999px;background:var(--ink);color:#fff;font:700 .72rem Manrope;cursor:pointer;padding:10px 15px}.projects-toggle{background:var(--violet);padding:11px 16px}.site-nav{display:flex;gap:8px;padding:0 0 13px;overflow:auto}.site-nav a{border-radius:999px;padding:8px 13px;text-decoration:none;font-size:.72rem;font-weight:700;white-space:nowrap}.site-nav a:first-child{background:var(--lime)}.site-nav a:hover{background:var(--surface)}.projects-panel{position:absolute;inset:76px 0 auto;background:var(--ink);color:#fff}.projects-panel__inner{width:min(1240px,calc(100% - 40px));margin:auto;padding:26px 0 32px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.projects-panel a{color:#fff;text-decoration:none;display:grid;gap:4px}.projects-panel b{font-size:.86rem}.projects-panel span{color:#bec0ca;font-size:.7rem;line-height:1.35}.site-main{padding-bottom:76px}.site-footer{background:var(--ink);color:#fff;padding:52px max(20px,calc((100% - 1240px)/2));display:grid;grid-template-columns:1fr 180px 2fr;gap:40px}.site-footer .brand span{background:var(--lime);color:var(--ink)}.site-footer .brand small,.site-footer p,.site-footer a,.site-footer__legal{color:#b8bac4;font-size:.73rem;line-height:1.65}.site-footer div:nth-child(2){display:grid;align-content:start;gap:8px}.site-footer div:nth-child(2) a{text-decoration:none}@media(max-width:720px){.site-header__top,.site-nav,.site-main{width:calc(100% - 24px)}.site-header__top{height:64px;gap:8px}.brand span{width:43px;height:37px}.brand small,.site-search input{display:none}.site-search{margin-left:auto;flex:0;border:0;background:transparent}.site-search button{height:38px;padding:0 12px}.projects-toggle{padding:10px 11px;font-size:.67rem}.site-nav{padding-bottom:10px}.projects-panel{inset:64px 0 auto}.projects-panel__inner{width:calc(100% - 24px);grid-template-columns:1fr 1fr;max-height:72vh;overflow:auto}.site-footer{grid-template-columns:1fr;padding:35px 20px;gap:28px}}
.brand .brand__mark{display:block;width:42px;height:42px;object-fit:contain;border-radius:12px}.brand .brand__wordmark{display:block;width:auto;height:auto;padding:0;border-radius:0;background:transparent;color:var(--ink);font:800 1.08rem/1 Manrope;letter-spacing:.05em}.site-footer .brand .brand__wordmark{background:transparent;color:#fff}.site-footer .brand__mark{background:#fff}@media(max-width:720px){.brand .brand__mark{width:37px;height:37px}.brand .brand__wordmark{font-size:.98rem}}
.brand .brand__logo{display:block;width:108px;height:auto}.site-footer .brand .brand__logo{background:transparent}@media(max-width:720px){.brand .brand__logo{width:92px}}