/* LAMTANS Group theme (Hyperspace-style, light). Designed & developed by LAMTANS Technologies LLC, USA - part of the LAMTANS Group */
:root{--red:#E31E24;--red2:#b5161b;--blue:#0B54A0;--ink:#0d1b2a;--text:#3c4858;--mute:#6b7688;--line:#e6ebf2;--tint:#f5f7fb;--tint2:#eef3fa;--side:18em}
*{box-sizing:border-box;margin:0;padding:0}
html{font-size:16.5px;scroll-behavior:smooth}
body{font-family:'Source Sans 3','Segoe UI',system-ui,Arial,sans-serif;background:#fff;color:var(--text);line-height:1.75}
a{color:var(--blue);text-decoration:none}a:hover{color:var(--red)}
img{max-width:100%;height:auto}
h1,h2,h3{color:var(--ink);font-weight:700;line-height:1.3}
h2{font-size:1.75em;margin-bottom:.75em}h3{font-size:1.1em;margin-bottom:.5em}
p{margin-bottom:1.5em}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.6em 1em;z-index:100}.skip:focus{left:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.previewbar{position:fixed;bottom:0;left:0;right:0;z-index:60;background:#fff7ed;color:#9a3412;font-size:.75em;text-align:center;padding:.3em;border-top:1px solid #fed7aa}
.button{display:inline-block;height:2.9em;line-height:2.9em;padding:0 1.9em;border-radius:.3em;font-size:.8em;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink);transition:all .2s;white-space:nowrap;border:0;background:transparent;cursor:pointer;font-family:inherit}
.button:hover{box-shadow:inset 0 0 0 2px var(--red);color:var(--red)}
.button.primary{color:#fff;box-shadow:none;background:linear-gradient(90deg,var(--red),var(--red2) 35%,var(--blue))}
.button.primary:hover{color:#fff;filter:brightness(1.08)}
.button:disabled{opacity:.6;cursor:default}
ul.actions{list-style:none;display:flex;gap:1em;flex-wrap:wrap}
/* sidebar */
#sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--side);background:#fff;border-right:1px solid var(--line);padding:2.5em 2.5em 2em;display:flex;flex-direction:column;z-index:10}
#sidebar .logo img{width:100%;max-width:12em;height:auto;display:block}
#sidebar nav{flex:1;display:flex;align-items:center}
#sidebar nav ul{list-style:none;width:100%}
#sidebar nav a{position:relative;display:block;padding:1.35em 0;font-size:.68em;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:#a3acba;transition:color .2s}
#sidebar nav a::after{content:"";position:absolute;left:0;bottom:0;height:.2em;width:100%;max-width:0;border-radius:.2em;background:linear-gradient(to right,var(--red),var(--blue));transition:max-width .25s}
#sidebar nav a:hover,#sidebar nav a.active{color:var(--ink)}#sidebar nav a.active::after{max-width:100%}
#sidebar .staff{font-size:.72em;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
#wrapper{margin-left:var(--side)}
.wrapper{position:relative}
.wrapper>.inner{padding:5em 5em 3em;max-width:78em}
.style1{background:#fff}.style2{background:var(--tint)}.style3{background:var(--tint2)}
/* intro */
#intro{min-height:100vh;display:flex;align-items:center;overflow:hidden}
#intro .swirl{position:absolute;right:-14em;top:50%;width:46em;height:46em;margin-top:-23em;border-radius:50%;pointer-events:none;background:conic-gradient(from 0deg,rgba(227,30,36,0) 0deg,rgba(227,30,36,.22) 70deg,rgba(11,84,160,0) 160deg,rgba(11,84,160,.22) 260deg,rgba(227,30,36,0) 360deg);filter:blur(40px);animation:spin 18s linear infinite}
#intro .orbit{position:absolute;right:-8em;top:50%;width:34em;height:34em;margin-top:-17em;border-radius:50%;border:1px solid rgba(13,27,42,.07)}
#intro .inner{position:relative}
#intro h1{font-size:4.1em;font-weight:900;letter-spacing:-.02em;line-height:1.05;margin-bottom:.35em}
#intro h1 span{display:block;font-size:.42em;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:var(--mute);margin-top:.6em}
#intro p{font-size:1.2em;max-width:34em}
.acro{font-size:1.05em;letter-spacing:.03em;color:var(--mute);margin:-.6em 0 2.2em}
.acro b{color:var(--ink);font-weight:900}.acro b.r{color:var(--red)}.acro b.b{color:var(--blue)}
@keyframes spin{to{transform:rotate(360deg)}}
/* spotlights */
.spotlights>section{display:flex;min-height:22em;border-top:1px solid var(--line);background:#fff}
.spotlights>section:nth-child(even){background:var(--tint)}
.spotlights .image{flex:0 0 25em;position:relative;overflow:hidden;display:block}
.spotlights .image svg,.spotlights .image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.spotlights .content{padding:4em 5em 2.5em;display:flex;flex-direction:column;justify-content:center;max-width:44em}
.kicker{font-size:.72em;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--c,var(--red));margin-bottom:.4em}
.chips{display:flex;flex-wrap:wrap;gap:.45em;margin:-.5em 0 1.6em}
.chips span{font-size:.72em;font-weight:700;letter-spacing:.06em;border:1px solid var(--line);border-radius:999px;padding:.15em .9em;color:var(--text);background:#fff}
/* features */
.features{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #d8e1ee;margin:2.5em 0 3em}
.features section{position:relative;padding:3em 3em 1em 7.5em;border-bottom:1px solid #d8e1ee}
.features section:nth-child(odd){border-right:1px solid #d8e1ee}
.features .icon{position:absolute;left:2.6em;top:3em;width:3.3em;height:3.3em;border-radius:100%;display:grid;place-items:center;background:#fff;box-shadow:0 0 0 1px #d8e1ee}
.features .icon svg{width:1.5em;height:1.5em;stroke:var(--c);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* contact */
.split{display:grid;grid-template-columns:1.25fr 1fr;margin-top:2em}
.split>section:first-child{padding-right:4em;border-right:1px solid var(--line)}
.split>section:last-child{padding-left:4em}
.lg-form .fields{display:grid;grid-template-columns:1fr 1fr;gap:1.4em}
.lg-form .full{grid-column:1/-1}
.lg-form label{display:block;font-size:.72em;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);margin-bottom:.8em}
.lg-form input,.lg-form select,.lg-form textarea{width:100%;font:inherit;font-size:.95em;padding:.7em .9em;border:0;border-radius:.3em;background:var(--tint);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink)}
.lg-form input:focus,.lg-form select:focus,.lg-form textarea:focus{outline:0;box-shadow:inset 0 0 0 2px var(--blue)}
.lg-form textarea{min-height:9em;resize:vertical}
.lg-form .check{display:flex;gap:.7em;align-items:flex-start;font-size:.85em;letter-spacing:0;text-transform:none;font-weight:400;color:var(--text)}
.lg-form .check input{width:auto;margin-top:.35em;box-shadow:none}
.lg-form .hp{position:absolute;left:-9999px}
.lg-form ul.actions{margin-top:1.8em}
.lg-form .msg{margin-top:1em;font-weight:600}.lg-form .msg.err{color:var(--red2)}
.lg-thanks{padding:2em;border-radius:.4em;background:var(--tint);box-shadow:inset 0 0 0 1px var(--line)}
.lg-thanks h3{color:var(--blue)}
ul.contact{list-style:none}
ul.contact li{padding:1.6em 0 .6em;border-top:1px solid var(--line)}
ul.contact li:first-child{padding-top:0;border-top:0}
ul.contact h3{font-size:.72em;letter-spacing:.2em;text-transform:uppercase;margin-bottom:.6em}
ul.contact p{margin-bottom:.9em;font-size:.95em}
ul.contact .loc{font-weight:700;color:var(--ink)}
/* inner pages */
.page-head{padding-top:1em}
.page-head .inner{padding-top:6em}
.page-head h1{font-size:3em;font-weight:900;letter-spacing:-.015em;line-height:1.1;margin-bottom:.4em}
.page-head .lead{font-size:1.2em;max-width:40em}
.prose{max-width:48em}
.prose h2{margin-top:1.4em}.prose h3{margin-top:1em}
.prose ul,.prose ol{margin:0 0 1.5em 1.3em}.prose li{margin-bottom:.4em}
.prose strong{color:var(--ink)}
.countries{display:flex;flex-wrap:wrap;gap:.45em;margin:0 0 1.8em}
.countries span{font-size:.8em;font-weight:600;border:1px solid var(--line);border-radius:999px;padding:.2em .9em;background:#fff;color:var(--ink)}
.faq details{border-bottom:1px solid #d8e1ee;padding:1em 0}
.faq summary{cursor:pointer;font-weight:700;color:var(--ink);list-style:none;position:relative;padding-right:2em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:.2em;top:0;color:var(--red);font-weight:900}
.faq details[open] summary::after{content:"\2212"}
.faq details>div{padding-top:.6em}
/* footer */
#footer{background:var(--tint);border-top:1px solid var(--line)}
#footer .inner{padding:2.5em 5em;display:flex;flex-wrap:wrap;gap:.6em 1.6em;font-size:.8em;color:var(--mute)}
#footer a{color:var(--mute)}#footer a:hover{color:var(--red)}
#footer .credit{width:100%;font-size:.92em;color:#9aa4b2}
/* reveal on scroll */
.js .fade-up{opacity:0;transform:translateY(1.5em);transition:opacity .9s ease,transform .9s ease}
.js .fade-up.in{opacity:1;transform:none}
/* top bar (tablet / phone) */
#topbar{display:none}
@media(max-width:1100px){
  #sidebar{display:none}#wrapper{margin-left:0}
  #topbar{display:flex;position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid var(--line);align-items:center;justify-content:space-between;padding:.8em 1.2em}
  #topbar img{height:1.9em;width:auto;display:block}
  .burger{border:0;background:none;width:2.4em;height:2.4em;display:flex;flex-direction:column;justify-content:center;gap:.32em;cursor:pointer}
  .burger span{display:block;width:1.6em;height:2px;background:var(--ink);border-radius:2px}
  #mnav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:.6em 1.2em 1.2em;flex-direction:column}
  #mnav.open{display:flex}
  #mnav a{padding:.9em 0;font-size:.72em;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--line)}
}
@media(max-width:736px){
  html{font-size:15px}
  .wrapper>.inner{padding:3.5em 1.4em 2em}
  #intro{min-height:88vh}#intro h1{font-size:2.8em}
  .spotlights>section{flex-direction:column}.spotlights .image{flex:0 0 13em;height:13em}
  .spotlights .content{padding:2.5em 1.4em 1.5em}
  .features{grid-template-columns:1fr}.features section{padding:2.2em 0 .5em 5em;border-right:0!important}.features .icon{left:.4em;top:2.2em}
  .split{grid-template-columns:1fr}.split>section:first-child{padding-right:0;border-right:0;border-bottom:1px solid var(--line);padding-bottom:2.5em;margin-bottom:2.5em}.split>section:last-child{padding-left:0}
  .lg-form .fields{grid-template-columns:1fr}
  .page-head .inner{padding-top:3.5em}.page-head h1{font-size:2.2em}
  #footer .inner{padding:2em 1.4em}
}
/* ENTER splash (same as the portal) */
html.lg-lock,html.lg-lock body{overflow:hidden}
.lg-splash{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(1200px 700px at 50% 38%,#fff 0%,#f4f6fb 55%,#e7ecf6 100%);transition:opacity .6s ease,visibility .6s}
.lg-splash[hidden]{display:none}
.lg-splash.out{opacity:0;visibility:hidden}
.lg-splash .stage{position:relative;width:min(92vw,880px);display:grid;place-items:center;text-align:center}
.lg-splash .swirl{position:absolute;top:50%;left:50%;width:760px;height:760px;transform:translate(-50%,-58%);pointer-events:none}
.lg-splash .ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,rgba(227,30,36,0) 0deg,rgba(227,30,36,.55) 60deg,rgba(11,84,160,0) 150deg,rgba(11,84,160,.55) 250deg,rgba(227,30,36,0) 360deg);filter:blur(46px);opacity:0;animation:spin 14s linear infinite,sp-in 1.4s ease .2s forwards}
.lg-splash .ring.two{background:conic-gradient(from 180deg,rgba(11,84,160,0) 0deg,rgba(11,84,160,.4) 80deg,rgba(227,30,36,0) 200deg,rgba(227,30,36,.4) 300deg,rgba(11,84,160,0) 360deg);filter:blur(30px);animation:spin 22s linear infinite reverse,sp-in 1.6s ease .3s forwards;transform:scale(.72)}
.lg-splash .orbit{position:absolute;top:50%;left:50%;width:640px;height:640px;margin:-320px 0 0 -320px;border-radius:50%;border:1px solid rgba(13,27,42,.06);opacity:0;animation:sp-in 1.2s ease .5s forwards}
.lg-splash .orbit i{position:absolute;top:50%;left:50%;width:0;height:0;animation:spin 9s linear infinite}
.lg-splash .orbit i.b{animation-duration:13s;animation-direction:reverse}
.lg-splash .orbit i::after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;left:308px;top:-6px;background:var(--red);box-shadow:0 0 18px rgba(227,30,36,.8)}
.lg-splash .orbit i.b::after{background:var(--blue);box-shadow:0 0 18px rgba(11,84,160,.8);left:-320px}
.lg-splash .logo-outer{position:relative;z-index:2;width:min(78vw,620px);perspective:1500px;filter:drop-shadow(0 12px 26px rgba(13,27,42,.10));opacity:0;transform:translateY(14px) scale(.94);animation:sp-logo 1.3s cubic-bezier(.2,.7,.2,1) .25s forwards}
.lg-splash .logo-float{animation:sp-float 6s ease-in-out 1.6s infinite}
.lg-splash .logo-flip{position:relative;width:100%;transform-style:preserve-3d;animation:sp-swing 9s cubic-bezier(.45,.05,.35,1) 2.2s infinite}
.lg-splash .face{display:block;width:100%;height:auto;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.lg-splash .face.back{position:absolute;inset:0;transform:rotateY(180deg)}
.lg-splash .tagline{margin-top:24px;z-index:2;position:relative;font-size:clamp(15px,2.4vw,20px);font-weight:500;color:#5b6779;opacity:0;animation:sp-up .9s ease 1.7s forwards}
.lg-splash .tagline .in{font-weight:800;color:var(--ink)}.lg-splash .tagline .in.r{color:var(--red)}.lg-splash .tagline .in.b{color:var(--blue)}
.lg-splash .enter{position:relative;z-index:2;margin-top:52px;display:inline-flex;align-items:center;gap:12px;padding:16px 46px;border:0;border-radius:999px;cursor:pointer;font-family:inherit;font-weight:700;font-size:18px;line-height:1;letter-spacing:.32em;color:#fff;background:linear-gradient(135deg,var(--red),var(--red2) 40%,var(--blue));background-size:200% 100%;box-shadow:0 14px 30px rgba(11,84,160,.28);opacity:0;transform:translateY(10px);animation:sp-up .8s ease 2.1s forwards;transition:transform .18s,box-shadow .18s,background-position .5s}
.lg-splash .enter:hover{transform:translateY(-2px);background-position:100% 0}
.lg-splash .hint{margin-top:20px;font-size:12.5px;letter-spacing:.14em;color:#7a8699;opacity:0;animation:sp-up .8s ease 2.5s forwards}
@keyframes sp-in{to{opacity:1}}
@keyframes sp-logo{to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes sp-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes sp-swing{0%,9%{transform:rotateY(0)}41%,59%{transform:rotateY(180deg)}91%,100%{transform:rotateY(360deg)}}
@keyframes sp-up{to{opacity:1;transform:translateY(0)}}
@media(max-width:560px){.lg-splash .swirl{width:520px;height:520px}.lg-splash .orbit{width:420px;height:420px;margin:-210px 0 0 -210px}.lg-splash .orbit i::after{left:200px}.lg-splash .orbit i.b::after{left:-212px}.lg-splash .enter{padding:15px 38px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.lg-splash *,#intro .swirl{animation-duration:.01ms!important;animation-iteration-count:1!important}.js .fade-up{transition:none}}
/* wordmark: LAMTANS in a wide face with the logo's red and blue A legs */
#intro h1 .wm{font-family:Montserrat,'Source Sans 3',sans-serif;font-weight:800;letter-spacing:.05em;font-size:1.12em;display:inline-block}
#intro h1 .wm b{font-weight:inherit;-webkit-background-clip:text;background-clip:text;color:transparent}
#intro h1 .wm b.a-red{background-image:linear-gradient(90deg,#E31E24 0 46%,#0d1b2a 46%)}
#intro h1 .wm b.a-blue{background-image:linear-gradient(90deg,#0B54A0 0 46%,#0d1b2a 46%)}

/* business pages: photo header + group strip (lt03) */
.page-photo{height:26em;overflow:hidden;background:var(--tint)}
.page-photo img{width:100%;height:100%;object-fit:cover;display:block}
.group-strip .gs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2em;margin-top:1.5em}
.group-strip .gs-grid a{display:block;padding:1.4em 1.5em;border-radius:.4em;background:#fff;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);text-decoration:none;transition:box-shadow .2s,transform .2s}
.group-strip .gs-grid a:hover{box-shadow:inset 0 0 0 2px var(--blue);transform:translateY(-2px)}
.group-strip .gs-grid small{display:block;font-size:.7em;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--red)}
.group-strip .gs-grid strong{display:block;font-size:1.15em;margin:.2em 0}
.group-strip .gs-grid span{display:block;font-size:.9em;color:var(--text)}
@media(max-width:980px){.page-photo{height:14em}.group-strip .gs-grid{grid-template-columns:1fr}}
/* about page + mission/vision strip (lt04) */
.mv-strip{background:linear-gradient(135deg,#fff 0%,var(--tint) 100%);border-top:1px solid var(--line)}
.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5em;margin-bottom:2em}
.mv{padding:1.8em 2em;border-radius:.4em;background:#fff;box-shadow:inset 0 0 0 1px var(--line);border-top:4px solid var(--red)}
.mv+.mv{border-top-color:var(--blue)}
.mv small{display:block;font-size:.72em;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin-bottom:.5em}
.mv p{margin:0}
.beliefs{display:grid;grid-template-columns:1fr 1fr;gap:1.2em 2em;margin-top:1em}
.beliefs strong{color:var(--ink)}.beliefs p{margin:.3em 0 0}
blockquote.founder{margin:1em 0 0;padding:2em 2.4em;border-left:4px solid var(--red);background:#fff;border-radius:0 .4em .4em 0;box-shadow:inset 0 0 0 1px var(--line);font-size:1.05em}
blockquote.founder footer{margin-top:1em;display:flex;flex-direction:column}
blockquote.founder footer span{font-size:.85em;color:var(--text)}
@media(max-width:980px){.mv-grid,.beliefs{grid-template-columns:1fr}}

/* tagline reveal + founder message (lt05) */
.acro{display:inline-block;position:relative;margin:.2em 0 2.2em;padding-bottom:.45em;font-size:clamp(1.3rem,2.5vw,2.1rem);font-weight:300;line-height:1.35;letter-spacing:.01em;color:var(--ink)}
.acro .w{display:inline-block;opacity:0;transform:translateY(.7em);animation:acro-in .75s cubic-bezier(.2,.7,.2,1) forwards}
.acro .w b{font-weight:900;font-size:1.22em;color:var(--ink)}
.acro .w b.r{color:var(--red)}.acro .w b.b{color:var(--blue)}
.acro .w:nth-child(1){animation-delay:.3s}.acro .w:nth-child(2){animation-delay:.45s}.acro .w:nth-child(3){animation-delay:.6s}.acro .w:nth-child(4){animation-delay:.75s}.acro .w:nth-child(5){animation-delay:.9s}.acro .w:nth-child(6){animation-delay:1.05s}.acro .w:nth-child(7){animation-delay:1.2s}
.acro::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;border-radius:3px;background:linear-gradient(90deg,var(--red),var(--blue));transform:scaleX(0);transform-origin:left;animation:acro-line 1s ease 1.5s forwards}
.lg-lock .acro .w,.lg-lock .acro::after{animation-play-state:paused}
@keyframes acro-in{to{opacity:1;transform:none}}
@keyframes acro-line{to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.acro .w{opacity:1;transform:none;animation:none}.acro::after{transform:none;animation:none}}
.founder-wrap{display:grid;grid-template-columns:minmax(14em,22em) 1fr;gap:3em;align-items:center}
.founder-photo{margin:0;border-radius:.5em;overflow:hidden;box-shadow:0 18px 40px rgba(13,27,42,.14);aspect-ratio:4/5;background:var(--tint)}
.founder-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;display:block}
.founder-msg .eyebrow{font-size:.72em;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--red)}
.founder-msg h2{margin:.3em 0 .8em}
.founder-msg blockquote.founder{margin:0;font-size:1.05em}
.founder-sign{margin-top:1.2em;display:flex;flex-direction:column}
.founder-sign strong{font-size:1.15em;color:var(--ink)}.founder-sign span{font-size:.85em;color:var(--mute);letter-spacing:.04em}
@media(max-width:980px){.founder-wrap{grid-template-columns:1fr;gap:1.8em}.founder-photo{max-width:20em}}
