
/* LuxBMI inner-page visual system */
body.lux-home.lux-inner-page { background: #020817; color: var(--lux-text); }
body.lux-inner-page .lux-header { background: rgba(2,8,23,.8); border-bottom-color: rgba(121,220,255,.12); backdrop-filter: blur(18px); }
body.lux-inner-page .lux-nav > a.is-active { color: var(--lux-cyan); }
body.lux-inner-page .lux-nav > a.is-active::after { content:""; display:block; width:22px; height:2px; margin:6px auto 0; background:linear-gradient(90deg,var(--lux-gold),var(--lux-cyan)); border-radius:99px; }

.lux-inner-main { min-height: 60vh; }
.lux-page-hero { position:relative; overflow:hidden; padding: 162px 0 94px; background:
  radial-gradient(circle at 78% 30%, rgba(11,62,145,.48), transparent 34%),
  radial-gradient(circle at 14% 72%, rgba(41,200,255,.1), transparent 30%),
  linear-gradient(145deg,#020817 4%,#061936 54%,#08214a 100%); border-bottom:1px solid rgba(121,220,255,.12); }
.lux-page-hero::before { content:""; position:absolute; inset:0; opacity:.22; background-image:
  linear-gradient(rgba(41,200,255,.12) 1px,transparent 1px),
  linear-gradient(90deg,rgba(41,200,255,.12) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(to bottom,#000,transparent 92%); }
.lux-page-hero::after { content:""; position:absolute; width:620px; height:620px; right:-180px; top:20px; opacity:.23; background-image:url("data:image/svg+xml,%3Csvg width='82' height='94' viewBox='0 0 82 94' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M41 1L81 24v46L41 93 1 70V24z' fill='none' stroke='%23f6b91f' stroke-opacity='.42'/%3E%3C/svg%3E"); }
.lux-page-hero__grid { position:relative; z-index:2; display:grid; grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr); gap:64px; align-items:center; }
.lux-page-hero__copy { max-width:760px; }
.lux-page-hero h1 { margin:0 0 24px; font-size:clamp(3.2rem,5vw,5.65rem); line-height:.98; letter-spacing:-.055em; }
.lux-page-hero h1 em { color:var(--lux-cyan); font-style:normal; text-shadow:0 0 34px rgba(41,200,255,.18); }
.lux-page-hero__lead { max-width:700px; color:#c5d1e1; font-size:clamp(1.04rem,1.45vw,1.22rem); }
.lux-page-hero__meta { display:flex; flex-wrap:wrap; gap:10px; margin:30px 0 0; padding:0; list-style:none; }
.lux-page-hero__meta li { padding:8px 11px; color:#d5e6f8; background:rgba(3,17,38,.62); border:1px solid rgba(121,220,255,.18); border-radius:999px; font-size:.72rem; font-weight:750; }
.lux-page-hero__meta li:nth-child(2n) { border-color:rgba(246,185,31,.28); }

.lux-page-visual { position:relative; padding:18px; background:linear-gradient(145deg,rgba(14,54,112,.88),rgba(3,14,32,.96)); border:1px solid rgba(246,185,31,.42); border-radius:28px; box-shadow:var(--lux-shadow); }
.lux-page-visual::before,.lux-page-visual::after { content:""; position:absolute; width:62px; height:62px; pointer-events:none; }
.lux-page-visual::before { left:-8px; top:-8px; border-left:2px solid var(--lux-gold); border-top:2px solid var(--lux-gold); border-radius:18px 0 0 0; }
.lux-page-visual::after { right:-8px; bottom:-8px; border-right:2px solid var(--lux-cyan); border-bottom:2px solid var(--lux-cyan); border-radius:0 0 18px 0; }
.lux-page-visual__panel { position:relative; min-height:370px; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:32px; overflow:hidden; text-align:center; background:
  radial-gradient(circle at 50% 35%,rgba(14,76,155,.72),transparent 42%),#020817; border-radius:18px; }
.lux-page-visual__panel::before { content:""; position:absolute; inset:9%; border:1px solid rgba(41,200,255,.16); clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%); }
.lux-page-visual__panel > * { position:relative; z-index:2; }
.lux-page-visual__icon { display:grid; place-items:center; width:80px; height:80px; margin-bottom:20px; border:1px solid rgba(121,220,255,.55); border-radius:50%; background:rgba(41,200,255,.09); box-shadow:0 0 0 10px rgba(41,200,255,.04),0 0 36px rgba(41,200,255,.2); font-size:1.55rem; }
.lux-page-visual__kicker { margin:0 0 8px; color:var(--lux-gold-soft); font-size:.68rem; font-weight:850; letter-spacing:.14em; text-transform:uppercase; }
.lux-page-visual__panel strong { max-width:430px; font-size:clamp(1.35rem,2vw,2rem); line-height:1.18; }
.lux-page-visual__panel p { max-width:430px; margin:13px 0 0; color:var(--lux-muted); font-size:.82rem; }
.lux-page-visual__footer { display:flex; justify-content:space-between; gap:18px; padding:15px 7px 2px; color:var(--lux-muted); font-size:.7rem; }
.lux-page-visual__footer span { color:var(--lux-gold-soft); font-weight:800; text-transform:uppercase; letter-spacing:.08em; }

.lux-inner-section { position:relative; padding:104px 0; background:#031126; }
.lux-inner-section--deep { background:linear-gradient(180deg,#051733,#020817); }
.lux-inner-section--blue { background:linear-gradient(115deg,#07152e,#0a3674 58%,#082450); border-block:1px solid rgba(121,220,255,.14); }
.lux-inner-heading { display:grid; grid-template-columns:1.1fr .9fr; gap:68px; align-items:end; margin-bottom:44px; }
.lux-inner-heading h2 { margin:0; font-size:clamp(2.25rem,4vw,4rem); line-height:1.05; letter-spacing:-.045em; }
.lux-inner-heading > p { margin:0; color:var(--lux-muted); font-size:1rem; }

.lux-service-detail-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.lux-service-detail { position:relative; min-height:300px; padding:32px; overflow:hidden; background:linear-gradient(155deg,rgba(11,43,89,.7),rgba(4,17,39,.94)); border:1px solid rgba(121,220,255,.18); border-radius:20px; }
.lux-service-detail::after { content:""; position:absolute; width:150px; height:150px; right:-60px; bottom:-70px; border:1px solid rgba(246,185,31,.16); border-radius:50%; }
.lux-service-detail__top { display:flex; justify-content:space-between; gap:20px; align-items:flex-start; }
.lux-service-detail__number { color:rgba(255,255,255,.16); font-size:2.6rem; font-weight:900; line-height:1; }
.lux-service-detail h3 { margin:26px 0 12px; font-size:1.48rem; }
.lux-service-detail p { color:var(--lux-muted); }
.lux-service-detail ul { margin:22px 0 0; padding:0; list-style:none; display:grid; gap:9px; }
.lux-service-detail li { position:relative; padding-left:18px; color:#d9e6f5; font-size:.82rem; }
.lux-service-detail li::before { content:""; position:absolute; left:0; top:.65em; width:6px; height:6px; background:var(--lux-cyan); transform:rotate(45deg); box-shadow:0 0 8px rgba(41,200,255,.45); }
.lux-service-detail:nth-child(3n+2) { border-color:rgba(246,185,31,.28); }

.lux-path-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.lux-path-card { padding:28px; background:rgba(2,8,23,.46); border:1px solid rgba(121,220,255,.16); border-radius:18px; }
.lux-path-card span { color:var(--lux-gold); font-size:.68rem; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.lux-path-card h3 { margin:14px 0 10px; font-size:1.22rem; }
.lux-path-card p { margin:0; color:var(--lux-muted); font-size:.82rem; }

.lux-provider-hero { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; margin-top:32px; }
.lux-provider-hero div { padding:16px 12px; text-align:center; background:rgba(2,8,23,.5); border:1px solid rgba(121,220,255,.15); border-radius:12px; }
.lux-provider-hero div:nth-child(2n) { border-color:rgba(246,185,31,.28); }
.lux-provider-hero strong,.lux-provider-hero small { display:block; }
.lux-provider-hero strong { font-size:.85rem; }
.lux-provider-hero small { margin-top:4px; color:var(--lux-muted); font-size:.62rem; }

.lux-project-page-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.lux-project-proof { overflow:hidden; background:linear-gradient(150deg,#0a234a,#06152c); border:1px solid rgba(121,220,255,.18); border-radius:22px; transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.lux-project-proof:hover { transform:translateY(-5px); border-color:rgba(41,200,255,.48); box-shadow:var(--lux-shadow); }
.lux-project-proof__media { position:relative; aspect-ratio:16/9; overflow:hidden; background:#06101f; }
.lux-project-proof__media img { width:100%; height:100%; object-fit:cover; object-position:top center; }
.lux-project-proof__media::after { content:""; position:absolute; inset:0; background:linear-gradient(to top,rgba(2,8,23,.88),transparent 58%); }
.lux-project-proof__provider { position:absolute; z-index:2; left:16px; top:16px; padding:7px 10px; background:rgba(2,8,23,.8); border:1px solid rgba(246,185,31,.34); border-radius:999px; color:var(--lux-gold-soft); font-size:.64rem; font-weight:850; letter-spacing:.09em; text-transform:uppercase; }
.lux-project-proof__status { position:absolute; z-index:2; right:16px; top:16px; padding:7px 10px; background:rgba(3,42,47,.82); border:1px solid rgba(75,229,198,.28); border-radius:999px; color:#97ffe8; font-size:.6rem; font-weight:800; text-transform:uppercase; }
.lux-project-proof__body { padding:26px; }
.lux-project-proof__category { margin:0 0 8px; color:var(--lux-cyan); font-size:.65rem; font-weight:850; letter-spacing:.13em; text-transform:uppercase; }
.lux-project-proof h3 { margin:0 0 14px; font-size:1.4rem; line-height:1.2; }
.lux-project-proof__business { margin:0 0 18px; color:var(--lux-muted); font-size:.86rem; }
.lux-project-proof__outcome { padding:15px 16px; background:rgba(2,8,23,.42); border-left:2px solid var(--lux-gold); border-radius:0 10px 10px 0; color:#dce9f7; font-size:.78rem; }
.lux-project-proof__chips { display:flex; flex-wrap:wrap; gap:7px; margin-top:18px; }
.lux-project-proof__chips span { padding:6px 8px; color:#bcd3e9; background:rgba(41,200,255,.05); border:1px solid rgba(121,220,255,.13); border-radius:999px; font-size:.62rem; }

.lux-portfolio-summary { display:grid; grid-template-columns:.7fr 1.3fr; gap:52px; align-items:center; }
.lux-portfolio-summary__number { font-size:clamp(5rem,10vw,9rem); font-weight:900; line-height:.8; letter-spacing:-.07em; color:var(--lux-cyan); text-shadow:0 0 40px rgba(41,200,255,.16); }
.lux-portfolio-summary__number small { display:block; margin-top:24px; color:var(--lux-gold-soft); font-size:.75rem; letter-spacing:.14em; text-transform:uppercase; }
.lux-portfolio-summary__copy h2 { margin:0 0 18px; font-size:clamp(2.2rem,4vw,3.8rem); line-height:1.04; letter-spacing:-.04em; }
.lux-portfolio-summary__copy p { color:var(--lux-muted); }

.lux-founder-story { display:grid; grid-template-columns:.95fr 1.05fr; gap:64px; align-items:center; }
.lux-founder-story h2 { margin:0 0 20px; font-size:clamp(2.25rem,4vw,4rem); line-height:1.04; letter-spacing:-.045em; }
.lux-founder-story p { color:var(--lux-muted); }
.lux-founder-values { display:grid; gap:12px; margin-top:28px; }
.lux-founder-values div { display:grid; grid-template-columns:44px 1fr; gap:14px; align-items:start; padding:15px 0; border-bottom:1px solid rgba(121,220,255,.12); }
.lux-founder-values strong { color:var(--lux-gold); font-size:.72rem; }
.lux-founder-values span { color:#dce9f7; font-size:.86rem; }
.lux-about-stack { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.lux-about-stack article { padding:28px; min-height:220px; background:rgba(2,8,23,.44); border:1px solid rgba(121,220,255,.16); border-radius:18px; }
.lux-about-stack article:nth-child(2) { border-color:rgba(246,185,31,.28); }
.lux-about-stack h3 { margin:16px 0 10px; font-size:1.16rem; }
.lux-about-stack p { margin:0; color:var(--lux-muted); font-size:.8rem; }

.lux-contact-layout { display:grid; grid-template-columns:1.15fr .85fr; gap:34px; align-items:start; }
.lux-contact-card { padding:32px; background:linear-gradient(155deg,rgba(10,38,80,.9),rgba(3,16,37,.96)); border:1px solid rgba(121,220,255,.18); border-radius:22px; box-shadow:var(--lux-shadow); }
.lux-contact-card h2 { margin:0 0 10px; font-size:clamp(1.8rem,3vw,2.8rem); }
.lux-contact-card > p { color:var(--lux-muted); }
.lux-form { display:grid; gap:16px; margin-top:24px; }
.lux-form__row { display:grid; gap:7px; }
.lux-form__label { color:#dce9f7; font-size:.76rem; font-weight:800; }
.lux-form__input,.lux-form__textarea,.lux-form select { width:100%; padding:13px 14px !important; color:#f7fbff !important; background:rgba(2,8,23,.65) !important; border:1px solid rgba(121,220,255,.22) !important; border-radius:10px !important; box-shadow:none !important; }
.lux-form__input:focus,.lux-form__textarea:focus,.lux-form select:focus { border-color:var(--lux-cyan) !important; outline:none !important; }
.lux-form__button { min-height:52px; padding:13px 20px; color:#07152a; background:linear-gradient(135deg,var(--lux-gold-soft),var(--lux-gold)); border:0; border-radius:10px; font-weight:850; cursor:pointer; }
.lux-form__note { min-height:22px; margin:0; color:var(--lux-cyan-soft); font-size:.78rem; }
.lux-contact-aside { display:grid; gap:16px; }
.lux-contact-aside article { padding:26px; background:rgba(2,8,23,.46); border:1px solid rgba(121,220,255,.16); border-radius:18px; }
.lux-contact-aside article:first-child { border-color:rgba(246,185,31,.3); }
.lux-contact-aside span { color:var(--lux-gold); font-size:.66rem; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.lux-contact-aside h3 { margin:12px 0 10px; font-size:1.22rem; }
.lux-contact-aside p,.lux-contact-aside li { color:var(--lux-muted); font-size:.8rem; }
.lux-contact-aside ul { margin:0; padding-left:18px; }
.lux-contact-links { display:grid; gap:10px; margin-top:18px; }
.lux-contact-links a { display:flex; justify-content:space-between; gap:12px; padding:12px 14px; color:#dce9f7; background:rgba(41,200,255,.05); border:1px solid rgba(121,220,255,.15); border-radius:10px; font-size:.78rem; font-weight:750; }
.lux-contact-links a span { color:var(--lux-cyan); }
.lux-contact-links a.lux-contact-route { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:4px 12px; align-items:center; padding:15px 16px; background:linear-gradient(145deg,rgba(8,35,74,.5),rgba(2,8,23,.48)); }
.lux-contact-links a.lux-contact-route:first-child { border-color:rgba(246,185,31,.28); }
.lux-contact-route small { grid-column:1 / -1; color:#8fa7c0; font-size:.62rem; font-weight:750; letter-spacing:.04em; line-height:1.4; }
.lux-contact-route strong { color:#f5f9ff; font-size:.83rem; font-weight:850; }
.lux-contact-route > span { grid-column:2; grid-row:2; align-self:center; }

.lux-video-shell video { width:100%; aspect-ratio:16/10; object-fit:cover; border-radius:18px; background:#020817; }
.lux-video-shell .lux-page-visual__panel { min-height:360px; }
.lux-page-cta { position:relative; padding:112px 0; overflow:hidden; text-align:center; background:radial-gradient(circle at 50% 0,rgba(23,110,232,.26),transparent 56%),#020817; }
.lux-page-cta::before { content:""; position:absolute; inset:0; opacity:.16; background-image:linear-gradient(60deg,transparent 49.4%,rgba(41,200,255,.3) 50%,transparent 50.6%),linear-gradient(-60deg,transparent 49.4%,rgba(246,185,31,.26) 50%,transparent 50.6%); background-size:110px 190px; }
.lux-page-cta__inner { position:relative; max-width:860px; }
.lux-page-cta h2 { margin:0 0 18px; font-size:clamp(2.3rem,4.5vw,4.3rem); line-height:1.05; letter-spacing:-.045em; }
.lux-page-cta p { margin:0 auto 28px; max-width:680px; color:var(--lux-muted); }

@media (max-width:1080px) {
  .lux-page-hero__grid,.lux-founder-story,.lux-contact-layout { grid-template-columns:1fr; }
  .lux-page-visual { width:min(760px,100%); }
  .lux-service-detail-grid,.lux-project-page-grid { grid-template-columns:1fr 1fr; }
  .lux-about-stack { grid-template-columns:1fr 1fr; }
  .lux-portfolio-summary { grid-template-columns:1fr; gap:28px; }
}
@media (max-width:820px) {
  body.lux-inner-page .lux-nav > a.is-active::after { display:none; }
  .lux-page-hero { padding:132px 0 78px; }
  .lux-page-hero__grid { gap:34px; }
  .lux-inner-heading { grid-template-columns:1fr; gap:22px; }
  .lux-provider-hero { grid-template-columns:repeat(2,1fr); }
  .lux-service-detail-grid,.lux-project-page-grid,.lux-path-grid,.lux-about-stack { grid-template-columns:1fr; }
  .lux-inner-section { padding:82px 0; }
}
@media (max-width:620px) {
  .lux-page-hero { padding:112px 0 64px; }
  .lux-page-hero h1 { font-size:clamp(2.65rem,12.5vw,4rem); }
  .lux-page-visual { padding:9px; border-radius:20px; }
  .lux-page-visual__panel { min-height:320px; padding:24px 18px; }
  .lux-page-visual__footer { display:block; }
  .lux-page-visual__footer p { margin:6px 0 0; }
  .lux-provider-hero { grid-template-columns:1fr 1fr; }
  .lux-service-detail { padding:24px 20px; }
  .lux-project-proof__body { padding:22px 20px; }
  .lux-contact-card { padding:24px 20px; }
  .lux-page-cta { padding:86px 0; }
}

/* LuxBMI seamless section transitions: diffuse atmospheric joins, no hard dividers */
.lux-hero,.lux-trust,.lux-services,.lux-cloud-strip,.lux-projects,.lux-founder,.lux-credibility,.lux-cta,.lux-page-hero,.lux-inner-section{border-top-color:transparent!important;border-bottom-color:transparent!important;box-shadow:inset 0 34px 42px -32px rgba(2,9,25,.82),inset 0 -34px 42px -32px rgba(2,9,25,.82)}
.lux-hero+.lux-trust,.lux-trust+.lux-services,.lux-services+.lux-cloud-strip,.lux-cloud-strip+.lux-projects,.lux-projects+.lux-founder,.lux-founder+.lux-credibility,.lux-credibility+.lux-cta,.lux-page-hero+.lux-inner-section,.lux-inner-section+.lux-inner-section{margin-top:-1px}

/* Consistent spacing between inner-page sections */
.lux-page-hero+.lux-inner-section,.lux-inner-section+.lux-inner-section{margin-top:28px}
@media(max-width:900px){.lux-page-hero+.lux-inner-section,.lux-inner-section+.lux-inner-section{margin-top:18px}}
@media(max-width:600px){.lux-page-hero+.lux-inner-section,.lux-inner-section+.lux-inner-section{margin-top:14px}}

/* Inner-page cinematic soft joins */
.lux-page-hero,.lux-inner-section{box-shadow:inset 0 42px 42px -33px rgba(2,8,23,.9),inset 0 -42px 42px -33px rgba(2,8,23,.9)} 


/* Branded visual replacements for unreleased video slots */
.lux-brand-panel{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:360px;overflow:hidden;border-radius:16px;background:#04152d url("img/services-section-bg.png") center/cover no-repeat;color:#f7fbff}
.lux-brand-panel::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,rgba(2,10,26,.90),rgba(3,22,52,.70) 60%,rgba(3,20,42,.56))}
.lux-brand-panel::after{content:"";position:absolute;inset:16px;border:1px solid rgba(255,198,81,.35);clip-path:polygon(5% 0,95% 0,100% 12%,100% 88%,95% 100%,5% 100%,0 88%,0 12%);pointer-events:none}
.lux-brand-panel__content{position:relative;z-index:1;max-width:580px;padding:48px 42px;text-align:center}
.lux-brand-panel__mark{display:block;width:96px;height:96px;object-fit:contain;margin:0 auto 18px;filter:drop-shadow(0 0 18px rgba(246,185,31,.32))}
.lux-brand-panel__eyebrow{display:block;margin-bottom:12px;color:#ffd177;letter-spacing:.18em;text-transform:uppercase;font-size:.68rem;font-weight:800}
.lux-brand-panel strong{display:block;color:#fff;font-size:clamp(1.5rem,2.4vw,2.35rem);line-height:1.16;letter-spacing:-.025em}
.lux-brand-panel p{max-width:440px;margin:16px auto 22px;color:#d7edff;font-size:.88rem;line-height:1.6}
.lux-brand-panel__capabilities{display:flex;flex-wrap:wrap;justify-content:center;gap:7px}
.lux-brand-panel__capabilities span{padding:6px 9px;background:rgba(2,16,38,.65);border:1px solid rgba(91,204,255,.35);border-radius:999px;color:#bfeaff;font-size:.62rem}
.lux-video-frame--hero .lux-brand-panel{min-height:400px}
.lux-page-visual .lux-brand-panel{border-radius:16px}
.lux-brand-panel__mark--projects{margin:0 auto 20px}
@media(max-width:600px){.lux-brand-panel__content{padding:38px 24px}.lux-brand-panel{min-height:320px}.lux-video-frame--hero .lux-brand-panel{min-height:340px}.lux-brand-panel__mark{width:78px;height:78px}}

/* Services page only: animated architectural cloudscape */
body.lux-services-page .lux-page-hero{background:linear-gradient(90deg,rgba(2,8,23,.90) 0%,rgba(3,13,32,.76) 38%,rgba(3,15,37,.3) 100%),url('img/services-hero-seamless.gif') center center/cover no-repeat;background-color:#041329}
@media(max-width:900px){body.lux-services-page .lux-page-hero{background-position:center center,65% center}}
@media(max-width:600px){body.lux-services-page .lux-page-hero{background-position:center center,71% center}}

/* Distinct LuxBMI inner-page cover atmospheres */
.lux-about-page .lux-page-hero { background:radial-gradient(ellipse at 77% 34%,rgba(22,112,193,.22),transparent 43%),radial-gradient(ellipse at 66% 78%,rgba(237,175,49,.13),transparent 39%),linear-gradient(125deg,#020817 0%,#061432 48%,#102d63 100%); }
.lux-about-page .lux-page-visual__panel { background:radial-gradient(circle at 80% 20%,rgba(42,196,248,.16),transparent 33%),radial-gradient(circle at 30% 87%,rgba(249,190,66,.12),transparent 40%),linear-gradient(140deg,rgba(3,12,33,.96),rgba(9,37,81,.94)); }
.lux-about-page .lux-page-visual__panel::before { inset:10% 12%;border:2px solid rgba(255,191,66,.35);filter:drop-shadow(0 0 15px rgba(244,183,53,.24)); }
.lux-about-page .lux-page-hero::after { opacity:.38;filter:drop-shadow(0 0 8px rgba(237,181,54,.22)); }
.lux-contact-page .lux-page-hero { background:radial-gradient(ellipse at 71% 67%,rgba(68,174,232,.28),transparent 40%),radial-gradient(ellipse at 55% 18%,rgba(231,183,85,.11),transparent 39%),linear-gradient(115deg,#030b1d 8%,#092550 65%,#0d3365 100%); }
.lux-contact-page .lux-page-visual__panel { background:radial-gradient(ellipse at 78% 30%,rgba(172,220,249,.28),transparent 37%),radial-gradient(ellipse at 33% 84%,rgba(51,143,208,.32),transparent 49%),radial-gradient(ellipse at 22% 25%,rgba(211,233,251,.11),transparent 33%),linear-gradient(135deg,#04152f,#10396a 72%,#08284e); }
.lux-contact-page .lux-page-visual__panel::after { content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 60% 64%,rgba(204,230,249,.14),transparent 42%),radial-gradient(ellipse at 88% 74%,rgba(138,202,238,.18),transparent 36%);filter:blur(12px); }
.lux-contact-page .lux-page-hero::after { opacity:.09; }
@media(max-width:700px){.lux-about-page .lux-page-visual__panel,.lux-contact-page .lux-page-visual__panel{background-position:center}}
/* Page-specific animated hero cover art: Hex7 Projects, Hex6 Contact */


@media(max-width:700px){.lux-projects-page .lux-page-visual__panel,.lux-contact-page .lux-page-visual__panel{background-position:center center}}

/* Animated background belongs on the full page hero, never the foreground cover panel */
.lux-projects-page .lux-page-hero{background:linear-gradient(90deg,rgba(2,9,25,.89) 0%,rgba(2,11,29,.71) 42%,rgba(2,11,29,.3) 100%),url('img/projects-hero-hex7-seamless.gif') center center/cover no-repeat}
.lux-contact-page .lux-page-hero{background:linear-gradient(90deg,rgba(2,9,25,.89) 0%,rgba(2,11,29,.71) 42%,rgba(2,11,29,.3) 100%),url('img/contact-hero-hex6-seamless.gif') center center/cover no-repeat}
.lux-projects-page .lux-page-visual__panel,.lux-contact-page .lux-page-visual__panel{background:radial-gradient(ellipse at 78% 19%,rgba(137,213,255,.23),transparent 45%),radial-gradient(ellipse at 26% 84%,rgba(245,187,70,.12),transparent 47%),linear-gradient(145deg,#08172f,#153a72 58%,#05142d);box-shadow:inset 0 0 70px rgba(2,10,29,.34)}
.lux-projects-page .lux-page-visual__panel::after,.lux-contact-page .lux-page-visual__panel::after{display:none}
@media(max-width:700px){.lux-projects-page .lux-page-hero,.lux-contact-page .lux-page-hero{background-position:center center}}

/* Founder profile — About */
.lux-founder-profile { position:relative; background:radial-gradient(ellipse at 20% 40%,rgba(27,119,196,.12),transparent 48%),linear-gradient(135deg,#040e22,#081c3b 68%,#06142c); }
.lux-founder-profile__grid { display:grid;grid-template-columns:minmax(280px,.82fr) minmax(0,1.18fr);gap:clamp(30px,6vw,92px);align-items:center; }
.lux-founder-profile__portrait { position:relative;min-height:440px;max-width:530px;overflow:hidden;border:1px solid rgba(237,185,71,.65);border-radius:22px;background:linear-gradient(145deg,#0c2d59,#041126);box-shadow:0 25px 85px rgba(0,0,0,.33),inset 0 0 0 7px rgba(5,17,37,.75); }
.lux-founder-profile__portrait img { display:block;width:100%;height:100%;min-height:440px;max-height:660px;object-fit:cover;object-position:center 23%; }
.lux-founder-profile__portrait::after { content:"";pointer-events:none;position:absolute;inset:35% 0 0;background:linear-gradient(transparent 50%,rgba(1,11,27,.82)); }
.lux-founder-profile__photo-caption { position:absolute;z-index:2;bottom:26px;left:26px;right:26px;color:#e4f4ff;font-size:.83rem;letter-spacing:.11em;text-transform:uppercase;font-weight:750; }
.lux-founder-profile__story h2 { font-size:clamp(2.2rem,4vw,4.5rem);line-height:1.08;letter-spacing:-.045em;margin:13px 0 12px; }
.lux-founder-profile__story h2 em { font-style:normal;color:#65d7ff; }
.lux-founder-profile__story p { color:#c7d9e9;max-width:710px;line-height:1.8; }
.lux-founder-profile__story .lux-founder-profile__role { color:#f0c570;font-weight:750;letter-spacing:.04em;margin-bottom:23px; }
.lux-founder-profile__story .lux-button { margin-top:14px; }
@media(max-width:850px){.lux-founder-profile__grid{grid-template-columns:1fr}.lux-founder-profile__portrait{max-width:570px;min-height:300px}.lux-founder-profile__portrait img{min-height:300px;max-height:560px}}
/* RIGHT-SIDE HERO COVER CARDS ONLY: abstract mineral / cloud treatments */
body.lux-about-page .lux-page-visual .lux-brand-panel {
  background-color:#071632;
  background-image:
    linear-gradient(145deg,rgba(2,10,31,.68) 9%,rgba(5,20,49,.38) 51%,rgba(4,12,36,.84)),
    radial-gradient(ellipse at 18% 21%,rgba(254,221,141,.58),transparent 32%),
    radial-gradient(ellipse at 90% 78%,rgba(255,255,255,.33),transparent 31%),
    repeating-conic-gradient(from 37deg at 25% 65%,rgba(222,185,98,.09) 0deg 7deg,transparent 7deg 23deg,rgba(200,226,245,.07) 23deg 31deg,transparent 31deg 55deg),
    linear-gradient(128deg,#081b40 7%,#244377 31%,#091c44 54%,#ccac63 76%,#071631 100%);
  background-size:cover;
}
body.lux-contact-page .lux-page-visual .lux-brand-panel {
  background-color:#091c3c;
  background-image:
    linear-gradient(155deg,rgba(2,10,28,.66),rgba(6,21,48,.25) 45%,rgba(2,12,30,.83)),
    radial-gradient(ellipse at 77% 16%,rgba(254,233,179,.68),transparent 35%),
    radial-gradient(ellipse at 20% 74%,rgba(228,241,255,.48),transparent 34%),
    radial-gradient(ellipse at 56% 65%,rgba(75,129,194,.52),transparent 55%),
    repeating-linear-gradient(135deg,transparent 0px,rgba(253,204,99,.10) 2px,transparent 4px,transparent 40px),
    linear-gradient(140deg,#081936,#335c8c 46%,#b4bbc4 69%,#0b2248 100%);
  background-size:cover;
}
body.lux-about-page .lux-page-visual .lux-brand-panel::before,
body.lux-contact-page .lux-page-visual .lux-brand-panel::before {
  background:linear-gradient(180deg,rgba(1,8,22,.20),rgba(1,8,22,.52));
}
body.lux-about-page .lux-page-visual .lux-brand-panel__content,
body.lux-contact-page .lux-page-visual .lux-brand-panel__content {
  text-shadow:0 2px 14px rgba(0,7,23,.88);
}
/* Final specific uploaded-image slots (keep logo, copy, and outer hero GIFs) */
body.lux-about-page .lux-page-visual .lux-brand-panel {
  background-image:linear-gradient(145deg,rgba(2,10,31,.48),rgba(2,10,31,.26)),url('img/about-cover-card.jpg');
  background-size:cover;
  background-position:center;
}
body.lux-contact-page .lux-page-visual .lux-brand-panel {
  background-image:linear-gradient(145deg,rgba(2,10,31,.46),rgba(2,10,31,.22)),url('img/contact-cover-card.jpg');
  background-size:cover;
  background-position:center;
}
/* Clear menu over hero art at scroll top; restore legible glass on scroll. */
body.lux-projects-page .lux-header:not(.is-scrolled),
body.lux-services-page .lux-header:not(.is-scrolled),
body.lux-contact-page .lux-header:not(.is-scrolled) {
  background:transparent;
  border-bottom-color:transparent;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
body.lux-projects-page .lux-header.is-scrolled,
body.lux-services-page .lux-header.is-scrolled,
body.lux-contact-page .lux-header.is-scrolled {
  background:rgba(2,8,23,.88);
  border-bottom-color:rgba(121,220,255,.16);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
/* Services: dedicated hero cover CARD artwork, not page-wide animated hero */
body.lux-services-page .lux-page-visual .lux-brand-panel {
  background:linear-gradient(155deg,rgba(2,10,30,.58),rgba(2,10,30,.25) 48%,rgba(2,10,30,.70)),url('img/services-cover-card.png') center center / cover no-repeat;
}
body.lux-services-page .lux-page-visual .lux-brand-panel__content {
  text-shadow:0 2px 12px rgba(0,6,21,.9);
}

/* Correct mobile animated hero BACKGROUNDS. No extra GIF artwork/covers.
   Each 800x450 landscape GIF displays fully at viewport width with contain-style
   sizing (100% auto); tall page space remains the same uninterrupted hero. */
@media (max-width:820px) {
  body.lux-services-page .lux-page-hero__copy::after,
  body.lux-projects-page .lux-page-hero__copy::after,
  body.lux-contact-page .lux-page-hero__copy::after {
    content:none;
    display:none;
  }
  body.lux-services-page .lux-page-hero,
  body.lux-projects-page .lux-page-hero,
  body.lux-contact-page .lux-page-hero {
    background-color:#041329;
    background-repeat:no-repeat;
    background-size:100% 100%,100% auto,100% 100%,100% 100%;
    background-position:center,center top,center,center;
  }
  body.lux-services-page .lux-page-hero {
    background-image:
      linear-gradient(180deg,rgba(2,8,23,.73),rgba(2,8,23,.37) 28%,rgba(2,8,23,.61) 64%,rgba(2,8,23,.90)),
      url("img/services-hero-seamless.gif"),
      radial-gradient(ellipse at 73% 30%,rgba(19,80,142,.48),transparent 65%),
      linear-gradient(145deg,#020a19,#061a35 60%,#041329);
  }
  body.lux-projects-page .lux-page-hero {
    background-image:
      linear-gradient(180deg,rgba(2,8,23,.73),rgba(2,8,23,.37) 28%,rgba(2,8,23,.61) 64%,rgba(2,8,23,.90)),
      url("img/projects-hero-hex7-seamless.gif"),
      radial-gradient(ellipse at 73% 30%,rgba(19,80,142,.48),transparent 65%),
      linear-gradient(145deg,#020a19,#061a35 60%,#041329);
  }
  body.lux-contact-page .lux-page-hero {
    background-image:
      linear-gradient(180deg,rgba(2,8,23,.73),rgba(2,8,23,.37) 28%,rgba(2,8,23,.61) 64%,rgba(2,8,23,.90)),
      url("img/contact-hero-hex6-seamless.gif"),
      radial-gradient(ellipse at 73% 30%,rgba(19,80,142,.48),transparent 65%),
      linear-gradient(145deg,#020a19,#061a35 60%,#041329);
  }
}


/* About founder portrait luxury frame — isolated from all other visual cards.
   Separate caption from photograph; no words covering the founder's face.
   Gold outer casing, metallic silver interior trim, centered/upward crop. */
body.lux-about-page .lux-founder-profile__grid {
  align-items:center;
}
body.lux-about-page .lux-founder-profile__portrait {
  display:flex;
  flex-direction:column;
  justify-self:center;
  align-self:center;
  width:100%;
  max-width:530px;
  min-height:0;
  position:relative;
  top:-22px;
  overflow:hidden;
  border:3px solid #eabc59;
  border-radius:22px;
  background:linear-gradient(150deg,#0c2a4c,#020c1e);
  box-shadow:
    0 0 0 1px rgba(255,236,176,.2),
    0 22px 68px rgba(0,4,15,.51),
    0 0 25px rgba(228,169,74,.13),
    inset 0 0 0 1px rgba(255,225,168,.13);
}
/* Actual inset trim stays above the image, below interactive/caption content. */
body.lux-about-page .lux-founder-profile__portrait::before {
  content:"";
  position:absolute;
  z-index:3;
  pointer-events:none;
  inset:7px;
  border:2px solid rgba(213,226,239,.89);
  border-radius:15px;
  box-shadow:
    inset 0 0 0 1px rgba(246,248,255,.15),
    0 0 7px rgba(211,224,239,.18);
}
/* Eliminate old photo-wide lower gradient overlay: caption is a separate footer. */
body.lux-about-page .lux-founder-profile__portrait::after {
  content:none;
  display:none;
}
body.lux-about-page .lux-founder-profile__portrait > img {
  display:block;
  width:100%;
  flex:0 0 auto;
  height:550px;
  min-height:0;
  max-height:none;
  object-fit:cover;
  object-position:center 43%;
  border-radius:0;
}
body.lux-home.lux-about-page .lux-founder-profile__portrait > .lux-founder-profile__photo-caption {
  display:flex;
  position:relative;
  z-index:4;
  left:auto;
  right:auto;
  bottom:auto;
  align-items:center;
  justify-content:center;
  min-height:75px;
  width:100%;
  margin:0;
  padding:16px 19px;
  border-top:1.5px solid rgba(215,226,237,.76);
  border-left:1px solid rgba(234,188,89,.24);
  border-right:1px solid rgba(234,188,89,.24);
  background:linear-gradient(135deg,#0a1d35 5%,#030d1f 100%);
  box-shadow:inset 0 1px 0 rgba(255,245,214,.1),0 -4px 15px rgba(0,0,0,.24);
  color:#f8f3e4;
  font-size:.95rem;
  font-weight:800;
  letter-spacing:.095em;
  line-height:1.35;
  text-align:center;
  paint-order:stroke fill;
  -webkit-text-stroke:.85px rgba(3,8,18,.95);
  text-shadow:
    0 1px 0 rgba(0,0,0,.97),
    0 2px 4px rgba(0,0,0,.8),
    0 0 11px rgba(236,190,99,.24);
}
@media(max-width:850px) {
  body.lux-about-page .lux-founder-profile__portrait {
    justify-self:center;
    align-self:start;
    top:-13px;
    margin-bottom:8px;
    max-width:min(100%,570px);
  }
  body.lux-about-page .lux-founder-profile__portrait > img {
    height:clamp(390px,125vw,530px);
    min-height:0;
    max-height:none;
    object-position:center 43%;
  }
  body.lux-home.lux-about-page .lux-founder-profile__portrait > .lux-founder-profile__photo-caption {
    min-height:67px;
    padding:14px 15px;
    font-size:.84rem;
    letter-spacing:.075em;
    -webkit-text-stroke:.7px rgba(3,8,18,.94);
  }
}
@media(max-width:360px) {
  body.lux-about-page .lux-founder-profile__portrait::before {inset:6px;}
  body.lux-home.lux-about-page .lux-founder-profile__portrait > .lux-founder-profile__photo-caption {font-size:.76rem;letter-spacing:.04em;padding:13px 10px;-webkit-text-stroke:.65px rgba(3,8,18,.92);}
}
@media(forced-colors:active) {
  body.lux-about-page .lux-founder-profile__portrait {border-color:CanvasText;}
  body.lux-about-page .lux-founder-profile__portrait::before {border-color:CanvasText;box-shadow:none;}
}

/* Font1.png reference: matching squared-gold-outline hero on inner website pages
   Font1 is artwork, so these other headings remain real, selectable text.
   Their editable Oxanium ExtraBold display styling matches the hero treatment. */
body.lux-inner-page .lux-page-hero h1,
body.lux-inner-page .lux-page-hero h1 em {
  font-family:"Oxanium","Segoe UI",sans-serif!important;
  font-weight:800!important;
  font-style:normal;
  letter-spacing:-.055em;
  line-height:1.02;
  -webkit-text-stroke:1px rgba(232,177,70,.96);
  paint-order:stroke fill;
  text-shadow:0 1px 0 #171725,0 3px 0 #070e1a,0 5px 0 rgba(3,8,20,.95),
              0 10px 19px rgba(0,5,18,.64);
}
body.lux-inner-page .lux-page-hero h1 {color:#f8fbff}
body.lux-inner-page .lux-page-hero h1 em {color:#29c8ff}
body.lux-inner-page :is(.lux-inner-heading h2,.lux-inner-section h2) {
  font-family:"Oxanium","Segoe UI",sans-serif!important;
  font-weight:800!important;
  letter-spacing:-.043em;
  -webkit-text-stroke:.5px rgba(229,167,68,.9);
  paint-order:stroke fill;
  text-shadow:0 2px 0 #061023,0 4px 11px rgba(0,7,21,.67);
}
@media(max-width:620px){
  body.lux-inner-page .lux-page-hero h1,
  body.lux-inner-page .lux-page-hero h1 em {
    -webkit-text-stroke:.65px rgba(232,177,70,.96);
    text-shadow:0 2px 0 #061023,0 4px 11px rgba(0,5,18,.75);
  }
  body.lux-inner-page :is(.lux-inner-heading h2,.lux-inner-section h2){
    -webkit-text-stroke:.3px rgba(232,177,70,.9);
  }
}
@media(forced-colors:active){
  body.lux-inner-page .lux-page-hero h1,
  body.lux-inner-page .lux-page-hero h1 em,
  body.lux-inner-page :is(.lux-inner-heading h2,.lux-inner-section h2){
    -webkit-text-stroke:0;text-shadow:none;
  }
}
