:root{color-scheme:dark;--bg:#101111;--fg:#efefeb;--muted:#a5a7a4;--line:#353735}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #c5d1b8;outline-offset:8px}.skip{position:fixed;left:20px;top:-100px;z-index:20;background:#efefeb;color:#111;padding:15px}.skip:focus{top:20px}header{height:112px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;width:100%;z-index:2;border-bottom:1px solid #ffffff20}.brand{display:flex;gap:13px;align-items:center;font-size:19px;letter-spacing:2.5px;font-weight:600}.brand svg{width:35px;height:35px;fill:none;stroke:currentColor;stroke-width:1.4}.global{display:block;font-size:9px;letter-spacing:5px;margin-top:5px;font-weight:400}nav{display:flex;align-items:center;gap:48px;font-size:12px}nav a{transition:opacity .2s}nav a:hover{opacity:.65}.contact-link{border:1px solid #ffffff50;padding:14px 18px}.contact-link span{margin-left:30px}.hero{position:relative;min-height:820px;height:100svh;max-height:1200px;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('/assets/architecture.jpg') center center/cover no-repeat;animation:arrive 2s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,10,10,.83),rgba(8,10,10,.3) 48%,rgba(8,10,10,.04)),linear-gradient(0deg,#101111 0%,transparent 23%)}.hero-content{position:relative;padding:210px 5% 135px}.eyebrow{font-family:'Courier New',monospace;font-size:10px;letter-spacing:1.6px;line-height:1.6;font-weight:400}.hero .eyebrow{display:flex;align-items:center;gap:11px;color:#c4c9c1}.status-dot{height:5px;width:5px;border-radius:50%;background:#c3d0b4;box-shadow:0 0 12px #b7c5a950}h1{font-weight:400;font-size:clamp(70px,7.5vw,126px);letter-spacing:-.065em;line-height:.99;margin:38px 0 30px}.intro{font-size:16px;line-height:1.6;letter-spacing:-.2px;color:#c0c2bd}.hero-bottom{position:absolute;bottom:32px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font:9px 'Courier New',monospace;letter-spacing:1.5px;color:#a5aaa3}.hero-bottom a{display:flex;align-items:center;gap:60px;color:#e1e4dc}.hero-bottom a span{font-size:22px}.perspective{padding:115px 5% 85px;display:grid;grid-template-columns:30% 70%;border-top:1px solid var(--line)}.section-index{font:10px 'Courier New',monospace;letter-spacing:1px;color:#a3a8a0;display:flex;gap:70px;padding-top:5px}.plus{font-size:17px}.statement .eyebrow{color:#9da399;margin:0 0 30px}h2{font-size:clamp(35px,4.2vw,68px);font-weight:400;letter-spacing:-.045em;line-height:1.1;margin:0}.statement-bottom{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:42px;max-width:790px}.statement-bottom p{font-size:15px;line-height:1.7;color:#a9ada5;margin:0;max-width:310px}.principles{display:grid;grid-template-columns:repeat(3,1fr);margin:0 5%;padding:30px 0 100px}.principle{border-top:1px solid var(--line);padding:30px 30px 10px 0}.principle+.principle{padding-left:35px;border-left:1px solid var(--line)}.number{font:11px 'Courier New',monospace;color:#8c9388}.principle h3{font-size:22px;font-weight:400;letter-spacing:-.5px;margin:48px 0 17px}.principle p{font-size:14px;line-height:1.7;color:#939a8f}.contact{position:relative;overflow:hidden;background:#e4e6df;color:#20251f;padding:42px 5% 95px}.contact-top{display:flex;justify-content:space-between;padding-bottom:70px}.contact-main{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.contact h2{font-size:clamp(38px,4.4vw,70px)}.contact h2 span{color:#737a6d}.email{padding:16px 0;border-bottom:1px solid #6a7462;font-size:14px;white-space:nowrap;min-width:230px;display:flex;justify-content:space-between;gap:35px}.email span{font-size:22px;transition:transform .25s}.email:hover span{transform:translate(3px,-3px)}.contact-lines{position:absolute;right:15%;top:-400px;width:650px;height:650px;border-radius:50%;border:1px solid #a6b19b30;box-shadow:0 0 0 22px #a6b19b10,0 0 0 44px #a6b19b10,0 0 0 66px #a6b19b10,0 0 0 88px #a6b19b10,0 0 0 110px #a6b19b10;pointer-events:none}footer{display:flex;justify-content:space-between;gap:20px;padding:35px 5%;font:9px 'Courier New',monospace;letter-spacing:.5px;color:#92988e}footer a{color:#c8cec2}@keyframes arrive{from{transform:scale(1.035);opacity:.6}to{transform:scale(1);opacity:1}}@media(min-width:1700px){.hero-content{padding-top:250px}}@media(max-width:760px){header{height:90px;padding:0 6%}.brand{font-size:15px;letter-spacing:2px}.brand svg{width:29px}.global{font-size:8px}nav{gap:0}nav>a:first-child{display:none}.contact-link{padding:11px 12px;font-size:11px}.contact-link span{margin-left:15px}.hero{min-height:740px;max-height:960px}.hero-content{padding:190px 6% 130px}.hero .eyebrow{font-size:8px;letter-spacing:1px}h1{font-size:clamp(64px,13vw,92px);margin-top:35px}.hero-image{background-position:60% center}.hero-shade{background:linear-gradient(90deg,#080a0ae0,#080a0a40),linear-gradient(0deg,#101111,transparent 30%)}.hero-bottom{left:6%;right:6%;font-size:8px}.hero-bottom>span{display:none}.hero-bottom a{justify-content:space-between;width:100%}.perspective{display:block;padding:65px 6%}.section-index{justify-content:space-between;margin-bottom:55px}.statement-bottom{gap:25px;grid-template-columns:1fr;margin-top:30px}.statement-bottom p{max-width:400px}.principles{margin:0 6%;padding-bottom:60px;grid-template-columns:1fr}.principle,.principle+.principle{border-left:none;padding:25px 0;display:grid;grid-template-columns:40px 1fr}.principle h3{margin:0;font-size:21px}.principle p{grid-column:2;margin-bottom:0}.contact{padding:30px 6% 60px}.contact-top{padding-bottom:60px;gap:20px}.contact-top .eyebrow{font-size:8px}.contact-main{align-items:flex-start;flex-direction:column;gap:35px}.contact h2{font-size:clamp(34px,8vw,54px)}.email{min-width:235px}footer{padding:30px 6%;flex-wrap:wrap;line-height:1.8}footer>span:nth-child(2){order:3;width:100%;font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-image{animation:none}*{transition:none!important}}
