:root{
  --bg:#080808;
  --bg2:#0d0d0e;
  --ivory:#eee9df;
  --warm:#b7b0a5;
  --muted:#77726c;
  --champagne:#b99362;
  --champagne2:#d0ad79;
  --line:rgba(255,255,255,.11);
  --lineGold:rgba(185,147,98,.34);
  --max:1720px;
  --pad:clamp(22px,3.2vw,58px);
}

*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ivory)}
html{scroll-behavior:smooth}
body{font-family:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
::selection{background:var(--champagne);color:#0a0a0a}

#fx{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:80}
body.is-loading{overflow:hidden}

.intro{
  position:fixed;inset:0;z-index:70;display:grid;place-items:center;background:#070707;
  transition:opacity .7s cubic-bezier(.4,0,.2,1),visibility .7s;
}
.intro.is-gone{opacity:0;visibility:hidden}
.intro-grain,.noise{position:absolute;inset:0;pointer-events:none;opacity:.20;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E")}
.intro::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,rgba(185,147,98,.09),transparent 34%),linear-gradient(120deg,#050505,#0a0a0b 46%,#050505)}
.intro-axis{position:absolute;background:rgba(255,255,255,.045);transform-origin:center}
.intro-axis-v{width:1px;height:0;left:50%;top:0;animation:axisV .65s .05s forwards}
.intro-axis-h{height:1px;width:0;top:50%;left:0;animation:axisH .65s .05s forwards}
.intro-core{position:relative;text-align:center;z-index:2;min-width:min(78vw,930px)}
.intro-kicker{font-size:9px;letter-spacing:.42em;color:#8b8377;margin-bottom:18px;opacity:0;animation:fadeUp .55s .16s forwards}
.intro-logo{display:flex;align-items:baseline;justify-content:center;font-family:"Instrument Serif",serif;font-size:clamp(92px,15vw,240px);line-height:.78;letter-spacing:-.055em;opacity:0;transform:translateY(14px) scale(.985);animation:introLogo .65s .22s forwards}
.intro-logo i{font-style:normal;color:var(--champagne);font-size:.56em;margin:0 .025em}
.intro-logo small{font-family:"DM Sans",sans-serif;font-weight:300;font-size:.34em;letter-spacing:.02em}
.intro-rule{height:1px;margin:clamp(25px,4vh,46px) auto 17px;width:min(74vw,760px);background:rgba(255,255,255,.08);overflow:hidden}
.intro-rule span{display:block;width:0;height:100%;background:linear-gradient(90deg,transparent,var(--champagne2),transparent);animation:ruleSweep .82s .56s cubic-bezier(.2,.7,.2,1) forwards}
.intro-caption{font-size:8px;letter-spacing:.55em;color:#7f786e;opacity:0;animation:fadeUp .5s .68s forwards}
.intro-flash{position:absolute;left:-15%;top:50%;width:8%;height:1px;background:#e0bd8a;box-shadow:0 0 32px rgba(224,189,138,.75);opacity:0;animation:flash .7s 1.02s cubic-bezier(.2,.9,.3,1) forwards}

.site{position:relative;isolation:isolate;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto auto;overflow:hidden;background:
 radial-gradient(900px 620px at 76% 42%,rgba(185,147,98,.075),transparent 68%),
 radial-gradient(760px 520px at 12% 84%,rgba(255,255,255,.025),transparent 70%),
 linear-gradient(135deg,#070707 0%,#0b0b0c 52%,#070707 100%)}
.site::before{content:"";position:absolute;inset:0;z-index:-6;pointer-events:none;background:
 linear-gradient(90deg,transparent calc(8% - .5px),rgba(255,255,255,.035) 8%,transparent calc(8% + .5px),transparent calc(92% - .5px),rgba(255,255,255,.035) 92%,transparent calc(92% + .5px)),
 linear-gradient(0deg,transparent calc(16% - .5px),rgba(255,255,255,.026) 16%,transparent calc(16% + .5px),transparent calc(84% - .5px),rgba(255,255,255,.026) 84%,transparent calc(84% + .5px))}
.noise{z-index:12;opacity:.12}
.shell{width:min(calc(100% - var(--pad)*2),var(--max));margin-inline:auto}

.cursor-light{position:absolute;z-index:-3;width:620px;height:620px;border-radius:50%;left:68%;top:40%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(196,151,95,.10) 0%,rgba(196,151,95,.04) 27%,transparent 68%);filter:blur(10px);pointer-events:none}
.orb{position:absolute;z-index:-4;border-radius:50%;filter:blur(2px);pointer-events:none;border:1px solid rgba(185,147,98,.10)}
.orb-a{width:640px;height:640px;right:-280px;top:-300px;box-shadow:inset 0 0 90px rgba(185,147,98,.025)}
.orb-b{width:280px;height:280px;left:-145px;bottom:15%;border-color:rgba(255,255,255,.055)}

.nav{height:96px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:4}
.wordmark{display:inline-flex;align-items:baseline;justify-self:start;font-family:"Instrument Serif",serif;font-size:36px;line-height:1;letter-spacing:-.035em}
.wordmark-dot{color:var(--champagne);margin:0 1px}
.wordmark-pl{font-family:"DM Sans",sans-serif;font-size:.47em;font-weight:400;letter-spacing:.02em}
.nav-center{display:flex;align-items:center;gap:14px;color:#7c7871;font-size:8px;letter-spacing:.22em;white-space:nowrap}
.nav-center b{width:16px;height:1px;background:var(--lineGold)}
.nav-meta{justify-self:end;display:flex;gap:18px;color:#706c65;font-size:8px;letter-spacing:.19em}

.hero{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(310px,.72fr);gap:clamp(48px,8vw,145px);align-items:center;padding-top:clamp(50px,8.2vh,110px);padding-bottom:clamp(50px,6.5vh,88px);position:relative;z-index:2}
.hero-index{font-size:9px;letter-spacing:.38em;color:var(--champagne2);margin-bottom:30px}
.hero h1{font-family:"Instrument Serif",serif;font-weight:400;margin:0;letter-spacing:-.044em;line-height:.82;font-size:clamp(82px,9.5vw,176px);max-width:1050px}
.hero h1 .line{display:block}
.hero h1 .solid{color:#f0ece4}
.hero h1 .italic{font-style:italic;color:transparent;-webkit-text-stroke:1px rgba(220,187,140,.95);text-shadow:0 0 44px rgba(185,147,98,.035)}
.hero-lower{display:grid;grid-template-columns:minmax(260px,620px) auto;gap:34px 48px;align-items:end;margin-top:44px;padding-top:24px;border-top:1px solid var(--lineGold);max-width:900px}
.hero-copy{margin:0;color:#918c84;font-size:clamp(13px,1vw,16px);line-height:1.72;font-weight:300}
.hero-copy strong{color:#c9c2b7;font-weight:400}
.status{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;color:#8c877f;font-size:8px;letter-spacing:.22em}
.status-dot{width:6px;height:6px;border-radius:50%;background:var(--champagne2);box-shadow:0 0 0 0 rgba(208,173,121,.35);animation:pulse 2.2s infinite}

.signature{display:flex;justify-content:flex-end}
.signature-stage{
  position:relative;
  width:clamp(300px,26vw,455px);
  aspect-ratio:.80;
  display:grid;
  place-items:center;
  isolation:isolate;
}
.signature-stage::before{
  content:"";
  position:absolute;
  left:50%;
  top:49%;
  width:78%;
  height:84%;
  transform:translate(-50%,-50%);
  background:
    radial-gradient(circle at 50% 42%,rgba(208,173,121,.055),transparent 48%),
    linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,0));
  border-top:1px solid rgba(208,173,121,.08);
  border-bottom:1px solid rgba(255,255,255,.035);
  z-index:-2;
  mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);
}
.sig-halo{
  position:absolute;
  width:112%;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(185,147,98,.095),rgba(185,147,98,.018) 34%,transparent 68%);
  filter:blur(12px);
  animation:breathe 5.6s ease-in-out infinite;
  z-index:-1;
}
.sig-mark{
  position:relative;
  width:58%;
  height:auto;
  display:block;
  object-fit:contain;
  filter:
    drop-shadow(0 20px 28px rgba(0,0,0,.40))
    drop-shadow(0 0 18px rgba(185,147,98,.06));
  transform:translateY(-2%);
  user-select:none;
  -webkit-user-drag:none;
}
.sig-mark-image{opacity:.97}
.sig-micro{
  position:absolute;
  bottom:3.6%;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:11px;
  white-space:nowrap;
  font-size:6.5px;
  letter-spacing:.29em;
  color:#68645e;
}
.sig-micro i{display:block;width:24px;height:1px;background:rgba(185,147,98,.28)}

.markets{border-top:1px solid var(--line);padding-top:20px;padding-bottom:26px;position:relative;z-index:3}
.markets-head{display:flex;justify-content:space-between;color:#5f5c57;font-size:8px;letter-spacing:.28em;margin-bottom:20px}
.markets-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,255,255,.045);border-bottom:1px solid rgba(255,255,255,.045)}
.market{min-height:84px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:12px;padding:0 20px;border-right:1px solid rgba(255,255,255,.055);position:relative;overflow:hidden;transition:background .35s ease}
.market:last-child{border-right:0}
.market::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--champagne);transition:width .45s cubic-bezier(.2,.7,.2,1)}
.market:hover{background:rgba(255,255,255,.018)}
.market:hover::after{width:100%}
.market em{font-style:normal;color:#595650;font-size:8px}
.market span{font-family:"Instrument Serif",serif;font-size:clamp(18px,1.35vw,25px);letter-spacing:.015em;color:#c8c2b8}
.market small{color:#67635d;font-size:8px;letter-spacing:.18em}

.footer{height:72px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#5f5c56;font-size:8px;letter-spacing:.2em;position:relative;z-index:3}
.footer a{justify-self:end;color:#8b857c;transition:color .25s ease}
.footer a:hover{color:var(--champagne2)}
.footer-statement{display:flex;align-items:center;gap:13px;color:#6e6962}
.footer-statement i{width:14px;height:1px;background:var(--lineGold)}

.edge-label{position:absolute;z-index:2;top:50%;font-size:7px;letter-spacing:.31em;color:#4f4c47;writing-mode:vertical-rl;pointer-events:none}
.edge-left{left:18px;transform:translateY(-50%) rotate(180deg)}
.edge-right{right:18px;transform:translateY(-50%)}

.site > .nav,.site > .hero,.site > .markets,.site > .footer{opacity:0;transform:translateY(14px)}
body.ready .site > .nav{animation:siteIn .7s .04s forwards}
body.ready .site > .hero{animation:siteIn .85s .12s forwards}
body.ready .site > .markets{animation:siteIn .7s .27s forwards}
body.ready .site > .footer{animation:siteIn .7s .34s forwards}

@keyframes axisV{to{height:100%}}
@keyframes axisH{to{width:100%}}
@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}
@keyframes introLogo{to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes ruleSweep{0%{width:0;margin-left:50%}100%{width:100%;margin-left:0}}
@keyframes flash{0%{left:-15%;opacity:0}15%{opacity:1}75%{opacity:.85}100%{left:108%;opacity:0}}
@keyframes siteIn{to{opacity:1;transform:translateY(0)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(208,173,121,.32)}70%{box-shadow:0 0 0 9px rgba(208,173,121,0)}100%{box-shadow:0 0 0 0 rgba(208,173,121,0)}}
@keyframes breathe{0%,100%{transform:scale(.96);opacity:.64}50%{transform:scale(1.035);opacity:1}}

@media (max-width:1100px){
  .nav{grid-template-columns:1fr auto}.nav-center{display:none}
  .hero{grid-template-columns:1fr .55fr;gap:35px}.hero h1{font-size:clamp(78px,11vw,136px)}
  .hero-lower{grid-template-columns:1fr}.status{justify-self:start}
  .markets-grid{grid-template-columns:repeat(3,1fr)}.market:nth-child(3){border-right:0}.market:nth-child(-n+3){border-bottom:1px solid rgba(255,255,255,.055)}
  .market:nth-child(4){grid-column:1/2}.market:nth-child(5){grid-column:2/3}
  .edge-label{display:none}
}

@media (max-width:760px){
  :root{--pad:20px}
  .nav{height:76px}.wordmark{font-size:31px}.nav-meta{font-size:7px;gap:10px}.nav-meta span:first-child{display:none}
  .hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:42px}.hero h1{font-size:clamp(68px,20vw,118px);line-height:.84}.hero-index{margin-bottom:22px}
  .hero-lower{margin-top:30px}.hero-copy{font-size:14px}
  .signature{justify-content:flex-start}.signature-stage{width:204px;aspect-ratio:.82}.sig-mark{width:62%}.sig-micro{display:none}
  .markets-grid{grid-template-columns:1fr 1fr}.market{min-height:68px;padding:0 13px}.market:nth-child(n){grid-column:auto;border-bottom:1px solid rgba(255,255,255,.055)}.market:nth-child(2n){border-right:0}.market:last-child{border-bottom:0}.market:nth-last-child(2){border-bottom:0}.market span{font-size:18px}
  .footer{grid-template-columns:1fr auto;height:62px}.footer-statement{display:none}
  .intro-core{min-width:90vw}.intro-logo{font-size:clamp(78px,26vw,150px)}.intro-caption{letter-spacing:.36em;font-size:7px}
}

@media (max-width:440px){
  .markets-grid{grid-template-columns:1fr}.market:nth-child(n){border-right:0;border-bottom:1px solid rgba(255,255,255,.055)}.market:last-child{border-bottom:0}
  .signature-stage{width:176px}.hero h1{font-size:clamp(62px,19.5vw,92px)}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .intro{display:none}.site>.nav,.site>.hero,.site>.markets,.site>.footer{opacity:1;transform:none}.cursor-light{display:none}
}