:root{
  --bg:#050505;
  --bg2:#0c0c0d;
  --text:#f3f1eb;
  --muted:#9e9b92;
  --line:rgba(255,255,255,.12);
  --glass:rgba(255,255,255,.06);
  --accent:#f7efe0;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.noise{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.cursor-glow{position:fixed;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.13),transparent 65%);transform:translate(-50%,-50%);pointer-events:none;z-index:1;mix-blend-mode:screen;opacity:.55;transition:opacity .2s ease}
.progress{position:fixed;top:0;left:0;width:100%;height:3px;background:rgba(255,255,255,.08);z-index:80}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#fff,#a7a7a7)}
.loader{position:fixed;inset:0;background:#020202;z-index:99;display:grid;place-items:center;transition:opacity .75s ease,visibility .75s ease}.loader.done{opacity:0;visibility:hidden}.loader-inner{width:min(760px,88vw)}.loader h1{font-size:clamp(48px,9vw,122px);line-height:.86;letter-spacing:-.07em;margin:15px 0 32px}.mono,.eyebrow,.section-num{font-family:"SF Mono",Monaco,Consolas,monospace;text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:var(--muted)}.load-line{height:1px;background:rgba(255,255,255,.16);overflow:hidden}.load-line span{display:block;height:100%;width:45%;background:white;animation:load 1.2s ease infinite}@keyframes load{0%{transform:translateX(-100%)}100%{transform:translateX(240%)}}button,.btn{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:999px;padding:13px 22px;margin-top:24px;cursor:pointer;transition:.25s ease;font-weight:600}.btn.primary,button:hover,.btn:hover{background:var(--text);color:#050505}.btn.ghost:hover{border-color:white}
.nav{position:fixed;top:0;left:0;right:0;z-index:70;display:flex;align-items:center;justify-content:space-between;padding:22px 36px;background:linear-gradient(to bottom,rgba(5,5,5,.78),transparent);backdrop-filter:blur(12px)}.brand{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-weight:800;letter-spacing:.08em}.nav nav{display:flex;gap:26px;color:var(--muted);font-size:14px}.nav nav a:hover{color:white}.nav-meta{font-size:13px;color:var(--muted)}
.rabbit-track{position:fixed;right:28px;top:88px;bottom:80px;width:100px;z-index:60;pointer-events:none}.rabbit{position:absolute;top:0;right:0;width:86px;filter:drop-shadow(0 0 18px rgba(255,255,255,.28));transform-origin:center;transition:transform .18s linear}.rabbit svg{width:100%;animation:hop 1.2s ease-in-out infinite}@keyframes hop{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(4deg)}}
.section{padding:130px 7vw;position:relative;z-index:2}.hero{min-height:100vh;display:grid;align-items:center;padding-top:110px;background:radial-gradient(circle at 72% 32%,rgba(255,255,255,.14),transparent 29%),linear-gradient(120deg,#050505 0%,#111 55%,#050505 100%)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:8vw;align-items:center}.hero h1{font-size:clamp(78px,15vw,210px);line-height:.82;letter-spacing:-.035em;margin:12px 0 36px}.hero-name{font-kerning:normal;word-spacing:.08em}.hero-sub{font-size:clamp(22px,3vw,42px);line-height:1.06;max-width:790px;color:#e8e3d9;letter-spacing:-.04em}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-panel{min-height:520px;border:1px solid var(--line);border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.025));padding:34px;position:relative;overflow:hidden;box-shadow:0 30px 110px rgba(0,0,0,.45)}.orb{position:absolute;inset:auto -120px -140px auto;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,#fff,rgba(255,255,255,.08),transparent 68%);opacity:.35}.hero-panel ul{list-style:none;padding:0;margin:58px 0 0}.hero-panel li{font-size:clamp(30px,4vw,58px);letter-spacing:-.06em;line-height:.98;border-bottom:1px solid var(--line);padding:16px 0}.mini-stats{position:absolute;bottom:30px;left:34px;right:34px;display:grid;gap:10px}.mini-stats span{display:flex;justify-content:space-between;color:var(--muted);font-size:14px}.mini-stats strong{color:white}.scroll-cue{position:absolute;bottom:34px;left:7vw;color:var(--muted);font-family:"SF Mono",monospace;font-size:12px;text-transform:uppercase;letter-spacing:.18em}
.marquee{display:flex;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#080808;position:relative;z-index:2}.marquee div{display:flex;animation:marquee 24s linear infinite}.marquee span{font-size:clamp(32px,6vw,88px);font-weight:900;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.35);padding:18px 28px;white-space:nowrap}@keyframes marquee{to{transform:translateX(-100%)}}
.intro{display:grid;grid-template-columns:.35fr 1fr;gap:8vw;border-bottom:1px solid var(--line)}.intro h2,.section-heading h2,.philosophy h2,.contact h2{font-size:clamp(42px,7vw,112px);line-height:.9;letter-spacing:-.075em;margin:0}.intro p:last-child{font-size:24px;line-height:1.3;color:var(--muted);max-width:680px}
.section-heading{margin-bottom:44px}.build-card{display:grid;grid-template-columns:110px 1fr .8fr;gap:44px;align-items:center;border-top:1px solid var(--line);padding:38px 0;position:relative}.build-card:last-child{border-bottom:1px solid var(--line)}.build-index{font-size:58px;color:rgba(255,255,255,.18);letter-spacing:-.07em;font-weight:900}.build-card h3{font-size:clamp(48px,8vw,118px);letter-spacing:-.08em;line-height:.85;margin:8px 0 14px}.build-card p:not(.eyebrow){font-size:20px;color:var(--muted);max-width:620px}.build-facts{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.build-facts span{border:1px solid var(--line);border-radius:999px;padding:10px 13px;color:#d9d5cc;background:rgba(255,255,255,.04);font-size:13px}.stat-stack{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}.stat-stack span{border-radius:18px;padding:16px 15px;display:flex;flex-direction:column;gap:5px;min-height:92px;justify-content:space-between}.stat-stack strong{font-size:24px;line-height:1;letter-spacing:-.04em;color:white}.stat-stack small{font-size:12px;line-height:1.25;color:var(--muted)}
.philosophy{display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw;background:linear-gradient(180deg,#050505,#0d0d0d)}.philosophy-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.principle{min-height:250px;border:1px solid var(--line);border-radius:26px;background:var(--glass);padding:26px}.principle span{color:var(--muted);font-family:"SF Mono",monospace}.principle h3{font-size:36px;letter-spacing:-.04em;margin:70px 0 12px}.principle p{color:var(--muted);font-size:18px;line-height:1.35}.timeline{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:90px;padding-bottom:90px}.timeline-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:26px;overflow:hidden}.timeline-row span{min-height:190px;padding:24px;border-right:1px solid var(--line);display:flex;align-items:end;font-size:28px;letter-spacing:-.04em;background:rgba(255,255,255,.035)}.timeline-row span:last-child{border-right:0}
.contact{text-align:center;min-height:80vh;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.11),transparent 36%)}.contact p:not(.section-num){font-size:22px;color:var(--muted);max-width:720px;margin:28px auto}.contact-links{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.contact-links a{border:1px solid var(--line);border-radius:999px;padding:15px 22px;background:rgba(255,255,255,.04);transition:.25s ease}.contact-links a:hover{background:white;color:#050505}
footer{position:relative;z-index:3;padding:26px 36px;display:flex;justify-content:space-between;color:var(--muted);border-top:1px solid var(--line);font-size:13px}.reveal{opacity:0;transform:translateY(44px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:translateY(0)}.magnetic-card{transform-style:preserve-3d;will-change:transform}
@media(max-width:900px){.nav{padding:18px 20px}.nav-meta{display:none}.nav nav{gap:14px}.hero-grid,.intro,.philosophy{grid-template-columns:1fr}.hero-panel{min-height:460px}.build-card{grid-template-columns:1fr;gap:12px}.build-facts{justify-content:flex-start}.stat-stack{grid-template-columns:1fr 1fr}.timeline-row{grid-template-columns:1fr}.timeline-row span{border-right:0;border-bottom:1px solid var(--line);min-height:120px}.timeline-row span:last-child{border-bottom:0}.rabbit-track{right:12px;width:72px}.rabbit{width:66px}.section{padding:100px 22px}.hero{padding-top:120px}footer{flex-direction:column;gap:8px}.cursor-glow{display:none}}
@media(max-width:560px){.stat-stack{grid-template-columns:1fr}.hero h1{letter-spacing:-.02em}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.loader{display:none}}


/* Final formatting updates */
.hero-panel{
  display:flex;
  flex-direction:column;
  min-height:620px;
  height:auto;
}
.hero-panel .mono{
  letter-spacing:.34em;
}
.hero-panel ul{
  margin:72px 0 32px;
  flex:1 1 auto;
}
.hero-panel li{
  font-size:clamp(32px,3.55vw,62px);
  line-height:.94;
  padding:18px 0;
  overflow-wrap:break-word;
}
.hero-panel li a{
  display:inline-block;
  transition:opacity .2s ease, transform .2s ease;
}
.hero-panel li a:hover{
  opacity:.72;
  transform:translateX(6px);
}
.mini-stats{
  position:relative;
  left:auto;
  right:auto;
  bottom:auto;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:18px;
  z-index:2;
}
.mini-stats span{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  gap:8px;
  min-height:92px;
  padding:16px 14px;
  border:1px solid var(--line);
  border-radius:18px;
  background:rgba(255,255,255,.045);
  color:var(--muted);
  font-size:13px;
  line-height:1.25;
}
.mini-stats strong{
  font-size:clamp(22px,2.2vw,34px);
  line-height:1;
  letter-spacing:-.05em;
}
.mini-stats small{
  color:var(--muted);
  font-size:12px;
  line-height:1.25;
}
.hero-name{
  letter-spacing:.025em !important;
  line-height:.9 !important;
}
.hero-copy .eyebrow{
  letter-spacing:.38em;
}
.build-card h3 a{
  display:inline-block;
  transition:opacity .2s ease, transform .2s ease;
}
.build-card h3 a:hover{
  opacity:.75;
  transform:translateX(8px);
}
.philosophy-left{
  position:sticky;
  top:120px;
  align-self:start;
}
.philosophy-copy{
  max-width:720px;
  margin:26px 0 0;
  color:var(--muted);
  font-size:clamp(18px,1.65vw,24px);
  line-height:1.35;
  letter-spacing:-.02em;
}
.principle{
  min-height:310px;
}
.principle h3{
  font-size:clamp(30px,3vw,48px);
  line-height:.95;
  margin:82px 0 16px;
}
.principle p{
  font-size:clamp(17px,1.35vw,21px);
}
@media(max-width:1100px){
  .hero-grid{grid-template-columns:1fr;}
  .hero-panel{min-height:auto;}
  .hero-panel li{font-size:clamp(42px,8vw,86px);}
}
@media(max-width:900px){
  .philosophy-left{position:relative;top:auto;}
  .mini-stats{grid-template-columns:1fr 1fr;}
}
@media(max-width:560px){
  .hero-name{letter-spacing:.01em !important;}
  .mini-stats{grid-template-columns:1fr;}
  .hero-panel li{font-size:clamp(34px,12vw,60px);}
  .hero-panel ul{margin-top:48px;}
}


/* v4 alignment fixes */
.hero-panel li{
  word-break:normal;
  overflow-wrap:normal;
  hyphens:none;
}
.project-break{
  display:inline-block;
  line-height:.94;
}
.mini-stats{
  align-items:stretch;
}
.mini-stats span{
  height:100%;
  min-height:112px;
  justify-content:center;
  align-items:center;
  text-align:center;
}
.mini-stats strong,
.mini-stats small{
  display:block;
  width:100%;
}
@media(max-width:1100px){
  .hero-panel li{font-size:clamp(42px,7.4vw,78px);}
}
@media(max-width:700px){
  .hero-panel{
    padding:28px;
  }
  .hero-panel li{
    font-size:clamp(42px,11vw,64px);
    line-height:.96;
  }
  .mini-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }
  .mini-stats span{
    min-height:118px;
  }
}
@media(max-width:460px){
  .hero-panel li{
    font-size:clamp(36px,10.4vw,48px);
  }
  .project-break{line-height:1;}
  .mini-stats{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .mini-stats strong{font-size:30px;}
  .mini-stats small{font-size:11.5px;}
}