@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,500&display=swap');

:root {
  --navy: #071d2d;
  --navy-2: #0d2b40;
  --navy-3: #153b54;
  --gold: #efb84f;
  --sand: #f4eee3;
  --cream: #fffaf1;
  --white: #fff;
  --ink: #152a35;
  --muted: #71818a;
  --red: #c8132d;
  --blue: #078ecb;
  --green: #158b65;
  --purple: #6b3bd1;
  --pink: #cc1649;
  --orange: #d67608;
  --line: rgba(255,255,255,.14);
  --shadow: 0 22px 60px rgba(5,23,35,.18);
  --radius: 22px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: 'DM Sans', sans-serif; color: var(--ink); background: var(--cream); }
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button, input, select { font: inherit; }
.container { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.serif { font-family: 'Playfair Display', serif; }
.eyebrow { color: var(--gold); text-transform: uppercase; letter-spacing: .24em; font-size: .72rem; font-weight: 700; }
.section { padding: 100px 0; }
.section-dark { background: var(--navy); color: var(--white); }
.section-soft { background: var(--sand); }
.section-head { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 44px; }
.section-head h2 { font: 600 clamp(2.2rem, 5vw, 4.4rem)/1 'Playfair Display', serif; margin: 10px 0 0; max-width: 760px; }
.section-head p { max-width: 430px; color: var(--muted); line-height: 1.7; }
.section-dark .section-head p { color: #a9bbc7; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0 22px; border: 1px solid transparent; cursor: pointer; text-transform: uppercase; letter-spacing: .08em; font-size: .75rem; font-weight: 700; transition: .25s ease; }
.btn:hover { transform: translateY(-2px); }
.btn-gold { background: var(--gold); color: var(--navy); }
.btn-outline { border-color: rgba(255,255,255,.45); color: white; background: rgba(0,0,0,.08); }
.btn-dark { background: var(--navy); color: white; }
.btn-text { min-height: auto; padding: 0; color: var(--gold); }

.topbar { position: absolute; z-index: 20; left: 0; right: 0; top: 0; color: white; border-bottom: 1px solid var(--line); }
.topbar.light { position: relative; color: var(--navy); border-color: rgba(7,29,45,.1); background: var(--cream); }
.nav { min-height: 92px; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.brand-round { width: 74px; height: 74px; border-radius: 50%; overflow: hidden; background: white; box-shadow: 0 8px 28px rgba(0,0,0,.2); flex: 0 0 auto; }
.brand-round img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.355); transform-origin: center; }
.brand-free { width: 205px; height: 80px; object-fit: contain; }
.nav-links { display: flex; align-items: center; gap: 30px; text-transform: uppercase; letter-spacing: .1em; font-size: .74rem; font-weight: 600; }
.nav-links a { opacity: .82; }
.nav-links a:hover, .nav-links a.active { opacity: 1; color: var(--gold); }
.mobile-toggle { display: none; border: 0; background: transparent; color: inherit; font-size: 1.5rem; }

.compare-switch { position: fixed; z-index: 60; right: 18px; top: 50%; transform: translateY(-50%); display: grid; background: rgba(5,23,35,.92); color: white; border: 1px solid rgba(255,255,255,.16); box-shadow: var(--shadow); backdrop-filter: blur(12px); }
.compare-switch span { padding: 10px 12px; font-size: .62rem; color: #a7bac5; text-transform: uppercase; letter-spacing: .12em; border-bottom: 1px solid rgba(255,255,255,.12); }
.compare-switch a { padding: 12px 14px; font-size: .72rem; font-weight: 700; border-bottom: 1px solid rgba(255,255,255,.08); }
.compare-switch a:hover, .compare-switch a.active { background: var(--gold); color: var(--navy); }

/* Home A */
.hero-a { min-height: 100vh; color: white; background: linear-gradient(180deg,rgba(6,22,34,.48),rgba(6,22,34,.2) 42%,rgba(6,22,34,.9)), url('assets/hero-figma-evoluido.png') center/cover; display: flex; align-items: center; position: relative; }
.hero-a-content { text-align: center; padding-top: 110px; width: 100%; }
.hero-a h1 { font: 600 clamp(3.4rem, 7.5vw, 7.2rem)/.95 'Playfair Display', serif; margin: 18px 0; letter-spacing: -.04em; }
.hero-a .lead { font: italic 500 clamp(1.05rem,2vw,1.5rem)/1.5 'Playfair Display',serif; max-width: 630px; margin: 0 auto; }
.portal-orbs { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 52px auto 18px; flex-wrap: wrap; max-width: 920px; }
.portal-orb { --orb: var(--green); width: 126px; aspect-ratio: 1; border-radius: 50%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; padding: 15px 12px; background: color-mix(in srgb, var(--orb) 90%, black); color: white; box-shadow: 0 15px 28px color-mix(in srgb, var(--orb) 45%, transparent); transition: .25s ease; font-size: .68rem; line-height: 1.18; text-transform: uppercase; font-weight: 700; }
.portal-orb:hover { transform: translateY(-8px) scale(1.03); }
.portal-orb span { min-height: 25px; display: flex; align-items: center; justify-content: center; }
.portal-icon { width: 38px; height: 38px; flex: 0 0 38px; fill: none; stroke: currentColor; stroke-width: 2.15; stroke-linecap: round; stroke-linejoin: round; }
.portal-orb.blue { --orb: var(--blue); }.portal-orb.purple { --orb: var(--purple); }.portal-orb.teal { --orb: #0a887c; }.portal-orb.pink { --orb: var(--pink); }.portal-orb.orange { --orb: var(--orange); }
.hero-actions { display: flex; justify-content: center; gap: 12px; margin-top: 25px; }
.scroll-cue { position: absolute; bottom: 18px; left: 50%; transform: translateX(-50%); text-transform: uppercase; letter-spacing: .18em; font-size: .6rem; opacity: .7; }

.intro-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 70px; }
.intro-grid h2 { font: 600 clamp(2.6rem,5vw,5rem)/1.03 'Playfair Display',serif; margin: 12px 0 22px; }
.intro-grid p { color: var(--muted); line-height: 1.8; }
.photo-stack { display: grid; grid-template-columns: 1fr .72fr; gap: 14px; align-items: end; }
.photo-stack img { width: 100%; object-fit: cover; box-shadow: var(--shadow); }
.photo-stack img:first-child { height: 520px; }.photo-stack img:last-child { height: 360px; }

.feature-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }
.feature-card { position: relative; min-height: 430px; overflow: hidden; color: white; background: var(--navy-2); }
.feature-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .74; transition: .45s ease; }
.feature-card:hover img { transform: scale(1.04); opacity: .6; }
.feature-card::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent 25%,rgba(3,17,27,.92)); }
.feature-content { position:absolute; z-index:2; left:28px; right:28px; bottom:28px; }
.feature-content small { text-transform:uppercase; letter-spacing:.15em; color:var(--gold); }
.feature-content h3 { font:600 2rem/1.05 'Playfair Display',serif; margin:10px 0; }
.feature-content p { color:#d4e0e7; line-height:1.55; }

.location-showcase { display:grid; grid-template-columns:1.05fr .95fr; gap:24px; }
.map-panel { min-height:520px; border-radius:var(--radius); overflow:hidden; position:relative; background: radial-gradient(circle at 38% 50%,rgba(239,184,79,.17) 0 3%,transparent 3.2%), linear-gradient(135deg,#b9d0d4,#84adb8); }
.map-panel::before { content:''; position:absolute; inset:0; opacity:.48; background: repeating-linear-gradient(35deg,transparent 0 54px,rgba(255,255,255,.35) 55px 57px), repeating-linear-gradient(-25deg,transparent 0 88px,rgba(7,29,45,.18) 89px 91px); }
.route-path { position:absolute; width:58%; height:52%; left:21%; top:20%; border:3px dashed rgba(255,255,255,.85); border-left-color:transparent; border-radius:50%; transform:rotate(-20deg); }
.map-pin { position:absolute; left:42%; top:46%; background:var(--red); color:#fff; width:52px; height:52px; display:grid; place-items:center; border-radius:50% 50% 50% 0; transform:rotate(-45deg); box-shadow:0 12px 24px rgba(0,0,0,.25); }
.map-pin span { transform:rotate(45deg); }
.map-label { position:absolute; left:30px; bottom:30px; background:var(--navy); color:white; padding:18px 22px; box-shadow:var(--shadow); }
.map-label strong { display:block; font-family:'Playfair Display',serif; font-size:1.15rem; }.map-label small { color:#acc0cc; }
.airport-list { display:grid; gap:12px; }
.airport-card { display:grid; grid-template-columns:1fr auto; gap:16px; padding:22px; border:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.04); }
.airport-card strong { display:block; }.airport-card small { color:#91a9b8; }.airport-card b { color:var(--gold); font-size:1.2rem; text-align:right; }.airport-card em { display:block; color:#91a9b8; font-style:normal; font-size:.72rem; }
.airport-note { color:#8da3b0; font-size:.75rem; line-height:1.5; margin-top:8px; }

/* Home B */
.hero-b { min-height: 92vh; background: var(--navy); color: white; position: relative; overflow: hidden; display:flex; align-items:end; }
.hero-b-media { position:absolute; inset:0 0 0 35%; background:linear-gradient(90deg,var(--navy),transparent 42%),linear-gradient(0deg,rgba(7,29,45,.5),transparent),url('assets/hero-portal-editorial.png') center/cover; }
.hero-b-content { position:relative; z-index:2; padding:170px 0 110px; max-width:650px; }
.hero-b h1 { font:600 clamp(4rem,8vw,8rem)/.88 'Playfair Display',serif; letter-spacing:-.055em; margin:18px 0 28px; }
.hero-b h1 i { display:block; color:var(--gold); font-weight:500; }
.hero-b p { max-width:540px; color:#c6d5de; line-height:1.7; font-size:1.05rem; }
.hero-b .hero-b-tagline { max-width: 610px; font: italic 500 clamp(1.05rem, 1.65vw, 1.35rem)/1.55 'Playfair Display', serif; color: #edf2f4; }
.hero-b .hero-actions { justify-content:flex-start; }
.hero-index { position:absolute; z-index:2; right:34px; bottom:36px; display:flex; align-items:center; gap:12px; font-size:.7rem; letter-spacing:.18em; text-transform:uppercase; }
.hero-index::before { content:''; width:70px; height:1px; background:var(--gold); }

.booking-strip { position:relative; z-index:8; margin-top:-48px; }
.booking-box { background:white; box-shadow:var(--shadow); padding:20px; display:grid; grid-template-columns:1.2fr 1fr 1fr .8fr auto; gap:12px; align-items:end; }
.field label { display:block; color:#73828a; text-transform:uppercase; letter-spacing:.12em; font-size:.62rem; margin-bottom:8px; }
.field input,.field select { width:100%; height:48px; border:1px solid #dbe1e2; background:#fbfaf7; color:var(--ink); padding:0 13px; }

.manifesto { display:grid; grid-template-columns:.72fr 1.28fr; gap:80px; align-items:start; }
.manifesto h2 { font:600 clamp(3rem,6vw,6.6rem)/.95 'Playfair Display',serif; margin:0; }
.manifesto-copy { padding-top:20px; }
.manifesto-copy .big { font:500 1.55rem/1.55 'Playfair Display',serif; }
.manifesto-copy p { color:var(--muted); line-height:1.8; }
.stats { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#d8d1c4; margin-top:35px; }
.stat { background:var(--cream); padding:20px 8px; }.stat b { display:block; color:var(--red); font:600 2rem 'Playfair Display',serif; }.stat small { color:var(--muted); }

.editorial-grid { display:grid; grid-template-columns:1.2fr .8fr .8fr; grid-template-rows:260px 260px; gap:14px; }
.editorial-card { position:relative; overflow:hidden; color:white; background:var(--navy-2); }
.editorial-card:first-child { grid-row:1 / 3; }
.editorial-card img { width:100%; height:100%; object-fit:cover; opacity:.75; transition:.4s; }
.editorial-card:hover img { transform:scale(1.04); opacity:.58; }
.editorial-card::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,transparent,rgba(5,23,35,.9)); }
.editorial-card div { position:absolute; z-index:2; left:24px; right:24px; bottom:22px; }
.editorial-card h3 { font:600 1.6rem 'Playfair Display',serif; margin:7px 0; }.editorial-card:first-child h3 { font-size:2.5rem; }
.editorial-card small { color:var(--gold); text-transform:uppercase; letter-spacing:.14em; }

.location-impact { background:var(--navy); color:white; overflow:hidden; }
.location-top { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; align-items:center; }
.location-top h2 { font:600 clamp(3.4rem,7vw,7.5rem)/.9 'Playfair Display',serif; margin:16px 0 24px; }
.location-top p { color:#a9bbc7; line-height:1.75; }
.airport-ribbon { display:grid; grid-template-columns:repeat(4,1fr); margin-top:60px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.airport-stop { padding:28px 22px; border-right:1px solid var(--line); position:relative; }
.airport-stop:last-child { border-right:0; }.airport-stop::before { content:''; position:absolute; width:9px; height:9px; border-radius:50%; background:var(--gold); top:-5px; left:22px; box-shadow:0 0 0 5px var(--navy); }
.airport-stop b { display:block; font:600 2rem 'Playfair Display',serif; color:var(--gold); }.airport-stop strong { display:block; margin:6px 0; }.airport-stop small { color:#8fa7b4; }

.gallery-row { display:grid; grid-template-columns:1.3fr .7fr .7fr; gap:12px; }
.gallery-row img { width:100%; height:340px; object-fit:cover; }.gallery-row img:not(:first-child){ height:280px; align-self:end; }

/* Internal pages */
.inner-hero { min-height:62vh; display:flex; align-items:end; color:white; background:linear-gradient(90deg,rgba(7,29,45,.94),rgba(7,29,45,.35)),url('assets/hero-portal-editorial.png') center/cover; }
.inner-hero.location { background:linear-gradient(90deg,rgba(7,29,45,.94),rgba(7,29,45,.4)),url('assets/hero-figma-evoluido.png') center/cover; }
.inner-hero-content { padding:180px 0 75px; max-width:780px; }
.breadcrumb { color:#c7d5dc; font-size:.72rem; text-transform:uppercase; letter-spacing:.15em; }
.inner-hero h1 { font:600 clamp(3.7rem,7vw,7rem)/.92 'Playfair Display',serif; margin:18px 0 22px; }
.inner-hero p { color:#cfdae0; font-size:1.08rem; line-height:1.7; max-width:650px; }
.filter-row { display:flex; gap:9px; flex-wrap:wrap; margin-bottom:34px; }.filter-chip { border:1px solid #cfd8da; background:transparent; padding:10px 15px; cursor:pointer; color:var(--ink); }.filter-chip.active,.filter-chip:hover { background:var(--navy);color:white;border-color:var(--navy); }
.activity-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.activity-card { background:white; box-shadow:0 16px 40px rgba(8,31,46,.08); overflow:hidden; }
.activity-visual { height:240px; position:relative; overflow:hidden; background:var(--navy-2); }
.activity-visual img { width:100%; height:100%; object-fit:cover; transition:.4s; }.activity-card:hover img { transform:scale(1.04); }
.activity-tag { position:absolute; left:14px; top:14px; background:var(--gold); color:var(--navy); padding:7px 10px; font-size:.62rem; text-transform:uppercase; letter-spacing:.1em; font-weight:700; }
.activity-body { padding:24px; }.activity-body h3 { font:600 1.7rem 'Playfair Display',serif; margin:0 0 10px; }.activity-body p { color:var(--muted); line-height:1.6; min-height:76px; }.meta { display:flex; justify-content:space-between; border-top:1px solid #e9e7e1; padding-top:15px; margin-top:18px; font-size:.72rem; color:#65767e; }

.special-story { display:grid; grid-template-columns:1fr 1fr; min-height:560px; background:var(--navy); color:white; }.special-story img { width:100%; height:100%; object-fit:cover; opacity:.72; }.special-copy { padding:70px; align-self:center; }.special-copy h2 { font:600 clamp(2.8rem,5vw,5.2rem)/.95 'Playfair Display',serif; margin:16px 0 25px; }.special-copy p { color:#b7c8d1; line-height:1.75; }

.location-dashboard { display:grid; grid-template-columns:1.05fr .95fr; gap:30px; align-items:start; }
.route-airports { display:grid; gap:14px; }.route-airport { background:white; box-shadow:0 12px 35px rgba(7,29,45,.08); padding:24px; display:grid; grid-template-columns:55px 1fr auto; gap:16px; align-items:center; }.iata { width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--gold);font-weight:700; }.route-airport h3 { margin:0 0 4px;font-size:1rem; }.route-airport p { margin:0;color:var(--muted);font-size:.78rem; }.route-airport b { color:var(--red);font:600 1.25rem 'Playfair Display',serif;text-align:right; }.route-airport b small { display:block;color:var(--muted);font:400 .7rem 'DM Sans',sans-serif; }
.places-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:14px; }.place-card { border:1px solid #d8dfdf;padding:22px;background:white; }.place-card b { display:block;color:var(--gold);font:600 2rem 'Playfair Display',serif; }.place-card strong { display:block;margin:7px 0; }.place-card small { color:var(--muted); }

.whatsapp { position:fixed; z-index:55; right:22px; bottom:22px; width:58px; height:58px; border-radius:50%; display:grid; place-items:center; color:white; background:#13b866; font-weight:800; box-shadow:0 10px 28px rgba(0,0,0,.24); }
.whatsapp-icon { width: 38px; height: 38px; display: block; overflow: visible; }
.whatsapp-bubble { fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.whatsapp-phone { fill: currentColor; stroke: none; }
.prototype-note { background:#fff3ce;color:#604b13;padding:11px 18px;text-align:center;font-size:.72rem; }
.footer { background:#04131e;color:white;padding:70px 0 25px; }.footer-grid { display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:50px; }.footer-logo { display:flex;gap:16px;align-items:center; }.footer-logo img { width:72px;height:72px;border-radius:50%; }.footer h4 { color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem; }.footer a,.footer p { color:#91a7b4;font-size:.85rem;line-height:1.8;display:block; }.copyright { border-top:1px solid var(--line);margin-top:45px;padding-top:20px;color:#6f8490;font-size:.7rem; }
.toast { position:fixed;left:50%;bottom:25px;transform:translate(-50%,120px);z-index:90;background:var(--navy);color:white;padding:14px 18px;box-shadow:var(--shadow);transition:.3s; }.toast.show { transform:translate(-50%,0); }

@media (max-width: 900px) {
  .nav-links { display:none; position:absolute;left:20px;right:20px;top:82px;background:var(--navy);padding:22px;flex-direction:column;align-items:flex-start; }.nav-links.open { display:flex; }.mobile-toggle{display:block}.compare-switch{top:auto;bottom:12px;right:12px;transform:none;grid-template-columns:auto auto auto}.compare-switch span{display:none}.compare-switch a{padding:10px}
  .portal-orb { width:112px; }.portal-icon{width:34px;height:34px;flex-basis:34px}.hero-a{min-height:920px}.hero-a-content{padding-top:130px}.hero-actions{flex-wrap:wrap}
  .intro-grid,.location-showcase,.manifesto,.location-top,.location-dashboard,.special-story{grid-template-columns:1fr}.feature-grid,.activity-grid{grid-template-columns:repeat(2,1fr)}.editorial-grid{grid-template-columns:1fr 1fr;grid-template-rows:380px 260px}.editorial-card:first-child{grid-column:1/3;grid-row:auto}.booking-box{grid-template-columns:1fr 1fr}.booking-box .btn{grid-column:1/3}.airport-ribbon{grid-template-columns:1fr 1fr}.airport-stop:nth-child(2){border-right:0}.gallery-row{grid-template-columns:1fr 1fr}.gallery-row img:first-child{grid-column:1/3}.places-grid{grid-template-columns:1fr 1fr}.special-copy{padding:50px 30px}
}

@media (max-width: 620px) {
  .container{width:min(100% - 28px,1180px)}.section{padding:72px 0}.section-head{display:block}.nav{min-height:78px}.brand-round{width:58px;height:58px}.brand-free{width:150px;height:62px}
  .hero-a h1{font-size:3.7rem}.portal-orbs{display:grid;grid-template-columns:repeat(2,1fr);width:min(330px,100%);gap:10px;margin-top:35px}.portal-orb{width:100%;aspect-ratio:auto;border-radius:14px;min-height:102px;box-shadow:none}.portal-icon{width:35px;height:35px;flex-basis:35px}.hero-a{min-height:1140px}.hero-actions{display:grid;margin-inline:20px}
  .intro-grid{gap:40px}.photo-stack img:first-child{height:380px}.photo-stack img:last-child{height:270px}.feature-grid,.activity-grid{grid-template-columns:1fr}.feature-card{min-height:390px}
  .hero-b-media{inset:0;opacity:.55;background:linear-gradient(0deg,var(--navy),transparent 65%),url('assets/hero-portal-editorial.png') center/cover}.hero-b-content{padding:145px 0 95px}.hero-b h1{font-size:4.3rem}.booking-strip{margin-top:0}.booking-box{grid-template-columns:1fr}.booking-box .btn{grid-column:auto}.stats{grid-template-columns:1fr}.editorial-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto}.editorial-card,.editorial-card:first-child{grid-column:auto;min-height:340px}.airport-ribbon{grid-template-columns:1fr}.airport-stop{border-right:0;border-bottom:1px solid var(--line)}.gallery-row{display:grid;grid-template-columns:1fr}.gallery-row img,.gallery-row img:not(:first-child),.gallery-row img:first-child{grid-column:auto;height:260px}.photo-stack{grid-template-columns:1fr 1fr}
  .map-panel{min-height:400px}.route-airport{grid-template-columns:50px 1fr}.route-airport b{grid-column:2;text-align:left}.places-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.inner-hero h1{font-size:3.8rem}
}



/* Home B experience index */
.experience-index { padding: 82px 0 36px; background: var(--cream); }
.experience-index-head { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 28px; }
.experience-index-head h2 { margin: 8px 0 0; font: 600 clamp(2rem, 3.5vw, 3.5rem)/1 'Playfair Display', serif; }
.experience-index-head p { margin: 0; color: var(--muted); }
.experience-links { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #d9dedc; border-left: 1px solid #d9dedc; }
.experience-link { min-height: 132px; display: grid; grid-template-columns: 28px 42px 1fr 20px; align-items: center; gap: 15px; padding: 24px 22px; border-right: 1px solid #d9dedc; border-bottom: 1px solid #d9dedc; background: rgba(255,255,255,.42); transition: .25s ease; }
.experience-link:hover { color: white; background: var(--navy); transform: translateY(-3px); box-shadow: 0 18px 38px rgba(7,29,45,.13); }
.experience-number { align-self: start; color: #9ca7a7; font-size: .62rem; letter-spacing: .12em; }
.experience-icon { width: 38px; height: 38px; fill: none; stroke: var(--red); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: .25s ease; }
.experience-link:hover .experience-icon { stroke: var(--gold); }
.experience-name strong { display: block; font: 600 1.25rem/1.15 'Playfair Display', serif; }
.experience-name small { display: block; margin-top: 7px; color: var(--muted); font-size: .72rem; }
.experience-link:hover .experience-name small, .experience-link:hover .experience-number { color: #aebfc8; }
.experience-arrow { color: var(--gold); font-size: 1.1rem; opacity: .8; }
@media (max-width: 900px) { .experience-links { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px) { .experience-index { padding-top: 62px; } .experience-index-head { display: block; } .experience-index-head p { margin-top: 12px; } .experience-links { grid-template-columns: 1fr; } .experience-link { min-height: 108px; } }
/* Home B hero experience navigation */
.hero-b-content { max-width: 760px; }
.hero-experience-links { width: min(720px, 100%); display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 30px 0 24px; }
.hero-experience-link { min-height: 76px; display: flex; align-items: center; gap: 12px; padding: 12px 15px; color: white; background: transparent; border: 1px solid rgba(255,255,255,.22); backdrop-filter: blur(10px); transition: .25s ease; }
.hero-experience-link:hover { color: var(--navy); background: var(--gold); border-color: var(--gold); transform: translateY(-3px); }
.hero-experience-icon { width: 29px; height: 29px; flex: 0 0 29px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.hero-experience-link span { font-size: .68rem; line-height: 1.2; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.hero-b .hero-actions { margin-top: 0; }
@media (max-width: 900px) { .hero-experience-links { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 620px) { .hero-b { min-height: auto; } .hero-b-content { padding-bottom: 75px; } .hero-experience-links { grid-template-columns: repeat(2, 1fr); margin-top: 24px; } .hero-experience-link { min-height: 68px; padding: 10px 11px; } .hero-experience-icon { width: 26px; height: 26px; flex-basis: 26px; } .hero-experience-link span { font-size: .61rem; } }
/* Home B sticky header */
.topbar-sticky-light { position: fixed; z-index: 70; color: white; background: transparent; border-bottom: 1px solid rgba(255,255,255,.14); box-shadow: none; transition: background .3s ease, color .3s ease, box-shadow .3s ease, border-color .3s ease; }
.topbar-sticky-light .nav { min-height: 82px; }
.topbar-sticky-light .brand-free { height: 68px; transition: filter .3s ease; }
.topbar-sticky-light .nav-links a:not(.btn) { opacity: .86; }
.topbar-sticky-light .nav-links a:not(.btn):hover, .topbar-sticky-light .nav-links a.active:not(.btn) { opacity: 1; color: var(--gold); }
.topbar-sticky-light .btn-gold { color: var(--navy); }
.topbar-sticky-light.is-scrolled { color: var(--navy); background: rgba(255,255,255,.97); border-bottom-color: rgba(7,29,45,.1); box-shadow: 0 8px 28px rgba(7,29,45,.08); backdrop-filter: blur(14px); }
.topbar-sticky-light.is-scrolled .nav-links a:not(.btn) { opacity: .72; }
.topbar-sticky-light.is-scrolled .nav-links a:not(.btn):hover, .topbar-sticky-light.is-scrolled .nav-links a.active:not(.btn) { opacity: 1; color: var(--red); }
@media (max-width: 900px) { .topbar-sticky-light .nav-links, .topbar-sticky-light.is-scrolled .nav-links { color: white; } .topbar-sticky-light .nav-links a:not(.btn), .topbar-sticky-light.is-scrolled .nav-links a:not(.btn) { opacity: .86; } .topbar-sticky-light .nav-links a:not(.btn):hover, .topbar-sticky-light .nav-links a.active:not(.btn), .topbar-sticky-light.is-scrolled .nav-links a:not(.btn):hover, .topbar-sticky-light.is-scrolled .nav-links a.active:not(.btn) { color: var(--gold); } }
@media (max-width: 620px) { .topbar-sticky-light .nav { min-height: 72px; } .topbar-sticky-light .brand-free { width: 142px; height: 58px; } }