:root{--bg:#07090a;--fg:#f3f5f5;--mut:#aeb5b6;--acc:#7fe0d0;--line:rgba(255,255,255,.28);box-sizing:border-box}
*{box-sizing:border-box;margin:0}
html,body{min-height:100%;background:var(--bg);color:var(--fg);font-family:'Outfit','Montserrat',system-ui,sans-serif}
.page{position:relative;min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;padding:clamp(24px,4.7vw,60px);padding-top:calc(clamp(24px,4.7vw,60px) + env(safe-area-inset-top,0px));padding-bottom:calc(clamp(24px,3vw,40px) + env(safe-area-inset-bottom,0px));overflow:hidden;isolation:isolate}
.bg{position:absolute;inset:0;z-index:-2;background:url("assets/building.jpg") 60% center/cover no-repeat}
.page::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(7,9,10,.92) 0%,rgba(7,9,10,.78) 28%,rgba(7,9,10,.3) 52%,rgba(7,9,10,0) 72%),linear-gradient(0deg,rgba(7,9,10,.8),transparent 20%)}
header{display:flex;justify-content:space-between;align-items:center;gap:16px}
.brand{display:flex;align-items:center;gap:18px}
.logo{width:94px;height:auto;color:var(--fg)}
.sep{width:1px;height:24px;background:var(--line)}
.bt{font-family:'Montserrat',sans-serif;font-size:11px;letter-spacing:.3em;text-transform:uppercase;line-height:1.7;color:var(--mut)}
.bt b{display:block;font-weight:400;color:var(--acc);font-size:9.5px;letter-spacing:.32em}
.pill{display:inline-flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:99px;padding:6px 18px;font-family:'Montserrat',sans-serif;font-size:11px;letter-spacing:.25em;text-transform:uppercase;white-space:nowrap}
.pill i{width:5px;height:5px;border-radius:50%;background:var(--acc);box-shadow:0 0 8px var(--acc)}
main{align-self:center;max-width:640px;padding:6vh 0}
.eye{display:flex;align-items:center;gap:20px;color:var(--acc);font-family:'Montserrat',sans-serif;font-size:13px;letter-spacing:.3em;text-transform:uppercase;margin-bottom:clamp(20px,4vh,40px)}
.eye::before{content:"";width:44px;height:2px;background:var(--acc)}
h1{font-weight:300;font-size:clamp(46px,7.6vw,96px);line-height:1.08;letter-spacing:-.025em}
h1 span{color:var(--acc);display:block}
.copy{margin-top:clamp(28px,6vh,60px);line-height:1.5}
.copy .a{font-size:clamp(19px,2.1vw,26px);font-weight:300;letter-spacing:.02em}
.copy .b{font-size:clamp(15px,1.6vw,20px);font-weight:300;margin-top:8px;letter-spacing:.02em}
.copy .c{font-size:clamp(14px,1.4vw,17px);font-weight:300;margin-top:26px;color:var(--mut);letter-spacing:.04em}
footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:22px;gap:16px}
footer ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:12px 22px;font-family:'Montserrat',sans-serif;font-size:11px;letter-spacing:.25em;text-transform:uppercase;color:var(--mut)}
footer li+li::before{content:"/";margin-right:22px}
.menu{width:24px;display:grid;gap:5px;flex:none}.menu span{height:2px;background:var(--acc)}
@media(max-width:760px){.bg{background-position:72% center;opacity:.6}.page::before{background:linear-gradient(180deg,var(--bg) 25%,rgba(7,9,10,.6) 70%,rgba(7,9,10,.9))}
.bt{display:none}.sep{display:none}.logo{width:76px}footer li+li::before{display:none}footer ul{gap:8px 18px;font-size:10px}.pill{font-size:10px;padding:5px 12px}}
/* Load-in: single fade (disabled for reduced motion) */
.page{opacity:0;transition:opacity .9s ease}
.page.ready{opacity:1}
@media(prefers-reduced-motion:reduce){.page{opacity:1;transition:none}}

.logo-img{display:block;height:clamp(24px,2.7vw,36px);width:auto;max-width:100%}
@media(max-width:760px){.logo-img{height:22px}}