@font-face{font-family:Manrope;src:url('/assets/manrope-light.woff2') format('woff2');font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}
:root{--paper:oklch(93.8% .013 241);--ink:oklch(27% .037 245);--muted:oklch(47% .035 247);--light:oklch(98% .006 235);--rule:oklch(77% .023 244);--gutter:clamp(24px,4.9vw,94px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:2px solid currentColor;outline-offset:7px}::selection{background:oklch(78% .04 238);color:var(--ink)}
.skip-link{position:absolute;z-index:5;top:16px;left:24px;padding:12px 18px;background:var(--paper);color:var(--ink);transform:translateY(-160%)}.skip-link:focus{transform:none}
.hero{height:clamp(650px,52vw,960px);min-height:70svh;position:relative;isolation:isolate;overflow:hidden;background:oklch(33% .04 243);color:var(--light)}
.hero-image,.hero-image img,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-image{z-index:0}.hero-image img{object-fit:cover;object-position:center 49%}.hero-shade{z-index:1;background:linear-gradient(90deg,rgba(12,29,43,.18),transparent 68%),linear-gradient(0deg,rgba(9,26,40,.48),transparent 58%),linear-gradient(180deg,rgba(12,29,43,.56),transparent 34%)}
.site-header{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:32px;padding:clamp(32px,3.2vw,62px) var(--gutter) 0}.brand{display:block;flex:none;line-height:0;width:clamp(200px,17.3vw,290px)}.brand img{width:100%;height:auto;display:block}nav{display:flex;gap:clamp(24px,2.5vw,46px);padding-top:20px}nav a{color:var(--light);font-size:16px;font-weight:400;line-height:1.5;text-decoration:none;text-shadow:none;padding-block:8px}nav a:hover{text-decoration:underline;text-underline-offset:7px}
.hero-copy{z-index:2;position:absolute;left:var(--gutter);right:var(--gutter);bottom:clamp(64px,8.3vw,160px)}h1{font-size:clamp(60px,6.4vw,116px);font-weight:300;line-height:1.15;letter-spacing:-.045em;margin:0;max-width:14ch;text-wrap:nowrap}
.perspective{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:clamp(40px,5vw,96px);padding:clamp(50px,4.8vw,90px) var(--gutter);align-items:stretch;max-width:2100px;margin-inline:auto;scroll-margin-top:0}.statement{font-size:clamp(28px,2.72vw,48px);line-height:1.35;letter-spacing:-.035em;margin:0;max-width:31ch}.principles{font-size:clamp(16px,1.55vw,25px);line-height:1.6;color:var(--muted);margin:24px 0 0}.contact{border-left:1px solid var(--rule);padding:clamp(16px,2.2vw,36px) 0 clamp(16px,2.2vw,36px) clamp(40px,4vw,76px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.contact-rule{width:42px;height:1px;background:var(--ink);margin-bottom:24px}h2{font-size:clamp(25px,2.35vw,40px);line-height:1.4;letter-spacing:-.035em;font-weight:300;margin:0 0 12px}.email{font-size:clamp(16px,1.5vw,24px);line-height:1.6;color:var(--muted);text-decoration:none;overflow-wrap:anywhere;padding:5px 0}.email:hover{color:var(--ink);text-decoration:underline;text-underline-offset:5px}
@media(min-width:1900px){.hero-copy,.site-header{max-width:2100px;margin-inline:auto}.hero-copy{width:calc(100% - 2 * var(--gutter));left:0;right:0}}
@media(max-width:900px){.hero{height:720px;min-height:0}.perspective{grid-template-columns:1fr;gap:36px}.statement{max-width:36ch;font-size:32px}.contact{border-left:0;border-top:1px solid var(--rule);padding:32px 0 0}.contact-rule{display:none}.email{font-size:19px}.principles{font-size:18px}h2{font-size:30px}}
@media(max-width:600px){.hero{height:clamp(560px,80svh,760px)}.hero-image img{object-position:39% center}.hero-shade{background:linear-gradient(0deg,rgba(9,26,40,.56),transparent 65%),linear-gradient(180deg,rgba(12,29,43,.62),transparent 30%)}.site-header{padding-top:30px;gap:16px;align-items:flex-start}.brand{width:200px}nav{gap:0;padding-top:10px}nav a{font-size:14px;color:var(--light)}nav a:first-child{display:none}.hero-copy{bottom:60px}h1{font-size:clamp(32px,9.2vw,50px);line-height:1.22;letter-spacing:-.04em}.perspective{padding-block:40px 48px;gap:30px}.statement{font-size:27px;line-height:1.4;max-width:24ch}.principles{font-size:16px;margin-top:22px;max-width:25ch}.contact{padding-top:28px}h2{font-size:25px;margin-bottom:12px}.email{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}