@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

.article { max-width:900px; padding:95px 7vw 110px; } .article header { max-width:750px; margin-bottom:50px; } .article h1 { margin-bottom:22px; } .article-date { color:#597075; font:13px 'DM Mono',monospace; } .article-content { max-width:720px; color:#344e55; font-size:18px; line-height:1.8; margin-bottom:42px; } .empty-state { max-width:560px; color:#bed0cf; font-size:17px; line-height:1.6; }

:root { --ink:#10202c; --paper:#f5f3ee; --lime:#c7ff45; --coral:#ff735d; --line:#cdd2cf; --muted:#587079; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--paper); font-family:Manrope,Arial,sans-serif; } a { color:inherit; text-decoration:none; } .site-header { height:84px; display:flex; align-items:center; justify-content:space-between; padding:0 7vw; border-bottom:1px solid rgba(16,32,44,.13); position:relative; z-index:5; } .brand { font-size:25px; font-weight:800; letter-spacing:-1.5px; } .brand-mark { color:var(--coral); } nav { display:flex; align-items:center; gap:32px; font-size:14px; font-weight:700; } nav a:not(.nav-contact):hover, .text-link:hover { color:var(--coral); } .nav-contact { background:var(--ink); color:white; border-radius:99px; padding:10px 17px; } .menu-toggle { display:none; border:0; background:none; color:var(--ink); font-size:25px; }
.hero { min-height:650px; padding:95px 7vw 76px; display:grid; grid-template-columns:1.02fr .98fr; gap:50px; overflow:hidden; background:var(--paper); } .eyebrow { color:#537077; font:500 12px/1 'DM Mono',monospace; letter-spacing:1.15px; text-transform:uppercase; margin:0 0 22px; } h1,h2,h3,p { margin-top:0; } h1 { font-size:clamp(48px,6.5vw,89px); line-height:.98; letter-spacing:-5px; margin-bottom:28px; max-width:730px; } h1 em,h2 em { color:var(--coral); font-style:normal; } h2 { font-size:clamp(32px,4vw,54px); line-height:1.04; letter-spacing:-3px; margin-bottom:0; } h3 { font-size:21px; letter-spacing:-.8px; } .lead { max-width:550px; color:#50666c; font-size:18px; line-height:1.65; } .actions { display:flex; align-items:center; gap:28px; margin-top:38px; } .button { display:inline-flex; gap:26px; justify-content:space-between; align-items:center; padding:15px 20px; border-radius:6px; border:0; cursor:pointer; font:700 14px Manrope,sans-serif; } .primary { background:var(--ink); color:white; } .button span { font-size:20px; line-height:12px; } .text-link { font-weight:700; font-size:14px; }
.hero-art { min-height:414px; border-radius:11px; background:#8bc8ca; position:relative; overflow:hidden; align-self:center; box-shadow:15px 15px 0 rgba(16,32,44,.08); } .hero-art img { display:block; width:100%; height:100%; min-height:414px; object-fit:cover; object-position:center; }
.intro,.knowledge,.listing { padding:112px 7vw; } .intro { background:#dce9e3; } .intro h2 { margin-bottom:58px; } .services { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; } .services article { padding:28px 25px 25px; min-height:258px; display:flex; flex-direction:column; background:var(--paper); border-radius:6px; } .services article:nth-child(2) { background:var(--lime); } .number,.post-type { font:12px 'DM Mono',monospace; color:var(--coral); } .services h3 { margin:47px 0 12px; } .services p { line-height:1.55; font-size:14px; color:#54656b; } .services article a { margin-top:auto; font-weight:700; font-size:13px; }
.knowledge { background:#10202c; color:#f8f7f0; } .section-head { display:flex; align-items:end; justify-content:space-between; margin-bottom:44px; } .section-head .eyebrow { color:#b8d2cf; } .section-head .text-link { color:var(--lime); } .posts { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; } .post { display:block; min-height:230px; padding:24px; border:1px solid rgba(255,255,255,.2); border-radius:5px; transition:background .2s,transform .2s; } .post:hover { background:#1c3442; transform:translateY(-3px); } .post h3,.post h2 { margin:43px 0 13px; font-size:23px; line-height:1.18; letter-spacing:-1px; } .post p:not(.post-type) { color:#b8c7c7; font-size:14px; line-height:1.55; } .post span,.post a { color:var(--lime); font-size:13px; font-weight:700; } .cta { padding:101px 7vw; background:var(--coral); } .cta .eyebrow { color:#7d2b25; } .cta h2 { margin-bottom:20px; } .cta p:not(.eyebrow) { max-width:460px; line-height:1.55; } .light { margin-top:19px; color:var(--ink); background:var(--paper); }
.page-head { padding:100px 7vw 76px; background:#dce9e3; } .page-head.contact { background:#f8d8cf; } .page-head .button { margin-top:23px; } .listing { background:var(--ink); } .listing .post { color:var(--paper); min-height:270px; } .legal-content { padding:80px 7vw 110px; max-width:940px; color:#425a60; line-height:1.7; white-space:normal; } .contact-panel { padding:80px 7vw 110px; display:grid; grid-template-columns:1.2fr .8fr; gap:10vw; } form { display:grid; gap:22px; } label { display:grid; gap:9px; color:#536b71; font-size:13px; font-weight:700; } input,textarea { border:1px solid var(--line); background:#fffefa; padding:14px; font:16px Manrope,sans-serif; color:var(--ink); border-radius:4px; resize:vertical; } input:focus,textarea:focus { outline:2px solid #88babb; border-color:transparent; } form .button { justify-self:start; margin-top:10px; } .form-notice { margin:0; padding:13px 15px; border-radius:4px; background:#e7f6ca; color:#315124; font-size:14px; font-weight:700; } .form-notice.error { background:#fde3de; color:#963a30; } .trap { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; } aside { padding:28px; border-left:1px solid var(--line); } aside h2 { font-size:32px; letter-spacing:-2px; margin-bottom:17px; } aside p:not(.eyebrow) { color:#597075; line-height:1.6; } aside a { color:var(--coral); font-size:19px; font-weight:800; } footer { padding:42px 7vw; background:#0b151e; color:#dce9e3; display:flex; align-items:center; gap:42px; } footer p { margin:0; font-size:13px; color:#9eb4b8; flex:1; } footer div { display:flex; gap:20px; font-size:12px; }
@media (max-width:720px) { .site-header { height:72px; padding:0 6vw; } .menu-toggle { display:block; } nav { display:none; position:absolute; top:72px; left:0; right:0; padding:22px 6vw; background:var(--paper); border-bottom:1px solid var(--line); flex-direction:column; align-items:flex-start; } nav.open { display:flex; } .hero { min-height:0; display:block; padding:68px 6vw 65px; } h1 { letter-spacing:-3.5px; } .hero-art,.hero-art img { min-height:340px; } .hero-art { margin-top:50px; } .intro,.knowledge,.listing { padding:73px 6vw; } .services,.posts { grid-template-columns:1fr; } .services article { min-height:205px; } .section-head { display:block; } .section-head .text-link { display:inline-block; margin-top:24px; } .cta,.page-head { padding:70px 6vw; } .contact-panel { padding:58px 6vw 78px; display:block; } aside { margin-top:48px; padding:28px 0 0; border-left:0; border-top:1px solid var(--line); } footer { padding:35px 6vw; display:block; } footer p { margin:14px 0 20px; } }