@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap');

:root{
  --bg:#050505;
  --panel:#0b0b0b;
  --panel-2:#101010;
  --panel-3:#151313;
  --gold:#c99345;
  --gold-2:#e4ad55;
  --gold-dark:#7a552a;
  --text:#f2eee7;
  --muted:#c9c1b5;
  --line:rgba(201,147,69,.35);
  --white-line:rgba(255,255,255,.10);
  --max:1180px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:'Inter', Arial, sans-serif;
  line-height:1.65;
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select{font-family:inherit}

.page{
  background:
    radial-gradient(circle at 70% 8%, rgba(126,36,22,.24), transparent 34%),
    radial-gradient(circle at 20% 0%, rgba(196,133,57,.12), transparent 25%),
    #050505;
}
.container{width:min(var(--max), calc(100% - 56px));margin-inline:auto}
.small-gold{color:var(--gold);text-transform:uppercase;letter-spacing:.12em;font-size:.93rem;font-weight:500}
.serif{font-family:'Cinzel', Georgia, serif;letter-spacing:.04em;font-weight:400}
.gold{color:var(--gold-2)}
.divider{width:72px;height:2px;background:var(--gold);margin:18px 0 24px}
.center{text-align:center}
.center .divider{margin-inline:auto}

/* Header */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:50;
  background:linear-gradient(to bottom, rgba(0,0,0,.92), rgba(0,0,0,.55), rgba(0,0,0,0));
  border-bottom:1px solid transparent;
}
.navbar{height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(1240px, calc(100% - 52px));margin-inline:auto}
.brand{display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;min-width:92px;color:var(--text)}
.brand .tower{width:48px;height:50px;margin-bottom:3px;position:relative;background:linear-gradient(180deg,var(--gold-2),var(--gold-dark));clip-path:polygon(50% 0,61% 8%,70% 92%,57% 92%,54% 25%,50% 18%,46% 25%,43% 92%,30% 92%,39% 8%)}
.brand .tower:before,.brand .tower:after{content:"";position:absolute;bottom:2px;width:6px;height:34px;background:#050505;opacity:.45}
.brand .tower:before{left:18px}.brand .tower:after{right:18px}
.brand .name{font-family:'Cinzel', Georgia, serif;font-size:29px;letter-spacing:.05em;color:#fff;line-height:.9}
.brand .sub{font-family:'Cinzel', Georgia, serif;font-size:10px;letter-spacing:.27em;color:var(--gold-2);position:relative;margin-top:4px}
.brand .sub:before,.brand .sub:after{content:"";display:inline-block;width:15px;height:1px;background:var(--gold);vertical-align:middle;margin:0 4px 3px}
.nav-menu{display:flex;align-items:center;gap:35px;margin-left:auto}
.nav-menu a{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff;position:relative;padding:38px 0 16px;opacity:.95}
.nav-menu a.active,.nav-menu a:hover{color:var(--gold-2)}
.nav-menu a.active:after,.nav-menu a:hover:after{content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:6px;width:38px;height:2px;background:var(--gold)}
.header-actions{display:flex;align-items:center;gap:18px}
.outline-btn{border:1px solid var(--line);background:transparent;color:#fff;padding:13px 25px;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.04em;display:inline-flex;align-items:center;gap:16px;transition:.25s;cursor:pointer}
.outline-btn:hover{background:rgba(201,147,69,.1);border-color:var(--gold)}
.gold-btn{border:1px solid var(--gold);background:linear-gradient(180deg,#e8b15b,#bf8137);color:#111;padding:15px 31px;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.04em;display:inline-flex;align-items:center;gap:18px;transition:.25s;cursor:pointer}
.gold-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.menu-toggle{width:34px;height:34px;border:0;background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.menu-toggle span,.menu-toggle span:before,.menu-toggle span:after{width:22px;height:2px;background:#fff;display:block;content:"";transition:.25s}
.menu-toggle span:before{transform:translateY(-7px)}.menu-toggle span:after{transform:translateY(5px)}

/* Hero */
.hero{min-height:560px;position:relative;display:flex;align-items:center;padding:130px 0 72px;overflow:hidden;border-bottom:1px solid var(--line);background-size:cover;background-position:center right}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(0,0,0,.94) 0%, rgba(0,0,0,.74) 35%, rgba(0,0,0,.28) 72%, rgba(0,0,0,.64) 100%)}
.hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 20%, rgba(229,155,55,.20), transparent 17%), linear-gradient(to bottom, transparent 60%, #050505 100%)}
.hero .container{position:relative;z-index:2}
.hero-content{max-width:560px}
.hero h1{font-family:'Cinzel', Georgia, serif;font-size:clamp(42px,5vw,74px);line-height:1.08;font-weight:400;letter-spacing:.06em;margin:16px 0 18px;text-transform:uppercase}
.hero p{max-width:430px;color:#e7dfd4;font-size:15px;margin-bottom:30px}
.hero-actions{display:flex;gap:18px;flex-wrap:wrap}
.hero.home{background-image:url('assets/hero-home.jpg')}
.hero.about{background-image:url('assets/hero-about.jpg')}
.hero.projects{background-image:url('assets/hero-projects.jpg')}
.hero.services{background-image:url('assets/hero-services.jpg')}
.hero.investment{background-image:url('assets/hero-investment.jpg')}
.hero.location{background-image:url('assets/hero-location.jpg')}
.hero.contact{background-image:url('assets/hero-contact.jpg')}
.follow{position:absolute;right:26px;top:48%;transform:translateY(-50%);z-index:3;text-align:center;color:#fff;text-transform:uppercase;font-size:10px;letter-spacing:.08em}
.follow .icons{display:grid;gap:14px;margin-top:10px;font-weight:800;font-size:17px}

.section{padding:72px 0;border-bottom:1px solid var(--white-line)}
.section-tight{padding:50px 0}
.section-title{font-family:'Cinzel', Georgia, serif;font-weight:400;letter-spacing:.07em;font-size:clamp(28px,3vw,42px);line-height:1.2;margin:8px 0 14px;text-transform:uppercase}
.section-copy{color:var(--muted);max-width:760px;margin:0 auto 36px;font-size:16px}
.title-lined{display:flex;align-items:center;gap:22px;justify-content:center;color:#1a1a1a;margin-bottom:24px}
.dark .title-lined,.title-lined.dark-title{color:#fff}
.title-lined:before,.title-lined:after{content:"";width:90px;height:1px;background:var(--line)}
.title-lined span{font-family:'Cinzel', Georgia, serif;letter-spacing:.08em;text-transform:uppercase;font-size:21px}
.light-section{background:#f3f2ef;color:#111}
.light-section .section-copy{color:#49423d}

/* Cards and layouts */
.grid{display:grid;gap:24px}
.grid-2{grid-template-columns:repeat(2,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.grid-5{grid-template-columns:repeat(5,1fr)}
.project-card{min-height:300px;border:1px solid var(--line);background:#0b0b0b;background-size:cover;background-position:center;position:relative;padding:34px 32px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.project-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(0,0,0,.96),rgba(0,0,0,.60) 44%,rgba(0,0,0,.10));z-index:0}
.project-card>*{position:relative;z-index:1}
.project-card h3{font-family:'Cinzel', Georgia, serif;text-transform:uppercase;font-size:30px;line-height:1.15;font-weight:400;margin:10px 0 22px}
.project-card .meta{font-size:14px;text-transform:uppercase;color:#fff;display:flex;gap:9px;align-items:flex-start;max-width:240px}
.project-card .status{color:var(--gold-2);text-transform:uppercase;font-weight:700;letter-spacing:.05em;margin-top:22px}
.project-card .desc{font-size:14px;color:#ddd;max-width:320px;margin:8px 0 18px}
.lock-box{border:1px solid var(--line);background:rgba(0,0,0,.55);padding:18px 24px;display:inline-flex;align-items:center;gap:15px;align-self:flex-end;backdrop-filter:blur(3px)}

.split{display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch}
.split > div{padding:50px 45px;border-right:1px solid var(--line)}
.split > div:last-child{border-right:0}
.image-panel{background-size:cover;background-position:center;min-height:330px;border-left:1px solid var(--line);border-right:1px solid var(--line)}
.info-list{display:grid;gap:30px}
.info-row{display:grid;grid-template-columns:60px 1fr;gap:18px;align-items:flex-start}
.info-row h4,.feature h4,.service-card h3,.value-card h4{margin:0 0 8px;text-transform:uppercase;color:var(--gold-2);letter-spacing:.04em;font-size:16px}
.info-row p,.feature p,.service-card p,.value-card p{margin:0;color:var(--muted);font-size:14px}
.icon{width:44px;height:44px;color:var(--gold-2);stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.icon-sm{width:22px;height:22px;color:var(--gold-2);vertical-align:middle;stroke-width:1.8}

.feature{padding:22px 18px;text-align:center;border-right:1px solid var(--line);min-height:155px}
.feature:last-child{border-right:0}
.feature .icon{margin:0 auto 14px;width:50px;height:50px}
.feature h4{color:#111;font-size:13px}.feature p{color:#3f3730;font-size:13px}
.dark .feature h4{color:#fff}.dark .feature p{color:var(--muted)}
.dark .feature{border-right:1px solid var(--line)}

.timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:0;align-items:start;position:relative;margin-top:30px}
.timeline:before{content:"";position:absolute;left:7%;right:7%;top:30px;height:1px;background:var(--line)}
.step{text-align:center;position:relative;z-index:1;padding:0 8px}
.step .circle{width:60px;height:60px;margin:0 auto 12px;border-radius:50%;border:1px solid var(--line);background:#0b0b0b;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800}
.step.done .circle{background:linear-gradient(180deg,#d7a155,#a96b2d);color:#fff;border-color:var(--gold)}
.step h5{margin:0;text-transform:uppercase;font-size:13px;letter-spacing:.04em;line-height:1.35}.step span{color:var(--gold-2);font-size:12px;text-transform:uppercase}

.cta-strip{position:relative;background:#0d0d0d;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden}
.cta-strip:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(0,0,0,.72), rgba(0,0,0,.45)), url('assets/investment-cta-bg.jpg') center/cover no-repeat;opacity:.65}
.cta-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:center;padding:48px 0}

.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-grid .full{grid-column:1/-1}
input,textarea,select{width:100%;background:#0e0e0e;border:1px solid rgba(255,255,255,.13);color:#fff;padding:16px 18px;font-size:13px;outline:none}
input:focus,textarea:focus,select:focus{border-color:var(--gold)}
textarea{min-height:96px;resize:vertical}
.form-grid button{grid-column:1/-1;justify-content:center;width:100%}

/* Page-specific blocks */
.approach-cards{grid-template-columns:repeat(5,1fr)}
.approach-card{border:1px solid var(--line);padding:32px 22px;text-align:center;min-height:280px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.00));position:relative}
.approach-card:before{content:attr(data-no);position:absolute;left:14px;top:8px;font-family:'Cinzel';font-size:44px;color:rgba(255,255,255,.05)}
.approach-card .icon{margin:0 auto 18px;width:52px;height:52px}
.approach-card h3{font-family:'Cinzel';font-size:20px;line-height:1.25;font-weight:400;text-transform:uppercase;margin:0 0 15px}.approach-card p{font-size:14px;color:var(--muted);margin:0}
.value-row{grid-template-columns:repeat(4,1fr);text-align:center}.value-card{padding:28px;border-right:1px solid var(--line)}.value-card:last-child{border-right:0}.value-card .icon{margin:0 auto 12px}
.service-card{border:1px solid var(--line);background:#0c0c0c;padding:42px 38px;text-align:center;min-height:260px}.service-card .icon{width:70px;height:70px;margin:0 auto 20px;padding:14px;border:1px solid var(--line);border-radius:50%}.service-card h3{font-family:'Cinzel';color:#fff;font-size:24px;font-weight:400;line-height:1.2}.service-card.wide{text-align:left;display:grid;grid-template-columns:90px 1fr;gap:22px;align-items:center}.service-card.wide .icon{margin:0}
.light-approach{background:#f5f4f1;color:#111}.process-row{display:grid;grid-template-columns:repeat(5,1fr);gap:0;position:relative}.process-row:before{content:"";position:absolute;left:10%;right:10%;top:44px;border-top:1px dashed rgba(201,147,69,.55)}.process-item{text-align:center;position:relative;z-index:1;padding:0 18px}.process-item .circle{width:70px;height:70px;border-radius:50%;background:#0a0a0a;color:var(--gold);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;margin:0 auto 15px}.process-item:nth-child(odd) .circle{background:linear-gradient(180deg,#d4a053,#ad6e2d);color:#fff}.process-item h4{margin:0;text-transform:uppercase;font-size:14px}.process-item p{font-size:13px;color:#4d4640;margin:6px 0 0}
.invest-card{border:1px solid var(--line);background:#0c0c0c;min-height:290px;padding:34px 28px;background-size:cover;background-position:center;position:relative;overflow:hidden}.invest-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(0,0,0,.92), rgba(0,0,0,.52));}.invest-card>*{position:relative;z-index:1}.invest-card h3{font-family:'Cinzel';font-weight:400;text-transform:uppercase;font-size:24px;line-height:1.2}.invest-card p{font-size:14px;color:var(--muted)}.invest-card .status{color:var(--gold-2);text-transform:uppercase;font-weight:700;font-size:13px}
.location-grid{grid-template-columns:.85fr 1.15fr;align-items:start}.connectivity{grid-template-columns:repeat(3,1fr)}.mini-card{border:1px solid rgba(255,255,255,.1);padding:28px;text-align:center;background:#0d0d0d}.mini-card h4{margin:4px 0;text-transform:uppercase;font-family:'Cinzel';font-size:24px}.mini-card span{font-size:12px;text-transform:uppercase;color:#fff}.landmarks{border:1px solid var(--line);padding:28px 32px}.landmarks .item{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid rgba(255,255,255,.08);padding:10px 0;font-size:14px}.landmarks .item:last-child{border-bottom:0}.landmarks .time{color:var(--gold-2);white-space:nowrap}.map-wide{min-height:285px;background:url('assets/location-map.jpg') center/cover no-repeat;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.contact-layout{display:grid;grid-template-columns:1.1fr .9fr}.contact-layout>div{padding:58px;border-right:1px solid var(--line)}.contact-layout>div:last-child{border-right:0}.contact-card{display:grid;grid-template-columns:70px 1fr;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.1)}.contact-card .circle{width:58px;height:58px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}.contact-card h4{margin:0;text-transform:uppercase}.contact-card p{margin:3px 0 0;color:var(--muted)}

/* Footer */
.footer{background:#050505;border-top:1px solid var(--line)}
.footer-main{display:grid;grid-template-columns:1.15fr .9fr 1fr 1.05fr;gap:34px;padding:44px 0 36px;border-bottom:1px solid rgba(255,255,255,.08)}
.footer h4{color:var(--gold-2);text-transform:uppercase;margin:0 0 14px;font-size:14px;letter-spacing:.05em}.footer p,.footer a{color:var(--muted);font-size:14px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:8px 26px}.socials{display:flex;gap:17px;margin-top:14px}.socials a{font-size:18px;font-weight:700;color:#fff}.newsletter{display:flex}.newsletter input{border-right:0}.newsletter button{width:54px;border:0;background:linear-gradient(180deg,#dca650,#b9782e);color:#111;font-size:23px}.copyright{display:flex;justify-content:space-between;gap:20px;color:#8d867d;font-size:13px;padding:18px 0}.copyright a{color:#8d867d;margin-left:24px}

/* utility */
.bg-panel{background:#090909}.panel{border:1px solid var(--line);background:#0b0b0b}.inline-map{background:url('assets/map-dark.jpg') center/cover no-repeat;min-height:250px}.image-lobby{background:url('assets/lobby-logo.jpg') center/cover no-repeat}.about-lobby{background:url('assets/axon-lobby.jpg') center/cover no-repeat}.project-alpha-bg{background-image:url('assets/project-alpha.jpg')}.project-beta-bg{background-image:url('assets/project-beta.jpg')}.wide-alpha{background-image:url('assets/project-card-wide-1.jpg')}.wide-beta{background-image:url('assets/project-card-wide-2.jpg')}.services-choose-bg{background-image:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.72)),url('assets/services-choose-bg.jpg');background-size:cover;background-position:center}

@media (max-width:1050px){
  .nav-menu{position:fixed;inset:96px 0 auto 0;background:rgba(5,5,5,.96);border-top:1px solid var(--line);display:none;flex-direction:column;gap:0;padding:18px 0}.nav-menu.open{display:flex}.nav-menu a{padding:16px 0}.header-actions .outline-btn{display:none}.grid-5,.approach-cards,.process-row{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(3,1fr);row-gap:28px}.timeline:before{display:none}.footer-main{grid-template-columns:repeat(2,1fr)}.contact-layout,.split,.cta-inner,.location-grid{grid-template-columns:1fr}.split>div,.contact-layout>div{border-right:0;border-bottom:1px solid var(--line)}
}
@media (max-width:760px){
  .container{width:min(100% - 32px, var(--max))}.navbar{height:82px;width:calc(100% - 28px)}.site-header .brand{transform:scale(.78);transform-origin:left center}.hero{min-height:520px;padding-top:115px}.hero h1{font-size:38px}.grid-2,.grid-3,.grid-4,.grid-5,.approach-cards,.value-row,.connectivity,.process-row,.timeline{grid-template-columns:1fr}.feature,.value-card{border-right:0;border-bottom:1px solid var(--line)}.feature:last-child,.value-card:last-child{border-bottom:0}.form-grid{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr}.copyright{flex-direction:column}.copyright a{margin-left:0;margin-right:18px}.follow{display:none}.section{padding:54px 0}.project-card{padding:28px 22px}.title-lined:before,.title-lined:after{width:42px}.contact-layout>div{padding:32px 20px}.service-card.wide{grid-template-columns:1fr;text-align:center}.service-card.wide .icon{margin:auto}.brand .name{font-size:24px}
}
.triple-split{display:grid;grid-template-columns:1fr .82fr 1fr;align-items:stretch}
.triple-split>div{padding:50px 42px;border-right:1px solid var(--line)}
.triple-split>div:last-child{border-right:0}
@media (max-width:1050px){.triple-split{grid-template-columns:1fr}.triple-split>div{border-right:0;border-bottom:1px solid var(--line)}}