:root{--ink: #394d61;--concrete: #e9e7e2;--steel: #9aa1a8;--hivis: #389dcc}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{font-family:Barlow,system-ui,sans-serif;color:var(--concrete);background:var(--ink);line-height:1.6}.bg{position:fixed;top:-10%;right:0;bottom:-10%;left:0;z-index:-2;background-size:cover;background-position:center;background-color:#2b3036;will-change:transform}.bg-dim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--ink)}.header{position:fixed;top:0;left:0;right:0;z-index:10;padding:14px clamp(16px,5vw,64px);transition:background .3s,box-shadow .3s}.header.solid{background:#1d2023eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 1px #ffffff14}.brand{display:inline-flex;align-items:center;gap:14px;color:#fff;text-decoration:none;font:700 1.5rem Barlow Condensed,sans-serif;letter-spacing:.04em}.hero{min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:120px clamp(16px,5vw,64px) 64px;max-width:1100px}.hero h1{font:700 clamp(3rem,9vw,7rem)/.95 "Barlow Condensed",sans-serif;color:#fff;margin-bottom:24px}.hero h2{font:700 clamp(3rem,9vw,5rem)/.95 "Barlow Condensed",sans-serif;color:#fff;margin-bottom:24px}.hero p{max-width:520px;font-size:1.2rem;color:var(--concrete);margin-bottom:32px}.btn{background:var(--hivis);color:var(--ink);text-decoration:none;font:700 1.1rem Barlow Condensed,sans-serif;letter-spacing:.05em;padding:14px 28px;transition:transform .2s}.btn:hover{transform:translateY(-2px)}.btn:focus-visible,a:focus-visible{outline:3px solid var(--hivis);outline-offset:3px}.panel{max-width:760px;margin:0 clamp(16px,5vw,64px) 40vh;padding:40px;background:#1d2023d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-left:6px solid var(--hivis)}.panel h2{font:700 2.4rem Barlow Condensed,sans-serif;color:#fff;margin-bottom:16px}.contact{margin-bottom:20vh}dl{display:grid;grid-template-columns:110px 1fr;gap:10px 20px}dt{color:var(--steel)}dd a{color:var(--hivis)}.footer{text-align:center;padding:32px;color:var(--steel);font-size:.9rem;background:var(--ink)}@media (max-width: 560px){dl{grid-template-columns:1fr;gap:0}dd{margin-bottom:12px}.panel{padding:24px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.bg{transform:scale(1.15)!important}}