/* Rexton International — midnight navy / antique gold, cinematic */
:root{
  --navy:#0B2D4E;
  --navy-2:#0F3659;
  --navy-3:#154066;
  --gold:#C9A84C;
  --gold-bright:#e2c078;
  --gold-dim:rgba(201,168,76,0.35);
  --ivory:#E8E6DF;
  --text:#E8E6DF;
  --muted:#a3b2c4;
  --line:rgba(226,192,120,0.18);
  --line-soft:rgba(255,255,255,0.08);
  --font-display:'Playfair Display', Georgia, serif;
  --font-accent:'Cormorant Garamond', Georgia, serif;
  --font-body:'Manrope', system-ui, -apple-system, sans-serif;
  --font-mono:'IBM Plex Mono', ui-monospace, monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--font-body);
  font-weight:400;
  color:var(--text);
  background:var(--navy);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit}
::selection{background:var(--gold);color:var(--navy)}
::-webkit-scrollbar{width:11px}
::-webkit-scrollbar-track{background:var(--navy-2)}
::-webkit-scrollbar-thumb{background:#2c4a70;border-radius:6px}
::-webkit-scrollbar-thumb:hover{background:var(--gold-dim)}
.skip{position:absolute;left:-9999px}
.skip:focus{left:16px;top:16px;background:var(--gold);color:var(--navy);padding:10px 14px;z-index:200}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px}
.wrap.narrow{max-width:840px}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* Progress bar */
.progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:90;background:transparent}
.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--gold-bright))}

/* Header */
.site-header{
  position:fixed;top:0;left:0;right:0;z-index:80;
  padding:6px 0;
  transition:background .35s ease, border-color .35s ease, padding .35s ease;
  border-bottom:1px solid transparent;
}
.site-header.scrolled{
  background:rgba(11,45,78,0.9);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
  padding:0;
}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0}
.brand{text-decoration:none;display:flex;align-items:center}
.brand-logo{height:82px;width:auto;display:block;transition:height .35s ease}
.site-header.scrolled .brand-logo{height:68px}
.main-nav{display:flex;align-items:center;gap:2px}
.main-nav a{
  position:relative;
  text-decoration:none;color:var(--muted);
  font-size:0.86rem;font-weight:500;letter-spacing:0.04em;
  padding:10px 14px;
  transition:color .2s ease;
}
.main-nav a::after{
  content:"";position:absolute;left:14px;right:14px;bottom:6px;height:1px;
  background:var(--gold-bright);transform:scaleX(0);transform-origin:left;
  transition:transform .25s ease;
}
.main-nav a:hover{color:var(--ivory)}
.main-nav a:hover::after{transform:scaleX(1)}
.main-nav .nav-cta{
  margin-left:14px;
  background:var(--gold);
  color:var(--navy);
  font-weight:700;
  padding:11px 22px;
  transition:background .2s ease, transform .2s ease;
}
.main-nav .nav-cta::after{display:none}
.main-nav .nav-cta:hover{background:var(--gold-bright);color:var(--navy);transform:translateY(-1px)}
.nav-toggle{display:none;background:transparent;border:0;cursor:pointer;padding:10px;width:44px;height:44px}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--gold-bright);margin:5px auto;transition:transform .25s ease}
.nav-toggle.is-open span:first-child{transform:translateY(3.5px) rotate(45deg)}
.nav-toggle.is-open span:last-child{transform:translateY(-3.5px) rotate(-45deg)}

/* Hero */
.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;overflow:hidden}
.hero-bg{
  position:absolute;inset:0;
  background:
    linear-gradient(180deg, rgba(11,45,78,0.82) 0%, rgba(11,45,78,0.62) 45%, rgba(11,45,78,0.94) 100%),
    url('assets/images/hero-global-team.jpg') center 30%/cover no-repeat;
  filter:saturate(0.55);
  transform:scale(1.05);
  animation:heroDrift 24s ease-in-out infinite alternate;
}
@keyframes heroDrift{from{transform:scale(1.05) translateY(0)}to{transform:scale(1.1) translateY(-14px)}}
.hero-frame{
  position:absolute;inset:132px 26px 26px;border:1px solid var(--line);pointer-events:none;
}
.hero-watermark{
  position:absolute;right:-70px;top:50%;transform:translateY(-50%);
  width:460px;max-width:48vw;opacity:.07;pointer-events:none;user-select:none;
}
.hero-inner{position:relative;padding-top:148px;padding-bottom:60px;max-width:1180px}
.eyebrow,.kicker{
  font-family:var(--font-mono);
  font-size:0.74rem;letter-spacing:0.28em;text-transform:uppercase;
  color:var(--gold-bright);margin:0 0 26px;
}
.hero-title{
  margin:0;
  font-family:var(--font-display);
  font-weight:400;
  font-size:clamp(3rem, 8vw, 6.6rem);
  line-height:1.02;
  color:var(--ivory);
  letter-spacing:0.01em;
}
.hero-title .line{display:block}
.hero-title em{
  font-family:var(--font-accent);
  font-style:italic;font-weight:500;
  color:var(--gold-bright);
}
.lede{
  font-size:1.06rem;line-height:1.8;font-weight:300;
  color:rgba(232,236,244,0.82);
  margin:30px 0 0;max-width:54ch;
}
.hero-ctas{display:flex;flex-wrap:wrap;gap:16px;margin-top:38px}
.hero-foot{position:relative;border-top:1px solid var(--line);background:rgba(11,45,78,0.55);backdrop-filter:blur(6px)}
.hero-foot-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 28px}
.tz-list{display:flex;gap:34px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.tz-list li{display:flex;align-items:baseline;gap:9px}
.tz-city{font-size:0.78rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted)}
.tz-time{font-family:var(--font-mono);font-size:0.85rem;color:var(--gold-bright);font-variant-numeric:tabular-nums;min-width:8ch}
.scroll-cue{width:26px;height:42px;border:1px solid var(--gold-dim);border-radius:14px;display:flex;justify-content:center;padding-top:8px;flex:none}
.scroll-cue span{width:2px;height:8px;background:var(--gold-bright);border-radius:2px;animation:cue 1.8s ease-in-out infinite}
@keyframes cue{0%,100%{transform:translateY(0);opacity:1}50%{transform:translateY(10px);opacity:0.2}}

/* Load-in sequence */
.load-1,.load-2,.load-3,.load-4,.load-5,.load-6{opacity:0;transform:translateY(26px);animation:loadIn .9s cubic-bezier(.2,.7,.2,1) forwards}
.load-1{animation-delay:.1s}.load-2{animation-delay:.25s}.load-3{animation-delay:.4s}
.load-4{animation-delay:.6s}.load-5{animation-delay:.75s}.load-6{animation-delay:.95s}
@keyframes loadIn{to{opacity:1;transform:none}}

/* Ticker */
.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--navy-2);padding:16px 0}
.ticker-track{display:flex;gap:44px;width:max-content;animation:tickerMove 36s linear infinite;align-items:center}
.ticker-track span{
  font-family:var(--font-display);font-size:1.05rem;letter-spacing:0.12em;text-transform:uppercase;
  color:rgba(232,236,244,0.55);white-space:nowrap;
}
.ticker-track i{color:var(--gold);font-style:normal;font-size:0.8rem}
@keyframes tickerMove{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ticker:hover .ticker-track{animation-play-state:paused}

/* Sections */
.section{position:relative;padding:110px 0}
.section-head{max-width:760px;margin-bottom:56px}
h2{
  margin:0 0 14px;
  font-family:var(--font-display);
  font-weight:400;
  font-size:clamp(2rem, 4.2vw, 3.2rem);
  line-height:1.08;
  color:var(--ivory);
  letter-spacing:0.01em;
}
h2 em{font-family:var(--font-accent);font-style:italic;font-weight:500;color:var(--gold-bright)}
h3{margin:0 0 10px;font-weight:600;font-size:1.04rem;color:var(--ivory);letter-spacing:0.01em}
.subtitle{margin:0;color:var(--muted);max-width:64ch;font-weight:300}
.ghost-num{
  position:absolute;top:30px;left:-20px;
  font-family:var(--font-display);
  font-size:clamp(14rem,26vw,26rem);line-height:1;
  color:transparent;
  -webkit-text-stroke:1px rgba(226,192,120,0.07);
  pointer-events:none;user-select:none;
}
.ghost-num.right{left:auto;right:-20px}

/* Services index list */
.index-list{border-top:1px solid var(--line)}
.index-row{
  display:grid;grid-template-columns:110px 1fr;gap:26px;align-items:start;
  padding:34px 18px;border-bottom:1px solid var(--line);
  transition:background .25s ease, padding-left .25s ease;
}
.index-row:hover{background:rgba(226,192,120,0.045);padding-left:30px}
.index-num{
  font-family:var(--font-mono);font-size:0.85rem;color:var(--gold);
  padding-top:6px;letter-spacing:0.1em;
}
.index-body h3{
  font-family:var(--font-display);font-weight:400;font-size:1.5rem;margin-bottom:8px;
  transition:color .2s ease;
}
.index-row:hover .index-body h3{color:var(--gold-bright)}
.index-body p{margin:0;color:var(--muted);max-width:72ch;font-weight:300}

/* Approach */
.approach{background:var(--navy-2);overflow:hidden}
.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:start;position:relative}
.pillars{display:grid;gap:14px;margin-top:34px}
.pillar{
  padding:22px 24px;background:rgba(255,255,255,0.025);
  border:1px solid var(--line-soft);border-left:2px solid var(--gold);
  transition:background .25s ease, transform .25s ease;
}
.pillar:hover{background:rgba(226,192,120,0.05);transform:translateX(6px)}
.pillar h3{font-family:var(--font-display);font-weight:400;font-size:1.2rem}
.pillar p{margin:0;color:var(--muted);font-weight:300}
.gold-panel{
  background:linear-gradient(160deg, rgba(226,192,120,0.10), rgba(226,192,120,0.03));
  border:1px solid var(--line);
  padding:32px 30px;
  box-shadow:0 30px 70px rgba(0,0,0,0.35);
}
.gold-panel h3{font-family:var(--font-display);font-weight:400;font-size:1.25rem;color:var(--gold-bright)}
.gold-panel ul{margin:16px 0 0;padding-left:18px;line-height:2.1;color:var(--text)}
.gold-panel p{color:var(--muted);margin:10px 0 0;font-weight:300}
.gold-panel.dim{background:rgba(255,255,255,0.02)}
.panel-foot{
  margin-top:22px;padding-top:18px;border-top:1px solid var(--line);
  font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);
}

/* Mandates */
.grid{display:grid;gap:22px}
.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.mandate{
  padding:32px 28px;border:1px solid var(--line-soft);
  background:linear-gradient(180deg, rgba(255,255,255,0.03), rgba(255,255,255,0.008));
  transition:transform .25s ease, border-color .25s ease;
}
.mandate:hover{transform:translateY(-6px);border-color:var(--gold-dim)}
.mandate h3{font-family:var(--font-display);font-weight:400;font-size:1.3rem}
.mandate p{margin:0;color:var(--muted);font-weight:300}

/* Matters */
.matters{background:var(--navy-2);overflow:hidden}
.case{
  border:1px solid var(--line-soft);background:rgba(255,255,255,0.02);
  transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.case:hover{transform:translateY(-8px);border-color:var(--gold-dim);box-shadow:0 30px 60px rgba(0,0,0,0.4)}
.case-media{position:relative;overflow:hidden}
.case-media::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg, rgba(11,45,78,0.15), rgba(11,45,78,0.55));
}
.case-media img{width:100%;height:220px;object-fit:cover;filter:saturate(0.4) contrast(1.05);transition:transform .5s ease, filter .5s ease}
.case:hover .case-media img{transform:scale(1.06);filter:saturate(0.75) contrast(1.05)}
.case-body{padding:26px 24px}
.case-body h3{font-family:var(--font-display);font-weight:400;font-size:1.3rem}
.case-body p{color:var(--muted);margin:0 0 16px;font-weight:300}
.case-meta{
  font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;
  color:var(--gold);margin:0 !important;
}

/* Team */
.team-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:22px;align-items:stretch}
.lead-card{
  border:1px solid var(--line);background:rgba(226,192,120,0.04);
  display:flex;flex-direction:column;overflow:hidden;
}
.lead-media{padding:26px 26px 0}
.lead-media img{border:1px solid var(--line);background:#f5efe6}
.lead-body{padding:24px 26px 28px}
.lead-body h3{font-family:var(--font-display);font-weight:400;font-size:1.6rem}
.lead-body p{color:var(--muted);margin:0;font-weight:300}
.role{
  font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.2em;text-transform:uppercase;
  color:var(--gold-bright);margin:0 0 14px !important;
}
.team-stack{display:grid;gap:22px}
.team-note{
  padding:30px 28px;border:1px solid var(--line-soft);
  background:rgba(255,255,255,0.02);display:flex;flex-direction:column;justify-content:center;
}
.team-note h3{font-family:var(--font-display);font-weight:400;font-size:1.25rem;color:var(--gold-bright)}
.team-note p{color:var(--muted);margin:0;font-weight:300}

/* FAQ */
.faq-section{background:var(--navy-2)}
.faq-list{display:grid;gap:14px}
.faq-item{border:1px solid var(--line-soft);background:rgba(255,255,255,0.02);transition:border-color .25s ease}
.faq-item[open]{border-color:var(--gold-dim)}
.faq-item summary{
  cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;
  padding:22px 24px;font-weight:500;color:var(--ivory);font-size:1rem;
}
.faq-item summary::-webkit-details-marker{display:none}
.faq-icon{position:relative;width:14px;height:14px;flex:none}
.faq-icon::before,.faq-icon::after{
  content:"";position:absolute;background:var(--gold-bright);
  left:0;top:6px;width:14px;height:1.5px;transition:transform .25s ease;
}
.faq-icon::after{transform:rotate(90deg)}
.faq-item[open] .faq-icon::after{transform:rotate(0deg)}
.faq-item p{margin:0;padding:0 24px 24px;color:var(--muted);font-weight:300}

/* Office */
.address-card{
  font-style:normal;margin-top:30px;
  border:1px solid var(--line);border-left:2px solid var(--gold);
  background:rgba(226,192,120,0.04);padding:30px;
}
.address-card strong{font-family:var(--font-display);font-size:1.45rem;color:var(--ivory);font-weight:400}
.address-card p{color:var(--muted);margin:12px 0 0;line-height:1.8;font-weight:300}
.office-note{padding:32px 30px;border:1px solid var(--line-soft);background:rgba(255,255,255,0.02)}
.office-note h3{font-family:var(--font-display);font-weight:400;font-size:1.25rem;color:var(--gold-bright)}
.office-note p{color:var(--muted);font-weight:300}

/* Contact */
.contact{
  background:
    radial-gradient(1000px 500px at 90% 110%, rgba(226,192,120,0.08), transparent 60%),
    var(--navy);
  padding-bottom:130px;
}
.contact-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start}
.contact-form{margin-top:32px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.contact-form label{
  display:block;font-size:0.8rem;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;
  color:var(--muted);margin-bottom:20px;
}
.contact-form input,.contact-form textarea{
  width:100%;margin-top:9px;padding:14px 15px;
  border:1px solid var(--line-soft);border-radius:0;
  background:rgba(255,255,255,0.03);color:var(--ivory);
  font:inherit;font-size:0.98rem;
  transition:border-color .2s ease, background .2s ease, box-shadow .2s ease;
}
.contact-form input:focus,.contact-form textarea:focus{
  outline:none;border-color:var(--gold);
  background:rgba(226,192,120,0.05);
  box-shadow:0 0 0 3px rgba(201,162,75,0.12);
}
.contact-form textarea{resize:vertical}
.contact-right{display:grid;gap:22px;margin-top:74px}

/* Buttons */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:0 32px;border:1px solid transparent;border-radius:0;
  text-decoration:none;font-weight:600;cursor:pointer;font:inherit;font-size:0.88rem;
  letter-spacing:0.1em;text-transform:uppercase;
  transition:background .22s ease, color .22s ease, border-color .22s ease, transform .22s ease;
}
.btn:hover{transform:translateY(-2px)}
.btn.primary{background:var(--gold);color:var(--navy)}
.btn.primary:hover{background:var(--gold-bright)}
.btn.ghost{background:transparent;color:var(--ivory);border-color:rgba(242,237,225,0.3)}
.btn.ghost:hover{border-color:var(--gold-bright);color:var(--gold-bright)}
.btn.wide{min-width:220px}

/* Footer */
.site-footer{padding:62px 0 44px;border-top:2px solid var(--gold);background:var(--navy)}
.footer-inner{display:flex;flex-direction:column;align-items:center;text-align:center}
.footer-emblem{height:80px;width:auto;opacity:.95}
.footer-name{font-family:var(--font-display);font-size:1.05rem;letter-spacing:.3em;text-transform:uppercase;color:var(--ivory);font-weight:500;margin-top:20px}
.footer-sub{margin:9px 0 0;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;color:var(--gold-bright)}
.footer-fine{margin-top:26px;color:var(--muted);opacity:.7}
.small{color:var(--muted);font-size:0.86rem;margin:6px 0 0;font-weight:300}

/* Back to top */
.to-top{
  position:fixed;right:26px;bottom:26px;z-index:70;
  width:48px;height:48px;border:1px solid var(--gold-dim);
  background:rgba(11,45,78,0.85);backdrop-filter:blur(8px);
  color:var(--gold-bright);font-size:1.1rem;cursor:pointer;
  opacity:0;pointer-events:none;transform:translateY(12px);
  transition:opacity .3s ease, transform .3s ease, background .2s ease;
}
.to-top.show{opacity:1;pointer-events:auto;transform:none}
.to-top:hover{background:var(--gold);color:var(--navy)}

/* Reveal */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
.delay-1.in{transition-delay:.1s}
.delay-2.in{transition-delay:.2s}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .reveal,.load-1,.load-2,.load-3,.load-4,.load-5,.load-6{opacity:1;transform:none;transition:none;animation:none}
  .hero-bg{animation:none}
  .ticker-track{animation:none}
  .scroll-cue span{animation:none}
  .case,.mandate,.pillar,.btn{transition:none}
}

/* Responsive */
@media (max-width: 1020px){
  .two-col,.contact-wrap,.team-grid{grid-template-columns:1fr}
  .grid.three{grid-template-columns:1fr 1fr}
  .contact-right{margin-top:0}
  .section{padding:84px 0}
  .ghost-num{display:none}
  .hero-frame{inset:126px 16px 16px}
}
@media (max-width: 700px){
  .grid.three{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  .index-row{grid-template-columns:56px 1fr;padding:26px 8px}
  .index-row:hover{padding-left:14px}
  .main-nav{display:none}
  .main-nav.open{
    display:flex;position:fixed;top:104px;right:16px;left:16px;flex-direction:column;
    background:rgba(11,45,78,0.97);backdrop-filter:blur(16px);
    padding:16px;border:1px solid var(--line);
  }
  .main-nav.open a{padding:14px 16px}
  .main-nav.open .nav-cta{margin-left:0;margin-top:8px;text-align:center;justify-content:center}
  .nav-toggle{display:block}
  .hero-inner{padding-top:132px}
  .hero-foot-inner{flex-direction:column;align-items:flex-start;gap:14px;padding:16px 20px}
  .scroll-cue{display:none}
  .tz-list{gap:14px 22px}
  .tz-time{min-width:0}
  .brand-logo{height:60px}
  .hero-watermark{display:none}
  .to-top{right:16px;bottom:16px}
}

/* Credentials + direct contact (from business cards, Jul 2026) */
.credentials{font-size:0.85rem;color:var(--muted);font-style:italic;margin:0 0 12px !important;letter-spacing:0.02em}
.address-card .contact-lines{margin-top:18px}
.address-card a{color:var(--ivory);text-decoration:none;border-bottom:1px solid rgba(226,192,120,0.35);transition:color .2s ease,border-color .2s ease}
.address-card a:hover{color:var(--gold-bright);border-color:var(--gold-bright)}
.tag-note{color:var(--muted);font-size:0.85em}