.page{min-height:100vh;background:radial-gradient(circle at 80% 20%,rgba(255,102,22,.18),transparent 28%),radial-gradient(circle at 10% 80%,rgba(255,255,255,.08),transparent 24%),linear-gradient(135deg,#080806 0%,#15130e 55%,#050505 100%);position:relative;overflow:hidden}
.background-grid{position:fixed;inset:0;pointer-events:none;opacity:.06;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at center,black,transparent 75%);z-index:0}
.intro-stage{position:fixed;inset:0;z-index:80;pointer-events:none;background:radial-gradient(circle at center,rgba(255,102,22,.13),transparent 34%),linear-gradient(135deg,#080806 0%,#15130e 55%,#050505 100%);opacity:1;transition:opacity .45s ease}
.intro-stage.is-finished{opacity:0}
.intro-logo-wrap{position:fixed;left:50%;top:50%;width:min(62vw,760px);transform:translate(-50%,-50%);z-index:120;pointer-events:none;will-change:left,top,width,transform}
.intro-logo{width:100%;height:auto;display:block;opacity:0;filter:drop-shadow(0 34px 80px rgba(0,0,0,.38));animation:centerLogoReveal 1.35s cubic-bezier(.22,1,.36,1) forwards}
.scroll-cue{position:fixed;left:50%;bottom:42px;transform:translateX(-50%);z-index:90;color:rgba(255,255,255,.58);font-size:13px;letter-spacing:.16em;text-transform:uppercase;opacity:0;animation:cueIn .5s ease forwards 1.35s;pointer-events:none}
.scroll-cue:after{content:"";display:block;width:1px;height:42px;background:linear-gradient(to bottom,rgba(255,255,255,.75),transparent);margin:12px auto 0}
.navbar{position:fixed;top:0;left:0;width:100%;height:var(--nav-height);z-index:110;pointer-events:none;background:rgba(17,16,11,0);transition:background .45s ease,backdrop-filter .45s ease,border-color .45s ease;border-bottom:1px solid transparent}
.navbar.is-visible{pointer-events:auto;background:rgba(17,16,11,.88);backdrop-filter:blur(16px);border-bottom-color:rgba(255,255,255,.055)}
.nav-inner{width:var(--page-width);height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.nav-logo-target{width:var(--nav-logo-width);height:70px;flex:0 0 auto;pointer-events:none}
.nav-links{display:flex;align-items:center;gap:clamp(24px,3vw,58px);opacity:0;transform:translateY(-12px);pointer-events:none;transition:opacity .55s ease,transform .55s cubic-bezier(.22,1,.36,1)}
.navbar.is-visible .nav-links{opacity:1;transform:translateY(0);pointer-events:auto}
.nav-links a{color:#fff;text-decoration:none;font-size:clamp(20px,1.55vw,32px);/*letter-spacing:-.01em;*/transition:opacity .25s ease,transform .25s ease;line-height:1}
.nav-links a.social-link{display:inline-flex;align-items:center;justify-content:center;letter-spacing: 0.05em}
.social-icon{width:1em;height:1em;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.linkedin-icon{fill:currentColor;stroke:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.nav-links a:hover{opacity:.7;transform:translateY(-2px)}
.contact-btn{background:#fff;color:#11100b!important;padding:20px 26px 17px;border-radius:999px;box-shadow:0 14px 34px rgba(0,0,0,.28);white-space:nowrap}
.intro-scroll-space{height:105vh;position:relative;z-index:1}

.content{position:relative;z-index:2}
.reveal{opacity:0;transform:translateY(70px);transition:opacity .9s cubic-bezier(.22,1,.36,1),transform .9s cubic-bezier(.22,1,.36,1)}
.reveal.in-view{opacity:1;transform:translateY(0)}

.hero{width:var(--page-width);margin:0 auto;min-height:calc(100vh - var(--nav-height));display:flex;align-items:flex-end;padding:calc(var(--nav-height) + 50px) 0 38px;position:relative;opacity:0;transform:translateY(36px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1)}
.hero.is-visible{opacity:1;transform:translateY(0)}
.hero-text{max-width:1200px}
.eyebrow{color:#ff6616;font-size:clamp(13px,1vw,17px);letter-spacing:.16em;text-transform:uppercase;margin-bottom:26px}
.hero h1{font-size:clamp(64px,10vw,182px);line-height:.86;/*letter-spacing:-.035em;*/font-weight:400;margin-bottom:22px}.hero-compact{min-height:34vh;padding-bottom:0}