/* ============================================================
   THIRD EYE MARKETING — Luxury agency site
   ============================================================ */

:root{
  --bg:#030202;
  --bg-2:#0a0907;
  --bg-3:#0f0d0a;
  --gold:#c9922a;
  --gold-mid:#e8b84b;
  --gold-bright:#f5d37a;
  --gold-pale:#fdefc3;
  --cream:#f0ebe0;
  --ash:#7a7060;
  --dust:#4a4035;
  --em:oklch(0.76 0.11 155);
  --sa:oklch(0.76 0.11 235);
  --am:oklch(0.76 0.11 305);
  --ro:oklch(0.76 0.12 25);
  --te:oklch(0.80 0.10 195);
  --line:linear-gradient(90deg,transparent,#c9922a 20%,#f5d37a 50%,#c9922a 80%,transparent);
  --clip-cta:polygon(14px 0%,100% 0%,calc(100% - 14px) 100%,0% 100%);
  --ease:cubic-bezier(.16,1,.3,1);
}

*{margin:0;padding:0;box-sizing:border-box}

html{scroll-behavior:smooth}

body{
  background:var(--bg);
  color:var(--cream);
  font-family:'Raleway',sans-serif;
  font-weight:300;
  line-height:1.7;
  overflow-x:hidden;
  cursor:none;
}
@media (hover:none){ body{cursor:auto} }

::selection{background:rgba(201,146,42,.3);color:var(--gold-pale)}

a{color:inherit;text-decoration:none;cursor:none}
button,input,textarea,select{font-family:inherit;cursor:none}
img{display:block;max-width:100%}

/* ---------- Typography helpers ---------- */
.cinzel{font-family:'Cinzel',serif}
.cormorant{font-family:'Cormorant Garamond',serif}

.section-label{
  font-family:'Cinzel',serif;
  font-size:.72rem;
  letter-spacing:.6em;
  text-transform:uppercase;
  color:var(--gold);
  display:inline-flex;
  align-items:center;
  gap:1.1rem;
  margin-bottom:1.8rem;
}
.section-label::before{
  content:"";
  width:46px;height:1px;
  background:linear-gradient(90deg,transparent,var(--gold));
  display:inline-block;
}

.italic-accent{
  font-family:'Cormorant Garamond',serif;
  font-style:italic;
  font-weight:300;
  color:var(--gold-bright);
}

/* ---------- Layout ---------- */
section{position:relative}
.wrap{max-width:1320px;margin:0 auto;padding:0 5vw}
.divider{height:1px;width:100%;background:var(--line);opacity:.55}

/* ---------- Grain overlay ---------- */
.grain{
  position:fixed;inset:0;z-index:9000;pointer-events:none;
  opacity:.04;mix-blend-mode:screen;
}
.grain svg{width:100%;height:100%}

/* ============================================================
   CUSTOM CURSOR
   ============================================================ */
.cursor-dot,.cursor-mid,.cursor-out{
  position:fixed;top:0;left:0;border-radius:50%;
  pointer-events:none;z-index:10000;
  transform:translate(-50%,-50%);
}
.cursor-dot{width:6px;height:6px;background:var(--gold-bright);mix-blend-mode:difference}
.cursor-mid{width:32px;height:32px;border:1px solid rgba(201,146,42,.85);transition:width .3s var(--ease),height .3s var(--ease),background .3s}
.cursor-out{width:72px;height:72px;border:1px solid rgba(201,146,42,.25)}
body.cursor-hover .cursor-mid{width:52px;height:52px;background:rgba(201,146,42,.08)}
body.cursor-hover .cursor-out{width:96px;height:96px;border-color:rgba(201,146,42,.45)}
@media (hover:none){ .cursor-dot,.cursor-mid,.cursor-out{display:none} }

/* ============================================================
   PRELOADER
   ============================================================ */
#preloader{
  position:fixed;inset:0;z-index:11000;
  background:var(--bg);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:2.4rem;
  transition:opacity .9s ease,transform .9s ease;
}
#preloader.done{opacity:0;transform:scale(1.08);pointer-events:none}
.pre-logo{
  width:130px;height:130px;object-fit:contain;
  mix-blend-mode:lighten;
  animation:preSpin 9s linear infinite, preGlow 2.4s ease-in-out infinite alternate;
}
@keyframes preSpin{to{transform:rotate(360deg)}}
@keyframes preGlow{
  from{filter:drop-shadow(0 0 8px rgba(201,146,42,.3))}
  to{filter:drop-shadow(0 0 34px rgba(245,211,122,.65))}
}
.pre-bar{width:min(280px,60vw);height:1px;background:rgba(122,112,96,.25);position:relative;overflow:hidden}
.pre-bar span{position:absolute;left:0;top:0;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--gold-bright))}
.pre-pct{font-family:'Cinzel',serif;font-size:.8rem;letter-spacing:.4em;color:var(--gold)}
.pre-text{
  font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.15rem;
  letter-spacing:.35em;color:rgba(201,146,42,.5);text-transform:uppercase;
}

/* ============================================================
   NAVBAR
   ============================================================ */
nav{
  position:fixed;top:0;left:0;right:0;z-index:8000;
  display:flex;align-items:center;justify-content:space-between;
  padding:1.5rem 5vw;
  transition:background .5s ease,padding .5s ease,border-color .5s ease;
  border-bottom:1px solid transparent;
}
nav.scrolled{
  background:rgba(3,2,2,.92);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  padding:1rem 5vw;
  border-bottom:1px solid rgba(201,146,42,.18);
}
.nav-brand{display:flex;align-items:center;gap:.85rem}
.nav-brand img{width:44px;height:44px;object-fit:contain;mix-blend-mode:lighten}
.nav-brand .bt{display:flex;flex-direction:column;line-height:1}
.nav-brand .bt b{font-family:'Cinzel',serif;font-weight:700;font-size:1.15rem;letter-spacing:.12em;color:var(--cream)}
.nav-brand .bt small{font-family:'Cinzel',serif;font-size:.52rem;letter-spacing:.42em;color:var(--gold);margin-top:.3rem}

.nav-links{display:flex;gap:2.4rem;align-items:center}
.nav-links a{
  font-family:'Raleway',sans-serif;font-weight:500;font-size:.72rem;
  letter-spacing:.28em;text-transform:uppercase;color:var(--cream);
  position:relative;padding:.3rem 0;
}
.nav-links a::after{
  content:"";position:absolute;left:50%;bottom:0;height:1px;width:0;
  background:var(--gold-bright);transform:translateX(-50%);
  transition:width .35s var(--ease);
}
.nav-links a:hover{color:var(--gold-bright)}
.nav-links a:hover::after{width:100%}

.cta{
  font-family:'Cinzel',serif;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;
  color:var(--bg);font-weight:600;
  background:linear-gradient(120deg,var(--gold),var(--gold-bright));
  padding:.9rem 1.7rem;clip-path:var(--clip-cta);
  border:none;transition:box-shadow .4s,transform .4s;
}
.cta:hover{box-shadow:0 0 28px rgba(245,211,122,.5);transform:translateY(-2px)}

.hamburger{display:none;flex-direction:column;gap:6px;background:none;border:none}
.hamburger span{width:26px;height:1.5px;background:var(--gold);transition:.3s}

/* mobile overlay */
#mobile-menu{
  position:fixed;inset:0;z-index:8500;background:rgba(3,2,2,.98);
  backdrop-filter:blur(20px);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;
  opacity:0;pointer-events:none;transition:opacity .5s ease;
}
#mobile-menu.open{opacity:1;pointer-events:auto}
#mobile-menu a{font-family:'Cinzel',serif;font-size:2rem;letter-spacing:.1em;color:var(--cream)}
#mobile-menu a:hover{color:var(--gold-bright)}
#mobile-menu .close{position:absolute;top:2rem;right:5vw;font-size:2rem;color:var(--gold);background:none;border:none}

/* ============================================================
   HERO
   ============================================================ */
.hero{min-height:100vh;display:flex;align-items:center;overflow:hidden;padding:7rem 0 4rem}
.hero-grid{
  display:grid;grid-template-columns:1.1fr .9fr;gap:4rem;align-items:center;
  position:relative;z-index:3;width:100%;
}

/* hero bg layers */
.hero-bg{position:absolute;inset:0;z-index:0;overflow:hidden}
.orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;will-change:transform;transform:translateZ(0)}
.orb-1{width:440px;height:440px;background:radial-gradient(circle,rgba(201,146,42,.55),transparent 70%);top:-8%;left:-6%;animation:drift1 18s ease-in-out infinite}
.orb-2{width:360px;height:360px;background:radial-gradient(circle,rgba(245,211,122,.4),transparent 70%);bottom:-10%;right:-4%;animation:drift2 22s ease-in-out infinite}
.orb-3{width:280px;height:280px;background:radial-gradient(circle,rgba(232,184,75,.35),transparent 70%);top:40%;left:45%;animation:drift3 26s ease-in-out infinite}
@keyframes drift1{50%{transform:translate(40px,30px)}}
@keyframes drift2{50%{transform:translate(-40px,-25px)}}
@keyframes drift3{50%{transform:translate(20px,-40px)}}
.hero-grid-lines{
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(201,146,42,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(201,146,42,.025) 1px,transparent 1px);
  background-size:80px 80px;
}
.beams{position:absolute;inset:0}
.beam{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(201,146,42,.25),transparent);animation:beamPulse 4s ease-in-out infinite}
.beam:nth-child(1){left:20%;animation-delay:0s}
.beam:nth-child(2){left:55%;animation-delay:1.3s}
.beam:nth-child(3){left:82%;animation-delay:2.6s}
@keyframes beamPulse{0%,100%{opacity:.15}50%{opacity:.6}}
#hero-canvas{position:absolute;inset:0;z-index:1}

.eyebrow{
  display:inline-flex;align-items:center;gap:1rem;
  font-family:'Cinzel',serif;font-size:.66rem;letter-spacing:.42em;text-transform:uppercase;
  color:var(--gold);margin-bottom:2.4rem;
}
.eyebrow::before,.eyebrow::after{content:"";width:34px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}

.hero h1{margin:0;line-height:.92}
.hero .line{overflow:hidden;display:block}
.hero .line span{display:block;transform:translateY(115%)}
.hero.go .line span{animation:lineRise 1.1s var(--ease) forwards}
.hero.go .l1{animation-delay:.15s}
.hero.go .l2{animation-delay:.3s}
.hero.go .l3{animation-delay:.45s}
@keyframes lineRise{to{transform:translateY(0)}}
.hero .l1{font-family:'Cinzel',serif;font-weight:300;font-size:clamp(3.4rem,8vw,7rem);color:var(--cream);letter-spacing:.04em}
.hero .l2{font-family:'Cormorant Garamond',serif;font-weight:200;font-style:italic;font-size:clamp(4rem,9vw,8rem);color:var(--gold-bright);line-height:.9}
.hero .l3{font-family:'Raleway',sans-serif;font-weight:200;font-size:clamp(.8rem,1.5vw,1.05rem);color:var(--ash);letter-spacing:.5em;text-transform:uppercase;margin-top:.6rem}

.eyebrow{opacity:0}
.hero.go .eyebrow{animation:fadeIn 1s ease .85s forwards}
@keyframes fadeIn{to{opacity:1}}
.hero-tag{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.55rem;color:rgba(201,146,42,.55);margin:1.8rem 0 2.4rem}
.hero-ctas{display:flex;gap:2rem;align-items:center;flex-wrap:wrap}
.ghost-link{font-family:'Cinzel',serif;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cream);display:inline-flex;align-items:center;gap:.6rem}
.ghost-link .arr{transition:transform .35s var(--ease);color:var(--gold)}
.ghost-link:hover{color:var(--gold-bright)}
.ghost-link:hover .arr{transform:translateX(8px)}

/* hero right */
.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:480px}
.hero-rings{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.hero-logo{width:min(360px,80%);position:relative;z-index:2;mix-blend-mode:lighten;animation:breathe 5s ease-in-out infinite alternate}
@keyframes breathe{from{filter:drop-shadow(0 0 14px rgba(201,146,42,.3))}to{filter:drop-shadow(0 0 46px rgba(245,211,122,.6))}}

.scroll-line{position:absolute;left:5vw;bottom:3rem;display:flex;flex-direction:column;align-items:center;gap:.8rem;z-index:4}
.scroll-line .l{width:1px;height:60px;background:linear-gradient(180deg,var(--gold),transparent);animation:scrollPulse 2s ease-in-out infinite}
.scroll-line small{font-family:'Cinzel',serif;font-size:.55rem;letter-spacing:.3em;color:var(--ash);writing-mode:vertical-rl}
@keyframes scrollPulse{0%,100%{opacity:.3;transform:scaleY(.7)}50%{opacity:1;transform:scaleY(1)}}

/* ============================================================
   MARQUEE
   ============================================================ */
.marquee{
  border-top:1px solid rgba(201,146,42,.2);border-bottom:1px solid rgba(201,146,42,.2);
  background:rgba(201,146,42,.03);overflow:hidden;padding:1.5rem 0;
}
.marquee-track{display:flex;gap:0;width:max-content;animation:marqueeScroll 38s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee-track span{
  font-family:'Cinzel',serif;font-size:1rem;letter-spacing:.45em;text-transform:uppercase;
  color:rgba(201,146,42,.45);padding:0 2.2rem;display:inline-flex;align-items:center;white-space:nowrap;
}
.diamond{width:7px;height:7px;background:var(--gold);transform:rotate(45deg);display:inline-block}
@keyframes marqueeScroll{to{transform:translateX(-50%)}}

/* ============================================================
   GENERIC SECTION PADDING
   ============================================================ */
.pad{padding:8rem 0}

/* reveal */
.reveal{opacity:0;transform:translateY(45px);transition:opacity 1s var(--ease),transform 1s var(--ease)}
.reveal.in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  .hero .line span{transform:none;animation:none}
  .eyebrow{opacity:1;animation:none}
}

/* ============================================================
   ABOUT
   ============================================================ */
.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:5rem;align-items:center}
.about h2{font-family:'Cormorant Garamond',serif;font-weight:200;font-size:clamp(2.6rem,5vw,4.4rem);line-height:1.05;margin-bottom:2rem;color:var(--cream)}
.about p{color:var(--ash);max-width:48ch;margin-bottom:1.4rem;font-size:1.02rem}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(201,146,42,.2);margin-top:3rem;border:1px solid rgba(201,146,42,.2)}
.stat{background:var(--bg);padding:2rem 1.8rem;position:relative;overflow:hidden}
.stat .num{font-family:'Cinzel',serif;font-size:2.6rem;color:var(--gold-bright);line-height:1}
.stat:nth-child(1) .num{color:var(--em)}
.stat:nth-child(2) .num{color:var(--sa)}
.stat:nth-child(3) .num{color:var(--am)}
.stat .lbl{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ash);margin-top:.6rem}
.stat::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:linear-gradient(90deg,var(--gold),var(--gold-bright));transition:width .6s var(--ease)}
.stat:hover::after{width:100%}

.about-frame{position:relative;padding:3rem;background:var(--bg-2);display:flex;align-items:center;justify-content:center;min-height:460px}
.about-frame img{width:80%;mix-blend-mode:lighten}
.corner{position:absolute;width:30px;height:30px;border:1px solid var(--gold)}
.corner.tl{top:14px;left:14px;border-right:none;border-bottom:none}
.corner.tr{top:14px;right:14px;border-left:none;border-bottom:none}
.corner.bl{bottom:14px;left:14px;border-right:none;border-top:none}
.corner.br{bottom:14px;right:14px;border-left:none;border-top:none}
.about-ring{position:absolute;border:1px solid rgba(201,146,42,.12);border-radius:50%}
.about-ring.r1{width:120%;height:120%;animation:preSpin 40s linear infinite}
.about-ring.r2{width:90%;height:90%;border-style:dashed;animation:preSpin 28s linear infinite reverse}
.info-card{position:absolute;bottom:-22px;left:-22px;background:var(--bg-3);border:1px solid rgba(201,146,42,.25);padding:1rem 1.4rem;z-index:3}
.info-card small{font-family:'Cinzel',serif;font-size:.55rem;letter-spacing:.3em;color:var(--gold);text-transform:uppercase}
.info-card b{display:block;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.3rem;color:var(--cream)}

/* ============================================================
   SERVICES
   ============================================================ */
.svc-head{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:end;margin-bottom:4rem}
.svc-head h2{font-family:'Cormorant Garamond',serif;font-weight:200;font-size:clamp(2.6rem,5vw,4.4rem);line-height:1.02;color:var(--cream)}
.svc-head p{color:var(--ash)}
.svc-list{border-top:1px solid rgba(201,146,42,.18)}
.svc-row{
  display:grid;grid-template-columns:70px 1fr 50px;align-items:center;gap:1.5rem;
  padding:1.9rem 1.5rem;border-bottom:1px solid rgba(201,146,42,.14);
  position:relative;overflow:hidden;transition:padding-left .4s var(--ease);
}
.svc-row::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(201,146,42,.10),transparent 60%);transform:translateX(-100%);transition:transform .5s var(--ease);z-index:0}
.svc-row::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold-bright);transform:scaleY(0);transform-origin:top;transition:transform .4s var(--ease)}
.svc-row:hover::before{transform:translateX(0)}
.svc-row:hover::after{transform:scaleY(1)}
.svc-row:hover{padding-left:2.4rem}
.svc-row>*{position:relative;z-index:1}
.svc-num{font-family:'Cinzel',serif;font-size:1.1rem;color:rgba(201,146,42,.3)}
.svc-mid{display:flex;align-items:center;gap:1.6rem}
.svc-icon{width:46px;height:46px;border:1px solid rgba(201,146,42,.4);display:flex;align-items:center;justify-content:center;color:var(--gold);flex:0 0 auto;transition:border-color .4s,color .4s}
.svc-row:hover .svc-icon{filter:brightness(1.35) saturate(1.25);border-color:currentColor}
.svc-name{font-family:'Cinzel',serif;font-size:1.5rem;color:var(--cream);transition:color .4s,letter-spacing .4s}
.svc-row:hover .svc-name{color:var(--gold-bright);letter-spacing:.04em}
.svc-cat{font-size:.6rem;letter-spacing:.25em;text-transform:uppercase;color:var(--ash);margin-top:.3rem}
.svc-arr{color:var(--gold);opacity:0;transform:translateX(-12px);transition:.4s var(--ease);justify-self:end}
.svc-row:hover .svc-arr{opacity:1;transform:none}

/* ============================================================
   WHY US
   ============================================================ */
.why-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:5rem}
.why h2{font-family:'Cormorant Garamond',serif;font-weight:200;font-size:clamp(2.4rem,4.5vw,4rem);line-height:1.04;margin-bottom:1.8rem;color:var(--cream)}
.why p{color:var(--ash);margin-bottom:2.4rem;max-width:46ch}
.quote-block{position:relative;background:linear-gradient(135deg,rgba(201,146,42,.10),rgba(201,146,42,.02));border:1px solid rgba(201,146,42,.18);padding:2.6rem 2.4rem;overflow:hidden}
.quote-block .mark{position:absolute;top:-30px;left:14px;font-family:'Cormorant Garamond',serif;font-size:11rem;color:rgba(201,146,42,.14);line-height:1}
.quote-block q{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.5rem;color:var(--cream);position:relative;quotes:none}
.why-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.5px;background:rgba(201,146,42,.2);border:1px solid rgba(201,146,42,.2)}
.why-card{background:var(--bg);padding:2.4rem 2rem;position:relative;transition:background .4s}
.why-card:hover{background:var(--bg-2)}
.why-card .n{font-family:'Cinzel',serif;font-size:2.4rem;color:rgba(201,146,42,.22);transition:color .4s}
.why-card:hover .n{color:rgba(245,211,122,.55)}
.why-card.a1 .n,.why-card.a1 .ic{color:var(--em)}
.why-card.a2 .n,.why-card.a2 .ic{color:var(--sa)}
.why-card.a3 .n,.why-card.a3 .ic{color:var(--am)}
.why-card.a4 .n,.why-card.a4 .ic{color:var(--ro)}
.why-card .ic{color:var(--gold);margin:1.2rem 0 1rem;transition:transform .4s}
.why-card:hover .ic{transform:scale(1.15) rotate(-6deg)}
.why-card h4{font-family:'Cinzel',serif;font-size:1rem;letter-spacing:.06em;text-transform:uppercase;color:var(--cream);margin-bottom:.8rem}
.why-card p{font-size:.92rem;color:var(--ash);margin:0;max-width:none}

/* ============================================================
   PROCESS
   ============================================================ */
.proc-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:5rem}
.proc-left{position:sticky;top:120px;align-self:start}
.proc-left h2{font-family:'Cormorant Garamond',serif;font-weight:200;font-size:clamp(2.4rem,4.5vw,4rem);line-height:1.04;margin-bottom:1.6rem;color:var(--cream)}
.proc-left p{color:var(--ash);margin-bottom:2.6rem;max-width:40ch}
.proc-eye{width:240px;height:240px}
.proc-steps{position:relative;padding-left:.5rem}
.proc-steps::before{content:"";position:absolute;left:19px;top:10px;bottom:10px;width:1px;background:linear-gradient(180deg,var(--gold),transparent)}
.proc-step{display:flex;gap:1.8rem;padding:1.6rem 0;align-items:flex-start;position:relative}
.proc-num{width:38px;height:38px;flex:0 0 auto;border:1px solid var(--gold);display:flex;align-items:center;justify-content:center;font-family:'Cinzel',serif;font-size:.85rem;color:var(--gold);background:var(--bg);transition:background .4s,color .4s}
.proc-step:hover .proc-num{background:rgba(201,146,42,.18);color:var(--gold-bright)}
.proc-step h4{font-family:'Cinzel',serif;font-size:1.2rem;color:var(--cream);margin-bottom:.5rem}
.proc-step p{color:var(--ash);font-size:.95rem}

/* ============================================================
   TEAM
   ============================================================ */
.team h2{font-family:'Cormorant Garamond',serif;font-weight:200;font-size:clamp(2.6rem,5vw,4.4rem);color:var(--cream);margin-bottom:.6rem}
.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:rgba(201,146,42,.25);margin-top:3rem;border:1px solid rgba(201,146,42,.25)}
.team-card{position:relative;background:var(--bg);aspect-ratio:4/5;overflow:hidden}
.team-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.5) brightness(.9);transition:filter .6s,transform .8s var(--ease)}
.team-card:hover img{filter:saturate(1) brightness(1);transform:scale(1.06)}
.team-card .grad{position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(3,2,2,.95));pointer-events:none}
.team-info{position:absolute;left:0;right:0;bottom:0;padding:2.2rem;z-index:2}
.team-info .name{font-family:'Cinzel',serif;font-size:2.2rem;color:var(--cream);line-height:1}
.team-info .role{font-family:'Cinzel',serif;font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:.7rem;margin-top:.7rem}
.team-info .role::before{content:"";width:24px;height:1px;background:var(--gold)}
.team-extra{max-height:0;opacity:0;overflow:hidden;transition:max-height .6s var(--ease),opacity .5s ease,margin .6s}
.team-card:hover .team-extra{max-height:200px;opacity:1;margin-top:1.1rem}
.team-extra p{color:var(--ash);font-size:.9rem;margin-bottom:1rem}
.team-extra a{display:block;font-size:.82rem;color:var(--gold-bright);letter-spacing:.06em}
.team-card .corner{z-index:3}

/* ============================================================
   TESTIMONIALS
   ============================================================ */
.tst-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5px;background:rgba(201,146,42,.2);margin-top:3rem;border:1px solid rgba(201,146,42,.2)}
.tst{background:var(--bg);padding:2.6rem 2.2rem;position:relative;overflow:hidden;transition:background .4s}
.tst:hover{background:var(--bg-2)}
.tst .mark{position:absolute;top:.6rem;right:1.2rem;font-family:'Cormorant Garamond',serif;font-size:6rem;color:rgba(201,146,42,.06);line-height:1}
.tst .stars{color:var(--gold-bright);letter-spacing:.2em;font-size:.85rem;margin-bottom:1.2rem}
.tst q{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.08rem;color:var(--cream);quotes:none;display:block}
.tst .ln{height:1px;background:linear-gradient(90deg,var(--gold),transparent);margin:1.6rem 0 1.2rem;width:60%}
.tst .who{font-family:'Cinzel',serif;font-size:.95rem;color:var(--gold-bright)}
.tst .rl{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ash);margin-top:.3rem;font-variant:small-caps}

/* ============================================================
   CANADA REACH
   ============================================================ */
.canada{text-align:center;position:relative;overflow:hidden}
.canada-map{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:.03;pointer-events:none}
.canada-map svg{width:70%;max-width:900px}
.canada h2{font-family:'Cormorant Garamond',serif;font-weight:200;font-size:clamp(2.6rem,5vw,4.4rem);color:var(--cream);position:relative;z-index:2}
.chips{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;max-width:880px;margin:3rem auto 0;position:relative;z-index:2}
.chip{
  font-family:'Cinzel',serif;font-size:.78rem;letter-spacing:.12em;
  padding:.7rem 1.4rem;border:1px solid rgba(201,146,42,.25);color:var(--cream);
  clip-path:var(--clip-cta);transition:.35s;background:transparent;
}
.chip:hover{background:rgba(201,146,42,.12);border-color:var(--gold);color:var(--gold-bright)}
.chip.active{background:linear-gradient(120deg,var(--gold),var(--gold-bright));color:var(--bg);border-color:transparent;font-weight:600}

/* ============================================================
   CONTACT
   ============================================================ */
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:5rem}
.contact h2{font-family:'Cormorant Garamond',serif;font-weight:200;font-size:clamp(2.4rem,4.5vw,4rem);line-height:1.04;color:var(--cream);margin-bottom:2.6rem}
.cdetail{display:flex;align-items:center;gap:1.3rem;padding:1.2rem 1.2rem;position:relative;border-bottom:1px solid rgba(201,146,42,.1)}
.cdetail::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gold-bright);transform:scaleY(0);transform-origin:center;transition:transform .35s var(--ease)}
.cdetail:hover::before{transform:scaleY(1)}
.cdetail .ic{color:var(--gold);flex:0 0 auto}
.cdetail .lbl{font-family:'Cinzel',serif;font-size:.56rem;letter-spacing:.26em;text-transform:uppercase;color:var(--ash)}
.cdetail .val{color:var(--cream);font-size:1rem}

form{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
form .full{grid-column:1/-1}
form label{display:block;font-family:'Cinzel',serif;font-size:.56rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ash);margin-bottom:.6rem}
form input,form select,form textarea{
  width:100%;background:var(--bg-2);border:1px solid rgba(201,146,42,.2);
  color:var(--cream);padding:.95rem 1rem;font-size:.95rem;font-weight:300;
  transition:border-color .3s;
}
form input:focus,form select:focus,form textarea:focus{outline:none;border-color:var(--gold)}
form textarea{resize:vertical;min-height:120px}
form select{appearance:none}
.submit-btn{
  grid-column:1/-1;justify-self:start;
  font-family:'Cinzel',serif;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--bg);font-weight:600;border:none;
  background:linear-gradient(120deg,var(--gold),var(--gold-bright));
  padding:1.1rem 2.4rem;clip-path:var(--clip-cta);transition:box-shadow .4s,transform .4s,background .4s;
}
.submit-btn:hover{box-shadow:0 0 28px rgba(245,211,122,.5);transform:translateY(-2px)}
.submit-btn.sent{background:linear-gradient(120deg,#2f7d4f,#46a86b)}

/* ============================================================
   FOOTER
   ============================================================ */
footer{border-top:1px solid rgba(201,146,42,.18);padding:5rem 0 2rem;background:var(--bg)}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:3rem}
.foot-brand img{width:54px;mix-blend-mode:lighten;margin-bottom:1.2rem}
.foot-brand .tag{font-family:'Cormorant Garamond',serif;font-style:italic;color:rgba(201,146,42,.6);margin-bottom:1.6rem}
.socials{display:flex;gap:.8rem}
.soc{width:34px;height:34px;border:1px solid rgba(201,146,42,.3);display:flex;align-items:center;justify-content:center;color:var(--gold);transition:.35s}
.soc:hover{transform:translateY(-4px);border-color:var(--gold-bright);color:var(--gold-bright);box-shadow:0 6px 18px rgba(201,146,42,.2)}
.foot-col h5{font-family:'Cinzel',serif;font-size:.66rem;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-bottom:1.4rem}
.foot-col a{display:block;color:var(--ash);font-size:.88rem;padding:.4rem 0;transition:.3s}
.foot-col a:hover{color:var(--cream);letter-spacing:.06em}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(201,146,42,.1);font-size:.78rem;color:var(--ash)}
.foot-bottom .r{display:flex;gap:2rem}
.foot-bottom a:hover{color:var(--gold-bright)}

/* ============================================================
   HERO VALUE PROP
   ============================================================ */
.hero-value{font-family:'Raleway',sans-serif;font-weight:300;font-size:1.05rem;line-height:1.7;color:var(--cream);max-width:46ch;margin:0 0 2.2rem;opacity:.92}
.hero-value em{font-family:'Cormorant Garamond',serif;font-style:italic;color:var(--gold-bright);font-size:1.18rem}

/* ============================================================
   SERVICES ACCORDION (extends svc-list)
   ============================================================ */
.svc-item{border-bottom:1px solid rgba(201,146,42,.14);position:relative}
.svc-item .svc-row{border-bottom:none}
.svc-chev{color:var(--gold);justify-self:end;font-size:1rem;transition:transform .4s var(--ease),color .3s;opacity:.6}
.svc-item:hover .svc-chev{opacity:1}
.svc-item.open .svc-chev{transform:rotate(180deg);color:var(--gold-bright)}
.svc-item.open .svc-name{color:var(--gold-bright);letter-spacing:.04em}
.svc-item.open .svc-icon{border-color:var(--gold-bright)}
.svc-item.open .svc-row::after{transform:scaleY(1)}
.svc-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
.svc-item.open .svc-panel{grid-template-rows:1fr}
.svc-panel-inner{overflow:hidden}
.svc-panel-content,.svc-cols{min-height:0}
.svc-desc{color:var(--cream);font-size:1rem;line-height:1.7;max-width:62ch;padding:.4rem 1.5rem 1.4rem 88px;opacity:.9}
.svc-cols{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;padding:0 1.5rem 2.4rem 88px}
.svc-cols h5{font-family:'Cinzel',serif;font-size:.6rem;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-bottom:.9rem}
.svc-deliver ul{list-style:none;display:flex;flex-direction:column;gap:.6rem}
.svc-deliver li{position:relative;padding-left:1.4rem;color:var(--ash);font-size:.94rem}
.svc-deliver li::before{content:"◆";position:absolute;left:0;color:var(--gold);font-size:.6rem;top:.25rem}
.svc-meta p{color:var(--ash);font-size:.94rem;margin-bottom:1.4rem}
.svc-meta .svc-out{color:var(--cream);font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.15rem;margin-bottom:0}

/* ============================================================
   INDUSTRIES
   ============================================================ */
.ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5px;background:rgba(201,146,42,.2);border:1px solid rgba(201,146,42,.2)}
.ind-card{background:var(--bg);padding:2.6rem 2rem;display:flex;flex-direction:column;gap:1rem;transition:background .4s;position:relative;overflow:hidden}
.ind-card::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:linear-gradient(90deg,var(--gold),var(--gold-bright));transition:width .5s var(--ease)}
.ind-card:hover{background:var(--bg-2)}
.ind-card:hover::after{width:100%}
.ind-ic{font-size:2rem;filter:saturate(.4) brightness(1.1)}
.ind-card h3{font-family:'Cinzel',serif;font-size:1.15rem;color:var(--cream);letter-spacing:.02em}
.ind-card p{color:var(--ash);font-size:.92rem;line-height:1.6;flex:1}
.ind-link{font-family:'Cinzel',serif;font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:.5rem}
.ind-card:hover .ind-link{color:var(--gold-bright)}
.ind-link .arr{transition:transform .35s var(--ease)}
.ind-card:hover .ind-link .arr{transform:translateX(6px)}

/* ============================================================
   COMPARISON TABLE
   ============================================================ */
.cmp{border:1px solid rgba(201,146,42,.2);background:rgba(201,146,42,.2);display:flex;flex-direction:column;gap:1px}
.cmp-head,.cmp-row{display:grid;grid-template-columns:1.5fr 1.2fr 1.2fr;background:var(--bg)}
.cmp-head>div{padding:1.2rem 1.4rem;font-family:'Cinzel',serif;font-size:.85rem;letter-spacing:.08em}
.cmp-head .cmp-us{color:var(--gold-bright);background:rgba(201,146,42,.08)}
.cmp-head .cmp-them{color:var(--ash)}
.cmp-row>div{padding:1.1rem 1.4rem;font-size:.94rem;display:flex;align-items:center;gap:.6rem}
.cmp-feat{color:var(--cream);font-weight:400}
.cmp-us{color:var(--cream);background:rgba(201,146,42,.05)}
.cmp-them{color:var(--ash)}
.cmp .yes{color:var(--em);font-weight:600}
.cmp .no{color:#b0524a;font-weight:600}

/* ============================================================
   CASE STUDIES
   ============================================================ */
.cs-list{display:flex;flex-direction:column;gap:2rem}
.cs{border:1px solid rgba(201,146,42,.18);background:var(--bg-2);padding:2.6rem;position:relative;overflow:hidden}
.cs::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--gold),var(--gold-bright))}
.cs-tag{font-family:'Cinzel',serif;font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem}
.cs-title{font-family:'Cormorant Garamond',serif;font-weight:200;font-size:clamp(1.7rem,3vw,2.6rem);color:var(--cream);line-height:1.1;margin-bottom:2rem;max-width:24ch}
.cs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5px;background:rgba(201,146,42,.18);border:1px solid rgba(201,146,42,.18)}
.cs-step{background:var(--bg);padding:1.6rem 1.4rem}
.cs-k{font-family:'Cinzel',serif;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:.8rem}
.cs-step p{color:var(--ash);font-size:.9rem;line-height:1.6}
.cs-result{background:linear-gradient(135deg,rgba(201,146,42,.12),rgba(201,146,42,.03))}
.cs-result p{color:var(--cream)}
.cs-result strong{color:var(--gold-bright);font-weight:600}
.cs-note{text-align:center;margin-top:2.5rem;color:var(--ash);font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.25rem}
.cs-note a{color:var(--gold-bright)}

/* ============================================================
   ROI ESTIMATOR
   ============================================================ */
.roi-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:5rem;align-items:center}
.roi-grid h2{font-family:'Cormorant Garamond',serif;font-weight:200;font-size:clamp(2.2rem,4.2vw,3.6rem);line-height:1.05;color:var(--cream)}
.roi-disclaimer{font-size:.78rem;color:var(--dust);margin-top:2rem;max-width:40ch;line-height:1.6}
.roi-panel{background:var(--bg-2);border:1px solid rgba(201,146,42,.22);padding:2.6rem}
.roi-field{margin-bottom:2rem}
.roi-label{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ash);font-family:'Cinzel',serif}
.roi-val{font-size:1.3rem;color:var(--gold-bright);font-family:'Cinzel',serif;letter-spacing:0;text-transform:none}
.roi-field input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:2px;background:rgba(201,146,42,.3);outline:none}
.roi-field input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-bright));cursor:none;box-shadow:0 0 12px rgba(245,211,122,.5)}
.roi-field input[type=range]::-moz-range-thumb{width:18px;height:18px;border:none;border-radius:50%;background:var(--gold-bright);cursor:pointer}
.roi-goals{display:flex;gap:.6rem;flex-wrap:wrap}
.roi-goals button{flex:1;min-width:max-content;background:var(--bg);border:1px solid rgba(201,146,42,.25);color:var(--ash);padding:.7rem .8rem;font-family:'Cinzel',serif;font-size:.7rem;letter-spacing:.04em;transition:.3s}
.roi-goals button.active{background:rgba(201,146,42,.14);border-color:var(--gold);color:var(--gold-bright)}
.roi-out{border-top:1px solid rgba(201,146,42,.2);margin-top:1.4rem;padding-top:1.6rem}
.roi-out-row{display:flex;justify-content:space-between;align-items:baseline;padding:.7rem 0;font-size:.9rem;color:var(--ash)}
.roi-out-row strong{font-family:'Cinzel',serif;font-size:1.5rem;color:var(--cream);font-weight:500}
.roi-out-row .roi-hi{color:var(--gold-bright)}
.roi-roas strong{color:var(--em)}
.roi-cta{display:inline-block;margin-top:1.6rem;text-align:center;width:100%;text-decoration:none}

/* ============================================================
   FAQ
   ============================================================ */
.faq-list{max-width:880px;border-top:1px solid rgba(201,146,42,.16)}
.faq-item{border-bottom:1px solid rgba(201,146,42,.16)}
.faq-q{width:100%;background:none;border:none;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.6rem .5rem;font-family:'Cinzel',serif;font-size:1.05rem;color:var(--cream);transition:color .3s}
.faq-q:hover{color:var(--gold-bright)}
.faq-chev{color:var(--gold);font-size:.9rem;transition:transform .4s var(--ease);flex:0 0 auto}
.faq-item.open .faq-q{color:var(--gold-bright)}
.faq-item.open .faq-chev{transform:rotate(180deg)}
.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease)}
.faq-item.open .faq-a{grid-template-rows:1fr}
.faq-a>p{overflow:hidden;min-height:0;color:var(--ash);font-size:.98rem;line-height:1.75;padding:0 .5rem;max-width:70ch}
.faq-item.open .faq-a>p{padding:0 .5rem 1.7rem}

/* ============================================================
   FORM STATES
   ============================================================ */
.submit-btn.loading{opacity:.7}
.submit-btn:disabled{cursor:none}
.form-status{grid-column:1/-1;font-size:.9rem;line-height:1.6;min-height:1px}
.form-status.err{color:#e0857c}
.form-status.ok{color:var(--em)}
.form-status a{color:var(--gold-bright);text-decoration:underline}
.form-alt{grid-column:1/-1;color:var(--ash);font-size:.9rem;margin-top:-.2rem}
.form-alt a{color:var(--gold-bright)}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:980px){
  .nav-links{display:none}
  .nav .cta{display:none}
  nav>.cta{display:none}
  .hamburger{display:flex}
  .hero-grid,.about-grid,.svc-head,.why-grid,.proc-grid,.contact-grid,.roi-grid{grid-template-columns:1fr;gap:3rem}
  .hero-visual{order:-1;min-height:340px}
  .team-grid,.tst-grid,.foot-grid{grid-template-columns:1fr}
  .proc-left{position:static}
  .why-cards,.tst-grid{grid-template-columns:1fr}
  .ind-grid{grid-template-columns:1fr 1fr}
  .cs-grid{grid-template-columns:1fr 1fr}
  .foot-grid{gap:2.4rem}
  .pad{padding:5rem 0}
  .svc-desc{padding-left:1.5rem}
  .svc-cols{padding-left:1.5rem;grid-template-columns:1fr;gap:1.6rem}
}
@media (max-width:560px){
  .stats,.why-cards,.ind-grid,.cs-grid{grid-template-columns:1fr}
  .foot-bottom{flex-direction:column;gap:1rem}
  .cmp-head,.cmp-row{grid-template-columns:1.2fr 1fr 1fr}
  .cmp-head>div,.cmp-row>div{padding:.8rem .7rem;font-size:.8rem}
  .cs{padding:1.6rem}
  .roi-panel{padding:1.6rem}
}

/* ============================================================
   SUB-PAGES (industry + legal)
   ============================================================ */
.subnav-spacer{height:0}
.subhero{position:relative;padding:11rem 0 5rem;overflow:hidden}
.subhero .orb{position:absolute;border-radius:50%;filter:blur(90px)}
.subhero-inner{position:relative;z-index:2;max-width:900px}
.sub-eyebrow{display:inline-flex;align-items:center;gap:1rem;font-family:'Cinzel',serif;font-size:.66rem;letter-spacing:.4em;text-transform:uppercase;color:var(--gold);margin-bottom:1.8rem}
.sub-eyebrow::before{content:"";width:40px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}
.sub-h1{font-family:'Cinzel',serif;font-weight:300;font-size:clamp(2.6rem,6vw,5rem);line-height:1.02;color:var(--cream);letter-spacing:.01em;margin-bottom:1.6rem}
.sub-h1 .italic-accent{font-size:1.06em}
.sub-lead{font-family:'Raleway',sans-serif;font-weight:300;font-size:1.2rem;line-height:1.7;color:var(--ash);max-width:60ch;margin-bottom:2.6rem}
.sub-ctas{display:flex;gap:1.8rem;align-items:center;flex-wrap:wrap}

.sub-back{display:inline-flex;align-items:center;gap:.5rem;font-family:'Cinzel',serif;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ash);transition:color .3s}
.sub-back:hover{color:var(--gold-bright)}

.sub-block{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.sub-block h2{font-family:'Cormorant Garamond',serif;font-weight:200;font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;color:var(--cream);margin-bottom:1.4rem}
.sub-block p{color:var(--ash);margin-bottom:1.2rem;max-width:52ch}
.pain-list{list-style:none;display:flex;flex-direction:column;gap:1.1rem}
.pain-list li{position:relative;padding-left:1.8rem;color:var(--ash);line-height:1.6}
.pain-list li::before{content:"◆";position:absolute;left:0;top:.2rem;color:var(--gold);font-size:.7rem}
.pain-list strong{color:var(--cream);font-weight:400}

.iset{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5px;background:rgba(201,146,42,.2);border:1px solid rgba(201,146,42,.2);margin-top:1rem}
.iset .it{background:var(--bg);padding:1.8rem 1.6rem}
.iset .it .ic{color:var(--gold);font-size:1.3rem;margin-bottom:.8rem}
.iset .it h4{font-family:'Cinzel',serif;font-size:.95rem;color:var(--cream);margin-bottom:.5rem}
.iset .it p{color:var(--ash);font-size:.86rem;line-height:1.55;margin:0}

.band{text-align:center;background:linear-gradient(135deg,rgba(201,146,42,.12),rgba(201,146,42,.02));border-top:1px solid rgba(201,146,42,.2);border-bottom:1px solid rgba(201,146,42,.2)}
.band h2{font-family:'Cormorant Garamond',serif;font-weight:200;font-size:clamp(2.2rem,4.5vw,3.6rem);color:var(--cream);margin-bottom:1.2rem}
.band p{color:var(--ash);max-width:46ch;margin:0 auto 2.4rem}

/* legal pages */
.legal{max-width:820px;padding-top:10rem}
.legal h1{font-family:'Cinzel',serif;font-weight:300;font-size:clamp(2.2rem,5vw,3.4rem);color:var(--cream);margin-bottom:.6rem}
.legal .updated{font-family:'Cinzel',serif;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:3rem}
.legal h2{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.7rem;color:var(--gold-bright);margin:2.6rem 0 1rem}
.legal p,.legal li{color:var(--ash);line-height:1.8;margin-bottom:1rem;font-size:.98rem}
.legal ul{padding-left:1.4rem;margin-bottom:1rem}
.legal a{color:var(--gold-bright)}
.legal .back-home{margin-top:3.5rem;display:inline-flex;gap:.5rem;font-family:'Cinzel',serif;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ash)}
.legal .back-home:hover{color:var(--gold-bright)}

@media (max-width:820px){
  .sub-block{grid-template-columns:1fr;gap:2.2rem}
  .iset{grid-template-columns:1fr}
  .subhero{padding:9rem 0 4rem}
}

/* ============================================================
   HERO LOGO MOTION + POLISH
   ============================================================ */
.hero-visual{perspective:1100px}
.hero-tilt{position:relative;width:100%;height:100%;min-height:inherit;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;transition:transform .3s ease-out;will-change:transform}
.hero-orbit{filter:drop-shadow(0 0 30px rgba(201,146,42,.15))}
.hero-logo{transform:translateZ(60px)}

/* nav logo flourish */
.nav-brand img{transition:transform .6s var(--ease),filter .6s}
.nav-brand:hover img{transform:rotate(10deg) scale(1.06);filter:drop-shadow(0 0 10px rgba(245,211,122,.55))}

/* cinematic, professional grade on team photos */
.team-card img{filter:saturate(.5) contrast(1.06) brightness(.9) sepia(.1)}
.team-card:hover img{filter:saturate(1) contrast(1.02) brightness(1) sepia(0)}
.team-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(201,146,42,.06),transparent 40%,rgba(3,2,2,.2));mix-blend-mode:multiply;pointer-events:none;opacity:.8;transition:opacity .6s;z-index:1}
.team-card:hover::after{opacity:.25}

@media (prefers-reduced-motion:reduce){
  .hero-tilt{transition:none}
  .hero-orbit *{animation:none!important}
}

/* ============================================================
   PERFORMANCE: skip rendering off-screen sections while scrolling.
   content-visibility:auto lets the browser bypass layout/paint for
   sections not near the viewport; contain-intrinsic-size reserves
   their height so the scrollbar stays stable.
   ============================================================ */
#industries,#compare,#process,#team,#work,#results,#roi,#faq,footer{
  content-visibility:auto;
  contain-intrinsic-size:auto 900px;
}
/* keep smooth-scroll anchors honest with the fixed navbar */
section[id],header[id]{scroll-margin-top:90px}