:root{
  --primary:#263144;
  --secondary:#5f7896;
  --soft-blue:#6f8396;
  --light:#f4f6f8;
  --accent:#3a6ba5;
  --ink:#12151a;
  --muted:#5d6672;
  --line:#c7ced6;
  --line-soft:#e2e7ec;
  --white:#ffffff;
  --max:1248px;
  --serif: Georgia, "Times New Roman", serif;
  --sans: Inter, Arial, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--white);line-height:1.5;text-rendering:geometricPrecision}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 56px));margin:0 auto}
.topbar{height:36px;background:var(--light);color:var(--primary);font-size:13px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line-soft);letter-spacing:.01em}
.nav{height:96px;background:#fff;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;position:sticky;top:0;z-index:50}
.nav-inner{display:grid;grid-template-columns:42px 230px 1fr auto;gap:30px;align-items:center}
.hamburger{width:28px;height:22px;display:grid;gap:5px;background:transparent;border:0;padding:0;cursor:pointer}
.hamburger span{display:block;height:3px;background:var(--primary)}
.logo img{width:190px;height:auto}
.nav-links{display:flex;align-items:center;gap:30px;font-size:14px;color:#354052}
.nav-links a{transition:.18s ease}
.nav-links a:hover{color:var(--accent)}
.nav-cta{background:var(--accent);color:#fff!important;padding:14px 20px;font-weight:700}
.mobile-panel{display:none;position:fixed;z-index:60;top:132px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line-soft);padding:22px 28px}
.mobile-panel.open{display:block}
.mobile-panel a{display:block;padding:15px 0;border-bottom:1px solid var(--line-soft);font-size:20px}
.hero{position:relative;min-height:850px;background:var(--primary);overflow:hidden}
.hero-media{position:absolute;inset:0 0 190px 0}
.hero-media img{width:100%;height:100%;object-fit:cover}
.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(38,49,68,.96),rgba(38,49,68,.66),rgba(38,49,68,.38))}
.hero-content{position:relative;z-index:2;padding-top:198px;color:#fff}
.hero-kicker,.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:13px;font-weight:800;color:var(--accent);margin-bottom:18px}
.hero-kicker{color:#c7d3df;margin-bottom:24px}
.hero h1{font-family:var(--serif);font-size:clamp(4.4rem,8.4vw,8.5rem);line-height:.92;letter-spacing:-.052em;max-width:980px;margin:0 0 34px;font-weight:500}
.hero-sub{font-size:24px;line-height:1.43;color:rgba(255,255,255,.84);max-width:745px;margin:0 0 34px}
.btn{display:inline-flex;align-items:center;gap:12px;background:var(--accent);color:#fff;padding:18px 28px;font-weight:700;font-size:16px;border:0;cursor:pointer;transition:.18s ease}
.btn:hover{opacity:.84;transform:translateY(-1px)}
.btn.light{background:#fff;color:var(--primary)}
.hero-card-wrap{position:relative;z-index:3;margin-top:56px}
.hero-card{width:min(835px,82%);background:#fff;color:var(--ink);padding:54px 60px;font-size:22px;line-height:1.55;box-shadow:-32px 32px 0 var(--secondary)}
.hero-card p{margin:0 0 24px}.hero-card p:last-child{margin-bottom:0}
.hero-panel{position:absolute;z-index:4;right:0;bottom:0;width:472px;background:var(--accent);padding:30px 0 0 30px}
.hero-panel-inner{background:var(--primary);color:#fff;padding:38px;min-height:250px}
.hero-panel .label{letter-spacing:.16em;text-transform:uppercase;font-size:12px;color:#bccadb;font-weight:800;margin-bottom:18px}
.hero-panel strong{font-family:var(--serif);font-size:50px;line-height:.94;letter-spacing:-.045em;display:block;margin-bottom:18px;font-weight:500}
.hero-panel p{color:rgba(255,255,255,.78);margin:0}
.section{padding:128px 0}
.section.light{background:var(--light)}
.section.dark{background:var(--primary);color:#fff}
.section.compact{padding:92px 0}
.section-title{text-align:center;font-size:clamp(3rem,6vw,5.7rem);font-weight:300;letter-spacing:-.058em;line-height:1.05;margin:0 0 58px}
.section-title strong{font-family:var(--serif);font-weight:500}
.dark .eyebrow{color:#c7d3df}
.brochure-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:96px;align-items:start}
.brochure-grid h2{font-family:var(--serif);font-size:clamp(3.2rem,5.8vw,6.7rem);line-height:.96;letter-spacing:-.055em;margin:0;font-weight:500}
.brochure-copy{font-size:23px;line-height:1.56;color:#273141}
.brochure-copy p{margin:0 0 30px}
.dark .brochure-copy{color:rgba(255,255,255,.8)}
.link-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 58px;border-top:1px solid var(--line)}
.link-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:31px 0;border-bottom:1px solid var(--line);font-size:clamp(1.35rem,2vw,2rem);line-height:1.15}
.arrow{color:var(--accent);font-size:42px;line-height:1;font-weight:300}
.client-band{background:#fff;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);padding:72px 0}
.client-header{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:42px}
.client-header h2{font-family:var(--serif);font-size:clamp(2.4rem,4vw,4.4rem);line-height:1;margin:0;font-weight:500;letter-spacing:-.04em}
.client-header p{color:var(--muted);max-width:480px;margin:0;font-size:18px}
.logo-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.logo-tile{min-height:195px;display:grid;place-items:center;padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}
.logo-tile img{max-width:245px;max-height:104px;filter:grayscale(1);opacity:.82;transition:.2s ease}
.logo-tile:hover img{filter:grayscale(0);opacity:1}
.logo-caption{margin-top:12px;color:var(--muted);font-size:13px;text-align:center}
.visual-band{background:var(--secondary);padding:92px 0;color:#fff}
.visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:150px}
.visual-card{max-width:440px;margin:0 auto}
.visual-thumb{position:relative;aspect-ratio:1.62;background:#111;overflow:hidden}
.visual-thumb img{width:100%;height:100%;object-fit:cover}
.play{position:absolute;inset:0;margin:auto;width:74px;height:74px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.18)}
.play:after{content:"";border-left:18px solid #fff;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:5px}
.visual-card h3{font-family:var(--serif);font-size:36px;line-height:1.05;margin:24px 0 10px;font-weight:500;letter-spacing:-.035em}
.visual-card p{margin:0;color:rgba(255,255,255,.86)}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line);margin-top:76px}
.metric{min-height:306px;padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;background:#fff}
.metric strong{font-family:var(--serif);font-size:clamp(3.35rem,6vw,6.9rem);letter-spacing:-.065em;line-height:.86;color:var(--primary);font-weight:500}
.metric span{color:var(--muted);font-size:14px;text-transform:uppercase;letter-spacing:.08em;line-height:1.35}
.statement-strip{background:#fff;padding:116px 0;text-align:center;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}
.statement-strip h2{font-family:var(--serif);font-size:clamp(3rem,6vw,6.3rem);line-height:.98;letter-spacing:-.052em;font-weight:500;max-width:1050px;margin:0 auto}
.statement-strip span{color:var(--soft-blue)}
.texture-section{position:relative;background:var(--light);overflow:hidden}
.texture-section:after {background: url('assets/editorial-texture.jpg') center/cover no-repeat;  opacity: 0.5;}
.texture-section .container{position:relative;z-index:2}
.cta{background:var(--primary);color:#fff;text-align:center;padding:112px 0}
.cta h2{font-family:var(--serif);font-size:clamp(3rem,6vw,6.6rem);line-height:.96;letter-spacing:-.052em;margin:0 0 28px;font-weight:500}
.cta p{margin:0 auto 34px;max-width:690px;color:rgba(255,255,255,.8);font-size:20px}
.explore{padding:112px 0 88px}
.explore h2{font-size:clamp(3rem,5.4vw,5.5rem);line-height:1;font-weight:300;letter-spacing:-.055em;margin:0 0 62px}
.explore h2 strong{font-family:var(--serif);font-weight:500}
.explore-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 58px}
.footer{padding:92px 0 72px;border-top:1px solid #b9c2cb;background:#fff}
.footer-logo img{width:276px}.footer-line{margin:72px 0 30px;border-top:1px solid #b9c2cb}
.footer-bottom{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:start;color:#333;font-size:14px}
.footer-links{display:flex;flex-wrap:wrap;gap:22px 32px;justify-content:flex-end;font-weight:700}
.subhero{padding:138px 0 102px;background:var(--light)}
.subhero h1{font-family:var(--serif);font-size:clamp(4rem,8vw,8.1rem);line-height:.94;letter-spacing:-.058em;max-width:1040px;margin:0;font-weight:500}
.subhero p{font-size:24px;max-width:790px;margin:34px 0 0;color:#2b3442}
.form-section{background:var(--primary);color:#fff;padding:110px 0}
.form-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:92px}
.form-grid h2{font-family:var(--serif);font-size:clamp(3rem,5vw,5.7rem);line-height:.98;margin:0 0 28px;font-weight:500;letter-spacing:-.05em}
.form-grid p{color:rgba(255,255,255,.76);font-size:20px}
.form{border-top:1px solid rgba(255,255,255,.35)}
.form-row{border-bottom:1px solid rgba(255,255,255,.35);padding:22px 0}
label{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:12px;margin-bottom:10px;color:rgba(255,255,255,.65)}
input,textarea{width:100%;background:transparent;border:0;color:#fff;font:inherit;font-size:20px;outline:none}
textarea{min-height:150px;resize:vertical}
@media(max-width:1000px){
  .nav-inner{grid-template-columns:42px 1fr auto}.nav-links{display:none}.hero-panel{display:none}.hero-card{width:100%}
  .brochure-grid,.link-grid,.visual-grid,.explore-grid,.form-grid,.footer-bottom{grid-template-columns:1fr}
  .metrics{grid-template-columns:1fr 1fr}.logo-grid{grid-template-columns:1fr}.visual-grid{gap:64px}
  .client-header{display:block}.client-header p{margin-top:20px}.texture-section:after{display:none}
}
@media(max-width:640px){
  .container{width:min(var(--max),calc(100% - 32px))}.topbar{display:none}.nav{height:82px}.mobile-panel{top:82px}.logo img{width:158px}
  .hero{min-height:auto;padding-bottom:60px}.hero-content{padding-top:128px}.hero h1{font-size:4rem}.hero-sub{font-size:19px}
  .hero-card{padding:30px;font-size:18px;box-shadow:-14px 14px 0 var(--secondary)}.section{padding:82px 0}
  .metrics{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.btn{width:100%;justify-content:center}
}
/* VIDEO INTEGRATION */

.hero-media {
  background: var(--primary);
  overflow: hidden;
}

.hero-media video,
.hero-media .video-fallback {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-video {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.hero-media .video-fallback {
  position: absolute;
  inset: 0;
  z-index: -1;
}

.hero-media:after {
  z-index: 2;
  pointer-events: none;
}

.visual-thumb {
  position: relative;
  overflow: hidden;
  background: var(--primary);
}

.visual-thumb video,
.visual-thumb .video-fallback {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.section-video {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.visual-thumb .video-fallback {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.visual-thumb:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: rgba(38, 49, 68, 0.28);
  pointer-events: none;
}

.visual-thumb .play {
  display: none !important;
}

.nav-right {
  display: flex;
  align-items: center;
  gap: 24px;
}

.lang-switch {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.lang-switch a {
  color: #6f8396;
  text-decoration: none;
  transition: 0.2s ease;
}

.lang-switch a:hover {
  color: #263144;
}

.lang-switch a.active {
  color: #263144;
  font-weight: 600;
}

.lang-switch span {
  color: #c0c7d1;
}