:root {
--mu-navy: #1A1F36;
--mu-navy-90: rgba(26, 31, 54, 0.9);
--mu-navy-80: rgba(26, 31, 54, 0.8);
--mu-navy-light: #252B45;
--mu-gold: #C9AE5D;
--mu-gold-hover: #C9AE5D;
--mu-gold-20: rgba(201, 174, 93, 0.2);
--mu-gold-10: rgba(201, 174, 93, 0.1);
--mu-gold-muted: rgba(201, 174, 93, 0.3);
--mu-cream: #F5F3EE;
--mu-black: #111111;
--mu-stone: #E8E0D0;
--mu-espresso: #3B2F2F;
--mu-gray: #555555;
--mu-light-gray: #E8E0D0;
--mu-light-gold: #E8E0D0;
--mu-white: #F5F3EE;
--section-dark-open: #1A1F36;
--section-warm-breath: #F5F3EE;
--section-stone: #E8E0D0;
--section-deep-return: #3B2F2F;
--section-clean-close: #F5F3EE;
--section-footer: #1A1F36;
--text-on-dark: #F5F3EE;
--text-on-dark-heading: #F5F3EE;
--text-on-dark-body: #F5F3EE;
--text-on-dark-secondary: #E8E0D0;
--text-on-dark-accent-label: #C9AE5D;
--text-on-light: #1A1F36;
--text-on-light-heading: #1A1F36;
--text-on-light-body: #3B2F2F;
--text-on-light-secondary: #555555;
--text-on-light-accent-label: #1A1F36;
--mu-overlay: rgba(26, 31, 54, 0.7);
--mu-overlay-heavy: rgba(26, 31, 54, 0.85);
--font-heading: 'Playfair Display', 'Cormorant Garamond', Georgia, serif;
--font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
--font-display: var(--font-heading);
--space-xs: clamp(0.5rem, 1vw, 0.75rem);
--space-sm: clamp(0.75rem, 1.5vw, 1rem);
--space-md: clamp(1.25rem, 2.5vw, 2rem);
--space-lg: clamp(2rem, 4vw, 3.5rem);
--space-xl: clamp(3rem, 6vw, 5rem);
--space-2xl: clamp(4rem, 8vw, 7rem);
--space-section: clamp(5rem, 10vw, 9rem);
--max-width: 1200px;
--max-width-narrow: 800px;
--ease-elegant: cubic-bezier(0.25, 0.1, 0.25, 1);
--transition-fast: 0.2s ease;
--transition-base: 0.3s var(--ease-elegant);
--transition-slow: 0.5s var(--ease-elegant);
--transition-reveal: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
--nav-height: 84px;
}
.section-dark-open,
.content-section.section-dark-open,
.faq.section-dark-open,
.internal-links.section-dark-open,
.differentiator.section-dark-open,
.related-work.section-dark-open,
.testimonial-section.section-dark-open,
.page-hero.section-dark-open,
.cta-section.section-dark-open {
background-color: var(--section-dark-open);
color: var(--text-on-dark);
}
.section-warm-breath,
.content-section.section-warm-breath,
.faq.section-warm-breath,
.internal-links.section-warm-breath,
.related-work.section-warm-breath,
.testimonial-section.section-warm-breath,
.rfp-form.section-warm-breath {
background-color: var(--section-warm-breath);
color: var(--text-on-light);
}
.section-stone,
.content-section.section-stone,
.faq.section-stone,
.internal-links.section-stone,
.related-work.section-stone,
.testimonial-section.section-stone,
.capabilities-index.section-stone,
.insights-placeholder.section-stone {
background-color: var(--section-stone);
color: var(--text-on-light);
}
.section-deep-return,
.content-section.section-deep-return,
.faq.section-deep-return,
.internal-links.section-deep-return,
.stats-section.section-deep-return,
.destinations-index.section-deep-return,
.testimonials.section-deep-return,
.why-stats.section-deep-return {
background-color: var(--section-deep-return);
color: var(--text-on-dark);
}
.section-clean-close,
.content-section.section-clean-close,
.faq.section-clean-close,
.internal-links.section-clean-close,
.work-index.section-clean-close {
background-color: var(--section-clean-close);
color: var(--text-on-light);
}
.section-dark-open h1,
.section-dark-open h2,
.section-dark-open h3,
.section-dark-open h4,
.section-dark-open h5,
.section-deep-return h1,
.section-deep-return h2,
.section-deep-return h3,
.section-deep-return h4,
.section-deep-return h5 {
color: var(--text-on-dark-heading);
}
.section-dark-open p,
.section-dark-open li,
.section-deep-return p,
.section-deep-return li {
color: var(--text-on-dark-body);
}
.section-dark-open .lead-text,
.section-deep-return .lead-text {
color: var(--text-on-dark-body);
}
.section-dark-open .caption,
.section-dark-open small,
.section-deep-return .caption,
.section-deep-return small {
color: var(--text-on-dark-secondary);
}
.section-dark-open .overline,
.section-deep-return .overline,
.section-dark-open .stat-card__label,
.section-deep-return .stat-card__label {
color: var(--text-on-dark-accent-label);
}
.section-dark-open a:not(.btn-gold),
.section-deep-return a:not(.btn-gold) {
color: var(--mu-gold);
}
.section-dark-open .stat-card__number,
.section-deep-return .stat-card__number {
color: var(--text-on-dark-heading);
}
.section-warm-breath h1,
.section-warm-breath h2,
.section-warm-breath h3,
.section-stone h1,
.section-stone h2,
.section-stone h3,
.section-clean-close h1,
.section-clean-close h2,
.section-clean-close h3 {
color: var(--text-on-light-heading);
}
.section-warm-breath p,
.section-warm-breath li,
.section-stone p,
.section-stone li,
.section-clean-close p,
.section-clean-close li {
color: var(--text-on-light-body);
}
.section-warm-breath .caption,
.section-warm-breath small,
.section-stone .caption,
.section-stone small,
.section-clean-close .caption,
.section-clean-close small {
color: var(--text-on-light-secondary);
}
.section-warm-breath .overline,
.section-stone .overline,
.section-clean-close .overline {
color: var(--text-on-light-accent-label);
}
.section-dark-open + .section-warm-breath,
.section-dark-open + .section-stone,
.section-dark-open + .section-clean-close,
.section-deep-return + .section-warm-breath,
.section-deep-return + .section-stone,
.section-deep-return + .section-clean-close {
border-top: 1px solid rgba(201, 174, 93, 0.2);
}
.section-warm-breath + .section-dark-open,
.section-warm-breath + .section-deep-return,
.section-stone + .section-dark-open,
.section-stone + .section-deep-return,
.section-clean-close + .section-dark-open,
.section-clean-close + .section-deep-return {
border-top: 1px solid rgba(201, 174, 93, 0.12);
}
.section-dark-open + .section-warm-breath,
.section-dark-open + .section-stone,
.section-dark-open + .section-clean-close,
.section-deep-return + .section-warm-breath,
.section-deep-return + .section-stone,
.section-deep-return + .section-clean-close {
position: relative;
}
.section-dark-open + .section-warm-breath::before,
.section-dark-open + .section-stone::before,
.section-dark-open + .section-clean-close::before,
.section-deep-return + .section-warm-breath::before,
.section-deep-return + .section-stone::before,
.section-deep-return + .section-clean-close::before {
content: '';
position: absolute;
top: -1px;
left: 0;
right: 0;
height: clamp(3rem, 6vh, 5rem);
background: linear-gradient(to bottom, var(--mu-navy), transparent);
opacity: 0.08;
pointer-events: none;
z-index: 0;
}
.section-warm-breath + .section-dark-open,
.section-warm-breath + .section-deep-return,
.section-stone + .section-dark-open,
.section-stone + .section-deep-return,
.section-clean-close + .section-dark-open,
.section-clean-close + .section-deep-return {
position: relative;
}
.section-warm-breath + .section-dark-open::before,
.section-warm-breath + .section-deep-return::before,
.section-stone + .section-dark-open::before,
.section-stone + .section-deep-return::before,
.section-clean-close + .section-dark-open::before,
.section-clean-close + .section-deep-return::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: clamp(3rem, 6vh, 5rem);
background: linear-gradient(to bottom, rgba(245, 243, 238, 0.06), transparent);
pointer-events: none;
z-index: 0;
}
.section-dark-open,
.section-deep-return {
position: relative;
isolation: isolate;
}
.section-dark-open::after,
.section-deep-return::after {
content: '';
position: absolute;
inset: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
background-repeat: repeat;
opacity: 0.02;
pointer-events: none;
z-index: 0;
mix-blend-mode: overlay;
}
*,
*::before,
*::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}
::selection {
background: rgba(201, 174, 93, 0.2);
color: var(--mu-navy);
}
html {
scroll-behavior: smooth;
-webkit-text-size-adjust: 100%;
}
body {
font-family: var(--font-body);
font-size: clamp(0.9375rem, 1vw + 0.5rem, 1.0625rem);
font-weight: 400;
line-height: 1.7;
color: var(--text-on-light-body);
background-color: var(--mu-cream);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
}
img {
max-width: 100%;
height: auto;
display: block;
}
a {
text-decoration: none;
color: inherit;
transition: color var(--transition-base);
}
h1,
h2,
h3,
h4 {
font-family: var(--font-heading);
font-feature-settings: 'kern' 1, 'liga' 1;
font-weight: 600;
line-height: 1.15;
color: inherit;
}
h1 {
font-size: clamp(2.25rem, 5vw + 0.5rem, 4.5rem);
letter-spacing: -0.02em;
}
h2 {
font-size: clamp(1.75rem, 3vw + 0.5rem, 3rem);
letter-spacing: -0.01em;
line-height: 1.2;
}
h3 {
font-size: clamp(1.125rem, 1.5vw + 0.5rem, 1.5rem);
font-weight: 500;
color: inherit;
line-height: 1.3;
}
p {
color: inherit;
}
blockquote,
.pullquote {
font-family: var(--font-heading);
font-style: italic;
color: inherit;
font-size: clamp(1.25rem, 2vw, 1.5rem);
line-height: 1.5;
max-width: 55ch;
border-left: 3px solid var(--mu-gold);
padding-left: var(--space-md);
margin: var(--space-lg) 0;
}
.container {
max-width: var(--max-width);
margin: 0 auto;
padding: 0 clamp(1.25rem, 3vw, 2.5rem);
}
.overline {
font-family: var(--font-body);
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--mu-gold);
margin-bottom: var(--space-sm);
}
.overline::before {
content: "";
display: block;
width: 48px;
height: 1px;
background: var(--mu-gold);
margin-bottom: 0.75rem;
}
.overline--gold {
color: var(--mu-gold);
}
.overline--cream {
color: var(--mu-cream);
}
.overline--center {
text-align: center;
}
.overline--center::before {
margin-left: auto;
margin-right: auto;
}
.section-heading {
margin-bottom: var(--space-lg);
max-width: 28ch;
text-wrap: balance;
}
.section-heading--center {
text-align: center;
max-width: 30ch;
margin-left: auto;
margin-right: auto;
}
.section-heading--cream {
color: var(--mu-cream);
}
.text-link {
font-family: var(--font-body);
font-size: 0.875rem;
font-weight: 500;
letter-spacing: 0.04em;
color: var(--mu-gold);
display: inline-flex;
align-items: center;
gap: 0.5rem;
border-bottom: 1px solid transparent;
transition: border-color var(--transition-base);
}
.text-link:hover {
border-color: var(--mu-gold);
}
.text-link--cream {
color: var(--mu-cream);
}
.text-link--cream:hover {
border-color: var(--mu-cream);
}
.text-link--center {
justify-content: center;
}
.btn-gold {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.875rem 2.25rem;
font-family: var(--font-body);
font-size: 0.8125rem;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--mu-cream);
background: var(--mu-navy);
border: 1px solid var(--mu-navy);
box-shadow: 0 14px 28px rgba(26, 31, 54, 0.18);
cursor: pointer;
transition: background var(--transition-base), color var(--transition-base), border-color var(--transition-base), transform var(--transition-base);
white-space: nowrap;
}
.btn-gold:hover {
background: var(--mu-navy-light);
color: var(--mu-cream);
transform: translateY(-1px);
}
.hero .btn-gold,
.final-cta .btn-gold,
.section-dark-open .btn-gold,
.section-deep-return .btn-gold,
.nav__cta {
color: var(--mu-navy);
background: var(--mu-cream);
border-color: var(--mu-cream);
}
.hero .btn-gold:hover,
.final-cta .btn-gold:hover,
.section-dark-open .btn-gold:hover,
.section-deep-return .btn-gold:hover,
.nav__cta:hover {
color: var(--mu-navy);
background: var(--mu-stone);
}
.btn-gold--large {
padding: 1.125rem 3rem;
font-size: 0.875rem;
}
.btn-ghost {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.875rem 2.25rem;
font-family: var(--font-body);
font-size: 0.8125rem;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--mu-navy);
background: transparent;
border: 1px solid var(--mu-gold);
cursor: pointer;
transition: background var(--transition-base), color var(--transition-base), border-color var(--transition-base);
white-space: nowrap;
}
.btn-ghost:hover {
background: var(--mu-gold-10);
}
.hero .btn-ghost,
.final-cta .btn-ghost,
.section-dark-open .btn-ghost,
.section-deep-return .btn-ghost {
color: var(--mu-cream);
}
.capability-card:focus-visible,
.destination-card:focus-visible,
.work-card:focus-visible,
.related-work__card:focus-visible,
.internal-link:focus-visible,
.awards__item:focus-visible,
.contact-dest-card:focus-visible {
outline: 2px solid var(--mu-gold);
outline-offset: 3px;
}
.form-group input:focus-visible,
.form-group select:focus-visible,
.form-group textarea:focus-visible {
outline: 2px solid var(--mu-gold);
outline-offset: 1px;
border-color: var(--mu-gold);
}
.img-hover-zoom {
overflow: hidden;
}
.img-hover-zoom img {
transition: transform 0.5s var(--ease-elegant);
will-change: transform;
}
.img-hover-zoom:hover img {
transform: scale(1.03);
}
.nav {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
padding: 1.25rem 0;
transition: background var(--transition-base), padding var(--transition-base), box-shadow var(--transition-base);
}
.nav--scrolled {
background: var(--mu-navy-90);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
padding: 0.75rem 0;
box-shadow: 0 1px 0 rgba(201, 174, 93, 0.15);
}
.nav__container {
max-width: var(--max-width);
margin: 0 auto;
padding: 0 clamp(1.25rem, 3vw, 2.5rem);
display: flex;
align-items: center;
justify-content: space-between;
}
.nav__logo img {
height: 32px;
width: auto;
filter: brightness(0) invert(1);
transition: opacity var(--transition-base);
}
.nav__logo:hover img {
opacity: 0.8;
}
.nav__links {
display: flex;
gap: clamp(1.5rem, 2.5vw, 2.5rem);
}
.nav-link {
font-family: var(--font-body);
font-size: 0.75rem;
font-weight: 500;
letter-spacing: 0.12em;
text-transform: uppercase;
color: rgba(245, 243, 238, 0.85);
padding: 0.25rem 0;
position: relative;
}
.nav-link::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 0;
height: 1px;
background: var(--mu-gold);
transition: width var(--transition-base);
}
.nav-link:hover {
color: var(--mu-cream);
}
.nav-link:hover::after {
width: 100%;
}
.nav__cta {
font-size: 0.6875rem;
padding: 0.625rem 1.5rem;
}
.nav__hamburger {
display: none;
background: none;
border: none;
cursor: pointer;
padding: 0.5rem;
flex-direction: column;
gap: 5px;
}
.nav__hamburger span {
display: block;
width: 24px;
height: 1.5px;
background: var(--text-on-dark);
transition: transform var(--transition-base), opacity var(--transition-base);
}
.nav__hamburger--active span:nth-child(1) {
transform: translateY(6.5px) rotate(45deg);
}
.nav__hamburger--active span:nth-child(2) {
opacity: 0;
}
.nav__hamburger--active span:nth-child(3) {
transform: translateY(-6.5px) rotate(-45deg);
}
.mobile-menu {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 999;
background: var(--mu-navy);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
pointer-events: none;
transition: opacity 0.4s var(--ease-elegant);
}
.mobile-menu--open {
opacity: 1;
pointer-events: all;
}
.mobile-menu__nav {
display: flex;
flex-direction: column;
align-items: center;
gap: 2rem;
}
.mobile-menu__link {
font-family: var(--font-body);
font-size: clamp(0.95rem, 1.5vw, 1.1rem);
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--mu-cream);
transition: color var(--transition-base);
position: relative;
}
.mobile-menu__link::after {
content: '';
position: absolute;
bottom: -4px;
left: 50%;
width: 0;
height: 1px;
background: var(--mu-gold);
transition: width 0.4s var(--ease-elegant), left 0.4s var(--ease-elegant);
}
.mobile-menu__link:hover::after {
width: 100%;
left: 0;
}
.mobile-menu__link:hover {
color: var(--mu-gold);
}
.mobile-menu__cta {
margin-top: 1rem;
}
.hero {
position: relative;
height: 100vh;
min-height: 600px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
padding-top: clamp(4rem, 8vh, 6rem);
}
.hero__media {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: -15%;
transform: translateY(calc(var(--scroll-y, 0) * 0.15));
will-change: transform;
}
.hero__image {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 30%;
}
.hero__overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to bottom,
rgba(17, 17, 17, 0.3) 0%,
rgba(26, 31, 54, 0.55) 40%,
rgba(26, 31, 54, 0.75) 100%);
}
.hero__content {
position: relative;
z-index: 2;
text-align: center;
max-width: 66rem;
padding: 0 clamp(1.5rem, 4vw, 3rem);
}
.hero__headline {
color: var(--mu-cream);
font-size: clamp(2.75rem, 7vw + 1rem, 6.25rem);
font-weight: 500;
line-height: 1.05;
margin-bottom: var(--space-md);
letter-spacing: -0.02em;
}
.hero__subhead {
color: rgba(245, 243, 238, 0.85);
font-size: clamp(1rem, 1.5vw + 0.25rem, 1.375rem);
font-weight: 300;
line-height: 1.5;
max-width: 48rem;
margin: 0 auto var(--space-lg);
letter-spacing: 0.01em;
}
.hero__cta {
font-size: 0.8125rem;
padding: 1rem 2.75rem;
}
.hero__scroll-indicator {
position: absolute;
bottom: 2.5rem;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.hero__scroll-indicator span {
display: block;
width: 1px;
height: 48px;
background: linear-gradient(to bottom, var(--mu-gold), transparent);
animation: scrollPulse 2s ease-in-out infinite;
}
.trust-strip {
background: var(--mu-navy);
padding: var(--space-lg) 0;
text-align: center;
}
.trust-strip .overline {
margin-bottom: var(--space-md);
}
.trust-strip__logos {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: clamp(1.5rem, 3vw, 3rem);
width: 100%;
}
.trust-strip .container {
overflow: visible;
}
.trust-strip__logos img {
height: clamp(28px, 3vw, 34px);
width: auto;
opacity: 0.55;
filter: brightness(0) invert(1);
transition: opacity var(--transition-base);
flex-shrink: 0;
}
.trust-strip__logos img:hover {
opacity: 0.9;
}
.stats {
background: var(--mu-cream);
padding: var(--space-section) 0;
color: var(--text-on-light);
}
.stats__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: var(--space-lg);
text-align: center;
}
.stats__item {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.5rem;
}
.stats__number {
font-family: var(--font-heading);
font-size: clamp(2rem, 4vw, 3.5rem);
font-weight: 500;
font-variant-numeric: oldstyle-nums;
color: inherit;
line-height: 1;
}
.stats__label {
font-size: 0.8125rem;
font-weight: 500;
color: inherit;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.stats__item--link {
text-decoration: none;
color: inherit;
cursor: pointer;
transition: transform 0.2s ease;
}
.stats__item--link:hover,
.stats__item--link:focus-visible {
transform: translateY(-2px);
outline: none;
}
.stats__label-arrow {
display: inline-block;
margin-left: 0.15rem;
color: var(--mu-gold);
transition: transform 0.2s ease;
}
.stats__item--link:hover .stats__label-arrow,
.stats__item--link:focus-visible .stats__label-arrow {
transform: translate(2px, -2px);
}
.stats__item+.stats__item {
position: relative;
}
.stats__item+.stats__item::before {
content: '';
position: absolute;
top: 50%;
left: -1px;
transform: translateY(-50%);
width: 1px;
height: 50%;
background: var(--mu-gold-20);
}
.differentiator__layout {
display: grid;
grid-template-columns: 1.2fr 1fr;
gap: var(--space-xl);
align-items: center;
}
.differentiator__content h2 {
font-size: clamp(1.75rem, 3vw + 0.25rem, 2.75rem);
margin-bottom: var(--space-md);
max-width: 18ch;
}
.differentiator__text {
color: inherit;
margin-bottom: var(--space-sm);
font-size: 1rem;
line-height: 1.65;
}
.differentiator__content .text-link {
margin-top: var(--space-md);
}
.differentiator__image img {
aspect-ratio: 4 / 3;
object-fit: cover;
width: 100%;
}
.capabilities {
background: var(--mu-cream);
padding: var(--space-section) 0;
}
.capabilities__home-intro {
margin: 0 auto clamp(1.75rem, 3.5vw, 2.75rem);
max-width: 56ch;
text-align: center;
color: var(--text-on-light-secondary);
font-size: clamp(0.98rem, 1.05vw, 1.06rem);
line-height: 1.65;
}
.capabilities__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 1.5rem;
}
@media (min-width: 1024px) {
.capabilities__grid {
grid-template-columns: repeat(4, 1fr);
}
}
.capability-card {
background: var(--mu-cream);
padding: 1.75rem 1.5rem 1.5rem;
display: flex;
flex-direction: column;
position: relative;
border-top: 2px solid var(--mu-gold-20);
transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base), opacity var(--transition-base);
}
.capability-card:hover {
transform: translateY(-6px);
box-shadow: 0 16px 48px rgba(26, 31, 54, 0.12);
border-top-color: var(--mu-gold);
}
.capability-card__accent {
position: absolute;
top: 0;
left: 2rem;
width: 0;
height: 2px;
background: var(--mu-gold);
transition: width 0.8s cubic-bezier(0.25, 0.1, 0.25, 1);
}
.capability-card:hover .capability-card__accent {
width: calc(100% - 4rem);
}
.capability-card__title {
font-family: var(--font-heading);
font-size: 1.25rem;
font-weight: 500;
margin-bottom: 0.75rem;
color: inherit;
}
.capability-card__desc {
font-size: 0.875rem;
color: inherit;
line-height: 1.7;
flex-grow: 1;
margin-bottom: 1.25rem;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
line-clamp: 3;
overflow: hidden;
}
.capability-card__link {
font-size: 0.8125rem;
font-weight: 500;
color: var(--mu-gold);
letter-spacing: 0.04em;
display: inline-flex;
align-items: center;
gap: 0.5rem;
transition: gap var(--transition-base);
}
.capability-card:hover .capability-card__link {
gap: 0.75rem;
}
.work {
background: var(--mu-cream);
padding: var(--space-section) 0;
}
.work .section-heading {
font-size: clamp(1.5rem, 2vw + 0.5rem, 2.25rem);
margin-bottom: var(--space-sm);
}
.work .overline {
margin-bottom: 0.5rem;
}
.work__cta {
margin-top: var(--space-md);
}
.work__grid {
display: grid;
grid-template-columns: 1.2fr 0.9fr 1fr;
gap: 2rem;
align-items: start;
}
.work__grid .work-card:nth-child(2) {
margin-top: 1.5rem;
}
.work__grid .work-card:nth-child(3) {
margin-top: 0.75rem;
}
.work-card {
display: flex;
flex-direction: column;
overflow: hidden;
position: relative;
transition: opacity var(--transition-base);
}
.work-card__image {
aspect-ratio: 24 / 9;
overflow: hidden;
position: relative;
}
.work-card__image::after {
content: '';
position: absolute;
inset: 0;
background: rgba(26, 31, 54, 0);
transition: background var(--transition-base);
}
.work-card:hover .work-card__image::after {
background: rgba(26, 31, 54, 0.12);
}
.capabilities__grid:has(.capability-card:hover) .capability-card:not(:hover) {
opacity: 0.55;
}
.work__grid:has(.work-card:hover) .work-card:not(:hover) {
opacity: 0.55;
}
.related-work__grid:has(.related-work__card:hover) .related-work__card:not(:hover) {
opacity: 0.55;
}
@media (prefers-reduced-motion: reduce) {
.capabilities__grid:has(.capability-card:hover) .capability-card:not(:hover),
.work__grid:has(.work-card:hover) .work-card:not(:hover),
.related-work__grid:has(.related-work__card:hover) .related-work__card:not(:hover) {
opacity: 1;
}
}
.work-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s var(--ease-elegant);
}
.work-card:hover .work-card__image img {
transform: scale(1.04);
}
.work-card__content {
padding: 1rem 0 0;
}
.work-card__client {
font-family: var(--font-body);
font-size: 0.6875rem;
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--mu-gold);
margin-bottom: 0.5rem;
display: block;
}
.work-card__headline {
font-family: var(--font-heading);
font-size: clamp(1.125rem, 1.5vw, 1.375rem);
font-weight: 500;
line-height: 1.3;
margin-bottom: 0.75rem;
color: inherit;
transition: color var(--transition-base);
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.work-card:hover .work-card__headline {
color: var(--mu-espresso);
}
.work-card__link {
font-size: 0.8125rem;
font-weight: 500;
color: var(--mu-gold);
letter-spacing: 0.04em;
display: inline-flex;
align-items: center;
gap: 0.5rem;
transition: gap var(--transition-base);
}
.work-card:hover .work-card__link {
gap: 0.75rem;
}
.work__cta {
margin-top: var(--space-lg);
text-align: center;
}
.destinations {
background: var(--mu-navy);
padding: var(--space-section) 0;
}
.destinations .section-heading {
font-size: clamp(1.5rem, 2vw + 0.5rem, 2.25rem);
margin-bottom: var(--space-sm);
}
.destinations .overline {
margin-bottom: 0.5rem;
}
.destinations__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1.5rem;
}
.destination-card {
position: relative;
overflow: hidden;
cursor: pointer;
}
.destination-card__image {
aspect-ratio: 1 / 1;
overflow: hidden;
}
.destination-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.6s var(--ease-elegant);
will-change: transform;
}
.destination-card:hover .destination-card__image img {
transform: scale(1.05);
filter: brightness(1.1);
}
.destination-card__content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 2rem 1.5rem;
background: linear-gradient(to top, rgba(17, 17, 17, 0.85) 0%, transparent 100%);
transition: transform var(--transition-base);
}
.destination-card:hover .destination-card__content {
transform: translateY(-8px);
}
.destination-card__name {
font-family: var(--font-heading);
font-size: 1.5rem;
font-weight: 500;
color: var(--mu-cream);
margin-bottom: 0.25rem;
position: relative;
}
.destination-card__name::after {
content: '';
display: block;
width: 0;
height: 1px;
background: var(--mu-gold);
margin-top: 6px;
transition: width 0.5s var(--ease-elegant);
}
.destination-card:hover .destination-card__name::after {
width: 40px;
}
.destination-card__desc {
font-size: 0.8125rem;
color: rgba(245, 243, 238, 0.75);
font-weight: 300;
margin-bottom: 0;
transition: margin var(--transition-base);
}
.destination-card:hover .destination-card__desc {
margin-bottom: 0.5rem;
}
.destination-card__explore {
font-size: 0.8125rem;
font-weight: 500;
color: var(--mu-gold);
letter-spacing: 0.04em;
opacity: 0;
transform: translateY(8px);
transition: opacity var(--transition-base), transform var(--transition-base);
display: block;
margin-top: 0.25rem;
}
.destination-card:hover .destination-card__explore {
opacity: 1;
transform: translateY(0);
}
.legacy {
background: var(--mu-cream);
padding: var(--space-section) 0;
}
.legacy .section-heading {
font-size: clamp(1.5rem, 2vw + 0.5rem, 2.25rem);
margin-bottom: var(--space-sm);
}
.legacy .overline {
margin-bottom: 0.5rem;
}
.legacy__content p {
margin-bottom: var(--space-sm);
}
.legacy__layout {
display: grid;
grid-template-columns: 1fr 1.2fr;
gap: var(--space-xl);
align-items: center;
}
.legacy__image img {
aspect-ratio: 4 / 3;
object-fit: cover;
width: 100%;
}
.legacy__content h2 {
font-size: clamp(1.5rem, 2.5vw + 0.25rem, 2.25rem);
margin-bottom: var(--space-md);
max-width: 22ch;
}
.legacy__content p {
color: inherit;
margin-bottom: var(--space-sm);
line-height: 1.8;
}
.legacy__content .text-link {
margin-top: var(--space-sm);
}
.private-journeys {
background: var(--mu-espresso);
padding: var(--space-section) 0;
position: relative;
overflow: hidden;
}
.private-journeys::before {
content: '';
position: absolute;
top: 50%;
right: -10%;
width: 400px;
height: 400px;
border: 1px solid var(--mu-gold-10);
border-radius: 50%;
transform: translateY(-50%);
pointer-events: none;
}
.private-journeys__layout {
max-width: var(--max-width-narrow);
}
.private-journeys__headline {
font-family: var(--font-heading);
font-size: clamp(1.75rem, 3vw, 2.75rem);
font-weight: 400;
font-style: italic;
color: var(--mu-cream);
margin-bottom: var(--space-md);
max-width: 20ch;
line-height: 1.2;
}
.private-journeys__text {
color: rgba(245, 243, 238, 0.7);
margin-bottom: var(--space-md);
max-width: 50ch;
}
.awards {
background: var(--mu-cream);
padding: var(--space-section) 0;
}
.awards__grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2rem;
text-align: center;
}
.awards__item {
padding: 2.5rem 1.5rem;
border: 1px solid var(--mu-light-gray);
transition: border-color var(--transition-base);
}
.awards__item:hover {
border-color: var(--mu-gold);
}
.awards__badge {
font-family: var(--font-heading);
font-size: clamp(2rem, 2.6vw, 2.5rem);
font-weight: 600;
color: var(--mu-gold);
display: block;
margin-bottom: 1rem;
line-height: 1.08;
text-wrap: balance;
}
.awards__desc {
font-size: 0.875rem;
color: inherit;
line-height: 1.6;
}
.testimonial {
background: var(--mu-navy);
padding: var(--space-section) 0;
}
.testimonial__content {
max-width: var(--max-width-narrow);
margin: 0 auto;
text-align: center;
position: relative;
}
.testimonial__mark {
font-family: var(--font-heading);
font-size: 8rem;
color: var(--mu-gold);
opacity: 0.3;
line-height: 0.5;
display: block;
margin-bottom: 1rem;
}
.testimonial__quote {
font-family: var(--font-heading);
font-size: clamp(1.25rem, 2vw + 0.25rem, 1.75rem);
font-weight: 400;
font-style: italic;
color: var(--mu-cream);
line-height: 1.5;
margin-bottom: var(--space-lg);
}
.testimonial__cite {
display: flex;
flex-direction: column;
gap: 0.25rem;
font-style: normal;
}
.testimonial__name {
font-family: var(--font-body);
font-size: 0.875rem;
font-weight: 600;
color: var(--mu-cream);
letter-spacing: 0.04em;
}
.testimonial__company {
font-family: var(--font-body);
font-size: 0.8125rem;
color: var(--mu-gold);
letter-spacing: 0.04em;
}
.final-cta__content {
max-width: var(--max-width-narrow);
margin: 0 auto;
position: relative;
z-index: 1;
}
.final-cta__headline {
font-size: clamp(1.75rem, 3vw + 0.5rem, 3rem);
margin-bottom: var(--space-md);
}
.final-cta__subtext {
color: inherit;
margin: 0 auto var(--space-lg);
font-size: 1rem;
}
.faq-section {
background: var(--mu-light-gold);
padding: var(--space-section) 0;
}
.faq {
padding: var(--space-section) 0;
}
.faq__list {
max-width: var(--max-width-narrow);
margin: var(--space-lg) auto 0;
}
.faq__item {
border-bottom: 1px solid var(--mu-stone);
}
.faq__question {
width: 100%;
text-align: left;
padding: 1.5rem 2.5rem 1.5rem 0;
font-family: var(--font-body);
font-size: 1rem;
font-weight: 500;
color: inherit;
background: none;
border: none;
cursor: pointer;
position: relative;
line-height: 1.5;
transition: color var(--transition-base);
}
.faq__question:hover {
color: var(--mu-espresso);
}
.faq__question--active {
color: inherit;
}
.faq__item {
border-bottom: 1px solid var(--mu-stone);
position: relative;
}
.faq__item::before {
content: '';
position: absolute;
top: 0;
left: -1px;
width: 2px;
height: 0;
background: var(--mu-gold);
transition: height 0.4s var(--ease-elegant);
}
.faq__item:has(.faq__question--active)::before {
height: 100%;
}
.faq__question::after {
content: '+';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
font-size: 1.25rem;
font-weight: 300;
color: var(--mu-gold);
transition: transform var(--transition-base), color var(--transition-base);
}
.faq__question[aria-expanded="true"]::after {
content: '−';
color: var(--mu-gold-hover);
}
.faq__answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s var(--ease-elegant), padding 0.4s var(--ease-elegant);
}
.faq__answer p {
padding-bottom: 1.5rem;
font-size: 0.9375rem;
color: inherit;
line-height: 1.8;
}
.faq__answer--open {
max-height: 300px;
}
.footer {
background: var(--mu-navy);
padding: var(--space-md) 0 var(--space-sm);
color: var(--mu-cream);
position: relative;
}
.footer::before {
content: '';
position: absolute;
inset: 0;
background-image:
radial-gradient(circle at 20% 50%, var(--mu-gold-10) 1px, transparent 1px),
radial-gradient(circle at 80% 30%, var(--mu-gold-10) 1px, transparent 1px);
background-size: 60px 60px;
opacity: 0.04;
pointer-events: none;
}
.footer__grid {
display: grid;
grid-template-columns: 1.5fr 1fr 1fr 1fr;
gap: var(--space-lg);
margin-bottom: var(--space-md);
}
.footer__logo {
filter: brightness(0) invert(1);
margin-bottom: 1rem;
}
.footer__tagline {
font-size: 0.8125rem;
color: var(--text-on-dark-secondary);
line-height: 1.6;
}
.footer__heading {
font-family: var(--font-body);
font-size: 0.6875rem;
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--mu-gold);
margin-bottom: 0.875rem;
}
.footer__nav a {
display: block;
font-size: 0.875rem;
color: var(--text-on-dark-secondary);
margin-bottom: 0.5rem;
transition: color var(--transition-base);
}
.footer__nav a:hover {
color: var(--mu-cream);
}
.footer__contact a {
color: var(--text-on-dark-secondary);
font-size: 0.875rem;
display: block;
margin-bottom: 0.5rem;
transition: color var(--transition-base);
}
.footer__contact a:hover {
color: var(--mu-gold);
}
.footer__contact p {
font-size: 0.875rem;
color: var(--text-on-dark-secondary);
margin-bottom: 1rem;
}
.footer__social {
display: flex;
gap: 1.25rem;
}
.footer__social a {
font-size: 0.8125rem;
color: var(--text-on-dark-secondary);
font-weight: 500;
letter-spacing: 0.04em;
transition: color var(--transition-base);
}
.footer__social a:hover {
color: var(--mu-gold);
}
.footer__bottom {
padding-top: var(--space-md);
border-top: 1px solid rgba(201, 174, 93, 0.15);
display: flex;
justify-content: space-between;
align-items: center;
}
.footer__bottom p {
font-size: 0.75rem;
color: var(--text-on-dark-secondary);
}
.footer__locale-switcher {
display: inline-flex;
align-items: center;
gap: 0.9rem;
flex-wrap: wrap;
justify-content: flex-end;
}
.footer__locale-label {
font-size: 0.68rem;
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
color: rgba(245, 243, 238, 0.52);
}
.footer__locale-list {
display: inline-flex;
align-items: center;
gap: 0.45rem;
flex-wrap: wrap;
justify-content: flex-end;
}
.footer__locale-link {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 2rem;
padding: 0.45rem 0.72rem;
font-family: var(--font-body);
font-size: 0.68rem;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--text-on-dark-secondary);
border: 1px solid rgba(201, 174, 93, 0.18);
background: rgba(245, 243, 238, 0.02);
transition: border-color var(--transition-base), color var(--transition-base), background var(--transition-base);
}
.footer__locale-link:hover {
color: var(--mu-cream);
border-color: rgba(201, 174, 93, 0.5);
background: rgba(201, 174, 93, 0.08);
}
.footer__locale-link--current {
color: var(--mu-gold);
border-color: rgba(201, 174, 93, 0.38);
background: rgba(201, 174, 93, 0.12);
pointer-events: none;
}
.footer__locale-link:focus-visible {
outline: 2px solid var(--mu-gold);
outline-offset: 3px;
}
.footer__locale-button {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 2.5rem;
padding: 0.65rem 0.95rem;
font-family: var(--font-body);
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--mu-gold);
background: transparent;
border: 1px solid rgba(201, 174, 93, 0.28);
cursor: pointer;
transition: border-color var(--transition-base), color var(--transition-base), background var(--transition-base);
}
.footer__locale-button:hover {
color: var(--mu-cream);
border-color: var(--mu-gold);
background: rgba(201, 174, 93, 0.08);
}
.footer__locale-button:focus-visible {
outline: 2px solid var(--mu-gold);
outline-offset: 3px;
}
.footer__legal {
display: flex;
gap: 1.5rem;
}
.footer__legal a {
font-size: 0.75rem;
color: rgba(245, 243, 238, 0.4);
transition: color var(--transition-base);
}
.footer__legal a:hover {
color: var(--mu-cream);
}
.reveal-stagger--visible>* {
opacity: 1;
transform: translateY(0);
}
@media (max-width: 1024px) {
.nav__links {
display: none;
}
.nav__cta {
display: none;
}
.nav__hamburger {
display: flex;
}
.stats__grid {
grid-template-columns: repeat(2, 1fr);
gap: var(--space-lg) var(--space-md);
}
.stats__item+.stats__item::before {
display: none;
}
.work__grid {
grid-template-columns: repeat(2, 1fr);
}
.work__grid .work-card:nth-child(3) {
grid-column: 1 / -1;
max-width: 50%;
}
.destinations__grid {
grid-template-columns: repeat(2, 1fr);
}
.awards__grid {
grid-template-columns: repeat(2, 1fr);
}
.footer__grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.differentiator__layout {
grid-template-columns: 1fr;
gap: var(--space-lg);
}
.differentiator__image {
order: -1;
}
.legacy__layout {
grid-template-columns: 1fr;
gap: var(--space-lg);
}
.work__grid {
grid-template-columns: 1fr;
}
.work__grid .work-card:nth-child(3) {
max-width: 100%;
}
.footer__bottom {
flex-direction: column;
gap: 1rem;
text-align: center;
}
.footer__locale-switcher,
.footer__locale-list {
justify-content: center;
}
}
@media (max-width: 480px) {
.hero__headline {
font-size: clamp(1.75rem, 7vw, 2.5rem);
}
.hero__subhead {
font-size: 0.9375rem;
}
.stats__grid {
grid-template-columns: repeat(2, 1fr);
gap: var(--space-md);
}
.capabilities__grid {
grid-template-columns: 1fr;
}
.destinations__grid {
grid-template-columns: 1fr;
gap: 1rem;
}
.destination-card__image {
aspect-ratio: 16 / 9;
}
.awards__grid {
grid-template-columns: 1fr;
}
.footer__grid {
grid-template-columns: 1fr;
gap: var(--space-md);
}
.final-cta__headline {
font-size: clamp(1.5rem, 5vw, 2rem);
}
}
.capabilities-index,
.destinations-index {
padding: var(--space-xl) 0;
background: var(--mu-cream);
}
.contact-details {
padding: var(--space-xl) 0;
background: var(--mu-cream);
}
.contact__layout {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--space-lg);
align-items: start;
}
.contact__card {
background: var(--mu-cream);
padding: var(--space-lg);
border-radius: var(--radius-card);
box-shadow: 0 4px 20px rgba(26, 31, 54, 0.06);
}
.contact__card-title {
font-family: var(--font-heading);
font-size: 1.5rem;
color: var(--mu-navy);
margin-bottom: var(--space-md);
}
.contact__info-grid {
display: grid;
gap: var(--space-sm);
}
.contact__label {
display: block;
font-family: var(--font-body);
font-size: 0.75rem;
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--mu-gold);
font-weight: 600;
margin-bottom: 0.25rem;
}
.contact__value {
font-family: var(--font-body);
font-size: 1.05rem;
color: var(--mu-navy);
}
.contact__value--link {
text-decoration: none;
color: var(--mu-navy);
border-bottom: 1px solid var(--mu-gold);
transition: color var(--transition-base);
}
.contact__value--link:hover {
color: var(--mu-gold);
}
.contact__offices {
display: grid;
gap: var(--space-md);
}
.contact__office {
background: var(--mu-navy);
padding: var(--space-md);
border-radius: var(--radius-card);
color: var(--mu-cream);
}
.contact__office-title {
font-family: var(--font-heading);
font-size: 1.15rem;
color: var(--mu-cream);
margin-bottom: var(--space-xs);
}
.contact__office-address {
font-family: var(--font-body);
font-size: 0.95rem;
line-height: 1.6;
color: rgba(245, 243, 238, 0.85);
margin-bottom: var(--space-xs);
}
.contact__office-note {
font-family: var(--font-body);
font-size: 0.85rem;
color: var(--mu-gold);
font-style: italic;
}
.contact-destinations {
padding: var(--space-xl) 0;
background: var(--mu-navy);
}
.contact-destinations__intro {
max-width: 42rem;
margin: 0 auto var(--space-lg);
text-align: center;
font-family: var(--font-body);
font-size: 1.1rem;
color: rgba(245, 243, 238, 0.75);
}
.contact-destinations__grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: var(--space-md);
max-width: 70rem;
margin: 0 auto;
}
.contact-dest-card {
background: rgba(245, 243, 238, 0.05);
border: 1px solid rgba(201, 174, 93, 0.15);
border-radius: var(--radius-card);
padding: var(--space-md);
text-decoration: none;
transition: transform var(--transition-base), border-color var(--transition-base);
}
.contact-dest-card:hover {
transform: translateY(-4px);
border-color: var(--mu-gold);
}
.contact-dest-card__name {
font-family: var(--font-heading);
font-size: 1.15rem;
color: var(--mu-cream);
margin-bottom: var(--space-xs);
}
.contact-dest-card__desc {
font-family: var(--font-body);
font-size: 0.85rem;
line-height: 1.6;
color: rgba(245, 243, 238, 0.65);
}
.contact-social {
padding: var(--space-xl) 0;
background: var(--mu-cream);
}
.contact-social__links {
display: flex;
justify-content: center;
gap: var(--space-md);
margin-top: var(--space-md);
}
.contact-social__link {
display: flex;
flex-direction: column;
align-items: center;
padding: var(--space-md) var(--space-lg);
background: var(--mu-cream);
border-radius: var(--radius-card);
border: 1px solid rgba(26, 31, 54, 0.08);
text-decoration: none;
transition: transform var(--transition-base), border-color var(--transition-base);
}
.contact-social__link:hover {
transform: translateY(-4px);
border-color: var(--mu-gold);
}
.contact-social__platform {
font-family: var(--font-heading);
font-size: 1rem;
color: var(--mu-navy);
margin-bottom: 0.25rem;
}
.contact-social__handle {
font-family: var(--font-body);
font-size: 0.85rem;
color: var(--mu-gold);
}
.scroll-progress {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 2px;
background-color: var(--mu-gold);
transform: scaleX(0);
transform-origin: 0 50%;
z-index: 1000;
pointer-events: none;
transition: transform 0.12s linear;
}
@media (prefers-reduced-motion: reduce) {
.scroll-progress {
display: none;
}
}
@media (min-width: 1024px) and (prefers-reduced-motion: no-preference) {
html {
scroll-snap-type: y proximity;
scroll-padding-top: 0;
}
main#main-content > section:not(.hero) {
scroll-snap-align: start;
scroll-snap-stop: normal;
min-height: 100vh;
min-height: 100svh;
display: flex;
flex-direction: column;
justify-content: center;
padding-block-start: calc(clamp(2.5rem, 5vh, 4rem) + 80px);
padding-block-end: clamp(2.5rem, 5vh, 4rem);
}
main#main-content > section.hero {
scroll-snap-align: start;
scroll-snap-stop: normal;
}
main#main-content > section.final-cta {
scroll-snap-align: none;
min-height: auto;
padding-block-start: calc(clamp(2rem, 4vh, 3rem) + 80px);
padding-block-end: clamp(2rem, 4vh, 3rem);
}
main#main-content > section.eldorado-faq {
scroll-snap-align: start;
scroll-snap-stop: always;
display: block;
min-height: auto;
padding-block: 0;
}
.footer {
scroll-snap-align: end;
}
}
.reveal {
opacity: 0;
transform: translateY(30px);
transition: opacity var(--transition-reveal), transform var(--transition-reveal);
will-change: transform, opacity;
}
.reveal--visible {
opacity: 1;
transform: translateY(0);
}
.reveal-stagger>* {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.6s var(--ease-elegant), transform 0.6s var(--ease-elegant);
}
.reveal-stagger--visible>*:nth-child(1) {
transition-delay: 0.1s;
}
.reveal-stagger--visible>*:nth-child(2) {
transition-delay: 0.2s;
}
.reveal-stagger--visible>*:nth-child(3) {
transition-delay: 0.3s;
}
.reveal-stagger--visible>*:nth-child(4) {
transition-delay: 0.4s;
}
.reveal-stagger--visible>*:nth-child(5) {
transition-delay: 0.5s;
}
.reveal-stagger--visible>*:nth-child(6) {
transition-delay: 0.6s;
}
.reveal-stagger--visible>*:nth-child(7) {
transition-delay: 0.7s;
}
.reveal-stagger--visible>*:nth-child(8) {
transition-delay: 0.8s;
}
.reveal-stagger--visible>*:nth-child(n+9) {
transition-delay: 0.9s;
}
.reveal-stagger--visible>* {
opacity: 1;
transform: translateY(0);
}
.hero__headline {
transition-delay: 0.3s;
}
.hero__sub {
transition-delay: 0.6s;
}
.hero__cta {
transition-delay: 0.9s;
}
.hero__scroll-indicator {
transition-delay: 1.2s;
}
.gold-divider {
width: 0;
height: 1px;
background: var(--mu-gold);
transition: width 1s cubic-bezier(0.16, 1, 0.3, 1);
}
.gold-divider--visible {
width: 80px;
}
.scroll-indicator {
position: absolute;
bottom: 2rem;
left: 50%;
transform: translateX(-50%);
display: flex;
flex-direction: column;
align-items: center;
gap: 0.5rem;
opacity: 1;
transition: opacity var(--transition-slow);
}
.scroll-indicator--hidden {
opacity: 0;
pointer-events: none;
}
.scroll-indicator__line {
width: 1px;
height: 40px;
background: linear-gradient(to bottom, var(--mu-gold), transparent);
animation: scrollPulse 2s ease-in-out infinite;
}
.scroll-indicator__text {
font-family: var(--font-body);
font-size: 0.65rem;
text-transform: uppercase;
letter-spacing: 0.2em;
color: var(--mu-cream);
opacity: 0.5;
}
@keyframes scrollPulse {
0%,
100% {
opacity: 0.3;
transform: scaleY(0.6);
}
50% {
opacity: 1;
transform: scaleY(1);
}
}
.section {
padding: clamp(60px, 10vw, 140px) 0;
}
.testimonial__quote-mark {
font-family: var(--font-heading);
font-size: clamp(4rem, 6vw, 6rem);
color: var(--mu-gold);
line-height: 0.8;
opacity: 0.3;
position: absolute;
top: -0.25em;
left: -0.15em;
pointer-events: none;
user-select: none;
}
.testimonial__wrapper {
position: relative;
padding-left: 1rem;
}
@media (max-width: 768px) {
.content-section__layout {
grid-template-columns: 1fr;
}
.founder__layout {
grid-template-columns: 1fr;
}
.founder__image {
max-width: 300px;
margin: 0 auto;
}
.team__grid {
grid-template-columns: repeat(2, 1fr);
}
.company-info__grid {
grid-template-columns: 1fr;
}
.case-study__facts {
grid-template-columns: 1fr;
}
.rfp__layout {
grid-template-columns: 1fr;
}
.form-row {
grid-template-columns: 1fr;
}
.rfp__sidebar {
position: static;
}
.page-hero--case-study,
.page-hero--destination {
min-height: 50vh;
}
.contact__layout {
grid-template-columns: 1fr;
}
.contact-destinations__grid {
grid-template-columns: repeat(2, 1fr);
}
.contact-social__links {
flex-direction: column;
align-items: stretch;
}
}
@media (max-width: 480px) {
.contact-destinations__grid {
grid-template-columns: 1fr;
}
.team__grid {
grid-template-columns: 1fr;
}
}
.page-hero {
background: var(--mu-navy);
padding: clamp(8rem, 15vh, 12rem) 0 clamp(4rem, 8vh, 6rem);
color: var(--mu-cream);
position: relative;
overflow: hidden;
}
.page-hero--compact {
padding: clamp(7rem, 12vh, 10rem) 0 clamp(3rem, 6vh, 5rem);
}
.page-hero__bg {
position: absolute;
inset: 0;
z-index: 0;
overflow: hidden;
background: #1A1F36;
}
.page-hero__bg img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
opacity: 0.35;
font-size: 0;
color: transparent;
}
.page-hero__bg::after {
content: '';
position: absolute;
inset: 0;
background: linear-gradient(to bottom, rgba(26, 31, 54, 0.6) 0%, rgba(26, 31, 54, 0.85) 100%);
}
.page-hero .container {
position: relative;
z-index: 1;
}
.page-hero__headline {
font-family: var(--font-heading);
font-size: clamp(2rem, 4vw + 0.5rem, 3.5rem);
font-weight: 600;
line-height: 1.15;
color: var(--mu-cream);
max-width: 48rem;
margin-bottom: var(--space-md);
}
.page-hero__headline--cream {
color: var(--mu-cream);
}
.page-hero__sub {
font-family: var(--font-body);
font-size: clamp(1rem, 1.25vw, 1.25rem);
font-weight: 300;
line-height: 1.6;
color: rgba(245, 243, 238, 0.85);
max-width: 42rem;
}
.page-hero__sub--cream {
color: rgba(245, 243, 238, 0.9);
}
.lead-text {
font-family: var(--font-body);
font-size: clamp(1.0625rem, 1.25vw, 1.25rem);
line-height: 1.7;
color: inherit;
max-width: 65ch;
margin: 0 auto;
}
.content-section {
background: var(--mu-cream);
padding: var(--space-xl) 0;
}
.content-section--alt {
background: var(--mu-stone);
}
.content-section__layout {
display: grid;
grid-template-columns: 1fr;
gap: var(--space-xl);
align-items: center;
}
.content-section__layout--reverse {
direction: ltr;
}
.content-section__text h2 {
font-family: var(--font-heading);
font-size: clamp(1.5rem, 2.5vw, 2rem);
font-weight: 600;
color: inherit;
margin-bottom: var(--space-md);
line-height: 1.25;
}
.content-section__text p {
font-family: var(--font-body);
font-size: clamp(0.9375rem, 1vw + 0.25rem, 1.0625rem);
line-height: 1.7;
color: inherit;
}
.content-section__text p+p {
margin-top: var(--space-sm);
}
.capabilities-intro__layout {
align-items: start;
}
.capabilities-intro__summary {
margin: 0 0 var(--space-lg);
max-width: 65ch;
}
.page--capabilities .why-facts__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1.5rem;
max-width: 70rem;
margin: 0 auto;
}
.page--capabilities .why-fact-card {
padding: 1.75rem;
min-height: 100%;
}
.page--capabilities .why-facts.section-deep-return .why-fact-card {
background: rgba(245, 243, 238, 0.06);
border: 1px solid rgba(201, 174, 93, 0.18);
box-shadow: none;
}
.page--capabilities .why-facts.section-deep-return .why-fact-card h3 {
color: var(--mu-cream);
}
.page--capabilities .why-facts.section-deep-return .why-fact-card p {
color: rgba(245, 243, 238, 0.82);
}
.capabilities-index__intro {
max-width: 42rem;
margin: 0 0 clamp(2rem, 4vw, 3rem);
}
.capabilities-index__intro .section-heading {
margin-bottom: 0.85rem;
}
.capabilities-index__intro p {
margin: 0;
max-width: 60ch;
color: var(--text-on-light-secondary);
}
.page--capabilities .capability-card {
background: rgba(255, 255, 255, 0.62);
border: 1px solid rgba(26, 31, 54, 0.08);
border-top: 2px solid var(--mu-gold-20);
box-shadow: 0 14px 30px rgba(26, 31, 54, 0.04);
}
.page--capabilities .faq.section-stone .faq__item {
background: rgba(255, 255, 255, 0.5);
}
.content-section__image {
border-radius: var(--radius-card);
overflow: hidden;
}
.content-section__image img {
width: 100%;
height: auto;
display: block;
}
@media (min-width: 768px) {
.content-section__layout {
grid-template-columns: 1fr 1fr;
}
.content-section__layout--reverse {
direction: rtl;
}
.content-section__layout--reverse>* {
direction: ltr;
}
}
@media (max-width: 900px) {
.page--capabilities .why-facts__grid {
grid-template-columns: 1fr;
}
}
.differentiator {
background: var(--mu-navy);
padding: var(--space-section) 0;
}
.differentiator__content {
max-width: 50rem;
margin: 0 auto;
text-align: center;
}
.differentiator__content h2 {
font-family: var(--font-heading);
font-size: clamp(1.5rem, 2.5vw, 2.25rem);
font-weight: 600;
color: var(--mu-cream);
margin-bottom: var(--space-md);
line-height: 1.25;
}
.differentiator__content p {
font-family: var(--font-body);
font-size: clamp(1rem, 1.15vw, 1.125rem);
line-height: 1.7;
color: rgba(245, 243, 238, 0.8);
max-width: 55ch;
margin: 0 auto;
}
.differentiator__content .overline--gold {
color: var(--mu-gold);
}
.related-work {
background: var(--mu-cream);
padding: var(--space-section) 0;
}
.related-work__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 1.5rem;
margin-top: var(--space-lg);
}
.related-work__card {
background: var(--mu-cream);
padding: 2rem 1.75rem;
border: 1px solid rgba(26, 31, 54, 0.08);
text-decoration: none;
display: flex;
flex-direction: column;
gap: var(--space-md);
transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);
}
.related-work__card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 32px rgba(26, 31, 54, 0.12);
border-color: var(--mu-gold);
}
.related-work__card h3 {
font-family: var(--font-heading);
font-size: clamp(1.125rem, 1.5vw, 1.375rem);
font-weight: 500;
color: inherit;
line-height: 1.35;
}
.related-work__link {
font-family: var(--font-body);
font-size: 0.8125rem;
font-weight: 500;
color: var(--mu-gold);
letter-spacing: 0.04em;
display: inline-flex;
align-items: center;
gap: 0.5rem;
transition: gap var(--transition-base);
}
.related-work__card:hover .related-work__link {
gap: 0.75rem;
}
.internal-links {
background: var(--mu-light-gold);
padding: var(--space-xl) 0;
border-top: 1px solid rgba(26, 31, 54, 0.06);
}
.internal-links__grid {
display: flex;
flex-wrap: wrap;
gap: 1rem;
margin-top: var(--space-md);
}
.internal-link {
display: inline-flex;
align-items: center;
gap: 0.5rem;
padding: 0.625rem 1.25rem;
background: var(--mu-cream);
border: 1px solid rgba(26, 31, 54, 0.08);
color: inherit;
font-family: var(--font-body);
font-size: 0.875rem;
font-weight: 500;
text-decoration: none;
letter-spacing: 0.01em;
transition: border-color var(--transition-base), color var(--transition-base), background var(--transition-base);
}
.internal-link:hover {
border-color: var(--mu-gold);
color: var(--mu-gold);
background: var(--mu-cream);
}
.final-cta {
background: var(--mu-navy);
padding: var(--space-section) 0;
position: relative;
overflow: hidden;
}
.final-cta::before {
content: '';
position: absolute;
inset: 0;
background:
repeating-linear-gradient(45deg, transparent, transparent 40px, rgba(201, 174, 93, 0.03) 40px, rgba(201, 174, 93, 0.03) 41px),
repeating-linear-gradient(-45deg, transparent, transparent 40px, rgba(201, 174, 93, 0.03) 40px, rgba(201, 174, 93, 0.03) 41px);
pointer-events: none;
}
.final-cta__content {
text-align: center;
max-width: 40rem;
margin: 0 auto;
position: relative;
z-index: 1;
}
.final-cta__content h2 {
font-family: var(--font-heading);
font-size: clamp(1.75rem, 3vw, 2.5rem);
font-weight: 600;
color: var(--mu-cream);
margin-bottom: var(--space-sm);
line-height: 1.2;
}
.final-cta__content p {
font-family: var(--font-body);
font-size: 1rem;
color: rgba(245, 243, 238, 0.75);
margin-bottom: var(--space-lg);
}
.founder {
background: var(--mu-navy);
padding: var(--space-section) 0;
color: var(--mu-cream);
}
.founder__layout {
display: grid;
grid-template-columns: 1fr;
gap: var(--space-xl);
align-items: start;
}
.founder__image img {
width: 100%;
height: auto;
display: block;
border-radius: var(--radius-card);
}
.founder__content h2 {
font-family: var(--font-heading);
font-size: clamp(1.5rem, 2.5vw, 2.25rem);
font-weight: 600;
color: var(--mu-cream);
margin-bottom: var(--space-md);
}
.founder__content p {
font-family: var(--font-body);
font-size: clamp(0.9375rem, 1vw + 0.25rem, 1.0625rem);
line-height: 1.7;
color: rgba(245, 243, 238, 0.8);
margin-bottom: var(--space-sm);
}
@media (min-width: 768px) {
.founder__layout {
grid-template-columns: 1fr 1.4fr;
}
}
.values {
background: var(--mu-cream);
padding: var(--space-section) 0;
}
.values__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 1.5rem;
margin-top: var(--space-lg);
}
.value-card {
background: var(--mu-cream);
padding: 2rem 1.75rem;
border: 1px solid rgba(26, 31, 54, 0.06);
border-top: 3px solid var(--mu-gold);
}
.value-card__title {
font-family: var(--font-heading);
font-size: 1.125rem;
font-weight: 600;
color: inherit;
margin-bottom: 0.75rem;
}
.value-card__desc {
font-family: var(--font-body);
font-size: 0.9375rem;
line-height: 1.6;
color: var(--mu-navy-80);
}
.team {
background: var(--mu-stone);
padding: var(--space-section) 0;
}
.team__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 1.5rem;
margin-top: var(--space-lg);
}
.team-card {
text-align: center;
}
.team-card__image {
width: 100%;
aspect-ratio: 1;
border-radius: 50%;
overflow: hidden;
margin-bottom: 1rem;
}
.team-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.team-card__image--placeholder {
background: var(--mu-cream);
}
.team-card__name {
font-family: var(--font-heading);
font-size: 1rem;
font-weight: 600;
color: inherit;
}
.team-card__title {
font-family: var(--font-body);
font-size: 0.8125rem;
color: var(--mu-gold);
font-weight: 500;
}
.company-info {
background: var(--mu-cream);
padding: var(--space-section) 0;
}
.company-info__details h2 {
font-family: var(--font-heading);
font-size: clamp(1.5rem, 2.5vw, 2rem);
font-weight: 600;
color: inherit;
margin-bottom: var(--space-lg);
}
.company-info__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 1.5rem;
}
.company-info__item {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.company-info__label {
font-family: var(--font-body);
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.12em;
color: var(--mu-gold);
}
.company-info__value {
font-family: var(--font-body);
font-size: 0.9375rem;
color: inherit;
}
.company-info__value a {
color: inherit;
text-decoration: none;
border-bottom: 1px solid var(--mu-gold-20);
transition: border-color var(--transition-base);
}
.company-info__value a:hover {
border-color: var(--mu-gold);
}
.case-study-body {
background: var(--mu-cream);
padding: var(--space-section) 0;
}
.case-study__content {
max-width: 50rem;
margin: 0 auto;
}
.case-study__placeholder {
font-family: var(--font-body);
font-size: 1.0625rem;
line-height: 1.7;
color: inherit;
margin-bottom: var(--space-lg);
}
.case-study__facts {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 1.5rem;
padding: var(--space-lg) 0;
border-top: 1px solid rgba(26, 31, 54, 0.1);
border-bottom: 1px solid rgba(26, 31, 54, 0.1);
margin-bottom: var(--space-lg);
}
.fact-item {
display: flex;
flex-direction: column;
gap: 0.25rem;
}
.fact-item__label {
font-family: var(--font-body);
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.12em;
color: var(--mu-gold);
}
.fact-item__value {
font-family: var(--font-body);
font-size: 1rem;
color: inherit;
font-weight: 500;
}
.case-study__gallery {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 1rem;
}
.case-study__gallery img {
width: 100%;
height: auto;
display: block;
border-radius: var(--radius-card);
}
.dest-body {
background: var(--mu-cream);
padding: var(--space-section) 0;
}
.dest-body__content {
max-width: 50rem;
margin: 0 auto;
}
.dest-body__content p {
font-family: var(--font-body);
font-size: 1.0625rem;
line-height: 1.7;
color: inherit;
margin-bottom: var(--space-lg);
}
.why-stats {
background: var(--mu-cream);
padding: var(--space-xl) 0;
}
.rfp-form {
background: var(--mu-cream);
padding: var(--space-section) 0;
}
.rfp__layout {
display: grid;
grid-template-columns: 1fr;
gap: var(--space-xl);
}
@media (min-width: 768px) {
.rfp__layout {
grid-template-columns: 1.6fr 1fr;
}
}
.rfp__form {
display: flex;
flex-direction: column;
gap: 1.25rem;
}
.form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1.25rem;
}
@media (max-width: 480px) {
.form-row {
grid-template-columns: 1fr;
}
}
.form-group {
display: flex;
flex-direction: column;
gap: 0.375rem;
}
.form-group label {
font-family: var(--font-body);
font-size: 0.8125rem;
font-weight: 600;
color: var(--mu-navy);
letter-spacing: 0.02em;
}
.form-group input,
.form-group select,
.form-group textarea {
font-family: var(--font-body);
font-size: 0.9375rem;
padding: 0.75rem 1rem;
border: 1px solid rgba(26, 31, 54, 0.15);
background: var(--mu-cream);
color: var(--mu-navy);
border-radius: var(--radius-card);
transition: border-color var(--transition-base);
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
outline: none;
border-color: var(--mu-gold);
}
.btn-gold--full {
width: 100%;
margin-top: 0.5rem;
}
.rfp__sidebar {
display: flex;
flex-direction: column;
gap: var(--space-lg);
}
.rfp__trust h3,
.rfp__contact h3 {
font-family: var(--font-body);
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--mu-gold);
margin-bottom: var(--space-sm);
}
.rfp__logos {
display: flex;
gap: 1.25rem;
align-items: center;
flex-wrap: wrap;
}
.rfp__logos img {
height: 28px;
width: auto;
opacity: 0.6;
filter: grayscale(100%);
}
.rfp__awards {
font-family: var(--font-body);
font-size: 0.875rem;
color: var(--mu-navy);
line-height: 1.5;
}
.rfp__badge {
font-family: var(--font-heading);
font-size: 1.5rem;
font-weight: 700;
color: var(--mu-gold);
margin-right: 0.25rem;
}
.rfp__contact a {
display: block;
color: var(--mu-navy);
text-decoration: none;
font-size: 0.9375rem;
margin-bottom: 0.25rem;
transition: color var(--transition-base);
}
.rfp__contact a:hover {
color: var(--mu-gold);
}
.insights-placeholder {
background: var(--mu-cream);
padding: var(--space-section) 0;
}
.insights__content {
max-width: 40rem;
margin: 0 auto;
text-align: center;
}
.insights__content p {
font-family: var(--font-body);
font-size: 1.0625rem;
line-height: 1.7;
color: inherit;
margin-bottom: var(--space-lg);
}
.capabilities-index,
.work-index,
.destinations-index {
background: var(--mu-cream);
padding: var(--space-xl) 0 var(--space-section);
}
.experience-list {
max-width: 50rem;
margin: var(--space-lg) auto 0;
}
.experience-list ul {
list-style: none;
padding: 0;
display: flex;
flex-direction: column;
gap: 1rem;
}
.experience-list li {
font-family: var(--font-body);
font-size: clamp(0.9375rem, 1vw + 0.25rem, 1.0625rem);
line-height: 1.6;
color: rgba(245, 243, 238, 0.85);
padding-left: 1.5rem;
position: relative;
}
.experience-list li::before {
content: '';
position: absolute;
left: 0;
top: 0.625rem;
width: 8px;
height: 1px;
background: var(--mu-gold);
}
.logistics-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 1.25rem;
margin-top: var(--space-lg);
}
.logistics-item {
display: flex;
flex-direction: column;
gap: 0.25rem;
padding-bottom: 1rem;
border-bottom: 1px solid rgba(26, 31, 54, 0.08);
}
.logistics-item__label {
font-family: var(--font-body);
font-size: 0.75rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.12em;
color: var(--mu-gold);
}
.logistics-item__value {
font-family: var(--font-body);
font-size: 0.9375rem;
color: inherit;
font-weight: 500;
}
.case-study-facts {
background: var(--mu-cream);
padding: var(--space-xl) 0;
}
.case-study-facts .case-study__facts {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 1.5rem;
padding: var(--space-lg) 0;
border-top: 1px solid rgba(26, 31, 54, 0.1);
border-bottom: 1px solid rgba(26, 31, 54, 0.1);
}
.scale-list {
list-style: none;
padding: 0;
max-width: 40rem;
margin: var(--space-md) auto 0;
text-align: left;
}
.scale-list li {
font-family: var(--font-body);
font-size: clamp(0.9375rem, 1vw, 1.0625rem);
line-height: 1.6;
color: rgba(245, 243, 238, 0.85);
padding: 0.5rem 0 0.5rem 1.5rem;
position: relative;
border-bottom: 1px solid rgba(245, 243, 238, 0.06);
}
.scale-list li::before {
content: '';
position: absolute;
left: 0;
top: 1rem;
width: 8px;
height: 1px;
background: var(--mu-gold);
}
.testimonial-quote {
font-family: var(--font-heading);
font-style: italic;
font-size: clamp(1.25rem, 2vw, 1.75rem);
color: inherit;
border-left: 3px solid var(--mu-gold);
padding-left: var(--space-md);
margin: var(--space-lg) 0 0;
max-width: 40rem;
line-height: 1.4;
}
.section-heading--cream {
color: var(--mu-cream);
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.text-espresso {
color: var(--mu-espresso);
}
.page-hero:not(.page-hero--case-study):not(.page-hero--destination) {
padding-top: calc(var(--nav-height) + clamp(0.95rem, 2.2vw, 1.65rem));
}
.page-hero--compact {
padding-top: calc(var(--nav-height) + clamp(0.7rem, 1.8vw, 1.2rem));
}
.page-hero--case-study,
.page-hero--destination {
padding-top: calc(var(--nav-height) + clamp(2rem, 5vh, 4rem));
}
.page-hero:not(.page-hero--case-study):not(.page-hero--destination) .overline {
display: block;
margin-top: 0;
}
@media (prefers-reduced-motion: reduce) {
.reveal {
opacity: 1;
transform: none;
transition: none;
}
.reveal-stagger>* {
opacity: 1;
transform: none;
transition: none;
}
.gold-divider {
width: 80px;
transition: none;
}
.scroll-indicator__line {
animation: none;
}
.img-hover-zoom img {
transition: none;
}
html {
scroll-behavior: auto;
}
}
.destination-card__image--fallback {
min-height: 320px;
display: flex;
align-items: flex-end;
padding: 1.25rem;
background:
radial-gradient(circle at 20% 20%, rgba(214, 174, 94, 0.35), transparent 45%),
linear-gradient(160deg, rgba(18, 30, 24, 0.96), rgba(37, 63, 49, 0.92));
}
.destination-card__fallback-label {
color: var(--mu-cream);
font-family: var(--font-heading);
font-size: 1.75rem;
line-height: 1.1;
max-width: 10ch;
}
.page-hero__bg--fallback {
background:
radial-gradient(circle at 20% 20%, rgba(214, 174, 94, 0.28), transparent 42%),
linear-gradient(155deg, rgba(15, 24, 19, 0.98), rgba(39, 61, 48, 0.94));
}
.hero__media {
background-size: cover;
background-position: center 30%;
background-repeat: no-repeat;
}
.hero__video {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 30%;
}
.affiliations {
background: var(--section-stone);
padding: var(--space-lg) 0;
text-align: center;
}
.affiliations .lead-text {
color: var(--text-on-light-secondary);
margin-bottom: var(--space-lg);
}
.affiliations__logos {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-md);
}
.affiliations__item {
background: var(--mu-cream);
border: 1px solid rgba(26, 31, 54, 0.08);
min-height: 110px;
padding: 1.25rem 1.5rem;
display: flex;
align-items: center;
justify-content: center;
}
.affiliations__item img {
max-width: none;
max-height: 52px;
width: auto;
height: auto;
opacity: 0.9;
mix-blend-mode: normal;
filter: saturate(0.92) contrast(1.01);
}
@media (max-width: 820px) {
.affiliations__logos {
grid-template-columns: 1fr;
}
}
@media (prefers-reduced-data: reduce) {
.hero__video {
display: none;
}
}
.hero__media--homepage {
background-image: url('media/hero/muisca-homepage-poster.webp?v=6642c783aa');
}
@media (max-width: 767px) and (orientation: portrait) {
.hero__media--homepage {
background-image: url('media/hero/muisca-homepage-poster-portrait.webp?v=0d18a58a34');
}
}
.hero__sub {
color: rgba(245, 243, 238, 0.85);
font-size: clamp(1rem, 1.5vw + 0.25rem, 1.375rem);
font-weight: 300;
line-height: 1.5;
max-width: 48rem;
margin: 0 auto var(--space-lg);
letter-spacing: 0.01em;
}
.capability-card__accent {
width: 40px;
transform: scaleX(0);
transform-origin: left center;
transition: transform 1s cubic-bezier(0.16, 1, 0.3, 1), width var(--transition-base);
}
.capability-card__accent--visible,
.capability-card:hover .capability-card__accent {
transform: scaleX(1);
}
.capability-card:hover .capability-card__accent {
width: calc(100% - 4rem);
}
.capability-card:nth-child(2) .capability-card__accent {
transition-delay: 0.1s;
}
.capability-card:nth-child(3) .capability-card__accent {
transition-delay: 0.2s;
}
.capability-card:nth-child(4) .capability-card__accent {
transition-delay: 0.3s;
}
.page-hero:not(.page-hero--case-study):not(.page-hero--destination) .container {
max-width: 56rem;
text-align: center;
}
.page-hero:not(.page-hero--case-study):not(.page-hero--destination) .overline,
.page-hero:not(.page-hero--case-study):not(.page-hero--destination) .page-hero__headline,
.page-hero:not(.page-hero--case-study):not(.page-hero--destination) .page-hero__sub {
margin-left: auto;
margin-right: auto;
}
.page-hero__headline {
font-weight: 500;
letter-spacing: -0.02em;
}
.page-hero__sub {
max-width: 46rem;
}
.page-band {
background: linear-gradient(180deg, rgba(26, 31, 54, 0.98) 0%, rgba(42, 33, 24, 0.98) 100%);
padding: var(--space-section) 0;
position: relative;
overflow: hidden;
}
.page-band::before {
content: '';
position: absolute;
inset: 0;
background:
radial-gradient(circle at 15% 20%, rgba(201, 174, 93, 0.12), transparent 30%),
repeating-linear-gradient(45deg, transparent, transparent 44px, rgba(201, 174, 93, 0.03) 44px, rgba(201, 174, 93, 0.03) 45px);
pointer-events: none;
}
.page-band > .container,
.page-band__content {
max-width: 56rem;
margin: 0 auto;
position: relative;
z-index: 1;
text-align: center;
}
.page-band .overline {
color: var(--mu-gold);
}
.page-band h2 {
font-family: var(--font-heading);
font-size: clamp(1.75rem, 3vw, 2.5rem);
font-weight: 500;
color: var(--mu-cream);
line-height: 1.2;
margin-bottom: var(--space-md);
}
.page-band p {
font-family: var(--font-body);
font-size: clamp(1rem, 1.15vw, 1.125rem);
line-height: 1.7;
color: rgba(245, 243, 238, 0.82);
max-width: 56ch;
margin-left: auto;
margin-right: auto;
}
.page-band .experience-list,
.page-band .scale-list {
margin-left: auto;
margin-right: auto;
}
.why-stats .stats__grid {
margin-top: var(--space-lg);
}
.why-stats .stats__item {
padding: 1.5rem 1rem;
border: 1px solid rgba(201, 174, 93, 0.14);
background: rgba(245, 243, 238, 0.04);
}
.why-stats .stats__number {
color: var(--mu-cream);
}
.why-stats .stats__label {
color: rgba(245, 243, 238, 0.74);
}
:where(.cta-section, .final-cta) {
padding: var(--space-section) 0;
border-top: 1px solid rgba(201, 174, 93, 0.12);
}
:where(.cta-section__content, .final-cta__content) {
max-width: 44rem;
margin: 0 auto;
}
:where(.cta-section__content h2, .final-cta__content h2) {
margin-bottom: var(--space-sm);
letter-spacing: -0.01em;
text-wrap: balance;
}
:where(.cta-section__content p, .final-cta__content p) {
margin: 0 0 var(--space-md);
color: rgba(245, 243, 238, 0.78);
}
.rfp__intro {
max-width: 48rem;
margin: 0 auto var(--space-xl);
text-align: center;
}
.rfp__form-container {
background: var(--mu-cream);
border: 1px solid rgba(26, 31, 54, 0.08);
padding: clamp(1.5rem, 3vw, 2.25rem);
box-shadow: 0 18px 48px rgba(26, 31, 54, 0.08);
}
.rfp__sidebar {
position: sticky;
top: calc(88px + var(--space-sm));
}
.rfp__panel {
background: var(--mu-cream);
border: 1px solid rgba(26, 31, 54, 0.08);
padding: clamp(1.25rem, 2.5vw, 1.75rem);
}
.rfp__panel h3 {
font-family: var(--font-body);
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--mu-gold);
margin-bottom: var(--space-sm);
}
.rfp__panel--dark {
background: var(--mu-navy);
border-color: rgba(201, 174, 93, 0.2);
color: var(--mu-cream);
}
.rfp__panel--dark .rfp__logos img {
opacity: 0.72;
filter: brightness(0) invert(1);
}
.rfp__contact a {
width: fit-content;
}
.rfp__awards + .rfp__awards {
margin-top: 0.5rem;
}
.signal-list {
list-style: none;
padding: 0;
display: flex;
flex-direction: column;
gap: 0.875rem;
}
.signal-list li {
position: relative;
padding-left: 1.25rem;
font-family: var(--font-body);
font-size: 0.9375rem;
line-height: 1.6;
color: var(--mu-navy);
}
.signal-list li::before {
content: '';
position: absolute;
left: 0;
top: 0.8rem;
width: 8px;
height: 1px;
background: var(--mu-gold);
}
.form-note {
font-family: var(--font-body);
font-size: 0.8125rem;
line-height: 1.6;
color: var(--text-on-light-secondary);
}
.page--contact .contact__card,
.page--contact .contact-social__link,
.page--about .affiliations__item,
.page--about .value-card,
.page--about .team-card,
.page--about .company-info__item {
box-shadow: 0 10px 28px rgba(26, 31, 54, 0.05);
}
.page--contact .contact__office,
.page--contact .contact-dest-card {
border-radius: 0;
}
.page--contact .contact__office {
background: linear-gradient(180deg, #1a1f36 0%, #1A1F36 100%);
border: 1px solid rgba(201, 174, 93, 0.18);
box-shadow: 0 18px 40px rgba(26, 31, 54, 0.18);
color: var(--text-on-dark-body);
}
.page--contact .contact__office-title {
color: var(--text-on-dark-heading);
}
.page--contact .contact__office-address {
color: var(--text-on-dark-body);
}
.page--contact .contact__office-note {
color: var(--text-on-dark-secondary);
}
@media (max-width: 768px) {
.page-band > .container,
.page-band__content,
.page-hero:not(.page-hero--case-study):not(.page-hero--destination) .container {
max-width: none;
}
.rfp__sidebar {
position: static;
}
}
.page--home .differentiator {
color: inherit;
}
.page--home .differentiator__content {
max-width: none;
margin: 0;
text-align: left;
}
.page--home .differentiator__content h2 {
font-size: clamp(1.75rem, 3vw + 0.25rem, 2.75rem);
margin-bottom: var(--space-md);
max-width: 18ch;
}
.page--home .differentiator__content p {
max-width: none;
margin: 0 0 var(--space-sm);
}
.page--home .differentiator.section-deep-return .differentiator__content h2 {
color: var(--text-on-dark-heading);
}
.page--home .differentiator.section-deep-return .differentiator__content p {
color: var(--text-on-dark-body);
}
.page--home .differentiator .overline {
color: var(--mu-gold);
}
.page--home .differentiator__content .text-link {
margin-top: var(--space-md);
}
.hero.section-dark-open,
.work.section-dark-open,
.testimonial.section-dark-open,
.pull-quote-band.section-dark-open,
.team.section-dark-open {
background: var(--section-dark-open);
color: var(--text-on-dark);
}
.page-hero.section-dark-open,
.founder.section-deep-return,
.private-journeys.section-deep-return,
.contact-destinations.section-deep-return,
.cta-section.section-deep-return {
color: var(--text-on-dark);
}
.trust-strip.section-warm-breath,
.affiliations.section-warm-breath,
.company-info.section-warm-breath,
.contact-details.section-warm-breath,
.final-cta.section-warm-breath {
background: var(--section-warm-breath);
color: var(--text-on-light);
}
.stats.section-stone,
.capabilities-index.section-stone,
.work-index.section-stone,
.destinations-index.section-stone,
.legacy.section-stone,
.faq-section.section-stone {
background: var(--section-stone);
color: var(--text-on-light);
}
.capabilities.section-clean-close,
.awards.section-clean-close,
.contact-social.section-clean-close {
background: var(--section-clean-close);
color: var(--text-on-light);
}
.differentiator.section-deep-return {
background: var(--section-deep-return);
color: var(--text-on-dark);
}
.trust-strip.section-warm-breath .trust-strip__logos img {
filter: grayscale(1) brightness(0.2);
opacity: 0.5;
}
.trust-strip.section-warm-breath .trust-strip__logos img:hover {
opacity: 0.78;
}
.work.section-dark-open .work-card {
padding-bottom: 0.5rem;
border-bottom: 1px solid rgba(201, 174, 93, 0.14);
}
.work.section-dark-open .work-card__headline,
.work.section-dark-open .work-card:hover .work-card__headline {
color: var(--mu-cream);
}
.work.section-dark-open .work-card__content {
color: var(--mu-cream);
}
.work.section-dark-open .work__cta .text-link {
color: var(--mu-cream);
}
.work.section-dark-open .work__cta .text-link:hover {
color: var(--mu-gold);
border-color: var(--mu-gold);
}
.work.section-dark-open .work-card:hover .work-card__link {
color: var(--mu-gold-hover);
}
.final-cta.section-warm-breath .final-cta__headline {
color: var(--text-on-light-heading);
}
.final-cta.section-warm-breath .final-cta__subtext {
color: var(--text-on-light-secondary);
}
.faq-section.section-stone .faq__item,
.faq.section-stone .faq__item,
.faq.section-clean-close .faq__item {
border-bottom-color: rgba(26, 31, 54, 0.12);
}
.destination-overview {
display: grid;
gap: var(--space-lg);
}
.destination-overview__meta {
margin-top: 0;
}
.destination-story__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: var(--space-md);
margin-top: var(--space-lg);
}
.destination-story__block {
background: rgba(255, 255, 255, 0.4);
border: 1px solid rgba(26, 31, 54, 0.08);
padding: 1.5rem;
}
.destination-story__block p:last-child {
margin-bottom: 0;
}
.faq__follow-up {
margin-top: var(--space-xl);
padding-top: var(--space-lg);
border-top: 1px solid rgba(26, 31, 54, 0.12);
}
.page-hero__facts {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
gap: var(--space-sm);
margin-top: var(--space-lg);
max-width: 54rem;
}
.page-hero__facts .fact-item {
background: rgba(26, 31, 54, 0.42);
border: 1px solid rgba(201, 174, 93, 0.2);
padding: 1rem 1.1rem;
backdrop-filter: blur(6px);
}
.page-hero__facts .fact-item__label {
color: var(--mu-gold);
}
.page-hero__facts .fact-item__value {
color: var(--mu-cream);
font-size: 1rem;
}
.case-study-execution .execution-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: var(--space-md);
margin-top: var(--space-lg);
}
.execution-card {
background: rgba(245, 243, 238, 0.05);
border: 1px solid rgba(201, 174, 93, 0.16);
padding: 1.5rem;
}
.execution-card h3 {
color: var(--mu-cream);
font-size: 1.2rem;
margin-bottom: 0.75rem;
}
.execution-card p {
color: rgba(245, 243, 238, 0.82);
margin-bottom: 0;
}
.case-study-results__grid {
display: grid;
grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.85fr);
gap: var(--space-lg);
align-items: start;
}
.case-study-results__meta {
display: grid;
gap: var(--space-md);
}
.scale-list--light {
list-style: none;
padding: 0;
margin: 0;
display: grid;
gap: 0.8rem;
}
.scale-list--light li {
position: relative;
padding-left: 1rem;
}
.scale-list--light li::before {
content: '';
position: absolute;
left: 0;
top: 0.75rem;
width: 8px;
height: 1px;
background: var(--mu-gold);
}
.pull-quote-band {
padding: var(--space-xl) 0;
}
.pull-quote-band__content {
max-width: 52rem;
margin: 0 auto;
text-align: center;
}
.pull-quote-band blockquote {
margin: 0;
font-family: var(--font-heading);
font-size: clamp(1.5rem, 2.3vw + 0.25rem, 2.4rem);
font-style: italic;
line-height: 1.45;
color: var(--mu-cream);
}
.pull-quote-band blockquote::before,
.pull-quote-band blockquote::after {
color: var(--mu-gold);
font-style: normal;
}
.pull-quote-band blockquote::before {
content: "\201C";
margin-right: 0.18em;
}
.pull-quote-band blockquote::after {
content: "\201D";
margin-left: 0.18em;
}
@media (max-width: 900px) {
.case-study-results__grid {
grid-template-columns: 1fr;
}
}
.nav__links {
gap: clamp(1rem, 1.8vw, 2rem);
}
.nav-link--active {
color: var(--mu-cream);
}
.nav-link--active::after {
width: 100%;
}
.mobile-menu__link--active::after {
width: 100%;
left: 0;
}
.footer__nav a,
.footer__contact a {
letter-spacing: 0.03em;
}
.page--insights .page-hero__sub {
max-width: 50rem;
}
.insights-intro {
padding: var(--space-section) 0;
}
.insights-intro__grid {
display: grid;
grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.9fr);
gap: var(--space-lg);
align-items: start;
}
.insights-intro__content p:not(.overline):not(.lead-text) {
max-width: 60ch;
}
.insights-intro__panel,
.insights-card {
background: rgba(255, 255, 255, 0.72);
border: 1px solid rgba(26, 31, 54, 0.08);
box-shadow: 0 18px 42px rgba(26, 31, 54, 0.07);
}
.insights-intro__panel {
padding: clamp(1.5rem, 2.6vw, 2rem);
}
.insights-intro__panel h3 {
margin-bottom: var(--space-sm);
}
.insights-pillars {
padding: var(--space-section) 0;
}
.insights-pillars__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-md);
}
.insights-card {
padding: clamp(1.5rem, 2.8vw, 2rem);
min-height: 100%;
}
.insights-card__eyebrow,
.editorial-teaser__status {
display: inline-flex;
align-items: center;
gap: 0.4rem;
font-family: var(--font-body);
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--mu-gold);
margin-bottom: var(--space-sm);
}
.insights-card h3,
.editorial-teaser h3 {
font-size: clamp(1.25rem, 1.45vw, 1.6rem);
line-height: 1.28;
margin-bottom: 0.75rem;
}
.insights-card p {
max-width: none;
}
.insights-queue {
padding: var(--space-section) 0;
}
.insights-queue__header {
max-width: 46rem;
margin: 0 auto var(--space-xl);
text-align: center;
}
.insights-queue__header p:last-child {
color: rgba(245, 243, 238, 0.8);
}
.insights-queue__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-md);
}
.editorial-teaser {
min-height: 100%;
padding: clamp(1.5rem, 2.8vw, 2rem);
background: rgba(245, 243, 238, 0.05);
border: 1px solid rgba(201, 174, 93, 0.18);
}
.editorial-teaser p {
color: rgba(245, 243, 238, 0.82);
max-width: none;
margin-bottom: 0;
}
.insights-contact {
padding: var(--space-section) 0;
}
.insights-contact__content {
max-width: 50rem;
margin: 0 auto;
text-align: center;
}
.insights-contact__actions {
display: flex;
align-items: center;
justify-content: center;
gap: 1rem;
flex-wrap: wrap;
margin-top: var(--space-lg);
}
@media (max-width: 980px) {
.insights-pillars__grid,
.insights-queue__grid {
grid-template-columns: 1fr;
}
.insights-intro__grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.nav__links {
gap: 0.875rem;
}
.insights-contact__actions {
flex-direction: column;
}
.insights-contact__actions .text-link {
justify-content: center;
}
}
.page--request-a-proposal .rfp__intro {
max-width: 52rem;
}
.page--request-a-proposal .rfp__layout {
gap: clamp(1.5rem, 3vw, 2.5rem);
align-items: start;
}
.page--request-a-proposal .rfp__form-container {
display: flex;
flex-direction: column;
gap: var(--space-md);
}
.page--request-a-proposal .rfp__form {
gap: 1.25rem;
}
.page--request-a-proposal .form-group {
gap: 0.5rem;
}
.page--request-a-proposal .form-group input[type='file'] {
padding: 0.95rem 1rem;
line-height: 1.4;
cursor: pointer;
}
.page--request-a-proposal .form-group input[type='file']::file-selector-button {
margin-right: 0.875rem;
padding: 0.7rem 1rem;
border: 0;
background: var(--mu-navy);
color: var(--mu-cream);
font-family: var(--font-body);
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
cursor: pointer;
}
.form-choices {
margin: 0;
padding: 0;
border: 0;
}
.form-choices legend {
margin-bottom: 0.75rem;
font-family: var(--font-body);
font-size: 0.8125rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--mu-navy);
}
.form-choices__grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.75rem;
}
.form-choice {
display: block;
}
.form-choice input {
position: absolute;
opacity: 0;
pointer-events: none;
}
.form-choice span {
display: flex;
align-items: center;
min-height: 56px;
padding: 0.9rem 1rem;
border: 1px solid rgba(26, 31, 54, 0.12);
background: var(--mu-cream);
color: var(--mu-navy);
font-family: var(--font-body);
font-size: 0.9375rem;
line-height: 1.45;
transition: border-color var(--transition-base), background-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base);
}
.form-choice:hover span {
border-color: rgba(201, 174, 93, 0.48);
transform: translateY(-1px);
}
.form-choice input:checked + span {
border-color: var(--mu-gold);
background: rgba(201, 174, 93, 0.12);
box-shadow: inset 0 0 0 1px rgba(201, 174, 93, 0.22);
}
.form-choice input:focus-visible + span {
outline: 2px solid rgba(201, 174, 93, 0.7);
outline-offset: 2px;
}
.form-choices--invalid .form-choice input:not(:checked) + span {
border-color: rgba(138, 62, 43, 0.28);
}
.rfp__field-note,
.form-status,
.page--request-a-proposal .form-note {
font-family: var(--font-body);
font-size: 0.8125rem;
line-height: 1.6;
}
.rfp__field-note,
.page--request-a-proposal .form-note {
color: var(--text-on-light-secondary);
}
.form-status {
min-height: 1.4rem;
margin-top: 0.35rem;
color: var(--text-on-light-secondary);
}
.form-status--error {
color: #3B2F2F;
}
.form-status--success {
color: #1A1F36;
}
.rfp__honey {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
opacity: 0;
pointer-events: none;
}
.rfp__panel-copy {
margin-top: var(--space-sm);
margin-bottom: 0;
color: rgba(245, 243, 238, 0.82);
max-width: none;
}
.rfp-steps {
list-style: none;
counter-reset: rfp-step;
padding: 0;
margin: 0;
display: grid;
gap: 1rem;
}
.rfp-steps li {
position: relative;
padding-left: 3rem;
font-family: var(--font-body);
font-size: 0.95rem;
line-height: 1.7;
color: var(--mu-navy);
}
.rfp-steps li::before {
counter-increment: rfp-step;
content: counter(rfp-step);
position: absolute;
left: 0;
top: 0.1rem;
width: 2rem;
height: 2rem;
display: grid;
place-items: center;
border: 1px solid rgba(201, 174, 93, 0.32);
color: var(--mu-gold);
font-family: var(--font-body);
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.08em;
}
.rfp-steps strong {
color: var(--mu-navy);
font-weight: 600;
}
.rfp-metric-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 0.75rem;
}
.rfp-metric {
min-height: 100%;
padding: 1rem;
background: rgba(255, 255, 255, 0.72);
border: 1px solid rgba(26, 31, 54, 0.08);
}
.rfp-metric__value {
display: block;
margin-bottom: 0.35rem;
font-family: var(--font-heading);
font-size: clamp(1.7rem, 2vw, 2.2rem);
line-height: 1;
color: var(--mu-navy);
text-wrap: balance;
}
.rfp-metric__label {
display: block;
font-family: var(--font-body);
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--text-on-light-secondary);
line-height: 1.45;
text-wrap: balance;
}
.rfp-success {
padding: clamp(1.75rem, 3vw, 2.5rem);
border: 1px solid rgba(26, 31, 54, 0.08);
background: linear-gradient(135deg, var(--mu-cream) 0%, #F5F3EE 100%);
box-shadow: 0 22px 52px rgba(26, 31, 54, 0.1);
}
.rfp-success[hidden] {
display: none;
}
.rfp__form-container--submitted {
justify-content: center;
}
.rfp-success__eyebrow {
margin-bottom: var(--space-sm);
}
.rfp-success h3 {
margin-bottom: var(--space-sm);
font-size: clamp(1.75rem, 2vw + 0.25rem, 2.45rem);
color: var(--mu-navy);
}
.rfp-success p {
max-width: 44rem;
}
.rfp-success__actions {
display: flex;
align-items: center;
gap: 1rem;
flex-wrap: wrap;
margin-top: var(--space-lg);
}
.insight-byline {
display: grid;
gap: 0.45rem;
margin-top: 1.5rem;
max-width: 42rem;
}
.insight-byline p {
margin: 0;
color: var(--text-on-dark-secondary);
font-size: 0.98rem;
}
.insight-byline strong {
color: var(--text-on-dark-heading);
font-weight: 600;
}
.insight-table-wrap {
margin-top: 1.75rem;
overflow-x: auto;
}
.insight-table {
width: 100%;
min-width: 640px;
border-collapse: collapse;
border: 1px solid rgba(201, 174, 93, 0.22);
background: rgba(26, 31, 54, 0.08);
}
.insight-table th,
.insight-table td {
padding: 0.95rem 1rem;
text-align: left;
vertical-align: top;
border-bottom: 1px solid rgba(201, 174, 93, 0.16);
}
.insight-table th {
color: var(--mu-ink);
background: rgba(201, 174, 93, 0.12);
}
.insight-table td {
color: var(--text-on-light-body);
}
.btn-gold--loading {
position: relative;
color: transparent;
cursor: progress;
pointer-events: none;
}
.btn-gold--loading::after {
content: 'Sending...';
position: absolute;
inset: 0;
display: grid;
place-items: center;
color: var(--section-dark-open);
font-family: var(--font-body);
font-size: 0.78rem;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.page--request-a-proposal .rfp__contact .rfp__field-note {
margin-top: var(--space-sm);
}
@media (max-width: 1100px) {
.rfp-metric-grid {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.form-choices__grid {
grid-template-columns: 1fr;
}
.rfp-success__actions {
flex-direction: column;
align-items: stretch;
}
.rfp-success__actions .text-link {
justify-content: center;
text-align: center;
}
.rfp-steps li {
padding-left: 2.75rem;
}
}
.case-study-film {
margin-top: var(--space-lg);
background: rgba(245, 243, 238, 0.04);
border: 1px solid rgba(201, 174, 93, 0.16);
box-shadow: 0 18px 42px rgba(0, 0, 0, 0.18);
overflow: hidden;
}
.case-study-film video {
display: block;
width: 100%;
aspect-ratio: 16 / 9;
object-fit: cover;
background: #1A1F36;
}
.case-study-film__caption {
margin: 0;
padding: 1rem 1.25rem 1.2rem;
color: rgba(245, 243, 238, 0.78);
max-width: none;
}
.destination-section__intro {
max-width: 56rem;
margin: 0 0 var(--space-lg);
color: var(--text-on-light-secondary);
}
.destination-section__intro--dark {
color: var(--text-on-dark-secondary);
}
.destination-hotel-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: var(--space-md);
margin-top: var(--space-lg);
}
.destination-hotel-card {
display: flex;
flex-direction: column;
min-height: 100%;
background: rgba(26, 31, 54, 0.68);
border: 1px solid rgba(201, 174, 93, 0.18);
box-shadow: 0 20px 42px rgba(0, 0, 0, 0.22);
overflow: hidden;
}
.destination-hotel-card__media {
position: relative;
aspect-ratio: 4 / 3;
background: rgba(7, 9, 14, 0.88);
}
.destination-hotel-card__picture,
.destination-hotel-card__picture img {
display: block;
width: 100%;
height: 100%;
}
.destination-hotel-card__picture img {
object-fit: cover;
transition: transform 0.55s ease;
}
.destination-hotel-card:hover .destination-hotel-card__picture img {
transform: scale(1.03);
}
.destination-hotel-card__visual--fallback {
display: flex;
flex-direction: column;
justify-content: flex-end;
gap: 0.6rem;
width: 100%;
height: 100%;
padding: 1.35rem;
background:
linear-gradient(180deg, rgba(26, 31, 54, 0.18) 0%, rgba(26, 31, 54, 0.92) 100%),
radial-gradient(circle at top right, rgba(201, 174, 93, 0.16), transparent 52%),
#1A1F36;
}
.destination-hotel-card__visual-label,
.destination-hotel-card__visual-subtitle {
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.destination-hotel-card__visual-label {
color: var(--mu-gold);
}
.destination-hotel-card__visual-title {
font-family: var(--font-display);
font-size: clamp(1.35rem, 1.2vw + 1rem, 1.85rem);
line-height: 1.1;
color: var(--mu-cream);
}
.destination-hotel-card__visual-subtitle {
color: rgba(245, 243, 238, 0.7);
}
.destination-hotel-card__body {
display: grid;
gap: 0.95rem;
padding: 1.35rem;
align-content: start;
}
.destination-hotel-card__eyebrow,
.destination-hotel-card__metric-label,
.destination-hotel-card__insider-label {
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.16em;
line-height: 1.35;
text-transform: uppercase;
}
.destination-hotel-card__eyebrow,
.destination-hotel-card__insider-label {
color: var(--mu-gold);
}
.destination-hotel-card__body h3 {
margin: 0;
font-size: clamp(1.15rem, 0.4vw + 1rem, 1.5rem);
color: var(--mu-cream);
}
.destination-hotel-card__description,
.destination-hotel-card__meta,
.destination-hotel-card__note,
.destination-hotel-card__insider p {
margin: 0;
color: rgba(245, 243, 238, 0.82);
}
.destination-hotel-card__metrics {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(110px, 1fr));
gap: 0.65rem;
padding-top: 0.95rem;
border-top: 1px solid rgba(201, 174, 93, 0.16);
}
.destination-hotel-card__metric {
display: grid;
gap: 0.35rem;
padding: 0.7rem 0.75rem;
background: rgba(245, 243, 238, 0.04);
border: 1px solid rgba(201, 174, 93, 0.14);
}
.destination-hotel-card__metric-label {
color: rgba(245, 243, 238, 0.62);
}
.destination-hotel-card__metric-value {
color: var(--mu-cream);
font-size: 0.98rem;
line-height: 1.35;
}
.destination-hotel-card__meta strong {
color: var(--mu-cream);
}
.destination-hotel-card__note,
.destination-hotel-card__insider {
padding-top: 0.9rem;
border-top: 1px solid rgba(201, 174, 93, 0.16);
}
.destination-hotel-card--no-image .destination-hotel-card__body {
padding-top: 1.15rem;
}
.destination-detail-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: var(--space-md);
margin-top: var(--space-lg);
}
.destination-detail-card {
display: grid;
gap: 0.85rem;
padding: 1.5rem;
background: rgba(255, 255, 255, 0.58);
border: 1px solid rgba(26, 31, 54, 0.1);
box-shadow: 0 14px 32px rgba(26, 31, 54, 0.05);
}
.destination-detail-card h3 {
margin: 0;
font-size: 1.2rem;
color: var(--text-on-light-heading);
}
.destination-detail-card p {
margin: 0;
}
.destination-detail-card__eyebrow {
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.16em;
line-height: 1.35;
text-transform: uppercase;
color: var(--mu-gold);
}
.destination-detail-card__meta {
color: var(--text-on-light-secondary);
font-size: 0.95rem;
}
.destination-detail-card__note {
padding-top: 0.85rem;
border-top: 1px solid rgba(26, 31, 54, 0.1);
color: var(--text-on-light-secondary);
font-size: 0.95rem;
}
.section-deep-return .destination-detail-card {
background: rgba(245, 243, 238, 0.05);
border: 1px solid rgba(201, 174, 93, 0.18);
box-shadow: none;
}
.section-deep-return .destination-detail-card h3,
.section-deep-return .destination-detail-card p,
.section-deep-return .destination-detail-card strong {
color: var(--mu-cream);
}
.section-deep-return .destination-detail-card__meta,
.section-deep-return .destination-detail-card__note,
.section-deep-return .destination-section__intro--dark {
color: rgba(245, 243, 238, 0.76);
}
.section-deep-return .destination-detail-card__note {
border-top-color: rgba(201, 174, 93, 0.18);
}
.destination-faq {
margin-top: var(--space-xl);
padding-top: var(--space-lg);
border-top: 1px solid rgba(26, 31, 54, 0.12);
}
.destination-planner-section__lead {
max-width: 58rem;
margin: 0 0 var(--space-lg);
color: rgba(245, 243, 238, 0.82);
font-size: clamp(1.05rem, 0.4vw + 1rem, 1.2rem);
line-height: 1.8;
}
.destination-planner-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: var(--space-md);
margin-top: var(--space-lg);
}
.destination-planner-note {
display: grid;
gap: 0.6rem;
padding: 1.25rem 1.35rem;
background: rgba(245, 243, 238, 0.05);
border: 1px solid rgba(201, 174, 93, 0.16);
}
.destination-planner-note__label {
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--mu-gold);
}
.destination-planner-note__value {
color: var(--mu-cream);
line-height: 1.75;
}
.internal-links.section-warm-breath {
border-top: 1px solid rgba(26, 31, 54, 0.08);
}
.internal-links.section-warm-breath .internal-link {
background: var(--mu-cream);
}
.cta-section.section-warm-breath {
background: var(--section-warm-breath);
color: var(--text-on-light);
border-top: 1px solid rgba(26, 31, 54, 0.08);
}
.cta-section.section-warm-breath .cta-section__content h2 {
color: var(--text-on-light-heading);
}
.cta-section.section-warm-breath .cta-section__content p {
color: var(--text-on-light-secondary);
}
@media (max-width: 900px) {
.destination-hotel-grid,
.destination-detail-grid,
.destination-planner-grid {
grid-template-columns: 1fr;
}
}
.page--about .team.section-dark-open {
background: var(--section-dark-open);
color: var(--text-on-dark);
}
.page--about .team .content-section__text {
max-width: 52rem;
margin: 0 auto;
text-align: center;
}
.page--about .team__grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: var(--space-md);
margin-top: var(--space-lg);
}
.page--about .team-card--profile {
display: grid;
align-content: start;
gap: 0.55rem;
padding: 1.25rem;
text-align: left;
background: rgba(245, 243, 238, 0.04);
border: 1px solid rgba(201, 174, 93, 0.16);
box-shadow: 0 18px 36px rgba(0, 0, 0, 0.18);
}
.page--about .team-card--profile .team-card__image {
aspect-ratio: 4 / 5;
border-radius: var(--radius-card);
margin-bottom: 0.35rem;
}
.page--about .team-card--profile .team-card__image {
background: rgba(245, 243, 238, 0.03);
}
.page--about .team-card__picture {
display: block;
width: 100%;
height: 100%;
}
.page--about .team-card__picture img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 18%;
}
.page--about .team-card__picture img[alt*='Jorge Gallego'] {
object-position: center 24%;
transform: scale(1.05);
transform-origin: center 24%;
}
.page--about .team-card--profile .team-card__name {
font-size: 1.15rem;
margin-bottom: 0;
}
.page--about .team-card--profile .team-card__title {
font-size: 0.78rem;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--mu-gold);
}
.page--about .team-card__desc {
margin: 0;
color: rgba(245, 243, 238, 0.78);
font-size: 0.95rem;
line-height: 1.7;
}
.page--about .team__note {
margin-top: clamp(2.4rem, 5vw, 4.25rem);
}
.page--about .team__note .lead-text {
color: rgba(245, 243, 238, 0.76);
}
@media (max-width: 1100px) {
.page--about .team__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 700px) {
.page--about .team__grid {
grid-template-columns: 1fr;
}
}
.why-facts,
.why-notes {
padding: var(--space-section) 0;
}
.why-section-intro {
max-width: 54rem;
margin: 0 auto var(--space-xl);
text-align: center;
}
.why-section-intro--dark {
color: rgba(245, 243, 238, 0.8);
}
.why-answer {
max-width: 72rem;
margin: 0 auto;
}
.why-answer h2 {
max-width: 24ch;
text-wrap: balance;
}
.why-answer__body {
max-width: 60rem;
display: grid;
gap: var(--space-md);
}
.why-answer__body .lead-text,
.why-answer__body p {
max-width: none;
margin: 0;
}
.why-facts__grid,
.why-decision__grid,
.why-notes__grid,
.insights-live__grid,
.destination-reference-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: var(--space-md);
}
.why-fact-card,
.why-note-card,
.destination-reference-card {
display: grid;
gap: 0.75rem;
padding: 1.5rem;
background: rgba(255, 255, 255, 0.62);
border: 1px solid rgba(26, 31, 54, 0.1);
box-shadow: 0 14px 32px rgba(26, 31, 54, 0.05);
}
.why-fact-card__number {
font-family: var(--font-display);
font-size: clamp(1.75rem, 2vw, 2.5rem);
color: var(--text-on-light-heading);
}
.why-fact-card h3,
.why-note-card h3,
.destination-reference-card__value,
.destination-subheading,
.insights-card__question {
color: var(--text-on-light-heading);
}
.why-fact-card p,
.why-note-card p,
.destination-reference-card__value,
.insights-card__question {
margin: 0;
}
.why-decision {
padding: var(--space-section) 0;
}
.why-decision-card,
.destination-reference-card--dark {
display: grid;
gap: 0.75rem;
padding: 1.5rem;
background: rgba(245, 243, 238, 0.05);
border: 1px solid rgba(201, 174, 93, 0.18);
}
.why-decision-card h3,
.why-decision-card p,
.destination-reference-card--dark .destination-reference-card__value {
color: var(--mu-cream);
margin: 0;
}
.why-decision-card strong {
color: var(--mu-cream);
}
.why-checklist {
display: grid;
gap: 1rem;
}
.why-checklist__item {
display: grid;
gap: 0.45rem;
padding-bottom: 1rem;
border-bottom: 1px solid rgba(26, 31, 54, 0.12);
}
.why-checklist__label,
.destination-reference-card__label {
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.16em;
line-height: 1.35;
text-transform: uppercase;
color: var(--mu-gold);
}
.why-checklist__value {
color: var(--text-on-light-body);
line-height: 1.75;
}
.insights-live {
padding: var(--space-section) 0;
}
.insights-card__meta,
.insight-meta {
display: flex;
align-items: center;
gap: 0.9rem;
flex-wrap: wrap;
}
.insights-card__reading,
.insight-meta span {
font-size: 0.9rem;
color: var(--text-on-light-secondary);
}
.insights-card--article {
display: grid;
gap: 1rem;
}
.insight-meta {
margin-top: var(--space-sm);
color: rgba(245, 243, 238, 0.72);
}
.insight-answer,
.insight-section__content {
max-width: 56rem;
}
.insight-section__content p:not(.overline),
.insight-answer p:not(.overline) {
max-width: 64ch;
}
.insight-takeaways,
.destination-reference-block,
.destination-clusters,
.destination-planning-detail {
margin-top: var(--space-lg);
}
.insight-bullet-list {
display: grid;
gap: 0.85rem;
margin: 0;
padding-left: 1.2rem;
}
.insight-bullet-list li {
color: var(--text-on-light-body);
line-height: 1.75;
}
.insight-bullet-list--dark li {
color: var(--mu-cream);
}
.destination-reference-card__value {
line-height: 1.75;
}
.destination-reference-card__source {
margin: 0;
font-size: 0.84rem;
line-height: 1.6;
color: var(--text-on-light-secondary);
}
.destination-reference-card--dark .destination-reference-card__source {
color: rgba(245, 243, 238, 0.72);
}
.destination-reference-grid,
.destination-detail-grid,
.destination-hotel-grid,
.destination-planner-grid {
align-items: stretch;
}
.destination-reference-card,
.destination-detail-card,
.destination-hotel-card {
height: 100%;
}
.destination-reference-card__label,
.destination-detail-card__eyebrow,
.destination-detail-card h3,
.destination-hotel-card__body h3 {
text-wrap: balance;
}
@media (min-width: 901px) {
.destination-reference-card--strategic {
grid-template-rows: auto 1fr;
min-height: 14.5rem;
}
.destination-reference-card--strategic .destination-reference-card__value {
max-width: 24ch;
min-height: 6.9rem;
}
.destination-detail-card--venue {
grid-template-rows: auto auto minmax(6.6rem, auto) 1fr auto;
min-height: 28rem;
}
.destination-detail-card--venue .destination-detail-card__eyebrow {
min-height: 3.1rem;
max-width: 26ch;
}
.destination-detail-card--venue h3 {
min-height: 4.4rem;
max-width: 15ch;
}
.destination-detail-card--venue .destination-detail-card__meta {
min-height: 6.6rem;
}
.destination-hotel-card__body h3 {
min-height: 3rem;
}
.destination-hotel-card__meta--location {
min-height: 3.2rem;
}
.destination-hotel-card__meta--best-for {
min-height: 4.8rem;
}
.destination-hotel-card__description {
min-height: 5rem;
}
.destination-hotel-card__metrics--aligned {
grid-template-columns: repeat(3, minmax(0, 1fr));
min-height: 8rem;
align-self: start;
}
.destination-hotel-card__metric {
grid-template-rows: auto 1fr;
min-height: 6.4rem;
align-content: start;
}
.destination-hotel-card__metric-label {
min-height: 1.5rem;
}
.destination-hotel-card__metric-value {
display: block;
min-height: 2.7rem;
}
.destination-hotel-card__note {
min-height: 5rem;
}
.destination-hotel-card__insider {
min-height: 4.6rem;
}
}
.destination-reference-card--dark {
box-shadow: none;
}
.destination-reference-card--dark .destination-reference-card__label {
color: var(--mu-gold);
}
.destination-subheading {
margin: 0.2rem 0 var(--space-md);
font-size: clamp(1.3rem, 1.6vw, 1.6rem);
}
@media (max-width: 900px) {
.why-facts__grid,
.why-decision__grid,
.why-notes__grid,
.insights-live__grid,
.destination-reference-grid {
grid-template-columns: 1fr;
}
}
.proof-standard {
padding: var(--space-section) 0;
}
.proof-standard__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: var(--space-md);
margin-top: var(--space-lg);
}
.proof-standard__card {
display: grid;
gap: 0.85rem;
padding: clamp(1.5rem, 2.5vw, 2rem);
background: rgba(245, 243, 238, 0.05);
border: 1px solid rgba(201, 174, 93, 0.18);
}
.proof-standard__card h3 {
margin: 0;
color: var(--mu-cream);
font-size: clamp(1.15rem, 1.4vw, 1.5rem);
}
.proof-standard__card p {
margin: 0;
color: rgba(245, 243, 238, 0.8);
line-height: 1.75;
}
@media (max-width: 980px) {
.proof-standard__grid {
grid-template-columns: 1fr;
}
}
.skip-link {
position: absolute;
left: 1rem;
top: 0;
transform: translateY(-140%);
background: var(--mu-gold);
color: var(--section-dark-open);
padding: 0.75rem 1rem;
z-index: 1000;
text-transform: uppercase;
letter-spacing: 0.1em;
font-size: 0.75rem;
}
.skip-link:focus {
transform: translateY(1rem);
}
.nav__hamburger:focus-visible,
.nav-link:focus-visible,
.mobile-menu__link:focus-visible,
.mobile-menu__cta:focus-visible,
.internal-link:focus-visible,
.text-link:focus-visible,
.faq__question:focus-visible,
.contact-social__link:focus-visible,
.footer__nav a:focus-visible,
.footer__contact a:focus-visible,
.footer__social a:focus-visible {
outline: 2px solid var(--mu-gold);
outline-offset: 3px;
}
.faq__question[aria-expanded="true"]::after {
content: '-';
color: var(--mu-gold-hover);
}
.faq__answer[aria-hidden="true"] {
visibility: hidden;
}
.faq__answer[aria-hidden="false"] {
visibility: visible;
}
.hero__video {
pointer-events: none;
}
.mobile-menu {
overscroll-behavior: contain;
}
@media (max-width: 768px) {
.hero__sub,
.page-hero__sub,
.destination-section__intro,
.insight-meta {
max-width: 100%;
}
.page-hero__headline,
.hero__headline {
text-wrap: balance;
}
}
.media-picture {
display: block;
width: 100%;
height: 100%;
}
.media-picture img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.work-card__image .media-picture,
.destination-card__image .media-picture,
.page-hero__bg .media-picture {
display: block;
width: 100%;
height: 100%;
}
.destination-card {
display: block;
min-height: 100%;
background: var(--section-dark-open);
border: 1px solid rgba(201, 174, 93, 0.15);
box-shadow: 0 20px 48px rgba(26, 31, 54, 0.2);
}
.destination-card__image {
position: relative;
aspect-ratio: 4 / 5;
}
.destination-card__image::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(26, 31, 54, 0.12) 0%, rgba(26, 31, 54, 0.34) 42%, rgba(26, 31, 54, 0.88) 100%);
pointer-events: none;
}
.destination-card:hover .destination-card__image img {
transform: scale(1.04);
filter: brightness(0.94) saturate(1.04);
}
.destination-card__content {
display: grid;
gap: 0.6rem;
padding: 1.35rem 1.2rem 1.2rem;
min-height: 42%;
background: linear-gradient(180deg, rgba(26, 31, 54, 0) 0%, rgba(26, 31, 54, 0.78) 34%, rgba(26, 31, 54, 0.97) 100%);
transform: none;
}
.destination-card:hover .destination-card__content {
transform: none;
}
.destination-card__name {
margin: 0;
color: var(--text-on-dark-heading);
text-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
}
.destination-card__name::after {
width: 2.75rem;
margin-top: 0.55rem;
opacity: 0.68;
}
.destination-card:hover .destination-card__name::after {
width: 3.4rem;
}
.destination-card__desc {
margin: 0;
max-width: 22ch;
font-size: 0.92rem;
font-weight: 400;
line-height: 1.65;
color: var(--text-on-dark-secondary);
}
.destination-card:hover .destination-card__desc {
margin-bottom: 0;
}
.destination-card__explore {
display: inline-flex;
align-items: center;
gap: 0.35rem;
margin-top: 0.1rem;
opacity: 1;
transform: none;
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--text-on-dark-accent-label);
}
.destination-card:hover .destination-card__explore {
opacity: 1;
transform: none;
}
.private-journeys::before {
right: -6%;
width: 320px;
height: 320px;
opacity: 0.45;
}
.private-journeys__layout {
display: grid;
grid-template-columns: minmax(0, 1.02fr) minmax(280px, 0.88fr);
gap: clamp(2rem, 4vw, 4rem);
align-items: center;
max-width: none;
}
.private-journeys__content {
max-width: 35rem;
}
.private-journeys__text {
color: var(--text-on-dark-secondary);
line-height: 1.8;
}
.private-journeys__visual {
position: relative;
}
.private-journeys__media {
position: relative;
display: block;
overflow: hidden;
aspect-ratio: 4 / 5;
border: 1px solid rgba(201, 174, 93, 0.16);
box-shadow: 0 24px 56px rgba(0, 0, 0, 0.26);
}
.private-journeys__media::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(26, 31, 54, 0.08) 0%, rgba(26, 31, 54, 0.28) 36%, rgba(26, 31, 54, 0.74) 100%);
}
.private-journeys__media img {
width: 100%;
height: 100%;
object-fit: cover;
filter: brightness(0.76) saturate(0.9);
}
.private-journeys__note {
position: absolute;
left: 1.25rem;
right: 1.25rem;
bottom: 1.25rem;
display: grid;
gap: 0.75rem;
padding: 1rem 1.1rem;
background: rgba(26, 31, 54, 0.82);
border: 1px solid rgba(201, 174, 93, 0.18);
backdrop-filter: blur(6px);
}
.private-journeys__note-text {
margin: 0;
color: var(--mu-cream);
line-height: 1.7;
}
.private-journeys__facts {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.private-journeys__fact {
display: inline-flex;
align-items: center;
min-height: 2.25rem;
padding: 0.45rem 0.75rem;
border: 1px solid rgba(201, 174, 93, 0.18);
color: var(--mu-cream);
background: rgba(245, 243, 238, 0.04);
font-size: 0.76rem;
font-weight: 500;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.result-panel {
display: grid;
gap: 1rem;
padding: 1.45rem 1.4rem;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 244, 237, 0.98) 100%);
border: 1px solid rgba(26, 31, 54, 0.09);
box-shadow: 0 18px 42px rgba(26, 31, 54, 0.08);
}
.result-panel--scale {
gap: 1.15rem;
}
.result-stat-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 0.75rem;
}
.result-stat-chip {
min-height: 100%;
padding: 0.95rem 1rem;
background: rgba(232, 226, 217, 0.68);
border: 1px solid rgba(201, 174, 93, 0.18);
}
.result-stat-chip p {
margin: 0;
color: var(--text-on-light-body);
font-size: 0.94rem;
line-height: 1.6;
}
.scale-list--light {
gap: 0;
}
.scale-list--light li {
color: var(--text-on-light-body);
padding: 0.8rem 0 0.8rem 1.2rem;
border-bottom: 1px solid rgba(26, 31, 54, 0.08);
}
.scale-list--light li::before {
top: 1.1rem;
width: 10px;
}
.scale-list--supporting {
margin-top: -0.1rem;
}
.result-panel--legacy p:not(.overline) {
margin: 0;
color: var(--text-on-light-body);
line-height: 1.8;
}
.proof-standard__card {
background: linear-gradient(180deg, rgba(245, 243, 238, 0.06) 0%, rgba(245, 243, 238, 0.03) 100%);
}
.proof-standard__card p {
color: var(--text-on-dark-secondary);
}
.signal-list--dark li {
color: var(--mu-cream);
border-bottom: 1px solid rgba(245, 243, 238, 0.08);
}
.signal-list--dark li:last-child {
border-bottom: 0;
}
.signal-list--dark li::before {
background: var(--mu-gold);
}
.rfp__panel--dark {
background: linear-gradient(180deg, #252B45 0%, #1A1F36 100%);
border-color: rgba(201, 174, 93, 0.22);
box-shadow: 0 22px 52px rgba(26, 31, 54, 0.2);
}
.rfp__logos--proof {
gap: 1.25rem;
margin: 0.15rem 0 0.2rem;
}
.rfp__logos--proof img {
height: 28px;
width: auto;
opacity: 0.92;
filter: brightness(0) invert(1) grayscale(1);
}
.rfp__proof-points {
margin: 0.2rem 0 0.15rem;
}
.rfp__panel--dark .rfp__panel-copy {
color: var(--text-on-dark-secondary);
}
.affiliations {
overflow: hidden;
}
.affiliations__cluster {
display: grid;
gap: 0.85rem;
margin-top: var(--space-lg);
}
.affiliations__label {
margin: 0;
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--mu-gold);
text-align: left;
}
.affiliations__grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 1.25rem 1.5rem;
padding: 1.15rem 0;
border-top: 1px solid rgba(26, 31, 54, 0.08);
border-bottom: 1px solid rgba(26, 31, 54, 0.08);
}
.affiliations__item,
.page--about .affiliations__item {
display: flex;
align-items: center;
justify-content: center;
min-height: auto;
padding: 0;
background: transparent;
border: 0;
box-shadow: none;
}
.affiliations__item img {
max-width: 100%;
max-height: 46px;
width: auto;
height: auto;
opacity: 0.82;
mix-blend-mode: multiply;
filter: saturate(0.88) contrast(1.02);
}
@media (max-width: 980px) {
.private-journeys__layout {
grid-template-columns: 1fr;
}
.private-journeys__visual {
max-width: 32rem;
width: 100%;
margin-left: auto;
}
}
@media (max-width: 820px) {
.affiliations__label {
text-align: center;
}
.affiliations__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.affiliations__grid {
grid-template-columns: 1fr;
}
.destination-card__image {
aspect-ratio: 16 / 9;
}
.destination-card__content {
min-height: auto;
}
.private-journeys::before {
display: none;
}
.private-journeys__visual {
margin-left: 0;
}
.private-journeys__media {
aspect-ratio: 16 / 10;
}
.private-journeys__note {
position: static;
margin-top: 0.85rem;
}
}
@media (prefers-reduced-motion: reduce) {
.affiliations__item img {
transition: none;
}
}
.section-warm-breath .destination-card,
.section-stone .destination-card,
.destinations .destination-card,
.destinations-index .destination-card {
display: grid;
grid-template-rows: minmax(280px, 1fr) auto;
align-content: start;
background: var(--section-dark-open);
}
.section-warm-breath .destination-card .destination-card__image,
.section-stone .destination-card .destination-card__image,
.destinations .destination-card .destination-card__image,
.destinations-index .destination-card .destination-card__image {
aspect-ratio: 4 / 5;
}
.section-warm-breath .destination-card .destination-card__image::after,
.section-stone .destination-card .destination-card__image::after,
.destinations .destination-card .destination-card__image::after,
.destinations-index .destination-card .destination-card__image::after {
background: linear-gradient(180deg, rgba(26, 31, 54, 0.06) 0%, rgba(26, 31, 54, 0.22) 100%);
}
.section-warm-breath .destination-card .destination-card__content,
.section-stone .destination-card .destination-card__content,
.destinations .destination-card .destination-card__content,
.destinations-index .destination-card .destination-card__content {
position: static;
display: grid;
gap: 0.7rem;
min-height: 0;
padding: 1.25rem 1.2rem 1.3rem;
background: linear-gradient(180deg, #1A1F36 0%, #1A1F36 100%);
border-top: 1px solid rgba(201, 174, 93, 0.16);
}
.section-warm-breath .destination-card .destination-card__name,
.section-stone .destination-card .destination-card__name,
.destinations .destination-card .destination-card__name,
.destinations-index .destination-card .destination-card__name {
margin: 0;
color: var(--text-on-dark-heading);
font-size: clamp(1.35rem, 1.5vw, 1.7rem);
line-height: 1.1;
text-shadow: none;
}
.section-warm-breath .destination-card .destination-card__name::after,
.section-stone .destination-card .destination-card__name::after,
.destinations .destination-card .destination-card__name::after,
.destinations-index .destination-card .destination-card__name::after {
width: 2.5rem;
opacity: 1;
}
.section-warm-breath .destination-card .destination-card__desc,
.section-stone .destination-card .destination-card__desc,
.destinations .destination-card .destination-card__desc,
.destinations-index .destination-card .destination-card__desc {
margin: 0;
max-width: none;
color: var(--text-on-dark-secondary);
font-size: 0.95rem;
font-weight: 400;
line-height: 1.65;
}
.section-warm-breath .destination-card .destination-card__explore,
.section-stone .destination-card .destination-card__explore,
.destinations .destination-card .destination-card__explore,
.destinations-index .destination-card .destination-card__explore {
display: inline-flex;
align-items: center;
gap: 0.35rem;
margin-top: 0.15rem;
color: var(--text-on-dark-accent-label);
opacity: 1;
transform: none;
}
@media (max-width: 768px) {
.section-warm-breath .destination-card,
.section-stone .destination-card,
.destinations .destination-card,
.destinations-index .destination-card {
grid-template-rows: minmax(220px, 1fr) auto;
}
.section-warm-breath .destination-card .destination-card__image,
.section-stone .destination-card .destination-card__image,
.destinations .destination-card .destination-card__image,
.destinations-index .destination-card .destination-card__image {
aspect-ratio: 16 / 9;
}
}
.nav__logo {
display: flex;
align-items: center;
flex: 0 0 auto;
}
.nav__logo img {
width: clamp(70px, 6.8vw, 92px);
height: auto;
display: block;
filter: none;
transition: opacity var(--transition-base), transform var(--transition-base);
}
.nav__logo:hover img {
opacity: 0.88;
transform: translateY(-1px);
}
@media (max-width: 768px) {
.nav__logo img {
width: 62px;
}
}
.work.section-dark-open .work__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 2rem;
align-items: stretch;
}
.work.section-dark-open .work__grid .work-card:nth-child(2),
.work.section-dark-open .work__grid .work-card:nth-child(3) {
margin-top: 0;
}
.work.section-dark-open .work-card {
height: 100%;
}
.work.section-dark-open .work-card__image {
aspect-ratio: 3 / 2;
}
.work.section-dark-open .work-card__content {
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: 0.8rem;
padding-top: 1.35rem;
}
.work.section-dark-open .work-card__client {
margin-bottom: 0;
}
.work.section-dark-open .work-card__headline {
margin-bottom: 0;
}
.work.section-dark-open .work-card__link {
margin-top: auto;
}
@media (max-width: 980px) {
.work.section-dark-open .work__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.work.section-dark-open .work__grid .work-card:nth-child(3) {
grid-column: 1 / -1;
max-width: min(34rem, 100%);
justify-self: center;
}
}
@media (max-width: 768px) {
.work.section-dark-open .work__grid {
grid-template-columns: 1fr;
}
.work.section-dark-open .work__grid .work-card:nth-child(3) {
max-width: 100%;
}
}
.work-index .work__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 2rem;
align-items: stretch;
}
.work-index .work__grid .work-card {
margin-top: 0;
}
.work-index .work-card {
display: flex;
flex-direction: column;
height: 100%;
}
.work-index .work-card__image {
aspect-ratio: 3 / 2;
}
.work-index .work-card__content {
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: 0.8rem;
padding-top: 1.35rem;
}
.work-index .work-card__client,
.work-index .work-card__headline,
.work-index .work-card__type {
margin: 0;
}
.work-index .work-card__headline {
flex: 1 1 auto;
}
.work-index .work-card__type {
margin-top: auto;
}
.work-index .work-card__link {
margin-top: 0.35rem;
}
.work-index__group + .work-index__group {
margin-top: clamp(2rem, 5vw, 3.5rem);
}
.work-index__group-header {
margin-bottom: 1.25rem;
}
@media (max-width: 1100px) {
.work-index .work__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.work-index .work__grid {
grid-template-columns: 1fr;
}
}
.destinations.section-warm-breath {
background: var(--section-warm-breath);
color: var(--text-on-light);
}
.nav__controls {
display: flex;
align-items: center;
gap: 0.9rem;
}
@media (max-width: 1024px) {
.nav__controls {
display: none;
}
}
@media (prefers-reduced-motion: reduce) {
.nav,
.mobile-menu {
transition: none;
}
}
@media (max-width: 1024px) {
.hero.section-dark-open {
padding-top: var(--nav-height);
}
}
@media (min-width: 1025px) {
.hero.section-dark-open {
min-height: 100svh;
padding-top: var(--nav-height);
}
.hero.section-dark-open .hero__content {
max-width: 60rem;
padding-inline: clamp(1.5rem, 3vw, 2.75rem);
}
.hero.section-dark-open .hero__headline {
max-width: 13.8ch;
margin-inline: auto;
margin-top: clamp(-1.5rem, -2.4vh, -0.6rem);
line-height: 1.03;
text-wrap: balance;
}
}
@media (min-width: 1025px) and (max-height: 820px) {
.hero.section-dark-open {
padding-top: calc(var(--nav-height) - 0.15rem);
}
.hero.section-dark-open .hero__content {
max-width: 58rem;
}
.hero.section-dark-open .hero__headline {
margin-top: clamp(-1.9rem, -3vh, -0.9rem);
font-size: clamp(2.95rem, 4.85vw + 0.1rem, 4.5rem);
}
.hero.section-dark-open .hero__sub {
margin-bottom: clamp(1.4rem, 3vh, 2.2rem);
}
.hero.section-dark-open .scroll-indicator {
display: none;
}
}
@media (max-width: 768px) and (max-height: 900px) {
.hero.section-dark-open .scroll-indicator {
display: none;
}
}
@media print {
.nav,
.mobile-menu,
.footer,
.final-cta,
.scroll-indicator,
.cookie-banner,
.hero__media,
.hero__video,
.hero__overlay,
.trust-strip,
.btn-gold,
.btn-outline {
display: none;
}
.hero {
height: auto;
min-height: auto;
padding: 2rem 0;
}
body {
background: white;
color: #1A1F36;
font-size: 12pt;
line-height: 1.6;
}
.section-dark-open,
.section-deep-return,
.section-warm-breath,
.section-stone,
.section-clean-close,
.content-section,
.stats,
.faq {
background: white;
color: #1A1F36;
box-shadow: none;
}
h1, h2, h3, h4, h5, h6 {
color: #1A1F36;
page-break-after: avoid;
}
p, li {
color: #111111;
orphans: 3;
widows: 3;
}
a[href]::after {
content: " (" attr(href) ")";
font-size: 0.8em;
color: #555555;
}
.nav a[href]::after,
.footer a[href]::after,
a[href^="#"]::after,
a[href^="javascript"]::after {
content: none;
}
*, *::before, *::after {
animation: none;
transition: none;
}
img {
max-width: 100%;
page-break-inside: avoid;
}
@page {
margin: 2cm;
}
}
.destination-hero__content {
display: block;
}
.destination-hero__intro {
max-width: 60rem;
}
.destination-hero__answer {
max-width: 64ch;
margin: var(--space-md) 0 0;
color: rgba(245, 243, 238, 0.84);
font-size: clamp(1.02rem, 0.35vw + 1rem, 1.18rem);
line-height: 1.82;
}
.destination-hero__reference {
margin-top: var(--space-lg);
}
.destination-hero__reference .destination-reference-grid {
margin-top: 0;
}
.destination-hero__governance-footer {
margin-top: var(--space-md);
}
.destination-hero__governance-footer .logistics-item {
background: rgba(245, 243, 238, 0.05);
border: 1px solid rgba(201, 174, 93, 0.18);
}
.destination-hero__governance-footer .logistics-item__value,
.destination-hero__governance-footer .logistics-item__value a {
color: var(--mu-cream);
}
.destination-hero__governance .logistics-item__value a {
text-decoration-color: rgba(201, 174, 93, 0.48);
text-underline-offset: 0.16em;
}
.destination-detail-card--link {
color: inherit;
text-decoration: none;
transition: transform var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}
.destination-detail-card--link:hover {
transform: translateY(-2px);
border-color: rgba(201, 174, 93, 0.32);
box-shadow: 0 16px 36px rgba(26, 31, 54, 0.08);
}
.destination-path-forward {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
flex-wrap: wrap;
margin-top: var(--space-lg);
padding-top: var(--space-md);
border-top: 1px solid rgba(26, 31, 54, 0.12);
}
.destination-path-forward__copy {
margin: 0;
max-width: 40rem;
color: var(--text-on-light-secondary);
}
@media (max-width: 900px) {
.destination-path-forward {
align-items: flex-start;
}
}
:root {
--hair-gold-faint: rgba(201, 174, 93, 0.14);
--hair-gold: rgba(201, 174, 93, 0.28);
--hair-gold-strong: rgba(201, 174, 93, 0.5);
--shadow-1: 0 1px 2px rgba(26, 31, 54, 0.06), 0 10px 28px rgba(26, 31, 54, 0.08);
--shadow-2: 0 2px 4px rgba(26, 31, 54, 0.08), 0 18px 44px rgba(26, 31, 54, 0.14);
--shadow-3: 0 4px 8px rgba(26, 31, 54, 0.10), 0 26px 60px rgba(26, 31, 54, 0.20);
--shadow-dark-1: 0 2px 4px rgba(17, 17, 17, 0.20), 0 14px 36px rgba(17, 17, 17, 0.28);
--shadow-dark-2: 0 4px 8px rgba(17, 17, 17, 0.24), 0 22px 52px rgba(17, 17, 17, 0.36);
--lift: -4px;
--ease-gild: cubic-bezier(0.22, 1, 0.36, 1);
--sun-rays-stone: repeating-conic-gradient(from 274.3deg at 50% 100%,
rgba(201, 174, 93, 0.10) 0deg 0.8deg, transparent 0.8deg 9.4737deg);
--sun-rays-dark: repeating-conic-gradient(from 274.3deg at 50% 100%,
rgba(201, 174, 93, 0.08) 0deg 0.8deg, transparent 0.8deg 9.4737deg);
--sun-glow: radial-gradient(closest-side at 50% 100%,
rgba(201, 174, 93, 0.10), rgba(201, 174, 93, 0.04) 55%, transparent 72%);
--sun-feather: radial-gradient(100% 100% at 50% 100%, #111111 30%, transparent 72%);
}
.work.section-dark-open .work-card__headline {
display: block;
-webkit-line-clamp: unset;
line-clamp: none;
overflow: visible;
max-height: none;
}
.stats.section-stone {
position: relative;
isolation: isolate;
}
.stats.section-stone::after {
content: '';
position: absolute;
inset: 0;
background: var(--sun-glow), var(--sun-rays-stone);
-webkit-mask-image: var(--sun-feather);
mask-image: var(--sun-feather);
pointer-events: none;
z-index: 0;
}
.stats.section-stone .container {
position: relative;
z-index: 1;
}
.stats.section-stone .stats__grid {
padding-block: clamp(2.25rem, 4.5vh, 3.5rem);
border-block: 1px solid var(--hair-gold);
box-shadow: 0 3px 0 -2px var(--hair-gold-faint), 0 -3px 0 -2px var(--hair-gold-faint);
}
.stats.section-stone .stats__number {
font-size: clamp(2.75rem, 4.5vw, 4.25rem);
color: var(--mu-navy);
letter-spacing: -0.01em;
}
.stats.section-stone .stats__number::after {
content: '';
display: block;
width: 2.25rem;
height: 5px;
margin: 0.85rem auto 0;
background:
linear-gradient(var(--mu-gold), var(--mu-gold)) center / 100% 1px no-repeat,
linear-gradient(var(--mu-gold), var(--mu-gold)) center / 5px 5px no-repeat;
}
.stats.section-stone .stats__label {
font-size: 0.75rem;
letter-spacing: 0.16em;
color: var(--mu-gray);
}
.stats.section-stone .stats__item + .stats__item::before {
height: 70%;
background: linear-gradient(to bottom, transparent, var(--mu-gold-muted), transparent);
}
.capabilities__grid {
counter-reset: programme;
}
.capability-card {
counter-increment: programme;
background:
linear-gradient(rgba(232, 224, 208, 0.35), rgba(232, 224, 208, 0)) top / 100% 45% no-repeat,
var(--mu-cream);
border: 1px solid var(--hair-gold);
padding: 1.9rem 1.6rem 1.6rem;
transition: transform 0.35s var(--ease-gild), box-shadow 0.35s var(--ease-gild),
border-color 0.3s ease, opacity 0.6s var(--ease-elegant);
}
.capability-card::before {
content: counter(programme, decimal-leading-zero);
content: counter(programme, decimal-leading-zero) / "";
font-family: var(--font-heading);
font-size: clamp(2rem, 2.2vw, 2.6rem);
font-weight: 400;
line-height: 1;
font-variant-numeric: oldstyle-nums;
color: transparent;
-webkit-text-stroke: 1px rgba(201, 174, 93, 0.8);
margin-bottom: 0.85rem;
}
@supports not (-webkit-text-stroke: 1px #111111) {
.capability-card::before {
color: rgba(201, 174, 93, 0.55);
-webkit-text-stroke: 0;
}
}
.capability-card::after {
content: '';
position: absolute;
inset: 7px;
border: 1px solid transparent;
pointer-events: none;
transition: border-color 0.4s var(--ease-gild);
}
.capability-card:hover,
.capability-card:focus-within {
transform: translateY(var(--lift));
border-color: var(--hair-gold-strong);
border-top-color: var(--hair-gold-strong);
box-shadow: var(--shadow-2);
}
.capability-card:hover::after,
.capability-card:focus-within::after {
border-color: var(--hair-gold-faint);
}
.capability-card__accent {
position: static;
margin: 0.35rem 0 1rem;
}
.capabilities__grid:has(.capability-card:hover) .capability-card:not(:hover) {
opacity: 0.72;
}
.differentiator.section-deep-return .differentiator__image,
.legacy.section-stone .legacy__image {
position: relative;
isolation: isolate;
}
.differentiator.section-deep-return .differentiator__image::before,
.legacy.section-stone .legacy__image::before {
content: '';
position: absolute;
inset: 0;
border: 1px solid var(--hair-gold-strong);
z-index: -1;
pointer-events: none;
transition: transform 0.6s var(--ease-gild);
}
.differentiator.section-deep-return .differentiator__image::before {
transform: translate(16px, 16px);
}
.legacy.section-stone .legacy__image::before {
transform: translate(-16px, 16px);
}
.differentiator.section-deep-return .differentiator__image:hover::before {
transform: translate(12px, 12px);
}
.legacy.section-stone .legacy__image:hover::before {
transform: translate(-12px, 12px);
}
.differentiator.section-deep-return .differentiator__image .img-hover-zoom {
box-shadow: var(--shadow-dark-1);
}
.legacy.section-stone .legacy__image .img-hover-zoom {
box-shadow: var(--shadow-2);
}
.differentiator.section-deep-return .differentiator__image img {
filter: brightness(0.9) saturate(0.96);
}
@media (max-width: 768px) {
.differentiator.section-deep-return .differentiator__image::before,
.legacy.section-stone .legacy__image::before {
display: none;
}
}
.work.section-dark-open .work-card {
border-bottom: 1px solid var(--hair-gold-faint);
box-shadow: 0 3px 0 -2px rgba(201, 174, 93, 0.07);
transition: transform 0.35s var(--ease-gild), border-color 0.3s ease,
opacity 0.6s var(--ease-elegant);
}
.work.section-dark-open .work-card:hover {
transform: translateY(var(--lift));
border-bottom-color: var(--hair-gold-strong);
}
.work.section-dark-open .work-card__image {
position: relative;
}
.work.section-dark-open .work-card__image::before {
content: '';
position: absolute;
inset: 10px;
border: 1px solid rgba(245, 243, 238, 0.22);
z-index: 2;
pointer-events: none;
transition: border-color 0.4s var(--ease-gild);
}
.work.section-dark-open .work-card:hover .work-card__image::before {
border-color: var(--hair-gold-strong);
}
.work__grid:has(.work-card:hover) .work-card:not(:hover) {
opacity: 0.72;
}
.destinations.section-warm-breath .destination-card {
border: 1px solid var(--hair-gold);
box-shadow: var(--shadow-2);
transition-property: transform, box-shadow, border-color, opacity;
transition-duration: 0.35s, 0.35s, 0.3s, 0.6s;
transition-timing-function: var(--ease-gild), var(--ease-gild), ease, var(--ease-elegant);
}
.destinations.section-warm-breath .destination-card:hover {
transform: translateY(var(--lift));
border-color: var(--hair-gold-strong);
box-shadow: var(--shadow-3);
}
.destinations.section-warm-breath .destination-card .destination-card__image::after {
background: linear-gradient(180deg,
rgba(26, 31, 54, 0.02) 0%,
rgba(26, 31, 54, 0.10) 55%,
rgba(26, 31, 54, 0.55) 85%,
rgba(26, 31, 54, 0.90) 100%);
}
.destinations.section-warm-breath .destination-card .destination-card__content {
border-top: 1px solid var(--hair-gold);
box-shadow: inset 0 3px 0 -2px var(--hair-gold-faint);
}
.text-link,
.footer__nav a {
border-bottom: 0;
padding-bottom: 0.15em;
background-image: linear-gradient(currentColor, currentColor);
background-repeat: no-repeat;
background-size: 0% 1px;
background-position: 100% calc(100% - 0.05em);
transition: background-size 0.45s var(--ease-gild), color var(--transition-fast);
}
.text-link:hover,
.text-link:focus-visible,
.footer__nav a:hover,
.footer__nav a:focus-visible {
background-position: 0% calc(100% - 0.05em);
background-size: 100% 1px;
}
.work-card__link,
.capability-card__link,
.destination-card__explore {
padding-bottom: 0.15em;
background-image: linear-gradient(currentColor, currentColor);
background-repeat: no-repeat;
background-size: 0% 1px;
background-position: 100% 100%;
transition: background-size 0.45s var(--ease-gild), gap var(--transition-base),
color var(--transition-fast);
}
.work-card:hover .work-card__link,
.work-card:focus-visible .work-card__link,
.capability-card:hover .capability-card__link,
.capability-card:focus-within .capability-card__link,
.destination-card:hover .destination-card__explore,
.destination-card:focus-visible .destination-card__explore {
background-position: 0% 100%;
background-size: 100% 1px;
}
.footer__nav a {
width: fit-content;
}
.final-cta.section-dark-open {
border-top: 1px solid var(--hair-gold);
box-shadow: inset 0 3px 0 -2px var(--hair-gold-faint);
}
.final-cta.section-dark-open::before {
background: var(--sun-glow), var(--sun-rays-dark);
-webkit-mask-image: var(--sun-feather);
mask-image: var(--sun-feather);
}
.hero__overlay {
background:
radial-gradient(130% 95% at 50% 38%, rgba(17, 17, 17, 0) 52%, rgba(17, 17, 17, 0.42) 100%),
linear-gradient(to bottom,
rgba(17, 17, 17, 0.3) 0%,
rgba(26, 31, 54, 0.55) 40%,
rgba(26, 31, 54, 0.78) 100%);
}
@media (prefers-reduced-motion: no-preference) {
.hero__video {
animation: heroDrift 36s var(--ease-elegant) both;
}
}
@keyframes heroDrift {
from { transform: scale(1); }
to { transform: scale(1.07); }
}
.hero .scroll-indicator__text::before {
content: '';
display: block;
width: 5px;
height: 5px;
margin: 0 auto 0.4rem;
background: var(--mu-gold);
transform: rotate(45deg);
}
.btn-gold {
transition: background var(--transition-base), color var(--transition-base),
border-color var(--transition-base), transform var(--transition-fast),
box-shadow var(--transition-fast);
}
.btn-gold:hover,
.btn-gold:focus-visible {
box-shadow: 0 14px 28px rgba(26, 31, 54, 0.24), 0 0 0 1px rgba(201, 174, 93, 0.35);
}
.hero .btn-gold:hover,
.final-cta .btn-gold:hover,
.section-dark-open .btn-gold:hover,
.section-deep-return .btn-gold:hover,
.nav__cta:hover {
box-shadow: 0 12px 28px rgba(17, 17, 17, 0.35), 0 0 0 1px rgba(201, 174, 93, 0.35);
}
.nav--scrolled {
box-shadow: 0 1px 0 var(--hair-gold), 0 12px 32px rgba(17, 17, 17, 0.25);
}
h2 {
letter-spacing: -0.015em;
}
.overline {
font-size: 0.6875rem;
letter-spacing: 0.18em;
}
.overline,
.work .overline,
.destinations .overline,
.legacy .overline {
margin-bottom: 0.65rem;
}
.nav-link,
.btn-gold,
.btn-ghost {
letter-spacing: 0.14em;
}
.private-journeys.section-deep-return::before {
top: 50%;
left: auto;
right: -6%;
width: 320px;
height: 320px;
background: repeating-conic-gradient(from 0deg at 50% 50%,
rgba(201, 174, 93, 0.05) 0deg 0.8deg, transparent 0.8deg 18.947deg);
box-shadow: 0 0 0 56px rgba(201, 174, 93, 0.04);
}
.private-journeys__fact {
transition: border-color var(--transition-fast), background var(--transition-fast);
}
.private-journeys__fact:hover {
border-color: var(--hair-gold-strong);
background: rgba(201, 174, 93, 0.08);
}
.footer {
border-top: 1px solid var(--hair-gold);
}
.footer::after {
content: '';
position: absolute;
top: 2px;
left: 0;
right: 0;
height: 1px;
background: var(--hair-gold-faint);
pointer-events: none;
}
.scroll-progress {
height: 1px;
}
@media (max-height: 820px) {
.capability-card {
padding: 1.4rem 1.35rem 1.3rem;
}
.capability-card::before {
font-size: 1.75rem;
margin-bottom: 0.5rem;
}
.capability-card__accent {
margin: 0.25rem 0 0.7rem;
}
.capabilities__home-intro {
font-size: 0.95rem;
margin-bottom: 1rem;
}
.stats.section-stone .stats__grid {
padding-block: clamp(1.5rem, 3vh, 2.25rem);
}
.work__grid .work-card:nth-child(2) {
margin-top: 0.75rem;
}
.work__grid .work-card:nth-child(3) {
margin-top: 0.25rem;
}
}
@media (prefers-reduced-motion: reduce) {
.hero__video {
animation: none;
}
.text-link,
.footer__nav a,
.work-card__link,
.capability-card__link,
.destination-card__explore,
.capability-card,
.capability-card::after,
.capability-card__accent,
.work-card,
.work.section-dark-open .work-card,
.work.section-dark-open .work-card__image::before,
.destinations.section-warm-breath .destination-card,
.differentiator.section-deep-return .differentiator__image::before,
.legacy.section-stone .legacy__image::before,
.private-journeys__fact,
.btn-gold {
transition: none;
}
.capability-card:hover,
.capability-card:focus-within,
.work.section-dark-open .work-card:hover,
.destinations.section-warm-breath .destination-card:hover {
transform: none;
}
.capabilities__grid:has(.capability-card:hover) .capability-card:not(:hover),
.work__grid:has(.work-card:hover) .work-card:not(:hover) {
opacity: 1;
}
}
.page-hero {
border-bottom: 1px solid var(--hair-gold);
box-shadow: inset 0 -3px 0 -2px var(--hair-gold-faint);
}
.page-hero__bg::after {
background:
radial-gradient(130% 95% at 50% 38%, rgba(17, 17, 17, 0) 52%, rgba(17, 17, 17, 0.38) 100%),
linear-gradient(to bottom, rgba(26, 31, 54, 0.6) 0%, rgba(26, 31, 54, 0.85) 100%);
}
.page-hero__facts .fact-item {
border-color: var(--hair-gold);
box-shadow: inset 0 3px 0 -2px var(--hair-gold-faint);
}
.cta-section.section-deep-return,
.cta-section.section-dark-open {
border-top: 1px solid var(--hair-gold);
box-shadow: inset 0 3px 0 -2px var(--hair-gold-faint);
}
.cta-section.section-deep-return::before,
.cta-section.section-dark-open::before {
content: '';
position: absolute;
inset: 0;
width: auto;
height: auto;
background: var(--sun-glow), var(--sun-rays-dark);
-webkit-mask-image: var(--sun-feather);
mask-image: var(--sun-feather);
opacity: 1;
pointer-events: none;
z-index: 0;
}
.cta-section .container {
position: relative;
z-index: 1;
}
.insights-contact.section-clean-close {
border-top: 1px solid var(--hair-gold);
box-shadow: inset 0 3px 0 -2px var(--hair-gold-faint);
}
.destination-path-forward {
border-top-color: var(--hair-gold);
box-shadow: inset 0 3px 0 -2px var(--hair-gold-faint);
}
.why-facts.section-stone .why-fact-card,
.why-note-card,
.destination-reference-card:not(.destination-reference-card--dark),
.insights-intro__panel,
.insights-card,
.result-panel {
border-color: var(--hair-gold);
box-shadow: var(--shadow-1);
}
.section-warm-breath .destination-detail-card,
.section-stone .destination-detail-card,
.section-clean-close .destination-detail-card {
border-color: var(--hair-gold);
box-shadow: var(--shadow-1);
}
.why-fact-card__number::after {
content: '';
display: block;
width: 2.25rem;
height: 5px;
margin: 0.6rem 0 0;
background:
linear-gradient(var(--mu-gold), var(--mu-gold)) left center / 100% 1px no-repeat,
linear-gradient(var(--mu-gold), var(--mu-gold)) left center / 5px 5px no-repeat;
}
.values .value-card {
border: 1px solid var(--hair-gold);
border-top: 1px solid var(--hair-gold-strong);
box-shadow: var(--shadow-1), inset 0 3px 0 -2px var(--hair-gold-faint);
}
.why-checklist__item {
border-bottom-color: var(--hair-gold);
}
.affiliations .affiliations__grid {
border-top-color: var(--hair-gold);
border-bottom-color: var(--hair-gold);
box-shadow: 0 3px 0 -2px var(--hair-gold-faint), 0 -3px 0 -2px var(--hair-gold-faint);
}
.faq .faq__list {
padding-top: 0.5rem;
border-top: 1px solid var(--hair-gold);
box-shadow: inset 0 3px 0 -2px var(--hair-gold-faint);
}
.pull-quote-band .pull-quote-band__content {
padding-block: clamp(1.75rem, 4vh, 2.75rem);
border-block: 1px solid var(--hair-gold);
box-shadow: 0 3px 0 -2px var(--hair-gold-faint), 0 -3px 0 -2px var(--hair-gold-faint);
}
.page-band.section-deep-return {
border-block: 1px solid var(--hair-gold);
box-shadow: inset 0 3px 0 -2px var(--hair-gold-faint), inset 0 -3px 0 -2px var(--hair-gold-faint);
}
.insight-takeaways > ul {
margin: 0;
padding: 1.35rem 1.5rem;
background: rgba(245, 243, 238, 0.6);
border: 1px solid var(--hair-gold);
box-shadow: var(--shadow-1), inset 0 3px 0 -2px var(--hair-gold-faint);
}
.content-section .insight-answer {
padding-bottom: clamp(1.5rem, 3vh, 2.25rem);
border-bottom: 1px solid var(--hair-gold);
box-shadow: inset 0 -3px 0 -2px var(--hair-gold-faint);
}
.internal-links .internal-link:hover,
.internal-links .internal-link:focus-visible {
border-color: var(--hair-gold-strong);
background: rgba(201, 174, 93, 0.08);
color: var(--mu-espresso);
}
.related-work .related-work__card {
border-color: var(--hair-gold);
transition-property: transform, box-shadow, border-color, opacity;
transition-duration: 0.35s, 0.35s, 0.3s, 0.6s;
transition-timing-function: var(--ease-gild), var(--ease-gild), ease, var(--ease-elegant);
}
.related-work .related-work__card:hover,
.related-work .related-work__card:focus-visible {
transform: translateY(var(--lift));
border-color: var(--hair-gold-strong);
box-shadow: var(--shadow-2);
}
.related-work__link {
padding-bottom: 0.15em;
background-image: linear-gradient(currentColor, currentColor);
background-repeat: no-repeat;
background-size: 0% 1px;
background-position: 100% 100%;
transition: background-size 0.45s var(--ease-gild), gap var(--transition-base);
}
.related-work__card:hover .related-work__link,
.related-work__card:focus-visible .related-work__link {
background-position: 0% 100%;
background-size: 100% 1px;
}
.related-work__grid:has(.related-work__card:hover) .related-work__card:not(:hover) {
opacity: 0.72;
}
.insights-live .insights-card--article {
transition-property: transform, box-shadow, border-color, opacity;
transition-duration: 0.35s, 0.35s, 0.3s, 0.6s;
transition-timing-function: var(--ease-gild), var(--ease-gild), ease, var(--ease-elegant);
}
.insights-live .insights-card--article:hover,
.insights-live .insights-card--article:focus-within {
transform: translateY(var(--lift));
border-color: var(--hair-gold-strong);
box-shadow: var(--shadow-2);
}
.insights-live .insights-card--article:hover .text-link,
.insights-live .insights-card--article:focus-within .text-link {
background-position: 0% calc(100% - 0.05em);
background-size: 100% 1px;
}
.destination-detail-card--link {
transition-property: transform, box-shadow, border-color, opacity;
transition-duration: 0.35s, 0.35s, 0.3s, 0.6s;
transition-timing-function: var(--ease-gild), var(--ease-gild), ease, var(--ease-elegant);
}
.destination-detail-card--link:hover,
.destination-detail-card--link:focus-visible {
transform: translateY(var(--lift));
border-color: var(--hair-gold-strong);
box-shadow: var(--shadow-2);
}
.content-section__layout .content-section__image {
position: relative;
isolation: isolate;
overflow: visible;
box-shadow: var(--shadow-2);
}
.content-section__layout .content-section__image::before {
content: '';
position: absolute;
inset: 0;
border: 1px solid var(--hair-gold-strong);
z-index: -1;
pointer-events: none;
transform: translate(16px, 16px);
transition: transform 0.6s var(--ease-gild);
}
.content-section__layout .content-section__image:hover::before {
transform: translate(12px, 12px);
}
.founder__layout .founder__image {
position: relative;
isolation: isolate;
box-shadow: var(--shadow-dark-1);
}
.founder__layout .founder__image::before {
content: '';
position: absolute;
inset: 0;
border: 1px solid var(--hair-gold-strong);
z-index: -1;
pointer-events: none;
transform: translate(-16px, 16px);
transition: transform 0.6s var(--ease-gild);
}
.founder__layout .founder__image:hover::before {
transform: translate(-12px, 12px);
}
.page--about .team-card--profile .team-card__image {
position: relative;
}
.page--about .team-card--profile .team-card__image::after {
content: '';
position: absolute;
inset: 10px;
border: 1px solid rgba(245, 243, 238, 0.22);
z-index: 2;
pointer-events: none;
}
.case-study-execution .execution-grid {
counter-reset: chapter;
}
.case-study-execution .execution-card {
counter-increment: chapter;
}
.case-study-execution .execution-card::before {
content: counter(chapter, decimal-leading-zero);
content: counter(chapter, decimal-leading-zero) / "";
display: block;
font-family: var(--font-heading);
font-size: clamp(2rem, 2.2vw, 2.6rem);
font-weight: 400;
line-height: 1;
font-variant-numeric: oldstyle-nums;
color: transparent;
-webkit-text-stroke: 1px rgba(201, 174, 93, 0.8);
margin-bottom: 0.85rem;
}
@supports not (-webkit-text-stroke: 1px #111111) {
.case-study-execution .execution-card::before {
color: rgba(201, 174, 93, 0.55);
-webkit-text-stroke: 0;
}
}
.case-study-execution .case-study-film {
position: relative;
isolation: isolate;
overflow: visible;
box-shadow: var(--shadow-dark-1);
}
.case-study-execution .case-study-film::before {
content: '';
position: absolute;
inset: 0;
border: 1px solid var(--hair-gold-strong);
z-index: -1;
pointer-events: none;
transform: translate(16px, 16px);
transition: transform 0.6s var(--ease-gild);
}
.case-study-execution .case-study-film:hover::before {
transform: translate(12px, 12px);
}
.work-index .work-card__headline {
display: block;
-webkit-line-clamp: unset;
line-clamp: none;
overflow: visible;
max-height: none;
}
.work-index .work-card {
border-bottom: 1px solid var(--hair-gold-faint);
box-shadow: 0 3px 0 -2px rgba(201, 174, 93, 0.07);
transition-property: transform, border-color, opacity;
transition-duration: 0.35s, 0.3s, 0.6s;
transition-timing-function: var(--ease-gild), ease, var(--ease-elegant);
}
.work-index .work-card:hover {
transform: translateY(var(--lift));
border-bottom-color: var(--hair-gold-strong);
}
.work-index .work-card__image {
position: relative;
}
.work-index .work-card__image::before {
content: '';
position: absolute;
inset: 10px;
border: 1px solid rgba(245, 243, 238, 0.22);
z-index: 2;
pointer-events: none;
transition: border-color 0.4s var(--ease-gild);
}
.work-index .work-card:hover .work-card__image::before {
border-color: var(--hair-gold-strong);
}
.destinations-index.section-stone .destination-card {
border: 1px solid var(--hair-gold);
box-shadow: var(--shadow-2);
transition-property: transform, box-shadow, border-color, opacity;
transition-duration: 0.35s, 0.35s, 0.3s, 0.6s;
transition-timing-function: var(--ease-gild), var(--ease-gild), ease, var(--ease-elegant);
}
.destinations-index.section-stone .destination-card:hover {
transform: translateY(var(--lift));
border-color: var(--hair-gold-strong);
box-shadow: var(--shadow-3);
}
.destinations-index.section-stone .destination-card .destination-card__image::after {
background: linear-gradient(180deg,
rgba(26, 31, 54, 0.02) 0%,
rgba(26, 31, 54, 0.10) 55%,
rgba(26, 31, 54, 0.55) 85%,
rgba(26, 31, 54, 0.90) 100%);
}
.destinations-index.section-stone .destination-card .destination-card__content {
border-top: 1px solid var(--hair-gold);
box-shadow: inset 0 3px 0 -2px var(--hair-gold-faint);
}
.destinations-index.section-stone .destination-card .destination-card__fallback-label {
position: relative;
z-index: 1;
}
.page--contact .contact__card {
border: 1px solid var(--hair-gold);
box-shadow: var(--shadow-1);
}
.contact-destinations .contact-dest-card {
transition-property: transform, box-shadow, border-color, opacity;
transition-duration: 0.35s, 0.35s, 0.3s, 0.6s;
transition-timing-function: var(--ease-gild), var(--ease-gild), ease, var(--ease-elegant);
}
.contact-destinations .contact-dest-card:hover,
.contact-destinations .contact-dest-card:focus-visible {
transform: translateY(var(--lift));
border-color: var(--hair-gold-strong);
box-shadow: var(--shadow-dark-1);
}
.rfp-form .rfp__form-container,
.rfp-form .rfp__panel:not(.rfp__panel--dark) {
border-color: var(--hair-gold);
box-shadow: var(--shadow-1);
}
.rfp-form .form-group input,
.rfp-form .form-group select,
.rfp-form .form-group textarea {
transition: border-color var(--transition-base), box-shadow var(--transition-base);
}
.rfp-form .form-group input:focus,
.rfp-form .form-group select:focus,
.rfp-form .form-group textarea:focus {
border-color: var(--mu-gold);
box-shadow: 0 0 0 1px var(--hair-gold-strong);
}
@media (max-width: 768px) {
.content-section__layout .content-section__image::before,
.founder__layout .founder__image::before,
.case-study-execution .case-study-film::before {
display: none;
}
}
@media (prefers-reduced-motion: reduce) {
.related-work .related-work__card,
.related-work__link,
.internal-link,
.insights-live .insights-card--article,
.destination-detail-card--link,
.content-section__layout .content-section__image::before,
.founder__layout .founder__image::before,
.case-study-execution .case-study-film::before,
.work-index .work-card,
.work-index .work-card__image::before,
.destinations-index.section-stone .destination-card,
.contact-destinations .contact-dest-card,
.rfp-form .form-group input,
.rfp-form .form-group select,
.rfp-form .form-group textarea {
transition: none;
}
.related-work .related-work__card:hover,
.related-work .related-work__card:focus-visible,
.insights-live .insights-card--article:hover,
.insights-live .insights-card--article:focus-within,
.destination-detail-card--link:hover,
.destination-detail-card--link:focus-visible,
.work-index .work-card:hover,
.destinations-index.section-stone .destination-card:hover,
.contact-destinations .contact-dest-card:hover,
.contact-destinations .contact-dest-card:focus-visible {
transform: none;
}
.related-work__grid:has(.related-work__card:hover) .related-work__card:not(:hover) {
opacity: 1;
}
}
.page-hero {
--plate-img: none;
--plate-focal: 50% 40%;
--plate-glow-pos: 50% 30%;
--plate-glow-a: 0.15;
--plate-scrim: linear-gradient(to bottom,
rgba(26, 31, 54, 0.62) 0%,
rgba(26, 31, 54, 0.80) 46%,
rgba(17, 17, 17, 0.92) 100%);
--plate-panel: linear-gradient(rgba(26, 31, 54, 0), rgba(26, 31, 54, 0));
}
:is(.page.page--about, .page.page--capabilities, .page.page--work,
.page.page--destinations, .page.page--insights, .page.page--why-colombia,
.page.page--luxury-travel, .page.page--mice-corporate-events)
.page-hero::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
background-color: var(--mu-navy);
background-image:
radial-gradient(120% 90% at var(--plate-glow-pos),
rgba(201, 174, 93, var(--plate-glow-a)), rgba(201, 174, 93, 0) 58%),
radial-gradient(130% 95% at 50% 38%,
rgba(17, 17, 17, 0) 50%, rgba(17, 17, 17, 0.50) 100%),
var(--plate-panel),
var(--plate-scrim),
var(--plate-img);
background-size: auto, auto, auto, auto, cover;
background-position: center, center, center, center, var(--plate-focal);
background-repeat: no-repeat;
background-blend-mode: soft-light, normal, normal, normal, luminosity;
animation: muPlateSettle 1.2s var(--ease-gild) both;
}
@keyframes muPlateSettle {
from { opacity: 0; transform: scale(1.04); }
to   { opacity: 1; transform: none; }
}
:is(.page.page--capabilities, .page.page--work, .page.page--destinations,
.page.page--insights, .page.page--luxury-travel,
.page.page--mice-corporate-events) .page-hero {
--plate-panel: linear-gradient(98deg,
rgba(26, 31, 54, 0.85) 0%,
rgba(26, 31, 54, 0.45) 52%,
rgba(26, 31, 54, 0.12) 100%);
--plate-scrim: linear-gradient(to bottom,
rgba(26, 31, 54, 0.50) 0%,
rgba(26, 31, 54, 0.62) 55%,
rgba(17, 17, 17, 0.90) 100%);
}
.page--about .page-hero {
--plate-img: url("media/images/destination-card-medellin/destination-card-medellin-900.webp");
--plate-focal: 50% 30%;
--plate-glow-pos: 55% 22%;
--plate-scrim: linear-gradient(to bottom,
rgba(26, 31, 54, 0.60) 0%,
rgba(26, 31, 54, 0.80) 46%,
rgba(59, 47, 47, 0.55) 82%,
rgba(17, 17, 17, 0.93) 100%);
--mast-h1-size: clamp(2.4rem, 4vw + 0.6rem, 4.1rem);
--mast-h1-max: 22ch;
--mast-sub-size: clamp(1.05rem, 1.3vw, 1.3rem);
--mast-sub-max: 42rem;
}
.page--why-colombia .page-hero {
--plate-img: url("assets/photography/destination/bogota-hero.webp");
--plate-focal: 50% 40%;
--plate-glow-pos: 50% 45%;
--mast-folio: "05";
--mast-h1-size: clamp(2.4rem, 4vw + 0.6rem, 4.1rem);
--mast-h1-max: 22ch;
--mast-sub-size: clamp(1.05rem, 1.3vw, 1.3rem);
--mast-sub-max: 44rem;
}
.page--capabilities .page-hero {
--plate-img: url("media/images/hotel-card-bogota-w-bogota/hotel-card-bogota-w-bogota-960.webp");
--plate-focal: 50% 18%;
--plate-glow-pos: 50% 12%;
--mast-folio: "01";
--mast-h1-size: clamp(2.2rem, 3.2vw + 0.6rem, 3.4rem);
--mast-h1-max: 24ch;
--mast-sub-max: 38rem;
}
.page--work .page-hero {
--plate-img: url("media/images/case-study-hero-coca-cola-corporate-summit/case-study-hero-coca-cola-corporate-summit-1280.webp");
--plate-focal: 50% 10%;
--plate-glow-pos: 50% 30%;
--plate-glow-a: 0.18;
--plate-panel: linear-gradient(98deg,
rgba(26, 31, 54, 0.88) 0%,
rgba(26, 31, 54, 0.62) 52%,
rgba(26, 31, 54, 0.44) 100%);
--mast-folio: "02";
--mast-h1-size: clamp(2.6rem, 4.2vw + 0.6rem, 4.4rem);
--mast-h1-max: 16ch;
--mast-sub-max: 38rem;
}
.page--destinations .page-hero {
--plate-img: url("media/images/hotel-card-cartagena-hotel-charleston-santa-teresa/hotel-card-cartagena-hotel-charleston-santa-teresa-960.webp");
--plate-focal: 50% 68%;
--plate-glow-pos: 50% 70%;
--mast-folio: "03";
--mast-h1-size: clamp(2.2rem, 3.2vw + 0.6rem, 3.4rem);
--mast-h1-max: 24ch;
--mast-sub-max: 38rem;
}
.page--insights .page-hero {
--plate-img: url("assets/photography/destination/cali-hero.webp");
--plate-focal: 50% 50%;
--plate-glow-pos: 50% 35%;
--plate-glow-a: 0.10;
--plate-scrim: linear-gradient(to bottom,
rgba(26, 31, 54, 0.42) 0%,
rgba(26, 31, 54, 0.55) 55%,
rgba(17, 17, 17, 0.88) 100%);
--mast-folio: "04";
--mast-h1-size: clamp(2.1rem, 3vw + 0.5rem, 3.2rem);
--mast-h1-max: 26ch;
--mast-sub-max: 42rem;
}
.page--luxury-travel .page-hero {
--plate-img: url("media/images/hotel-card-coffee-region-hacienda-bambusa/hotel-card-coffee-region-hacienda-bambusa-960.webp");
--plate-focal: 50% 45%;
--plate-glow-pos: 50% 50%;
--mast-folio: "06";
--mast-h1-size: clamp(1.95rem, 2.6vw + 0.5rem, 3rem);
--mast-h1-max: 30ch;
--mast-sub-max: 40rem;
}
.page--mice-corporate-events .page-hero {
--plate-img: url("media/images/hotel-card-cartagena-sofitel-legend-santa-clara/hotel-card-cartagena-sofitel-legend-santa-clara-960.webp");
--plate-focal: 50% 38%;
--plate-glow-pos: 50% 30%;
--plate-glow-a: 0.16;
--mast-folio: "07";
--mast-h1-size: clamp(1.95rem, 2.6vw + 0.5rem, 3rem);
--mast-h1-max: 30ch;
--mast-sub-max: 40rem;
}
.page--meet-us .page-hero {
--mast-h1-size: clamp(1.85rem, 2.4vw + 0.5rem, 2.7rem);
--mast-h1-max: 16ch;
--mast-sub-max: 38rem;
}
.page--contact .page-hero {
--mast-h1-size: clamp(1.85rem, 2.4vw + 0.5rem, 2.7rem);
--mast-h1-max: 18ch;
--mast-sub-max: 38rem;
}
.page--request-a-proposal .page-hero {
--mast-h1-size: clamp(1.85rem, 2.4vw + 0.5rem, 2.7rem);
--mast-h1-max: 20ch;
--mast-sub-max: 38rem;
}
.page.page--contact .page-hero::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
background:
radial-gradient(85% 70% at 50% 0%,
rgba(201, 174, 93, 0.10), rgba(201, 174, 93, 0) 62%),
linear-gradient(to bottom, rgba(37, 43, 69, 0.55), rgba(26, 31, 54, 0) 42%),
linear-gradient(to bottom, var(--hair-gold-faint), var(--hair-gold-strong))
right clamp(3rem, 16vw, 16rem) top 0 / 1px 42%,
radial-gradient(circle at 50% 50%,
var(--mu-gold) 0 2.5px, rgba(201, 174, 93, 0) 3.5px)
right calc(clamp(3rem, 16vw, 16rem) - 3px) top 42% / 7px 7px,
linear-gradient(to right,
transparent calc(14% - 1px), var(--hair-gold-faint) calc(14% - 1px),
var(--hair-gold-faint) 14%, transparent 14%),
linear-gradient(to right,
transparent calc(86% - 1px), var(--hair-gold-faint) calc(86% - 1px),
var(--hair-gold-faint) 86%, transparent 86%),
linear-gradient(to bottom, rgba(17, 17, 17, 0) 60%, rgba(17, 17, 17, 0.45) 100%);
background-repeat: no-repeat;
}
.page.page--meet-us .page-hero::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
background:
radial-gradient(85% 70% at 50% 0%,
rgba(201, 174, 93, 0.10), rgba(201, 174, 93, 0) 62%),
linear-gradient(to bottom, rgba(37, 43, 69, 0.55), rgba(26, 31, 54, 0) 42%),
radial-gradient(circle at 78% 26%,
rgba(201, 174, 93, 0) calc(8.5rem - 1px),
var(--hair-gold) calc(8.5rem - 1px) 8.5rem,
rgba(201, 174, 93, 0) 8.5rem),
radial-gradient(circle at 87% 58%,
rgba(201, 174, 93, 0) calc(8.5rem - 1px),
var(--hair-gold-faint) calc(8.5rem - 1px) 8.5rem,
rgba(201, 174, 93, 0) 8.5rem),
linear-gradient(to right,
transparent calc(14% - 1px), var(--hair-gold-faint) calc(14% - 1px),
var(--hair-gold-faint) 14%, transparent 14%),
linear-gradient(to right,
transparent calc(86% - 1px), var(--hair-gold-faint) calc(86% - 1px),
var(--hair-gold-faint) 86%, transparent 86%),
linear-gradient(to bottom, rgba(17, 17, 17, 0) 60%, rgba(17, 17, 17, 0.45) 100%);
background-repeat: no-repeat;
}
.page.page--request-a-proposal .page-hero::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
background:
radial-gradient(85% 70% at 50% 0%,
rgba(201, 174, 93, 0.10), rgba(201, 174, 93, 0) 62%),
linear-gradient(to bottom, rgba(37, 43, 69, 0.55), rgba(26, 31, 54, 0) 42%),
linear-gradient(var(--hair-gold-strong), var(--hair-gold-strong))
right clamp(1.5rem, 5vw, 4rem)
bottom calc(clamp(2.75rem, 9vh, 4.5rem) + 5rem) / clamp(11rem, 22vw, 17rem) 1px,
linear-gradient(var(--hair-gold), var(--hair-gold))
right clamp(1.5rem, 5vw, 4rem)
bottom calc(clamp(2.75rem, 9vh, 4.5rem) + 2.5rem) / clamp(8.5rem, 17vw, 13rem) 1px,
linear-gradient(var(--hair-gold-faint), var(--hair-gold-faint))
right clamp(1.5rem, 5vw, 4rem)
bottom clamp(2.75rem, 9vh, 4.5rem) / clamp(6rem, 12vw, 9.5rem) 1px,
linear-gradient(to right,
transparent calc(14% - 1px), var(--hair-gold-faint) calc(14% - 1px),
var(--hair-gold-faint) 14%, transparent 14%),
linear-gradient(to right,
transparent calc(86% - 1px), var(--hair-gold-faint) calc(86% - 1px),
var(--hair-gold-faint) 86%, transparent 86%),
linear-gradient(to bottom, rgba(17, 17, 17, 0) 60%, rgba(17, 17, 17, 0.45) 100%);
background-repeat: no-repeat;
}
:is(.page.page--about, .page.page--capabilities, .page.page--work,
.page.page--destinations, .page.page--insights, .page.page--why-colombia,
.page.page--meet-us, .page.page--contact, .page.page--request-a-proposal,
.page.page--luxury-travel, .page.page--mice-corporate-events) .page-hero {
display: flex;
flex-direction: column;
justify-content: center;
}
:is(.page.page--about, .page.page--why-colombia) .page-hero {
min-height: clamp(30rem, 66vh, 44rem);
}
:is(.page.page--capabilities, .page.page--work, .page.page--destinations) .page-hero {
min-height: clamp(27rem, 56vh, 38rem);
}
:is(.page.page--luxury-travel, .page.page--mice-corporate-events) .page-hero {
min-height: clamp(24rem, 50vh, 34rem);
}
.page.page--insights .page-hero {
min-height: clamp(21rem, 44vh, 29rem);
}
:is(.page.page--meet-us, .page.page--contact, .page.page--request-a-proposal) .page-hero {
min-height: clamp(17rem, 36vh, 24rem);
}
.page.page--work .page-hero {
justify-content: flex-end;
padding-bottom: clamp(3.5rem, 7vh, 5rem);
}
:is(.page.page--about, .page.page--capabilities, .page.page--work,
.page.page--destinations, .page.page--insights, .page.page--why-colombia,
.page.page--meet-us, .page.page--contact, .page.page--request-a-proposal,
.page.page--luxury-travel, .page.page--mice-corporate-events)
.page-hero .page-hero__headline {
font-size: var(--mast-h1-size, clamp(2rem, 4vw + 0.5rem, 3.5rem));
max-width: var(--mast-h1-max, 48rem);
line-height: 1.1;
}
:is(.page.page--about, .page.page--capabilities, .page.page--work,
.page.page--destinations, .page.page--insights, .page.page--why-colombia,
.page.page--meet-us, .page.page--contact, .page.page--request-a-proposal,
.page.page--luxury-travel, .page.page--mice-corporate-events)
.page-hero .page-hero__sub {
font-size: var(--mast-sub-size, clamp(1rem, 1.25vw, 1.25rem));
max-width: var(--mast-sub-max, 46rem);
}
:is(.page.page--about, .page.page--why-colombia, .page.page--work)
.page-hero .page-hero__headline {
text-wrap: balance;
}
:is(.page.page--capabilities, .page.page--work, .page.page--destinations,
.page.page--insights, .page.page--luxury-travel,
.page.page--mice-corporate-events) .page-hero .container {
width: 100%;
max-width: 72rem;
text-align: left;
}
:is(.page.page--capabilities, .page.page--work, .page.page--destinations,
.page.page--insights, .page.page--luxury-travel,
.page.page--mice-corporate-events) .page-hero .container
:is(.overline, .page-hero__headline, .page-hero__sub) {
margin-left: 0;
margin-right: 0;
}
:is(.page.page--capabilities, .page.page--work, .page.page--destinations,
.page.page--insights, .page.page--luxury-travel,
.page.page--mice-corporate-events) .page-hero .overline {
display: flex;
align-items: center;
gap: 0.9rem;
}
:is(.page.page--capabilities, .page.page--work, .page.page--destinations,
.page.page--insights, .page.page--luxury-travel,
.page.page--mice-corporate-events) .page-hero .overline::before {
width: 2.5rem;
margin-bottom: 0;
flex: none;
}
:is(.page.page--capabilities, .page.page--work, .page.page--destinations,
.page.page--insights, .page.page--luxury-travel,
.page.page--mice-corporate-events) .page-hero .overline::after {
content: "";
flex: 1 1 2rem;
min-width: 2rem;
height: 1px;
background: linear-gradient(to right,
var(--hair-gold), var(--hair-gold-faint) 55%, rgba(201, 174, 93, 0));
}
:is(.page.page--capabilities, .page.page--work, .page.page--destinations,
.page.page--insights, .page.page--luxury-travel,
.page.page--mice-corporate-events) .page-hero .page-hero__headline::after {
content: "";
display: block;
width: 72px;
height: 1px;
margin-top: var(--space-sm);
background: var(--hair-gold-strong);
box-shadow: 0 3px 0 0 var(--hair-gold-faint);
}
:is(.page.page--luxury-travel, .page.page--mice-corporate-events)
.page-hero .page-hero__sub {
font-size: 1.02rem;
line-height: 1.7;
color: rgba(245, 243, 238, 0.82);
padding-left: 1.1rem;
border-left: 1px solid var(--hair-gold);
}
:is(.page.page--about, .page.page--why-colombia) .page-hero .page-hero__sub {
color: rgba(245, 243, 238, 0.88);
}
:is(.page.page--about, .page.page--why-colombia) .page-hero .overline {
letter-spacing: 0.22em;
}
:is(.page.page--about, .page.page--why-colombia, .page.page--meet-us,
.page.page--contact, .page.page--request-a-proposal)
.page-hero .overline::before {
margin-left: auto;
margin-right: auto;
}
.page.page--about .page-hero .container::before,
.page.page--about .page-hero .container::after {
content: "";
position: absolute;
inset: -1.75rem -2.25rem;
border: 1px solid var(--hair-gold);
z-index: -1;
pointer-events: none;
}
.page.page--about .page-hero .container::after {
border-color: var(--hair-gold-faint);
transform: translate(16px, 16px);
}
:is(.page.page--capabilities, .page.page--work, .page.page--destinations,
.page.page--insights, .page.page--why-colombia, .page.page--luxury-travel,
.page.page--mice-corporate-events) .page-hero .container::after {
content: var(--mast-folio, "");
content: var(--mast-folio, "") / "";
position: absolute;
right: clamp(1rem, 3vw, 2.5rem);
top: -0.65rem;
transform: translateY(-62%);
z-index: -1;
font-family: var(--font-heading);
font-weight: 500;
font-size: clamp(4.5rem, 9vw, 8rem);
line-height: 1;
letter-spacing: -0.02em;
color: rgba(201, 174, 93, 0.18);
pointer-events: none;
}
@media (min-width: 1440px) {
.page--capabilities .page-hero {
--plate-img: url("media/images/hotel-card-bogota-w-bogota/hotel-card-bogota-w-bogota-1400.webp");
}
.page--work .page-hero {
--plate-img: url("media/images/case-study-hero-coca-cola-corporate-summit/case-study-hero-coca-cola-corporate-summit-1800.webp");
}
.page--destinations .page-hero {
--plate-img: url("media/images/hotel-card-cartagena-hotel-charleston-santa-teresa/hotel-card-cartagena-hotel-charleston-santa-teresa-1400.webp");
}
}
@media (max-width: 768px) {
.page--about .page-hero {
--plate-img: url("media/images/destination-card-medellin/destination-card-medellin-600.webp");
}
.page--capabilities .page-hero {
--plate-img: url("media/images/hotel-card-bogota-w-bogota/hotel-card-bogota-w-bogota-560.webp");
}
.page--work .page-hero {
--plate-img: url("media/images/case-study-hero-coca-cola-corporate-summit/case-study-hero-coca-cola-corporate-summit-768.webp");
}
.page--destinations .page-hero {
--plate-img: url("media/images/hotel-card-cartagena-hotel-charleston-santa-teresa/hotel-card-cartagena-hotel-charleston-santa-teresa-560.webp");
}
.page--luxury-travel .page-hero {
--plate-img: url("media/images/hotel-card-coffee-region-hacienda-bambusa/hotel-card-coffee-region-hacienda-bambusa-560.webp");
}
.page--mice-corporate-events .page-hero {
--plate-img: url("media/images/hotel-card-cartagena-sofitel-legend-santa-clara/hotel-card-cartagena-sofitel-legend-santa-clara-560.webp");
}
.page--why-colombia .page-hero {
--plate-img: none;
}
:is(.page.page--capabilities, .page.page--work, .page.page--destinations,
.page.page--insights, .page.page--luxury-travel,
.page.page--mice-corporate-events) .page-hero {
--plate-scrim: linear-gradient(to bottom,
rgba(26, 31, 54, 0.68) 0%,
rgba(26, 31, 54, 0.78) 50%,
rgba(17, 17, 17, 0.92) 100%);
}
:is(.page.page--about, .page.page--why-colombia) .page-hero {
min-height: clamp(24rem, 56vh, 32rem);
}
:is(.page.page--capabilities, .page.page--work, .page.page--destinations) .page-hero {
min-height: clamp(22rem, 50vh, 28rem);
}
:is(.page.page--luxury-travel, .page.page--mice-corporate-events) .page-hero {
min-height: clamp(20rem, 46vh, 26rem);
}
.page.page--insights .page-hero {
min-height: clamp(18rem, 40vh, 24rem);
}
:is(.page.page--meet-us, .page.page--contact, .page.page--request-a-proposal) .page-hero {
min-height: clamp(14rem, 32vh, 20rem);
}
.page.page--about .page-hero .container::before,
.page.page--about .page-hero .container::after,
:is(.page.page--capabilities, .page.page--work, .page.page--destinations,
.page.page--insights, .page.page--why-colombia, .page.page--luxury-travel,
.page.page--mice-corporate-events) .page-hero .container::after {
display: none;
}
:is(.page.page--meet-us, .page.page--contact, .page.page--request-a-proposal)
.page-hero::before {
background:
radial-gradient(95% 70% at 50% 0%,
rgba(201, 174, 93, 0.10), rgba(201, 174, 93, 0) 62%),
linear-gradient(to bottom, rgba(37, 43, 69, 0.55), rgba(26, 31, 54, 0) 42%),
linear-gradient(to bottom, rgba(17, 17, 17, 0) 60%, rgba(17, 17, 17, 0.45) 100%);
background-repeat: no-repeat;
}
}
@media (prefers-reduced-motion: reduce) {
:is(.page.page--about, .page.page--capabilities, .page.page--work,
.page.page--destinations, .page.page--insights, .page.page--why-colombia,
.page.page--luxury-travel, .page.page--mice-corporate-events)
.page-hero::before {
animation: none;
}
}
.page.page--work .page-hero {
--plate-panel: linear-gradient(98deg,
rgba(26, 31, 54, 0.88) 0%,
rgba(26, 31, 54, 0.62) 52%,
rgba(26, 31, 54, 0.44) 100%);
}
.page.page--insight-article .page-hero {
display: flex;
flex-direction: column;
justify-content: center;
min-height: clamp(19rem, 40vh, 27rem);
}
.page.page--insight-article .page-hero::before {
content: "";
position: absolute;
inset: 0;
z-index: 0;
pointer-events: none;
background:
radial-gradient(85% 70% at 50% 0%,
rgba(201, 174, 93, 0.10), rgba(201, 174, 93, 0) 62%),
linear-gradient(to bottom, rgba(37, 43, 69, 0.55), rgba(26, 31, 54, 0) 42%),
linear-gradient(to right,
transparent calc(14% - 1px), var(--hair-gold-faint) calc(14% - 1px),
var(--hair-gold-faint) 14%, transparent 14%),
linear-gradient(to right,
transparent calc(86% - 1px), var(--hair-gold-faint) calc(86% - 1px),
var(--hair-gold-faint) 86%, transparent 86%),
linear-gradient(to bottom, rgba(17, 17, 17, 0) 60%, rgba(17, 17, 17, 0.45) 100%);
background-repeat: no-repeat;
}
.page.page--insight-article .page-hero .page-hero__headline {
font-size: clamp(2rem, 2.8vw + 0.5rem, 3.1rem);
max-width: 30ch;
line-height: 1.1;
text-wrap: balance;
}
.page.page--insight-article .page-hero .page-hero__sub {
max-width: 42rem;
}
.page.page--insight-article .page-hero .overline::before {
margin-left: auto;
margin-right: auto;
}
.page.page--insight-article .page-hero .insight-meta {
justify-content: center;
}
.page.page--insight-article .page-hero .insight-meta span {
color: rgba(245, 243, 238, 0.72);
}
.page.page--insight-article .page-hero .insight-byline {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.page.page--insight-article .page-hero .insight-byline span {
font-size: 0.9rem;
color: rgba(245, 243, 238, 0.72);
}
.page-hero--capability {
display: flex;
flex-direction: column;
justify-content: center;
min-height: clamp(24rem, 50vh, 34rem);
}
.page-hero--capability .page-hero__bg img {
filter: grayscale(1);
}
.page-hero--capability::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
background: radial-gradient(120% 90% at 50% 28%,
rgba(201, 174, 93, 0.14), rgba(201, 174, 93, 0) 58%);
}
.page-hero--capability .overline::before {
margin-left: auto;
margin-right: auto;
}
.page-hero--capability .page-hero__headline {
font-size: clamp(2.2rem, 3.2vw + 0.6rem, 3.4rem);
max-width: 24ch;
line-height: 1.1;
text-wrap: balance;
}
.page-hero--capability .page-hero__sub {
max-width: 42rem;
}
.page-hero--capability .page-hero__headline::after {
content: "";
display: block;
width: 72px;
height: 1px;
margin: var(--space-sm) auto 0;
background: var(--hair-gold-strong);
box-shadow: 0 3px 0 0 var(--hair-gold-faint);
}
.page-hero--case-study {
display: flex;
flex-direction: column;
justify-content: center;
}
.page-hero--case-study .page-hero__headline {
text-wrap: balance;
}
@media (min-width: 769px) {
.page-hero--case-study {
min-height: clamp(24rem, 50vh, 34rem);
}
}
.page-band__content .overline::before,
.pull-quote-band__content .overline::before,
.insights-queue__header .overline::before,
.rfp__intro .overline::before {
margin-left: auto;
margin-right: auto;
}
.internal-link {
border-color: var(--hair-gold);
box-shadow: var(--shadow-1);
transition-property: opacity, transform, border-color, color, background;
transition-duration: 0.6s, 0.6s, 0.3s, 0.3s, 0.3s;
transition-timing-function: var(--ease-elegant), var(--ease-elegant),
var(--ease-elegant), var(--ease-elegant), var(--ease-elegant);
}
.reveal-stagger--visible > *:is(:hover, :focus-visible, :focus-within) {
transition-delay: 0s;
}
.internal-links {
border-top-color: var(--hair-gold-faint);
}
.internal-links.section-warm-breath {
border-top-color: var(--hair-gold-faint);
}
.section-dark-open + .internal-links.section-warm-breath,
.section-deep-return + .internal-links.section-warm-breath {
border-top-color: rgba(201, 174, 93, 0.2);
}
.faq .faq__item {
border-bottom-color: var(--hair-gold);
}
.faq.section-stone .faq__item,
.faq.section-clean-close .faq__item,
.faq.section-warm-breath .faq__item {
border-bottom-color: var(--hair-gold);
}
.faq__answer--open {
max-height: 40rem;
}
.destination-faq {
margin-top: 0;
padding: var(--space-xl) 0;
border-top-color: transparent;
}
.section-warm-breath + .section-warm-breath,
.section-warm-breath + .section-clean-close,
.section-clean-close + .section-warm-breath,
.section-clean-close + .section-clean-close,
.section-stone + .section-stone {
border-top: 1px solid var(--hair-gold-faint);
box-shadow: inset 0 3px 0 -2px rgba(201, 174, 93, 0.07);
}
body[data-page-template="case-study"] .content-section__text {
max-width: 46rem;
}
:is(.page--luxury-travel, .page--mice-corporate-events) .content-section__text {
max-width: 56rem;
}
:is(.page--luxury-travel, .page--mice-corporate-events)
.content-section__text p:not(.overline) {
max-width: 64ch;
}
:is(.page--luxury-travel, .page--mice-corporate-events)
.content-section__text .lead-text,
.insight-answer .lead-text {
margin-left: 0;
margin-right: 0;
}
.insight-answer h2 {
margin-bottom: var(--space-sm);
max-width: 28ch;
text-wrap: balance;
}
body[data-page-template="case-study"] .case-study-results__main h2 {
margin-bottom: var(--space-md);
}
body[data-page-template="case-study"] .content-section__text > h2::after {
content: "";
display: block;
width: 56px;
height: 1px;
margin-top: 0.85rem;
background: var(--hair-gold-strong);
box-shadow: 0 3px 0 0 var(--hair-gold-faint);
}
body[data-page-template="capability"]
.content-section__layout:not(:has(.content-section__image)) {
grid-template-columns: 1fr;
direction: ltr;
}
body[data-page-template="capability"]
.content-section__layout:not(:has(.content-section__image))
.content-section__text {
max-width: 65ch;
margin-left: auto;
margin-right: auto;
}
body[data-page-template="capability"] {
counter-reset: capchapter;
}
body[data-page-template="capability"]
.content-section[aria-labelledby^="section-"] {
counter-increment: capchapter;
}
body[data-page-template="capability"]
.content-section[aria-labelledby^="section-"]
.content-section__text h2::before {
content: counter(capchapter, decimal-leading-zero);
content: counter(capchapter, decimal-leading-zero) / "";
display: block;
font-family: var(--font-heading);
font-size: clamp(2rem, 2.2vw, 2.6rem);
font-weight: 400;
line-height: 1;
font-variant-numeric: oldstyle-nums;
color: transparent;
-webkit-text-stroke: 1px rgba(201, 174, 93, 0.8);
margin-bottom: 0.85rem;
}
@supports not (-webkit-text-stroke: 1px #111111) {
body[data-page-template="capability"]
.content-section[aria-labelledby^="section-"]
.content-section__text h2::before {
color: rgba(201, 174, 93, 0.55);
-webkit-text-stroke: 0;
}
}
.section-warm-breath + .page-band.section-deep-return::before,
.section-stone + .page-band.section-deep-return::before,
.section-clean-close + .page-band.section-deep-return::before {
content: '';
position: absolute;
inset: 0;
width: auto;
height: auto;
background:
linear-gradient(to bottom, rgba(245, 243, 238, 0.06), transparent)
top / 100% clamp(3rem, 6vh, 5rem) no-repeat,
radial-gradient(circle at 15% 20%, rgba(201, 174, 93, 0.12), transparent 30%),
repeating-linear-gradient(45deg, transparent, transparent 44px,
rgba(201, 174, 93, 0.03) 44px, rgba(201, 174, 93, 0.03) 45px);
opacity: 1;
pointer-events: none;
z-index: 0;
}
.why-decision-card,
.destination-reference-card--dark,
.editorial-teaser,
.destination-planner-note,
.contact-dest-card {
border-color: var(--hair-gold);
}
.section-deep-return .destination-detail-card {
border-color: var(--hair-gold);
}
.destination-hero__governance-footer .logistics-item {
border-color: var(--hair-gold);
}
.page--capabilities .why-facts.section-deep-return .why-fact-card {
border-color: var(--hair-gold);
}
.page--about .team-card--profile {
border-color: var(--hair-gold);
box-shadow: var(--shadow-dark-1);
}
.rfp__panel--dark {
border-color: var(--hair-gold);
box-shadow: var(--shadow-2), inset 0 3px 0 -2px var(--hair-gold-faint);
}
.page--contact .contact__office {
border-color: var(--hair-gold);
box-shadow: var(--shadow-1);
}
.signal-list--dark li {
border-bottom-color: var(--hair-gold-faint);
}
.destination-hotel-card {
border-color: var(--hair-gold);
box-shadow: var(--shadow-dark-1);
}
.destination-hotel-card__media::before {
content: '';
position: absolute;
inset: 10px;
border: 1px solid rgba(245, 243, 238, 0.22);
z-index: 2;
pointer-events: none;
}
.destination-hotel-card:not(.destination-hotel-card--no-image)
.destination-hotel-card__body {
border-top: 1px solid var(--hair-gold);
box-shadow: inset 0 3px 0 -2px var(--hair-gold-faint);
}
.destination-hotel-card__metrics,
.destination-hotel-card__metric,
.destination-hotel-card__note,
.destination-hotel-card__insider {
border-color: var(--hair-gold-faint);
}
.destination-hotel-card__picture img {
transition: transform 0.55s var(--ease-gild);
}
.destination-detail-card__note {
border-top-color: var(--hair-gold-faint);
}
.section-deep-return .destination-detail-card__note {
border-top-color: var(--hair-gold-faint);
}
.scale-list--light li,
.logistics-item {
border-bottom-color: var(--hair-gold-faint);
}
.rfp-metric,
.result-stat-chip {
border-color: var(--hair-gold);
}
.rfp-success {
border-color: var(--hair-gold);
box-shadow: var(--shadow-1);
}
:is(.page--about, .page--work, .page--destinations)
.content-section .signal-list:not(.signal-list--dark) {
margin: 0;
padding: 1.35rem 1.5rem;
background: rgba(245, 243, 238, 0.6);
border: 1px solid var(--hair-gold);
box-shadow: var(--shadow-1), inset 0 3px 0 -2px var(--hair-gold-faint);
}
.page--meet-us .content-section .signal-list--dark {
margin: 0;
padding: 1.35rem 1.5rem;
background: rgba(245, 243, 238, 0.05);
border: 1px solid var(--hair-gold);
box-shadow: inset 0 3px 0 -2px var(--hair-gold-faint);
}
.page--capabilities .why-facts.section-deep-return .why-fact-card h3::after {
content: '';
display: block;
width: 2.25rem;
height: 5px;
margin: 0.6rem 0 0;
background:
linear-gradient(var(--mu-gold), var(--mu-gold)) left center / 100% 1px no-repeat,
linear-gradient(var(--mu-gold), var(--mu-gold)) left center / 5px 5px no-repeat;
}
.page--meet-us .why-facts.section-stone .why-fact-card {
border-top-color: var(--hair-gold-strong);
box-shadow: var(--shadow-1), inset 0 3px 0 -2px var(--hair-gold-faint);
}
@media (min-width: 901px) {
.page--why-colombia .why-facts__grid,
.page--why-colombia .why-decision__grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.page--capabilities .capability-card {
background:
linear-gradient(rgba(232, 224, 208, 0.35), rgba(232, 224, 208, 0))
top / 100% 45% no-repeat,
var(--mu-cream);
border: 1px solid var(--hair-gold);
box-shadow: none;
}
.page--capabilities .capability-card:hover,
.page--capabilities .capability-card:focus-within {
transform: translateY(var(--lift));
border-color: var(--hair-gold-strong);
box-shadow: var(--shadow-2);
}
.insights-framework {
padding: var(--space-section) 0;
}
.destination-card__image--fallback {
background:
radial-gradient(120% 90% at 50% 30%,
rgba(201, 174, 93, 0.14), rgba(201, 174, 93, 0) 58%),
linear-gradient(180deg, rgba(37, 43, 69, 0.95) 0%, var(--mu-navy) 100%);
}
.page-hero__bg--fallback {
background:
radial-gradient(85% 70% at 50% 0%,
rgba(201, 174, 93, 0.10), rgba(201, 174, 93, 0) 62%),
linear-gradient(to bottom, rgba(37, 43, 69, 1), var(--mu-navy) 75%);
}
.insight-table {
border-color: var(--hair-gold);
background: rgba(255, 255, 255, 0.55);
box-shadow: var(--shadow-1);
}
.insight-table th,
.insight-table td {
border-bottom-color: var(--hair-gold-faint);
}
.insight-table th {
color: var(--text-on-light-heading);
}
.related-work__link {
color: var(--mu-espresso);
}
.related-work .related-work__card {
box-shadow: var(--shadow-1);
}
@media (min-width: 980px) {
.case-study-execution .execution-grid:has(> :nth-child(5)) {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.contact-destinations.section-deep-return {
background-color: var(--section-deep-return);
}
.rfp__sidebar {
top: calc(var(--nav-height) + var(--space-sm));
}
.page--about .company-info__item {
box-shadow: none;
}
.company-info__grid {
padding-top: var(--space-md);
border-top: 1px solid var(--hair-gold);
box-shadow: inset 0 3px 0 -2px var(--hair-gold-faint);
}
.company-info__item {
padding-bottom: 0.85rem;
border-bottom: 1px solid var(--hair-gold-faint);
}
.destination-overview--review {
margin-bottom: var(--space-lg);
}
.content-section .why-answer {
padding-bottom: clamp(1.5rem, 3vh, 2.25rem);
border-bottom: 1px solid var(--hair-gold);
box-shadow: inset 0 -3px 0 -2px var(--hair-gold-faint);
}
.why-decision .why-section-intro {
text-align: left;
margin-left: 0;
}
.contact__label,
.company-info__label,
.rfp__panel:not(.rfp__panel--dark) h3,
:is(.section-warm-breath, .section-stone, .section-clean-close) .why-checklist__label,
.destination-reference-card:not(.destination-reference-card--dark)
.destination-reference-card__label {
color: var(--mu-espresso);
}
.page--about .content-section,
.page--about .affiliations {
padding: var(--space-section) 0;
}
body[data-page-template="case-study"] .faq,
body[data-page-template="capability"] .faq,
.page--insight-article .faq {
padding: var(--space-xl) 0;
}
.page--work .why-facts.section-stone,
.page--destinations .why-facts.section-stone {
padding-bottom: var(--space-xl);
}
@media (max-width: 768px) {
.page.page--insight-article .page-hero {
min-height: clamp(15rem, 34vh, 21rem);
}
.page-hero--capability {
min-height: clamp(20rem, 46vh, 26rem);
}
.page.page--insight-article .page-hero::before {
background:
radial-gradient(95% 70% at 50% 0%,
rgba(201, 174, 93, 0.10), rgba(201, 174, 93, 0) 62%),
linear-gradient(to bottom, rgba(37, 43, 69, 0.55), rgba(26, 31, 54, 0) 42%),
linear-gradient(to bottom, rgba(17, 17, 17, 0) 60%, rgba(17, 17, 17, 0.45) 100%);
background-repeat: no-repeat;
}
body[data-page-template="capability"]
.content-section[aria-labelledby^="section-"]
.content-section__text h2::before {
display: none;
}
}
@media (prefers-reduced-motion: reduce) {
.internal-link,
.destination-hotel-card__picture img {
transition: none;
}
.destination-hotel-card:hover .destination-hotel-card__picture img {
transform: none;
}
.page--capabilities .capability-card:hover,
.page--capabilities .capability-card:focus-within {
transform: none;
}
}
.reveal {
transition-duration: 0.55s, 0.55s;
}
.reveal:not(.reveal--visible) {
transform: translateY(18px);
}
.reveal-stagger > * {
transition-duration: 0.45s, 0.45s;
}
@media (prefers-reduced-motion: reduce) {
.reveal:not(.reveal--visible) {
transform: none;
}
}
.hero__headline {
font-size: clamp(2.5rem, 3.6vw + 1.1rem, 4.5rem);
line-height: 1.1;
max-width: 28ch;
margin-left: auto;
margin-right: auto;
text-wrap: balance;
}
@media (min-width: 1025px) {
.hero.section-dark-open .hero__headline {
max-width: 28ch;
text-wrap: pretty;
}
}
.hero__sub {
max-width: 44rem;
text-wrap: pretty;
}
.capability-card__desc {
display: block;
-webkit-line-clamp: unset;
line-clamp: none;
overflow: visible;
}
.rfp__layout > * {
min-width: 0;
}
.rfp__layout {
grid-template-columns: minmax(0, 1fr);
}
@media (min-width: 981px) {
.rfp__layout {
grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
}
}
.rfp-form .form-group input[type="file"] {
max-width: 100%;
}
.form-group select {
appearance: none;
-webkit-appearance: none;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23C9AE5D' stroke-width='1.5'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 1rem center;
padding-right: 2.6rem;
}
.form-group input[type="file"]::file-selector-button {
font-family: var(--font-body);
font-size: 0.8125rem;
font-weight: 600;
letter-spacing: 0.06em;
color: var(--mu-navy);
background: transparent;
border: 1px solid rgba(26, 31, 54, 0.25);
padding: 0.5rem 1rem;
margin-right: 0.9rem;
cursor: pointer;
transition: border-color var(--transition-base), background var(--transition-base);
}
.form-group input[type="file"]::file-selector-button:hover {
border-color: var(--mu-gold);
background: rgba(201, 174, 93, 0.08);
}
.form-choice span::before {
content: '';
flex: 0 0 auto;
width: 1.05rem;
height: 1.05rem;
margin-right: 0.8rem;
border: 1px solid rgba(26, 31, 54, 0.3);
background-color: transparent;
background-position: center;
background-repeat: no-repeat;
transition: background-color var(--transition-base), border-color var(--transition-base);
}
.form-choice input:checked + span::before {
border-color: var(--mu-gold);
background-color: var(--mu-gold);
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8'%3E%3Cpath d='M1 4l2.6 2.6L9 1' fill='none' stroke='%231A1F36' stroke-width='1.6'/%3E%3C/svg%3E");
}
.insights-card__meta {
flex-wrap: nowrap;
justify-content: space-between;
align-items: baseline;
min-height: 1.6em;
}
.insights-card__meta .insights-card__eyebrow {
min-width: 0;
}
.insights-card__meta .insights-card__reading {
flex: 0 0 auto;
white-space: nowrap;
}
.insights-contact.section-clean-close {
background-color: var(--section-dark-open);
color: var(--text-on-dark);
}
.insights-contact.section-clean-close h2,
.insights-contact.section-clean-close .section-heading {
color: var(--text-on-dark-heading);
}
.insights-contact.section-clean-close p {
color: var(--text-on-dark-body);
}
@media (min-width: 900px) {
section[aria-labelledby="hub-snapshot-heading"] .destination-reference-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.destination-card__image--fallback {
align-items: center;
justify-content: center;
}
.destination-card__fallback-label {
display: block;
font-size: 0;
color: transparent;
max-width: none;
}
.destination-card__fallback-label::first-letter {
font-size: 4.75rem;
font-family: var(--font-heading);
font-weight: 500;
color: rgba(201, 174, 93, 0.62);
}
.nav-link {
white-space: nowrap;
}
@media (min-width: 1025px) and (max-width: 1320px) {
.nav__links {
gap: clamp(0.9rem, 1.6vw, 1.6rem);
}
.nav-link {
letter-spacing: 0.09em;
}
}
.lead-text,
.hero__sub,
.final-cta__subtext,
.differentiator__text {
text-wrap: pretty;
}
.mobile-menu__locales {
display: flex;
justify-content: center;
gap: 0.75rem;
margin-top: var(--space-lg);
}
.mobile-menu__locale-link {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 2.5rem;
padding: 0.45rem 1rem;
border: 1px solid rgba(245, 243, 238, 0.22);
color: rgba(245, 243, 238, 0.75);
font-family: var(--font-body);
font-size: 0.72rem;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
transition: border-color var(--transition-base), color var(--transition-base);
}
.mobile-menu__locale-link--current {
border-color: var(--mu-gold);
color: var(--mu-gold);
}
.mobile-menu__locale-link:hover {
border-color: rgba(245, 243, 238, 0.5);
color: var(--mu-cream);
}
.rfp__form[hidden] {
display: none;
}
:root {
--mu-gold-ink: #6F5A1C;
}
.section-warm-breath .text-link,
.section-stone .text-link,
.section-clean-close .text-link,
.section-warm-breath .capability-card__link,
.section-stone .capability-card__link,
.section-clean-close .capability-card__link,
.section-warm-breath .work-card__client,
.section-stone .work-card__client,
.section-clean-close .work-card__client,
.section-warm-breath .work-card__link,
.section-stone .work-card__link,
.section-clean-close .work-card__link,
.section-warm-breath .insights-card__eyebrow,
.section-stone .insights-card__eyebrow,
.section-clean-close .insights-card__eyebrow,
.section-warm-breath .overline--gold,
.section-stone .overline--gold,
.section-clean-close .overline--gold,
.page-band .overline--gold,
.rfp__panel:not(.rfp__panel--dark) h3,
.destinations-index.section-stone .destination-card .destination-card__explore {
color: var(--mu-gold-ink);
}
.section-warm-breath .text-link:hover,
.section-stone .text-link:hover,
.section-clean-close .text-link:hover {
border-color: var(--mu-gold-ink);
}
.section-warm-breath :focus-visible,
.section-stone :focus-visible,
.section-clean-close :focus-visible,
.rfp-form :focus-visible {
outline: 2px solid var(--mu-navy);
outline-offset: 3px;
}
.rfp-form .form-group input:focus-visible,
.rfp-form .form-group select:focus-visible,
.rfp-form .form-group textarea:focus-visible {
outline: 2px solid var(--mu-navy);
outline-offset: 2px;
border-color: var(--mu-navy);
}
.stats__item--link:focus-visible {
outline: 2px solid var(--mu-navy);
outline-offset: 4px;
}
.footer__nav a,
.footer__contact a {
display: block;
padding-top: 0.3rem;
padding-bottom: 0.3rem;
}
.footer__social a {
display: inline-block;
padding-top: 0.3rem;
padding-bottom: 0.3rem;
}
.hero__video-toggle {
position: absolute;
right: clamp(1rem, 3vw, 2.5rem);
bottom: 2rem;
z-index: 3;
width: 44px;
height: 44px;
border-radius: 50%;
border: 1px solid rgba(245, 243, 238, 0.5);
background: rgba(26, 31, 54, 0.45);
backdrop-filter: blur(6px);
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: border-color var(--transition-base), background var(--transition-base);
}
.hero__video-toggle:hover,
.hero__video-toggle:focus-visible {
border-color: var(--mu-gold);
background: rgba(26, 31, 54, 0.7);
outline-color: var(--mu-gold);
}
.hero__video-toggle-icon {
display: block;
width: 12px;
height: 12px;
border-left: 3px solid var(--mu-cream);
border-right: 3px solid var(--mu-cream);
box-sizing: border-box;
}
.hero__video-toggle--paused .hero__video-toggle-icon {
width: 0;
height: 0;
border-left: 12px solid var(--mu-cream);
border-right: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
margin-left: 3px;
}
@media (prefers-reduced-data: reduce) {
.hero__video-toggle {
display: none;
}
}
.footer__legal {
border-top: 1px solid rgba(245, 243, 238, 0.12);
padding: 1.4rem 0 0.4rem;
max-width: 62rem;
}
.footer__legal p {
margin: 0 0 0.55rem;
font-size: 0.74rem;
line-height: 1.6;
color: rgba(245, 243, 238, 0.62);
}
.footer__legal-identity {
color: rgba(245, 243, 238, 0.78) !important;
letter-spacing: 0.02em;
}
.footer__legal-links {
display: flex;
flex-wrap: wrap;
gap: 0.4rem 1.4rem;
margin-top: 0.4rem;
}
.footer__legal-links a {
font-size: 0.74rem;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--mu-gold);
padding: 0.3rem 0;
display: inline-block;
}
.form-consent {
padding: 0.25rem 0 0.5rem;
}
.form-consent__label {
display: flex;
gap: 0.8rem;
align-items: flex-start;
font-size: 0.86rem;
line-height: 1.55;
color: var(--mu-navy);
cursor: pointer;
}
.form-consent__label input {
flex: 0 0 auto;
width: 1.1rem;
height: 1.1rem;
margin: 0.2rem 0 0;
accent-color: var(--mu-navy);
}
.form-consent__label a {
color: var(--mu-gold-ink);
text-decoration: underline;
text-underline-offset: 3px;
}
.page--privacy-policy .content-section__text,
.page--legal-notice .content-section__text {
max-width: 46rem;
}
.page--privacy-policy .content-section__text h2,
.page--legal-notice .content-section__text h2 {
margin-top: 2rem;
}
.page--privacy-policy .content-section__text h3,
.page--legal-notice .content-section__text h3 {
margin-top: 1.4rem;
font-family: var(--font-body);
font-size: 1rem;
font-weight: 600;
}
.consent-banner[hidden] {
display: none !important;
}
.consent-banner {
position: fixed;
left: clamp(1rem, 3vw, 2.5rem);
bottom: 1.25rem;
z-index: 980;
width: min(26rem, calc(100vw - 2rem));
background: var(--mu-navy);
color: var(--mu-cream);
border: 1px solid rgba(201, 174, 93, 0.34);
border-top: 3px solid var(--mu-gold);
box-shadow: 0 18px 40px rgba(26, 31, 54, 0.35);
}
.consent-banner__inner {
display: flex;
flex-direction: column;
gap: 0.85rem;
padding: 1rem 1.15rem 1.05rem;
}
.consent-banner__copy {
margin: 0;
font-family: var(--font-body);
font-size: 0.82rem;
line-height: 1.55;
color: rgba(245, 243, 238, 0.86);
}
.consent-banner__link {
color: var(--mu-gold);
text-decoration: underline;
text-underline-offset: 3px;
}
.consent-banner__link:hover {
color: var(--mu-cream);
}
.consent-banner__actions {
display: flex;
flex-wrap: wrap;
gap: 0.6rem;
}
.consent-banner__accept,
.consent-banner__decline {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 2.5rem;
padding: 0.6rem 1.1rem;
font-family: var(--font-body);
font-size: 0.7rem;
font-weight: 600;
letter-spacing: 0.14em;
text-transform: uppercase;
white-space: nowrap;
cursor: pointer;
transition: border-color var(--transition-base), background var(--transition-base), color var(--transition-base);
}
.consent-banner__accept {
color: var(--mu-navy);
background: var(--mu-cream);
border: 1px solid var(--mu-cream);
}
.consent-banner__accept:hover {
background: var(--mu-gold);
border-color: var(--mu-gold);
}
.consent-banner__decline {
color: rgba(245, 243, 238, 0.82);
background: transparent;
border: 1px solid rgba(245, 243, 238, 0.32);
}
.consent-banner__decline:hover {
color: var(--mu-cream);
border-color: rgba(245, 243, 238, 0.7);
}
.consent-banner__accept:focus-visible,
.consent-banner__decline:focus-visible,
.consent-banner__link:focus-visible,
.footer__legal-links .footer__cookie-settings:focus-visible {
outline: 2px solid var(--mu-gold);
outline-offset: 3px;
}
.footer__legal-links .footer__cookie-settings {
margin: 0;
padding: 0.3rem 0;
border: 0;
background: transparent;
font-family: var(--font-body);
font-size: 0.74rem;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--mu-gold);
cursor: pointer;
}
.footer__legal-links .footer__cookie-settings:hover {
color: var(--mu-cream);
}
@media (max-width: 768px) {
.consent-banner {
left: 0.75rem;
right: 0.75rem;
bottom: 0.75rem;
width: auto;
}
.consent-banner__accept,
.consent-banner__decline {
flex: 1 1 auto;
}
}
.key-facts-section {
padding: var(--space-lg) 0;
}
.key-facts-wrap {
max-width: var(--max-width-narrow);
overflow-x: auto;
}
.key-facts {
width: 100%;
border-collapse: collapse;
border-top: 1px solid var(--hair-gold-strong);
border-bottom: 1px solid var(--hair-gold-strong);
background: var(--section-stone);
font-family: var(--font-body);
font-variant-numeric: tabular-nums lining-nums;
}
.key-facts caption {
caption-side: top;
padding: 0 0 0.85rem;
text-align: left;
font-family: var(--font-heading);
font-size: clamp(1.35rem, 2vw, 1.7rem);
font-weight: 500;
line-height: 1.2;
letter-spacing: 0.01em;
color: var(--text-on-light-heading);
}
.key-facts tbody tr {
border-top: 1px solid var(--hair-gold);
}
.key-facts tbody tr:first-child {
border-top: 0;
}
.key-facts th,
.key-facts td {
padding: 0.9rem 0;
text-align: left;
vertical-align: top;
background: transparent;
}
.key-facts th[scope="row"] {
width: 32%;
padding-right: 1.5rem;
font-size: 0.74rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--text-on-light-secondary);
}
.key-facts td {
font-size: 1rem;
line-height: 1.6;
color: var(--text-on-light-body);
}
.key-facts td a {
color: var(--text-on-light-heading);
text-decoration: underline;
text-decoration-color: var(--hair-gold-strong);
text-underline-offset: 0.2em;
transition: text-decoration-color var(--transition-fast);
}
.key-facts td a:hover,
.key-facts td a:focus-visible {
text-decoration-color: var(--mu-gold);
}
@media (max-width: 640px) {
.key-facts th[scope="row"],
.key-facts td {
display: block;
width: auto;
padding-right: 0;
}
.key-facts th[scope="row"] {
padding-bottom: 0.2rem;
}
.key-facts td {
padding-top: 0;
}
}
.hero__tagline {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
column-gap: 0.85rem;
row-gap: 0.35rem;
margin: 0 auto var(--space-lg);
max-width: 48rem;
color: var(--mu-gold);
font-family: var(--font-body);
font-size: clamp(0.6875rem, 0.4vw + 0.55rem, 0.8125rem);
font-weight: 500;
letter-spacing: 0.22em;
text-transform: uppercase;
line-height: 1.6;
transition-delay: 0.75s;
}
.hero__tagline-sep {
color: rgba(245, 243, 238, 0.45);
font-weight: 300;
letter-spacing: 0;
}
.hero .hero__sub + .hero__tagline {
margin-top: calc(-1 * var(--space-sm));
}
.hero__tagline-item {
white-space: nowrap;
}
@media (max-width: 480px) {
.hero__tagline {
display: block;
letter-spacing: 0.18em;
}
.hero__tagline-item {
display: block;
white-space: normal;
padding: 0.1rem 0;
}
.hero__tagline-sep {
display: none;
}
}
@font-face {
font-family: "Futura Std";
src: url('assets/fonts/eldorado/FuturaStdMedium.woff2') format('woff2');
font-weight: 400 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Lato";
src: url('assets/fonts/eldorado/Lato-Regular.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Lato";
src: url('assets/fonts/eldorado/Lato-Light.woff2') format('woff2');
font-weight: 300;
font-style: normal;
font-display: swap;
}
.eldorado {
--eld-font-display: "Futura Std", Futura, "Jost", "Century Gothic", "Twentieth Century", system-ui, sans-serif;
--eld-font-body: "Lato", system-ui, -apple-system, "Segoe UI", sans-serif;
--eld-base: #16241F;
--eld-cream: #F5F3EE;
--eld-ivory: #E8E0D0;
--eld-gold: #C9AE5D;
--eld-inset: clamp(1.25rem, 4vw, 3rem);
--eld-story-vh: 900;
--eld-dossier-vh: 540;
position: relative;
height: calc((var(--eld-story-vh) + var(--eld-dossier-vh)) * 1vh);
background: var(--eld-base);
color: var(--eld-ivory);
}
main#main-content > section.eldorado {
display: block;
min-height: 0;
padding: 0;
scroll-snap-align: none;
scroll-snap-stop: normal;
}
.eldorado__sticky {
position: sticky;
top: 0;
height: 100vh;
height: 100svh;
overflow: hidden;
isolation: isolate;
}
.eldorado__bg,
.eldorado__vignette,
.eldorado__grain,
.eldorado__stage {
position: absolute;
inset: 0;
}
.eldorado__bg {
z-index: 0;
background:
radial-gradient(120% 90% at 18% 22%, rgba(201, 174, 93, 0.20) 0%, rgba(201, 174, 93, 0.05) 26%, transparent 52%),
radial-gradient(140% 120% at 78% 88%, #2C4A3B 0%, rgba(44, 74, 59, 0.55) 40%, transparent 72%),
linear-gradient(155deg, #22392C 0%, #1E3A2F 46%, #16241F 100%);
filter: saturate(0.8) contrast(1.05) brightness(0.9);
}
.eldorado__vignette {
z-index: 0;
background: radial-gradient(130% 120% at 50% 38%, transparent 52%, rgba(20, 28, 24, 0.72) 100%);
}
.eldorado__grain {
inset: -4%;
z-index: 1;
opacity: 0.07;
mix-blend-mode: overlay;
background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");
animation: eldorado-grain 1.6s steps(4) infinite;
}
.eldorado__stage {
z-index: 2;
opacity: 0;
transition: opacity 1.2s cubic-bezier(0.2, 0, 0, 1);
}
.eldorado__stage.is-ready {
opacity: 1;
}
.eldorado__stage canvas {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
display: block;
}
.eldorado__fallback {
position: absolute;
left: 50%;
top: 50%;
width: min(60vw, 32rem);
height: auto;
transform: translate(-50%, -50%);
filter: brightness(0) saturate(100%) invert(74%) sepia(28%) saturate(560%) hue-rotate(2deg) brightness(91%) contrast(88%);
}
.eldorado__flyer {
position: absolute;
z-index: 4;
left: 0;
top: 0;
opacity: 0;
pointer-events: none;
font-family: var(--eld-font-display);
font-weight: 500;
font-size: 3rem;
line-height: 1;
color: var(--eld-cream);
transform-origin: center;
will-change: transform, opacity;
}
.eldorado__chapter {
position: absolute;
z-index: 3;
opacity: 0;
pointer-events: none;
transform: translate3d(0, var(--y, 0px), 0);
}
.eldorado__chapter--title {
left: var(--eld-inset);
right: var(--eld-inset);
bottom: 12vh;
opacity: 1;
}
.eldorado__chapter--side {
top: 50%;
width: min(30rem, 40vw);
transform: translate3d(0, calc(-50% + var(--y, 0px)), 0);
}
.eldorado__chapter--left {
left: var(--eld-inset);
}
.eldorado__chapter--right {
right: var(--eld-inset);
}
.eldorado__chapter--finale {
left: 50%;
bottom: 9vh;
width: min(46rem, 80vw);
text-align: center;
transform: translate3d(-50%, var(--y, 0px), 0);
}
.eldorado__overline,
.eldorado__kicker,
.eldorado__tags,
.eldorado__hint {
font-family: var(--eld-font-display);
font-size: 0.75rem;
font-weight: 500;
letter-spacing: 0.18em;
text-transform: uppercase;
line-height: 1.5;
}
.eldorado__overline {
display: flex;
align-items: center;
gap: 0.75rem;
margin: 0 0 1rem;
color: var(--eld-gold);
}
.eldorado__overline-rule {
display: inline-block;
width: 2rem;
height: 1px;
background: rgba(201, 174, 93, 0.55);
}
.eldorado__title {
margin: 0 0 1.5rem -0.04em;
font-family: var(--eld-font-display);
font-weight: 500;
font-size: clamp(5rem, 21vw, 19rem);
line-height: 0.95;
letter-spacing: 0.22em;
text-transform: uppercase;
color: var(--eld-cream);
}
.eldorado__title-row {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 2.5rem;
flex-wrap: wrap;
}
.eldorado__lead {
margin: 0;
max-width: 34rem;
font-family: var(--eld-font-body);
font-size: 1.125rem;
line-height: 1.6;
color: var(--eld-ivory);
}
.eldorado__tags {
display: flex;
gap: 1.5rem;
margin: 0;
color: var(--eld-ivory);
}
.eldorado__dot {
color: var(--eld-gold);
}
.eldorado__kicker {
display: flex;
align-items: baseline;
gap: 1rem;
margin: 0 0 1.25rem;
color: var(--eld-gold);
}
.eldorado__letter {
display: inline-block;
font-family: var(--eld-font-display);
font-size: 3rem;
line-height: 1;
letter-spacing: 0;
color: var(--eld-cream);
transition: opacity 150ms;
}
.eldorado__h {
margin: 0 0 1.25rem;
font-family: var(--eld-font-display);
font-weight: 500;
font-size: clamp(1.75rem, 2.4vw, 2.25rem);
line-height: 1.2;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--eld-cream);
text-wrap: balance;
}
.eldorado__h--finale {
margin-bottom: 0.75rem;
font-size: clamp(1.5rem, 2vw, 1.75rem);
line-height: 1.3;
}
.eldorado__p {
margin: 0;
font-family: var(--eld-font-body);
font-size: 1rem;
line-height: 1.65;
color: var(--eld-ivory);
}
.eldorado__chapter--finale .eldorado__p {
margin: 0 auto 1.5rem;
max-width: 34rem;
}
.eldorado__chapter--finale .btn-gold {
pointer-events: auto;
}
.eldorado__rail {
position: absolute;
z-index: 3;
right: 2rem;
top: 50%;
transform: translateY(-50%);
display: flex;
flex-direction: column;
align-items: center;
gap: 0.75rem;
}
.eldorado__rail-dot {
font-family: var(--eld-font-display);
font-size: 0.875rem;
letter-spacing: 0.12em;
color: var(--eld-gold);
opacity: 0.3;
transition: opacity 440ms;
}
.eldorado__rail-track {
position: relative;
width: 1px;
height: 22vh;
margin-top: 0.5rem;
background: rgba(201, 174, 93, 0.25);
}
.eldorado__rail-fill {
position: absolute;
inset: 0;
background: var(--eld-gold);
transform-origin: top;
transform: scaleY(0);
}
.eldorado__hint {
position: absolute;
z-index: 3;
right: var(--eld-inset);
top: calc(var(--nav-height) + 1.5rem);
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 0.5rem;
color: var(--eld-ivory);
transition: opacity 440ms;
}
.eldorado__hint-line {
display: block;
width: 1px;
height: 28px;
background: var(--eld-gold);
animation: eldorado-hint 2.2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
@keyframes eldorado-hint {
0%, 100% { transform: translateY(0); opacity: 0.45; }
50% { transform: translateY(10px); opacity: 1; }
}
@keyframes eldorado-grain {
0% { transform: translate(0, 0); }
25% { transform: translate(-2%, 1%); }
50% { transform: translate(1%, -2%); }
75% { transform: translate(-1%, -1%); }
100% { transform: translate(0, 0); }
}
@media (max-width: 1023px) {
.eldorado__rail {
display: none;
}
}
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.eldorado {
--eld-inset: 1.25rem;
}
.eldorado__hint {
top: calc(var(--nav-height) + 1rem);
}
.eldorado__chapter--title {
bottom: 6svh;
}
.eldorado__overline {
font-size: 0.65rem;
}
.eldorado__title {
font-size: clamp(3.4rem, 21vw, 7rem);
letter-spacing: 0.14em;
margin-bottom: 1rem;
}
.eldorado__lead {
font-size: 1rem;
line-height: 1.65;
}
.eldorado__tags {
gap: 0.5rem 0.75rem;
font-size: 0.65rem;
}
.eldorado__spec {
display: none;
}
.eldorado__proof {
font-size: 0.875rem;
}
.eldorado__chapter--side {
top: auto;
bottom: 6svh;
left: var(--eld-inset);
right: var(--eld-inset);
width: auto;
transform: translate3d(0, var(--y, 0px), 0);
}
.eldorado__letter {
font-size: 2.25rem;
}
.eldorado__h {
font-size: 1.75rem;
line-height: 1.3;
margin-bottom: 0.75rem;
}
.eldorado__p {
font-size: 0.875rem;
line-height: 1.55;
}
.eldorado__chapter--finale {
left: var(--eld-inset);
right: var(--eld-inset);
width: auto;
bottom: 5svh;
transform: translate3d(0, var(--y, 0px), 0);
}
.eldorado__h--finale {
font-size: 1.375rem;
line-height: 1.45;
}
}
.eldorado__panel {
position: absolute;
z-index: 3;
left: var(--eld-inset);
right: var(--eld-inset);
top: 24vh;
bottom: 5vh;
display: flex;
flex-direction: column;
justify-content: center;
max-width: 1240px;
margin: 0 auto;
opacity: 0;
pointer-events: none;
transform: translate3d(0, var(--y, 0px), 0);
}
.eldorado__panel--center {
align-items: center;
text-align: center;
}
.eldorado__overline--center {
justify-content: center;
}
.eldorado__panel-h {
margin: 0;
font-family: var(--eld-font-display);
font-weight: 500;
font-size: 2.25rem;
line-height: 1.2;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--eld-cream);
text-wrap: balance;
}
.eldorado__panel-h--xl {
max-width: 44rem;
font-size: 3rem;
line-height: 1.1;
}
.eldorado__p--lead {
font-size: 1rem;
line-height: 1.65;
}
.eldorado__p--measure {
max-width: 38rem;
margin-top: 1.5rem;
}
.eldorado__quote {
margin: 0;
font-family: Georgia, "Times New Roman", serif;
font-style: italic;
font-size: 1.125rem;
line-height: 1.6;
color: var(--eld-cream);
}
.eldorado__link {
display: inline-flex;
align-items: center;
gap: 0.5rem;
width: fit-content;
padding-bottom: 0.25rem;
border-bottom: 1px solid var(--eld-gold);
font-family: var(--eld-font-display);
font-weight: 500;
font-size: 0.875rem;
line-height: 1;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--eld-cream);
text-decoration: none;
transition: color 150ms;
}
.eldorado__link:hover,
.eldorado__link:focus-visible,
.eldorado__card:hover .eldorado__link {
color: var(--eld-gold);
}
.eldorado__link--spaced {
margin-top: 2rem;
}
.eldorado__stats {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 2rem;
margin-top: 3rem;
}
.eldorado__stat {
border-top: 1px solid rgba(201, 174, 93, 0.55);
padding-top: 1.25rem;
}
.eldorado__stat-num {
margin: 0 0 0.75rem;
font-family: var(--eld-font-display);
font-weight: 500;
font-size: clamp(2.2rem, 4.6vw, 4.5rem);
line-height: 1;
letter-spacing: 0.04em;
color: var(--eld-cream);
}
.eldorado__stat-label {
margin: 0;
font-family: var(--eld-font-body);
font-size: 0.875rem;
line-height: 1.55;
color: var(--eld-ivory);
}
.eldorado__stat-link {
display: inline-block;
margin-top: 0.25rem;
font-family: var(--eld-font-body);
font-size: 0.875rem;
line-height: 1.55;
color: var(--eld-gold);
text-decoration: none;
}
.eldorado__stat-link:hover,
.eldorado__stat-link:focus-visible {
color: var(--eld-cream);
}
.eldorado__split {
display: grid;
grid-template-columns: 1.05fr 0.95fr;
gap: 4rem;
align-items: center;
}
.eldorado__split--media-first {
grid-template-columns: 0.95fr 1.05fr;
}
.eldorado__copy {
display: flex;
flex-direction: column;
gap: 1.25rem;
}
.eldorado__copy .eldorado__overline {
margin: 0;
}
.eldorado__frame {
position: relative;
overflow: hidden;
border-radius: 0.125rem;
border: 1px solid rgba(201, 174, 93, 0.24);
background:
radial-gradient(120% 90% at 30% 15%, rgba(201, 174, 93, 0.14) 0%, rgba(201, 174, 93, 0) 45%),
linear-gradient(150deg, #22392C 0%, #16241F 60%, #1A1C1A 100%);
}
.eldorado__frame--split {
height: min(50vh, 460px);
}
.eldorado__frame--card {
height: min(30vh, 300px);
}
.eldorado__frame--tall {
height: min(32vh, 320px);
}
.eldorado__frame picture,
.eldorado__frame img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.eldorado__frame::after {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background: rgba(26, 31, 54, 0.45);
transition: background 440ms;
}
.eldorado__card:hover .eldorado__frame::after {
background: rgba(26, 31, 54, 0.25);
}
.eldorado__cards {
display: grid;
gap: 2rem;
margin-top: 2.5rem;
}
.eldorado__cards--3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.eldorado__cards--4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 1.5rem;
}
.eldorado__card {
display: flex;
flex-direction: column;
gap: 1rem;
color: inherit;
text-decoration: none;
}
.eldorado__card-client {
margin: 0 0 0.5rem;
font-family: var(--eld-font-display);
font-weight: 500;
font-size: 0.75rem;
line-height: 1.5;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--eld-gold);
}
.eldorado__card-h {
margin: 0 0 0.75rem;
font-family: var(--eld-font-display);
font-weight: 500;
font-size: 1.125rem;
line-height: 1.6;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--eld-cream);
text-wrap: pretty;
}
.eldorado__card-h--city {
margin-bottom: 0.5rem;
font-size: 1.375rem;
line-height: 1.45;
}
.eldorado__card-p {
margin: 0 0 0.75rem;
font-family: var(--eld-font-body);
font-size: 0.875rem;
line-height: 1.55;
color: var(--eld-ivory);
}
.nav {
transition: background var(--transition-base), padding var(--transition-base), box-shadow var(--transition-base), transform 0.6s cubic-bezier(0.2, 0, 0, 1);
}
.nav.nav--eldorado-hidden {
transform: translateY(-105%);
}
.eldorado__proof {
margin-top: 0.75rem;
padding-left: 0.75rem;
border-left: 1px solid rgba(201, 174, 93, 0.55);
font-size: 0.9375rem;
color: var(--eld-cream);
}
.eldorado__spec {
display: grid;
grid-template-columns: max-content minmax(0, 1fr);
gap: 0.35rem 1rem;
margin: 1rem 0 0;
font-family: var(--eld-font-body);
font-size: 0.75rem;
line-height: 1.5;
}
.eldorado__spec-row {
display: contents;
}
.eldorado__spec dt {
font-family: var(--eld-font-display);
font-weight: 500;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--eld-gold);
}
.eldorado__spec dd {
margin: 0;
color: var(--eld-ivory);
}
.eldorado__tags {
flex-wrap: wrap;
}
.eldorado__steps {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 2rem;
margin: 2.5rem 0 0;
padding: 0;
list-style: none;
}
.eldorado__step {
border-top: 1px solid rgba(201, 174, 93, 0.55);
padding-top: 1.25rem;
}
.eldorado__step-num {
display: block;
margin-bottom: 0.75rem;
font-family: var(--eld-font-display);
font-weight: 500;
font-size: 0.875rem;
letter-spacing: 0.12em;
color: var(--eld-gold);
}
.eldorado__step-h {
margin: 0 0 0.5rem;
font-family: var(--eld-font-display);
font-weight: 500;
font-size: 1.125rem;
line-height: 1.4;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--eld-cream);
}
.eldorado__clients {
margin: 2rem 0 0;
font-family: var(--eld-font-display);
font-weight: 500;
font-size: 0.75rem;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--eld-ivory);
}
.eldorado__intro {
margin: 1rem 0 0;
max-width: 40rem;
}
.eldorado-after {
--eld-font-display: "Futura Std", Futura, "Jost", "Century Gothic", "Twentieth Century", system-ui, sans-serif;
--eld-font-body: "Lato", system-ui, -apple-system, "Segoe UI", sans-serif;
--eld-base: #16241F;
--eld-cream: #F5F3EE;
--eld-ivory: #E8E0D0;
--eld-gold: #C9AE5D;
background: var(--eld-base);
color: var(--eld-ivory);
}
.eldorado-after .eldorado__overline {
justify-content: center;
}
.eldorado-after .eldorado__panel-h {
text-align: center;
}
.eldorado-after .eldorado__intro {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.eldorado-faq {
padding: 0;
}
.eldorado-faq .eldorado__faq-sticky {
position: sticky;
top: 0;
min-height: 100svh;
display: flex;
flex-direction: column;
justify-content: center;
box-sizing: border-box;
padding-block: calc(clamp(2rem, 4vh, 3rem) + 80px) clamp(2.5rem, 6vh, 4rem);
}
.eldorado-faq--hold::after {
content: "";
display: block;
height: 100svh;
}
.eldorado-faq--hold.eldorado-faq--open::after {
height: 0;
}
.eldorado-faq .faq__list {
max-width: 52rem;
margin-top: 2rem;
}
.eldorado-faq .faq__item {
border-bottom-color: rgba(201, 174, 93, 0.25);
}
.eldorado-faq .faq__question {
font-family: var(--eld-font-body);
font-size: 1.0625rem;
color: var(--eld-cream);
}
.eldorado-faq .faq__question:hover,
.eldorado-faq .faq__question:focus-visible {
color: var(--eld-gold);
}
.eldorado-faq .faq__answer p {
font-family: var(--eld-font-body);
color: var(--eld-ivory);
}
.eldorado-faq .faq__answer--open {
max-height: 240rem;
}
.eldorado-faq .faq__item::before {
display: none;
}
.eldorado-faq .faq__question {
padding: 1.25rem 2.5rem 1.25rem 0;
line-height: 1.45;
-webkit-tap-highlight-color: transparent;
}
.eldorado-faq .faq__question:focus-visible {
outline: none;
text-decoration: underline;
text-decoration-color: rgba(201, 174, 93, 0.6);
text-underline-offset: 0.3em;
}
.eldorado-faq .faq__question--active,
.eldorado-faq .faq__question[aria-expanded="true"] {
color: var(--eld-gold);
}
.eldorado-faq .faq__question::after {
font-size: 1.125rem;
font-weight: 300;
color: rgba(201, 174, 93, 0.8);
}
.eldorado-faq .faq__question[aria-expanded="true"]::after {
content: '\2212';
color: var(--eld-gold);
}
.eldorado-faq .faq__answer p {
padding-bottom: 1.5rem;
font-size: 0.9375rem;
line-height: 1.7;
}
.eldorado__table {
width: 100%;
margin: 0 0 1.5rem;
border-collapse: collapse;
font-family: var(--eld-font-body);
font-size: 0.875rem;
line-height: 1.5;
color: var(--eld-ivory);
}
.eldorado__table caption {
padding: 0 0 0.5rem;
text-align: left;
font-family: var(--eld-font-display);
font-weight: 500;
font-size: 0.75rem;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--eld-gold);
}
.eldorado__table th {
padding: 0.5rem 0.75rem 0.5rem 0;
border-bottom: 1px solid rgba(201, 174, 93, 0.55);
text-align: left;
font-weight: 500;
font-size: 0.75rem;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--eld-cream);
}
.eldorado__table td {
padding: 0.6rem 0.75rem 0.6rem 0;
border-bottom: 1px solid rgba(201, 174, 93, 0.18);
vertical-align: top;
}
.eldorado__table th:last-child,
.eldorado__table td:last-child {
text-align: right;
white-space: nowrap;
padding-right: 0;
}
.eldorado__faq-note {
font-size: 0.8125rem;
opacity: 0.8;
}
main#main-content > section.eldorado-cta {
min-height: auto;
padding-block: clamp(4rem, 10vh, 7rem);
scroll-snap-align: none;
text-align: center;
}
.eldorado-cta .eldorado__panel-h--xl {
margin-left: auto;
margin-right: auto;
}
.eldorado__cta-actions {
margin-top: 2rem;
}
.eldorado__reassure {
max-width: 52rem;
margin: 1.25rem auto 0;
text-align: center;
font-size: 0.875rem;
opacity: 0.85;
}
.eldorado__panel--process {
--drop: 0;
--thread: 0;
--drop-h: 0px;
--drop-end: 0px;
justify-content: flex-end;
}
.eldorado__panel--process > .eldorado__overline {
position: absolute;
top: 0;
left: 0;
}
.eldorado__panel--process > .eldorado__panel-h {
position: absolute;
top: 2.25rem;
left: 0;
max-width: 32rem;
}
.eldorado__thread-drop {
position: absolute;
left: 50%;
top: calc(var(--drop-end) - var(--drop-h));
width: 1px;
height: var(--drop-h);
background: linear-gradient(180deg, rgba(201, 174, 93, 0), #C9AE5D);
transform-origin: top;
transform: scaleY(var(--drop));
pointer-events: none;
}
.eldorado__thread {
position: relative;
width: 100%;
aspect-ratio: 1240 / 150;
pointer-events: none;
}
.eldorado__thread-svg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
overflow: visible;
}
.eldorado__thread-track {
fill: none;
stroke: rgba(201, 174, 93, 0.18);
stroke-width: 1;
}
.eldorado__thread-draw {
fill: none;
stroke: #C9AE5D;
stroke-width: 1.2;
stroke-linecap: round;
stroke-dasharray: 1;
stroke-dashoffset: calc(1 - var(--thread));
}
.eldorado__thread-glow {
fill: none;
stroke: #F1E3B0;
stroke-width: 2;
stroke-linecap: round;
stroke-dasharray: 0.06 1;
stroke-dashoffset: calc(0.06 - var(--thread));
opacity: calc(10 - var(--thread) * 10);
filter: drop-shadow(0 0 6px rgba(241, 227, 176, 0.9));
}
.eldorado__thread-head {
fill: #F1E3B0;
opacity: 0;
filter: drop-shadow(0 0 8px rgba(241, 227, 176, 0.95));
}
.eldorado__thread-station {
--lit: 0;
--flare: 0;
fill: rgba(201, 174, 93, var(--lit));
stroke: rgba(201, 174, 93, 0.6);
stroke-width: 1;
r: calc(5px + var(--flare) * 2.5px);
filter: drop-shadow(0 0 calc(var(--flare) * 10px) rgba(241, 227, 176, 0.9));
}
.eldorado__panel--process .eldorado__steps {
margin-top: 1.125rem;
}
.eldorado__panel--process .eldorado__step {
--lit: 0;
position: relative;
display: flex;
flex-direction: column;
align-items: center;
gap: 0.5rem;
padding: 0 0.75rem;
border-top: 0;
text-align: center;
opacity: calc(0.3 + var(--lit) * 0.7);
transform: translateY(calc((1 - var(--lit)) * 10px));
transition: opacity 160ms linear, transform 160ms linear;
}
.eldorado__panel--process .eldorado__step::before {
content: attr(data-n);
position: absolute;
left: 50%;
top: -10.5rem;
transform: translateX(-50%);
font-family: var(--eld-font-display);
font-weight: 500;
font-size: 7rem;
line-height: 1;
color: rgba(245, 243, 238, 0.06);
pointer-events: none;
}
.eldorado__panel--process .eldorado__step-num {
margin: 0;
}
.eldorado__panel--process .eldorado__step-h {
margin: 0;
}
.eldorado__halo {
position: absolute;
left: 50%;
top: var(--halo-y, 18vh);
z-index: 1;
width: 420px;
height: 420px;
border-radius: 50%;
transform: translate(-50%, -50%);
background: radial-gradient(circle, rgba(228, 207, 138, 0.34) 0%, rgba(201, 174, 93, 0.16) 28%, rgba(201, 174, 93, 0) 62%);
opacity: var(--halo, 0);
pointer-events: none;
}
.eldorado__spark {
position: absolute;
z-index: 4;
left: var(--spark-x, -100px);
top: var(--spark-y, -100px);
width: 7px;
height: 7px;
margin: -3.5px 0 0 -3.5px;
border-radius: 50%;
background: #F1E3B0;
box-shadow: 0 0 14px 4px rgba(241, 227, 176, 0.85);
opacity: var(--spark-op, 0);
pointer-events: none;
}
.eldorado__spark-trail {
position: absolute;
inset: 0;
z-index: 4;
pointer-events: none;
}
.eldorado__spark-trail i {
position: absolute;
width: 2px;
height: 2px;
margin: -1px 0 0 -1px;
border-radius: 50%;
background: #E4CF8A;
box-shadow: 0 0 3px rgba(241, 227, 176, 0.9);
opacity: 0;
transform: scale(var(--g, 1));
}
.eldorado__panel--proof {
--sun: 0;
--rays: 0;
--rise: 0;
--rise-fade: 0;
--rise-dyu: 0;
--home: 1;
--sun-op: 0;
--raft-op: 0;
--raft-draw: 0;
--sail: 0;
--bob: 0;
--dock: 0;
--water: 0;
--spark: 0;
justify-content: flex-end;
}
.eldorado__panel--proof > .eldorado__overline {
position: absolute;
top: 0;
left: 0;
}
.eldorado__panel--proof > .eldorado__panel-h {
position: absolute;
top: 2.25rem;
left: 0;
max-width: 30rem;
}
.eldorado__sun {
position: relative;
width: 100%;
aspect-ratio: 1240 / 330;
pointer-events: none;
}
.eldorado__sun-svg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
overflow: visible;
}
.eldorado__sun-sparkle {
fill: #F1E3B0;
opacity: var(--spark, 0);
filter: drop-shadow(0 0 calc(4px + var(--spark, 0) * 14px) rgba(241, 227, 176, 0.95));
}
.eldorado__sun-water {
stroke: rgba(201, 174, 93, 0.22);
stroke-width: 1;
stroke-dasharray: 1;
stroke-dashoffset: calc(1 - var(--water, 0));
opacity: calc(1 - var(--fuse, 0));
}
.eldorado__sun-body,
.eldorado__sun-raft-g {
transform-box: view-box;
transform-origin: 620px 300px;
}
.eldorado__sun-body {
transform: translateY(calc(var(--rise-dyu, 0) * 1px * var(--home, 1))) scale(calc(1 - (1 - var(--rise-k, 0.2)) * var(--home, 1)));
opacity: var(--sun-op, 0);
}
.eldorado__sun-raft-g {
transform: translateY(calc(var(--rise-dyu, 0) * 1px * var(--rise, 0))) scale(calc(1 - (1 - var(--rise-k, 0.2)) * var(--rise, 0))) translate(calc((1 - var(--sail, 0)) * -822px), calc(var(--bob, 0) * 1px));
opacity: var(--raft-op, 0);
}
.eldorado__sun-disc {
fill: rgba(201, 174, 93, calc(var(--fill, 0) * 0.14 * (1 - var(--fuse, 0))));
stroke: rgba(201, 174, 93, calc(1 - var(--fuse, 0)));
stroke-width: 1.2;
stroke-linecap: round;
vector-effect: non-scaling-stroke;
}
.eldorado__sun-mark {
fill: #C9AE5D;
opacity: var(--fuse, 0);
filter: drop-shadow(0 0 calc(var(--flash, 0) * 26px) rgba(241, 227, 176, calc(var(--flash, 0) * 0.95)));
}
.eldorado__sun-pulse {
fill: none;
stroke: #F1E3B0;
stroke-width: 1.5;
stroke-linecap: round;
vector-effect: non-scaling-stroke;
transform-box: view-box;
transform-origin: 620px 300px;
transform: scale(calc(1 + var(--pulse, 0) * 0.9));
opacity: calc((1 - var(--pulse, 0)) * clamp(0, var(--pulse, 0) * 8, 1) * 0.85);
}
.eldorado__sun-raft {
fill: rgba(22, 36, 31, calc(var(--raft-draw, 0) * 0.75));
stroke: rgba(201, 174, 93, 0.9);
stroke-width: 1;
stroke-linejoin: round;
stroke-dasharray: 1;
stroke-dashoffset: calc(1 - var(--raft-draw, 0));
opacity: calc(1 - var(--fuse, 0));
filter: drop-shadow(0 0 calc((1 - var(--dock, 0)) * 5px) rgba(241, 227, 176, 0.55));
}
.eldorado__sun-ray {
--on: clamp(0, calc(var(--rays) * 13 - var(--i)), 1);
fill: rgba(201, 174, 93, calc(var(--on) * (0.85 + 0.15 * var(--fuse, 0))));
stroke: rgba(201, 174, 93, 0.8);
stroke-width: 1;
stroke-linejoin: round;
stroke-dasharray: 1;
stroke-dashoffset: calc(1 - var(--on));
}
.eldorado__panel--proof .eldorado__stats {
margin-top: 1rem;
}
.eldorado__panel--proof .eldorado__stat {
--lit: 0;
text-align: center;
opacity: calc(0.15 + var(--lit) * 0.85);
transform: translateY(calc((1 - var(--lit)) * 8px));
}
.eldorado__odo {
display: inline-flex;
height: 1em;
overflow: hidden;
line-height: 1;
vertical-align: bottom;
}
.eldorado__odo-col {
display: flex;
flex-direction: column;
height: 1em;
transform: translateY(calc(var(--d) * -1em * var(--lit, 1)));
}
.eldorado__odo-col > span,
.eldorado__odo-sym {
display: block;
height: 1em;
}
.eldorado__panel--proof .eldorado__clients {
--lit: 0;
text-align: center;
opacity: var(--lit);
}
.eldorado__lake {
position: absolute;
inset: 0;
z-index: 2;
opacity: var(--lake, 0);
pointer-events: none;
}
.eldorado__mound {
position: absolute;
bottom: -18px;
width: 250px;
height: 48px;
margin-left: -125px;
border-radius: 50%;
transform-origin: 50% 100%;
transform: scaleY(var(--m, 0));
background: radial-gradient(closest-side, rgba(228, 207, 138, 0.62), rgba(201, 174, 93, 0.28) 50%, rgba(201, 174, 93, 0) 100%);
}
.eldorado__under {
position: absolute;
width: 300px;
height: 260px;
margin: -130px 0 0 -150px;
border-radius: 50%;
background: radial-gradient(closest-side, rgba(228, 207, 138, 0.22), rgba(201, 174, 93, 0.08) 50%, rgba(201, 174, 93, 0) 100%);
opacity: var(--u, 0);
}
.eldorado__offerings {
position: absolute;
inset: 0;
z-index: 4;
opacity: var(--dust, 0);
pointer-events: none;
}
.eldorado__offerings i {
position: absolute;
width: 2px;
height: 2px;
margin: -1px 0 0 -1px;
border-radius: 50%;
background: #E4CF8A;
box-shadow: 0 0 3px rgba(241, 227, 176, 0.9);
opacity: 0;
transform: scale(var(--g, 1));
}
.eldorado.is-scripted .eldorado__cards--4 .eldorado__card {
--draw: 0;
--set: 0;
--photo: 0;
--copy: 0;
}
.eldorado__cards--4 .eldorado__frame img {
opacity: var(--photo, 1);
}
.eldorado__scrim {
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(to top, rgba(22, 36, 31, 0.9) 0%, rgba(22, 36, 31, 0.55) 32%, rgba(22, 36, 31, 0) 60%);
opacity: var(--photo, 1);
pointer-events: none;
}
.eldorado__render {
position: absolute;
left: 0;
right: 0;
bottom: 5.5%;
z-index: 1;
width: 100%;
height: 38%;
overflow: visible;
pointer-events: none;
filter: drop-shadow(0 0 calc((1 - var(--set, 1)) * 3px) rgba(241, 227, 176, calc((1 - var(--set, 1)) * 0.8)));
}
.eldorado__render path {
--on: clamp(0, calc(var(--draw, 1) * (1 + var(--n) * 0.3) - var(--k) * 0.3), 1);
fill: none;
stroke: #C9AE5D;
stroke: color-mix(in srgb, #F1E3B0 calc((1 - var(--set, 1)) * 100%), #C9AE5D);
stroke-width: 1.3;
stroke-linecap: round;
stroke-linejoin: round;
vector-effect: non-scaling-stroke;
stroke-dasharray: 1;
stroke-dashoffset: calc(1 - var(--on));
}
.eldorado__cards--4 .eldorado__card > div:last-child {
opacity: var(--copy, 1);
transform: translateY(calc((1 - var(--copy, 1)) * 8px));
}
.eldorado.is-scripted [data-eldorado-panel="3"] {
--draw: 0;
--set: 0;
--photo: 0;
--copy: 0;
}
[data-eldorado-panel="3"] .eldorado__frame--split img {
opacity: var(--photo, 1);
}
.eldorado__boat {
position: absolute;
inset: 0;
z-index: 1;
width: 100%;
height: 100%;
pointer-events: none;
filter: drop-shadow(0 0 calc((1 - var(--set, 1)) * 4px) rgba(241, 227, 176, calc((1 - var(--set, 1)) * 0.8)));
}
.eldorado__boat path {
--on: clamp(0, calc(var(--draw, 1) * (1 + var(--n) * 0.2) - var(--k) * 0.2), 1);
fill: none;
stroke: #C9AE5D;
stroke: color-mix(in srgb, #F1E3B0 calc((1 - var(--set, 1)) * 100%), #C9AE5D);
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
vector-effect: non-scaling-stroke;
stroke-dasharray: 1;
stroke-dashoffset: calc(1 - var(--on));
}
[data-eldorado-panel="3"] .eldorado__copy {
opacity: var(--copy, 1);
transform: translateY(calc((1 - var(--copy, 1)) * 8px));
}
.eldorado__land {
position: absolute;
inset: 0;
pointer-events: none;
}
.eldorado__fig {
position: absolute;
height: auto;
overflow: visible;
filter: drop-shadow(0 0 calc((1 - var(--set, 1)) * 3px) rgba(241, 227, 176, calc((1 - var(--set, 1)) * 0.8)));
}
.eldorado.is-scripted .eldorado__fig {
--draw: 0;
--set: 0;
}
.eldorado__fig path {
--on: clamp(0, calc(var(--draw, 1) * (1 + var(--n) * 0.4) - var(--k) * 0.4), 1);
fill: none;
stroke: #C9AE5D;
stroke: color-mix(in srgb, #F1E3B0 calc((1 - var(--set, 1)) * 100%), #C9AE5D);
stroke-width: 1.3;
stroke-linecap: round;
stroke-linejoin: round;
vector-effect: non-scaling-stroke;
stroke-dasharray: 1;
stroke-dashoffset: calc(1 - var(--on));
}
.eldorado__fig path.sil {
fill: rgba(201, 174, 93, calc(var(--set, 1) * 0.13));
}
.eldorado__fig--hummingbird {
left: 4.84%;
top: 0.94%;
width: 14.18%;
}
.eldorado__fig--condor {
left: 78.23%;
top: 3.13%;
width: 22.40%;
}
.eldorado__fig--jaguar {
left: 0.00%;
top: 27.54%;
width: 19.87%;
}
.eldorado__fig--toucan {
left: 87.10%;
top: 26.29%;
width: 11.56%;
}
.eldorado__fig--dolphin {
left: 0.81%;
top: 58.84%;
width: 19.87%;
}
.eldorado__fig--tunjo {
left: 89.11%;
top: 53.83%;
width: 5.81%;
}
.eldorado__fig--frailejon {
left: 23.23%;
top: 82.32%;
width: 7.26%;
}
.eldorado__fig--poporo {
left: 70.81%;
top: 83.26%;
width: 6.45%;
}
.eldorado__water {
position: relative;
width: min(640px, 100%);
height: 120px;
margin: 1.5rem auto 1.25rem;
overflow: hidden;
pointer-events: none;
}
.eldorado__water svg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
overflow: visible;
}
.eldorado__water-line {
stroke: rgba(201, 174, 93, 0.32);
stroke-width: 1;
stroke-dasharray: 1;
stroke-dashoffset: 0;
}
.eldorado__water-raft {
transform-box: view-box;
transform-origin: 620px 300px;
}
.eldorado__water-raft use {
fill: rgba(201, 174, 93, 0.14);
stroke: #C9AE5D;
stroke-width: 1.6;
stroke-linejoin: round;
vector-effect: non-scaling-stroke;
}
.eldorado__water-dust i {
position: absolute;
width: 2px;
height: 2px;
margin: -1px 0 0 -1px;
border-radius: 50%;
background: #E4CF8A;
box-shadow: 0 0 3px rgba(241, 227, 176, 0.9);
opacity: 0;
}
main#main-content > section.eldorado-cta.eldorado-cta--scrub {
min-height: 360svh;
display: block;
padding-block: 0;
overflow: visible;
}
.eldorado-cta--scrub .eldorado__cta-sticky {
position: sticky;
top: 0;
min-height: 100svh;
display: flex;
flex-direction: column;
justify-content: center;
padding-block: calc(clamp(2rem, 4vh, 3rem) + 56px) clamp(2rem, 4vh, 3rem);
box-sizing: border-box;
}
.eldorado-cta--scrub .eldorado__water-line {
stroke-dashoffset: calc(1 - var(--wline, 1));
}
.eldorado-cta--scrub .eldorado__water-raft {
transform: translate(calc((1 - var(--sail, 1)) * -900px), calc(var(--bob, 0) * 1px));
opacity: clamp(0, calc(var(--sail, 1) * 12), 1);
}
.eldorado-cta--scrub .eldorado__water-raft use {
fill: rgba(201, 174, 93, calc(var(--settle, 1) * 0.14));
stroke: color-mix(in srgb, #F1E3B0 calc((1 - var(--settle, 1)) * 100%), #C9AE5D);
filter: drop-shadow(0 0 calc((1 - var(--settle, 1)) * 5px) rgba(241, 227, 176, calc((1 - var(--settle, 1)) * 0.6)));
}
.eldorado-cta--scrub .eldorado__cta-actions,
.eldorado-cta--scrub .eldorado__reassure {
opacity: var(--cta, 1);
transform: translateY(calc((1 - var(--cta, 1)) * 8px));
}
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.eldorado__panel {
top: 19svh;
bottom: 4svh;
justify-content: flex-start;
}
.eldorado__panel-h {
font-size: 1.75rem;
line-height: 1.3;
}
.eldorado__panel-h--xl {
font-size: 1.75rem;
line-height: 1.3;
}
.eldorado__card-h,
.eldorado__card-h--city {
margin-bottom: 0.5rem;
font-size: 1rem;
line-height: 1.65;
}
.eldorado__p--lead,
.eldorado__card-p,
.eldorado__quote {
font-size: 0.875rem;
line-height: 1.55;
}
.eldorado__p--measure {
margin-top: 1rem;
}
.eldorado__stat-num {
font-size: 2.25rem;
line-height: 1.2;
}
.eldorado__stats {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.25rem;
margin-top: 1.5rem;
}
.eldorado__cards--3 {
grid-template-columns: 1fr;
gap: 1rem;
margin-top: 1.25rem;
}
.eldorado__cards--3 .eldorado__card {
display: grid;
grid-template-columns: 96px 1fr;
gap: 1rem;
align-items: center;
}
.eldorado__cards--3 .eldorado__frame {
height: 96px;
}
.eldorado__cards--3 .eldorado__link {
display: none;
}
.eldorado__cards--4 {
gap: 1.25rem;
margin-top: 1.5rem;
}
.eldorado__cards--4 .eldorado__frame {
height: 11svh;
}
.eldorado__split {
grid-template-columns: 1fr;
gap: 1.25rem;
}
.eldorado__split .eldorado__frame {
display: none;
}
.eldorado__p--optional {
display: none;
}
.eldorado__link--spaced {
margin-top: 1.25rem;
}
.eldorado__steps {
grid-template-columns: 1fr;
gap: 0;
margin-top: 0.25rem;
}
.eldorado__step {
display: grid;
grid-template-columns: 28px minmax(0, 1fr);
grid-template-rows: auto auto;
gap: 0 0.75rem;
width: 100%;
min-width: 0;
padding: 0.75rem 0;
border-top-color: rgba(201, 174, 93, 0.25);
}
.eldorado__step-num {
grid-column: 1;
grid-row: 1 / span 2;
margin: 0;
font-size: 0.75rem;
line-height: 1.6;
}
.eldorado__step-h {
grid-column: 2;
grid-row: 1;
margin: 0 0 0.25rem;
font-size: 0.9375rem;
line-height: 1.3;
}
.eldorado__step .eldorado__p {
grid-column: 2;
grid-row: 2;
}
.eldorado__step .eldorado__p {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
margin: 0;
font-size: 0.8125rem;
line-height: 1.5;
}
.eldorado__cards--4 .eldorado__card {
gap: 0.5rem;
}
.eldorado__card-h--city {
margin: 0.25rem 0 0;
line-height: 1.4;
}
.eldorado__cards--4 .eldorado__card-p {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
margin: 0;
font-size: 0.8125rem;
line-height: 1.5;
}
.eldorado__link--explore {
font-size: 0.6875rem;
}
.eldorado__split--media-first .eldorado__frame {
display: block;
height: min(34svh, 300px);
flex: 0 0 auto;
}
.eldorado__panel--center {
justify-content: center;
}
.eldorado__link {
min-height: 44px;
padding-top: 0.75rem;
box-sizing: border-box;
}
.eldorado-faq .faq__question {
font-size: 1rem;
padding-right: 2rem;
}
main#main-content > section.eldorado-cta:not(.eldorado-cta--scrub) {
min-height: 100svh;
display: flex;
flex-direction: column;
justify-content: center;
}
.eldorado-cta .btn-gold {
display: flex;
width: 100%;
min-height: 56px;
}
.eldorado__panel--process {
justify-content: flex-start;
}
.eldorado__panel--process > .eldorado__overline,
.eldorado__panel--process > .eldorado__panel-h {
position: static;
max-width: none;
}
.eldorado__thread {
display: none;
}
.eldorado__panel--process .eldorado__steps {
position: relative;
margin-top: 0.25rem;
}
.eldorado__panel--process .eldorado__steps::before,
.eldorado__panel--process .eldorado__steps::after {
content: "";
position: absolute;
left: 13px;
top: 0;
bottom: 0;
width: 1px;
background: rgba(201, 174, 93, 0.18);
}
.eldorado__panel--process .eldorado__steps::after {
background: #C9AE5D;
transform-origin: top;
transform: scaleY(var(--thread));
}
.eldorado__panel--process .eldorado__step {
display: grid;
grid-template-columns: 28px minmax(0, 1fr);
grid-template-rows: auto auto auto;
align-items: start;
gap: 0 0.75rem;
padding: 0.75rem 0;
text-align: left;
transform: translateY(calc((1 - var(--lit)) * 6px));
}
.eldorado__panel--process .eldorado__step::before {
content: "";
left: 9px;
top: 15px;
width: 9px;
height: 9px;
border-radius: 50%;
border: 1px solid rgba(201, 174, 93, 0.6);
background: rgba(201, 174, 93, var(--lit));
box-shadow: 0 0 calc(var(--flare, 0) * 10px) rgba(241, 227, 176, 0.9);
box-sizing: border-box;
font-size: 0;
transform: none;
}
.eldorado__panel--process .eldorado__step-num {
grid-column: 2;
grid-row: 1;
margin: 0 0 0.25rem;
}
.eldorado__panel--process .eldorado__step-h {
grid-column: 2;
grid-row: 2;
}
.eldorado__panel--process .eldorado__step .eldorado__p {
grid-column: 2;
grid-row: 3;
}
.eldorado__panel--proof {
justify-content: flex-start;
}
.eldorado__panel--proof > .eldorado__overline,
.eldorado__panel--proof > .eldorado__panel-h {
position: static;
max-width: none;
}
.eldorado__halo {
width: 260px;
height: 260px;
}
.eldorado__panel--proof .eldorado__stats {
margin-top: 0.5rem;
}
.eldorado__panel--proof .eldorado__stat {
text-align: left;
}
.eldorado__panel--proof .eldorado__clients {
text-align: left;
}
.eldorado__clients {
margin-top: 1.25rem;
font-size: 0.65rem;
}
.eldorado__table {
font-size: 0.8125rem;
}
.eldorado__mound {
width: 160px;
height: 34px;
margin-left: -80px;
bottom: -12px;
}
.eldorado__under {
width: 200px;
height: 150px;
margin: -75px 0 0 -100px;
}
.eldorado__fig {
display: none;
}
.eldorado__fig--condor {
display: block;
left: 19%;
top: 5%;
width: 62%;
}
.eldorado__fig--jaguar {
display: block;
left: 20%;
top: auto;
bottom: 0;
width: 60%;
}
.eldorado__water {
height: 84px;
margin: 1rem auto 0.75rem;
}
}
@media (max-width: 820px) and (max-height: 740px), (max-aspect-ratio: 23/20) and (max-height: 740px) {
.eldorado__panel-h {
font-size: 1.5rem;
}
.eldorado__step {
padding: 0.625rem 0;
}
.eldorado__step-h {
font-size: 0.875rem;
}
.eldorado__step .eldorado__p {
font-size: 0.75rem;
}
.eldorado__cards--4 {
gap: 1rem;
}
.eldorado__cards--4 .eldorado__card-p {
-webkit-line-clamp: 2;
font-size: 0.75rem;
}
.eldorado__card-h--city {
font-size: 0.9375rem;
}
.eldorado__intro {
font-size: 0.8125rem;
}
}
.nav.nav--over-eldorado,
.nav--scrolled.nav--over-eldorado {
background: linear-gradient(180deg, rgba(20, 28, 24, 0.7), rgba(20, 28, 24, 0));
backdrop-filter: none;
-webkit-backdrop-filter: none;
padding: 0.85rem 0;
box-shadow: 0 1px 0 rgba(201, 174, 93, 0.12);
}
.nav__logo img {
transition: opacity var(--transition-base), transform var(--transition-base), width var(--transition-base);
}
.nav--over-eldorado .nav__logo img {
width: 44px;
}
.nav.nav--after-eldorado,
.nav--scrolled.nav--after-eldorado {
background: rgba(22, 36, 31, 0.94);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
padding: 0.85rem 0;
box-shadow: 0 1px 0 rgba(201, 174, 93, 0.15);
}
.nav--after-eldorado .nav__logo img {
width: 44px;
}
@media (max-width: 768px) {
.nav--over-eldorado .nav__logo img,
.nav--after-eldorado .nav__logo img {
width: 36px;
}
}
@media (prefers-reduced-motion: reduce) {
.eldorado__grain,
.eldorado__hint-line {
animation: none;
}
.eldorado__chapter,
.eldorado__stage {
transition: none;
}
}
.footer.footer--ledger {
padding: 0 0 clamp(1.5rem, 3vw, 2rem);
}
.footer--ledger::before {
display: none;
}
.footer--ledger .footer__band {
display: flex;
align-items: center;
justify-content: space-between;
gap: 2rem;
padding: clamp(1.75rem, 3vw, 2.5rem) 0 clamp(1.5rem, 2.5vw, 2rem);
border-bottom: 1px solid var(--hair-gold-faint);
}
.footer--ledger .footer__logo-link {
display: block;
}
.footer--ledger .footer__logo {
filter: none;
display: block;
width: 112px;
height: 112px;
margin: -10px 0;
}
.footer--ledger .footer__proposal {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 0.6rem;
text-align: right;
}
.footer--ledger .footer__proposal-line {
margin: 0;
font-family: var(--font-heading);
font-style: italic;
font-weight: 400;
font-size: clamp(1.25rem, 1.7vw, 1.5rem);
line-height: 1.25;
color: var(--mu-cream);
}
.footer--ledger .footer__proposal-link {
display: inline-flex;
align-items: center;
gap: 0.6rem;
padding: 0.3rem 0;
font-family: var(--font-body);
font-size: 0.75rem;
font-weight: 600;
line-height: 1;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--mu-gold);
transition: color var(--transition-base);
}
.footer--ledger .footer__proposal-link svg {
display: block;
width: 20px;
height: 12px;
transition: transform var(--transition-base);
}
.footer--ledger .footer__proposal-link:hover,
.footer--ledger .footer__proposal-link:focus-visible {
color: var(--mu-cream);
}
.footer--ledger .footer__proposal-link:hover svg {
transform: translateX(4px);
}
.footer--ledger .footer__ledger {
display: grid;
grid-template-columns: 1.4fr 1fr 1fr 1.15fr;
column-gap: 2rem;
margin: 0;
border-bottom: 1px solid var(--hair-gold-faint);
}
.footer--ledger .footer__col {
padding: 1.9rem 2rem 2.1rem 0;
border-right: 1px solid var(--hair-gold-faint);
}
.footer--ledger .footer__col:last-child {
padding-right: 0;
border-right: 0;
}
.footer--ledger .footer__tagline {
margin: 0 0 1.1rem;
max-width: 300px;
font-family: var(--font-heading);
font-style: italic;
font-size: 1.0625rem;
line-height: 1.5;
color: rgba(245, 243, 238, 0.85);
}
.footer--ledger .footer__contact {
display: flex;
flex-direction: column;
gap: 0.1rem;
}
.footer--ledger .footer__contact a,
.footer--ledger .footer__contact p {
margin: 0;
font-size: 0.875rem;
line-height: 1.5;
color: var(--text-on-dark-secondary);
}
.footer--ledger .footer__contact p {
padding: 0.3rem 0;
color: rgba(245, 243, 238, 0.7);
}
.footer--ledger .footer__heading {
margin: 0 0 0.75rem;
}
.footer--ledger .footer__nav a {
margin: 0;
}
.footer--ledger .footer__social {
flex-direction: column;
gap: 0.1rem;
}
.footer--ledger .footer__social a {
display: block;
font-size: 0.875rem;
font-weight: 400;
letter-spacing: 0;
color: var(--text-on-dark-secondary);
}
.footer--ledger .footer__social a:hover {
color: var(--mu-cream);
}
.footer--ledger .footer__locale-switcher {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.75rem;
margin-top: 1.6rem;
}
.footer--ledger .footer__locale-label {
font-size: 0.6875rem;
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--mu-gold);
}
.footer--ledger .footer__locale-list {
justify-content: flex-start;
}
.footer--ledger .footer__legal {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2.5rem;
align-items: start;
max-width: none;
padding: 1.4rem 0 0;
border-top: 0;
}
.footer--ledger .footer__legal-main {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.footer--ledger .footer__legal p {
margin: 0;
}
.footer--ledger .footer__legal-links {
margin-top: 0.25rem;
}
.footer--ledger .footer__copyright {
margin-top: 0.5rem;
font-size: 0.75rem;
color: rgba(245, 243, 238, 0.5);
}
.footer--ledger .footer__legal-notice {
font-size: 0.72rem;
line-height: 1.6;
color: rgba(245, 243, 238, 0.55);
}
@media (max-width: 820px) {
.footer--ledger .footer__band {
justify-content: flex-start;
gap: 0.9rem;
padding: 1.6rem 0 1.4rem;
}
.footer--ledger .footer__logo {
width: 84px;
height: 84px;
margin: -10px 0 -10px -8px;
}
.footer--ledger .footer__proposal {
align-items: flex-start;
gap: 0.5rem;
text-align: left;
}
.footer--ledger .footer__proposal-line {
font-size: 1.125rem;
line-height: 1.3;
}
.footer--ledger .footer__ledger {
grid-template-columns: 1fr 1fr;
column-gap: 1.25rem;
}
.footer--ledger .footer__col {
padding: 1.4rem 1rem 1.4rem 0;
}
.footer--ledger .footer__col--brand {
grid-column: 1 / -1;
padding: 1.4rem 0;
border-right: 0;
border-bottom: 1px solid var(--hair-gold-faint);
}
.footer--ledger .footer__col--second {
padding-right: 0;
border-right: 0;
}
.footer--ledger .footer__col--follow {
grid-column: 1 / -1;
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 0.75rem 1rem;
padding: 1.25rem 0;
border-top: 1px solid var(--hair-gold-faint);
}
.footer--ledger .footer__col--follow .footer__heading {
display: none;
}
.footer--ledger .footer__social {
flex-direction: row;
gap: 1rem;
}
.footer--ledger .footer__social a {
font-size: 0.8125rem;
font-weight: 500;
letter-spacing: 0.06em;
}
.footer--ledger .footer__locale-switcher {
flex-direction: row;
align-items: center;
margin-top: 0;
}
.footer--ledger .footer__locale-label {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
}
.footer--ledger .footer__legal {
grid-template-columns: 1fr;
gap: 0.75rem;
}
}
.footer--ledger .footer__brand {
flex: none;
}
.footer--ledger .footer__proposal {
flex: 1 1 auto;
min-width: 0;
}
.footer--ledger .footer__logo {
max-width: none;
}
.eldorado-faq .eldorado__faq-sticky .faq__list {
width: 100%;
min-width: 0;
align-self: center;
}
.eldorado-faq .eldorado__faq-dust {
position: absolute;
inset: 0;
overflow: hidden;
pointer-events: none;
}
.eldorado-faq .eldorado__faq-dust i {
position: absolute;
left: 0;
top: 0;
width: 2px;
height: 2px;
border-radius: 50%;
background: #E4CF8A;
box-shadow: 0 0 3px rgba(241, 227, 176, 0.9);
opacity: 0;
will-change: transform, opacity;
}
.eldorado-faq .eldorado__faq-sticky > :not(.eldorado__faq-dust) {
position: relative;
}
.plate {
--plate-display: "Futura Std", Futura, "Jost", "Century Gothic", "Twentieth Century", system-ui, sans-serif;
--plate-body: "Lato", system-ui, -apple-system, "Segoe UI", sans-serif;
--plate-bg: #16241F;
--plate-pad-top: calc(clamp(2rem, 4vh, 3rem) + 71px);
--plate-side: clamp(1.25rem, 5vw, 7.5rem);
position: relative;
min-height: 100svh;
display: flex;
flex-direction: column;
background: var(--plate-bg);
color: #E8E0D0;
font-family: var(--plate-body);
overflow: hidden;
padding: 0;
}
.plate--open { --plate-bg: #2C4A3B; }
.plate--heritage { --plate-bg: #3B2F2F; }
.plate--founder { --plate-bg: #1A1F36; }
.plate--people { --plate-bg: #111111; }
.plate--facts { --plate-bg: #1A1F36; }
.plate__photo { position: relative; overflow: hidden; }
.plate__photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.plate__photo--full { position: absolute; inset: 0; }
.plate__scrim {
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(44, 74, 59, 0.6) 0%, rgba(44, 74, 59, 0.2) 40%, rgba(44, 74, 59, 0.94) 100%);
pointer-events: none;
}
.plate__body {
position: relative;
flex: 1;
width: min(1200px, 100% - 2 * var(--plate-side));
margin-inline: auto;
display: flex;
flex-direction: column;
justify-content: center;
gap: 1.3rem;
padding: var(--plate-pad-top) 0 clamp(2.5rem, 6vh, 5rem);
box-sizing: border-box;
}
.plate__body--bottom { justify-content: flex-end; }
.plate__body--split {
display: grid;
grid-template-columns: minmax(0, 1fr) 560px;
gap: clamp(3rem, 6vw, 6rem);
align-items: center;
}
.plate__mark-wrap { display: flex; justify-content: center; }
.plate__body--portrait {
width: 100%;
display: grid;
grid-template-columns: minmax(360px, 36%) minmax(0, 1fr);
gap: clamp(3rem, 6vw, 5.5rem);
align-items: center;
padding: 0 var(--plate-side) 0 0;
}
.plate__photo--portrait { align-self: stretch; min-height: 100svh; }
.plate--founder .plate__text { padding-block: var(--plate-pad-top) 3rem; }
.plate--value .plate__body--split {
width: 100%;
padding: 0 0 0 var(--plate-side);
grid-template-columns: minmax(0, 1fr) 47%;
gap: clamp(3rem, 5vw, 5rem);
align-items: stretch;
}
.plate--value .plate__text { align-self: center; padding-block: var(--plate-pad-top) 3rem; }
.plate__photo--side { min-height: 100svh; }
.plate__text { display: flex; flex-direction: column; gap: 1.1rem; max-width: 640px; }
.plate__overline {
margin: 0;
display: flex;
align-items: center;
gap: 12px;
font-family: var(--plate-display);
font-weight: 500;
font-size: 0.75rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #C9AE5D;
}
.plate__overline::before { content: ""; display: block; width: 32px; height: 1px; background: rgba(201, 174, 93, 0.55); }
.plate__h1 {
margin: 0;
font-family: var(--font-heading);
font-weight: 400;
font-size: clamp(2.6rem, 5vw, 4.5rem);
line-height: 1.05;
color: #F5F3EE;
max-width: 900px;
display: flex;
flex-direction: column;
gap: 0.9rem;
}
.plate__h1-sub {
font-family: var(--plate-display);
font-weight: 500;
font-size: 0.72rem;
letter-spacing: 0.2em;
text-transform: uppercase;
color: rgba(245, 243, 238, 0.7);
line-height: 1.5;
}
.plate__h2 { margin: 0; font-family: var(--font-heading); font-weight: 400; font-size: clamp(2rem, 3.1vw, 2.75rem); line-height: 1.1; color: #F5F3EE; }
.plate__h2--display { font-family: var(--plate-display); font-weight: 500; text-transform: uppercase; letter-spacing: 0.1em; font-size: clamp(1.5rem, 2.5vw, 2.25rem); line-height: 1.12; }
.plate__lead { margin: 0; font-size: 1.125rem; line-height: 1.6; color: #E8E0D0; max-width: 620px; }
.plate__p { margin: 0; font-size: 1rem; line-height: 1.7; color: #E8E0D0; }
.plate__quote { margin: 0; font-family: var(--font-heading); font-style: italic; font-size: clamp(1.2rem, 1.6vw, 1.45rem); line-height: 1.45; color: rgba(245, 243, 238, 0.9); }
.plate__note { margin: 0; font-size: 0.8rem; line-height: 1.6; color: rgba(245, 243, 238, 0.55); }
.plate__link {
align-self: flex-start;
font-family: var(--plate-display);
font-weight: 500;
font-size: 0.7rem;
letter-spacing: 0.18em;
text-transform: uppercase;
color: #C9AE5D;
border-bottom: 1px solid rgba(201, 174, 93, 0.5);
padding-bottom: 6px;
margin-top: 0.25rem;
transition: color var(--transition-base), border-color var(--transition-base);
}
.plate__link:hover, .plate__link:focus-visible { color: #F5F3EE; border-color: #F5F3EE; }
.plate__counter {
position: absolute;
right: var(--plate-side);
bottom: 2.4rem;
font-family: var(--plate-display);
font-weight: 500;
font-size: 0.75rem;
letter-spacing: 0.2em;
color: rgba(245, 243, 238, 0.55);
}
.plate__mark { width: min(520px, 100%); height: auto; display: block; }
.plate__mark-rays path { fill: rgba(201, 174, 93, 0.6); }
.plate__mark-disc { fill: rgba(201, 174, 93, 0.85); }
.plate__numeral { margin: 0 0 0.2rem; font-family: var(--font-heading); font-style: italic; font-size: clamp(4rem, 8vw, 7.5rem); line-height: 0.9; color: rgba(201, 174, 93, 0.55); }
.plate__dashes { display: flex; gap: 10px; margin-top: 0.5rem; }
.plate__dashes i { display: block; width: 28px; height: 2px; background: rgba(201, 174, 93, 0.35); }
.plate__dashes i.is-on { background: #C9AE5D; }
.plate--people { min-height: 220svh; display: block; }
.plate__pin { position: sticky; top: 0; min-height: 100svh; display: flex; flex-direction: column; }
.plate__body--strip { width: 100%; padding-left: var(--plate-side); padding-right: 0; gap: 1.6rem; }
.plate__strip-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 3rem; padding-right: var(--plate-side); }
.plate__aside { margin: 0; font-family: var(--font-heading); font-style: italic; font-size: 1.05rem; line-height: 1.5; color: rgba(245, 243, 238, 0.8); max-width: 400px; text-align: right; }
.plate__strip-window { overflow: hidden; border-left: 1px solid rgba(201, 174, 93, 0.3); }
.plate__strip.team__grid { display: flex; grid-template-columns: none; gap: 0; margin: 0; will-change: transform; }
.plate__person.team-card {
position: relative;
flex: none;
width: 280px;
height: min(560px, 62svh);
margin: 0;
padding: 0;
background: transparent;
border: 0;
border-right: 1px solid rgba(201, 174, 93, 0.3);
border-radius: 0;
box-shadow: none;
text-align: left;
overflow: hidden;
}
.plate__person-photo { position: absolute; inset: 0; margin: 0; border-radius: 0; }
.plate__person-photo picture, .plate__person-photo img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
.plate__person-caption {
position: absolute;
left: 0; right: 0; bottom: 0;
padding: 120px 20px 20px;
background: linear-gradient(180deg, rgba(17, 17, 17, 0), rgba(17, 17, 17, 0.88));
display: flex;
flex-direction: column;
gap: 6px;
}
.plate__person-name { margin: 0; font-family: var(--plate-display); font-weight: 500; font-size: 0.85rem; letter-spacing: 0.14em; text-transform: uppercase; color: #F5F3EE; }
.plate__person-role { margin: 0; font-size: 0.78rem; letter-spacing: 0.06em; color: #C9AE5D; }
.plate__person-desc { margin: 0; font-size: 0.78rem; line-height: 1.5; color: rgba(245, 243, 238, 0.7); }
.plate__body--facts { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.plate__facts { margin: 0.5rem 0 0; display: flex; flex-direction: column; border-bottom: 1px solid rgba(201, 174, 93, 0.25); }
.plate__fact { display: grid; grid-template-columns: 130px 1fr; gap: 16px; padding: 0.7rem 0; border-top: 1px solid rgba(201, 174, 93, 0.25); margin: 0; }
.plate__fact dt { font-family: var(--plate-display); font-weight: 500; font-size: 0.66rem; letter-spacing: 0.16em; text-transform: uppercase; color: #C9AE5D; padding-top: 3px; }
.plate__fact dd { margin: 0; font-size: 0.9rem; line-height: 1.5; color: #E8E0D0; }
.plate__fact dd a { color: inherit; }
.plate__logos { display: flex; flex-direction: column; gap: 1.4rem; }
.plate__logos .affiliations__cluster { margin: 0; }
.plate__logos .affiliations__label { margin: 0 0 0.7rem; font-family: var(--plate-display); font-weight: 500; font-size: 0.66rem; letter-spacing: 0.18em; text-transform: uppercase; color: #C9AE5D; text-align: left; }
.plate__logos .affiliations__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin: 0; }
.plate__logos .affiliations__item { height: 92px; margin: 0; border: 1px solid rgba(201, 174, 93, 0.22); display: flex; align-items: center; justify-content: center; padding: 12px 16px; box-sizing: border-box; }
.plate__logos .affiliations__item img { max-width: 100%; max-height: 100%; width: auto; height: auto; object-fit: contain; filter: brightness(0) invert(1); opacity: 0.82; }
@media (min-width: 1024px) and (prefers-reduced-motion: no-preference) {
main#main-content > section.plate { padding-block: 0; display: flex; min-height: 100svh; }
main#main-content > section.plate--people { display: block; min-height: 220svh; }
}
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.plate { --plate-pad-top: calc(60px + 1.5rem); --plate-side: 1.5rem; }
.plate__body--split, .plate__body--portrait, .plate__body--facts, .plate--value .plate__body--split {
display: flex;
flex-direction: column;
width: 100%;
padding: 0;
gap: 0;
}
.plate__photo--side, .plate__photo--portrait { order: -1; width: 100%; height: 40svh; min-height: 0; align-self: auto; }
.plate__text, .plate--value .plate__text, .plate--founder .plate__text { max-width: none; padding: 1.4rem var(--plate-side) 2.2rem; gap: 0.8rem; align-self: auto; }
.plate--heritage .plate__text, .plate--facts .plate__text { padding-top: var(--plate-pad-top); }
.plate__mark-wrap { padding: 0 var(--plate-side) 2rem; }
.plate__mark { width: 240px; }
.plate__numeral { font-size: 4rem; }
.plate__h1 { font-size: 2.5rem; }
.plate__h2 { font-size: 1.75rem; }
.plate__h2--display { font-size: 1.3rem; }
.plate__lead { font-size: 0.95rem; }
.plate__p { font-size: 0.9rem; }
.plate__body--bottom { width: 100%; padding: 0 var(--plate-side) 2.75rem; }
.plate__counter { right: var(--plate-side); bottom: auto; top: calc(60px + 1.2rem); }
.plate--open .plate__counter { top: auto; bottom: 1rem; }
.plate--people { min-height: 100svh; }
.plate__pin { position: static; }
.plate__body--strip { padding: var(--plate-pad-top) 0 2.5rem var(--plate-side); gap: 1.2rem; }
.plate__strip-head { flex-direction: column; align-items: flex-start; gap: 0.8rem; padding-right: var(--plate-side); }
.plate__aside { text-align: left; }
.plate__strip-window { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.plate__strip.team__grid { transform: none !important; }
.plate__person.team-card { width: 220px; height: 340px; }
.plate__person-caption { padding: 80px 14px 14px; }
.plate__logos { padding: 0 var(--plate-side) 2.5rem; }
.plate__logos .affiliations__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.plate__logos .affiliations__item { height: 54px; padding: 8px 10px; }
}
.plate--people { overflow: visible; }
.footer.footer--ledger {
padding: 0 0 2rem;
background: var(--mu-navy);
color: var(--mu-light-gold);
}
.footer--ledger::before { display: none; }
.footer--ledger .footer__band {
display: flex;
align-items: center;
justify-content: space-between;
gap: 2rem;
padding: 2.5rem 0 2rem;
border-bottom: 1px solid rgba(201, 174, 93, 0.16);
}
.footer--ledger .footer__brand { margin: 0; }
.footer--ledger .footer__logo {
display: block;
width: 112px;
height: 112px;
margin: -10px 0;
filter: none;
}
.footer--ledger .footer__proposal {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 0.6rem;
text-align: right;
}
.footer--ledger .footer__proposal-line {
margin: 0;
font-family: var(--font-heading);
font-style: italic;
font-size: clamp(1.25rem, 1.7vw, 1.5rem);
line-height: 1.25;
color: var(--mu-cream);
}
.footer--ledger .footer__proposal-link {
display: inline-flex;
align-items: center;
gap: 10px;
font-family: var(--font-body);
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--mu-gold);
transition: color var(--transition-base);
}
.footer--ledger .footer__proposal-link:hover,
.footer--ledger .footer__proposal-link:focus-visible { color: var(--mu-cream); }
.footer--ledger .footer__proposal-link svg { display: block; }
.footer--ledger .footer__ledger {
display: grid;
grid-template-columns: 1.4fr 1fr 1fr 1.15fr;
column-gap: 2rem;
border-bottom: 1px solid rgba(201, 174, 93, 0.16);
}
.footer--ledger .footer__col {
padding: 1.9rem 2rem 2.1rem 0;
border-right: 1px solid rgba(201, 174, 93, 0.16);
}
.footer--ledger .footer__col--follow { border-right: 0; padding-right: 0; }
.footer--ledger .footer__tagline {
margin: 0 0 1.1rem;
max-width: 300px;
font-family: var(--font-heading);
font-style: italic;
font-size: 1.0625rem;
line-height: 1.5;
color: rgba(245, 243, 238, 0.85);
}
.footer--ledger .footer__contact { display: flex; flex-direction: column; gap: 0.35rem; }
.footer--ledger .footer__contact a,
.footer--ledger .footer__contact p { margin: 0; font-size: 0.875rem; line-height: 1.5; color: var(--mu-light-gold); }
.footer--ledger .footer__contact p { color: rgba(245, 243, 238, 0.7); }
.footer--ledger .footer__contact a:hover { color: var(--mu-gold); }
.footer--ledger .footer__heading { margin: 0 0 0.875rem; color: var(--mu-gold); }
.footer--ledger .footer__nav a { margin: 0 0 0.375rem; padding: 0; font-size: 0.875rem; line-height: 1.5; color: var(--mu-light-gold); }
.footer--ledger .footer__nav a:hover { color: var(--mu-cream); }
.footer--ledger .footer__social { display: flex; flex-direction: column; gap: 0.375rem; margin-bottom: 1.6rem; }
.footer--ledger .footer__social a { display: block; padding: 0; font-size: 0.875rem; font-weight: 400; letter-spacing: 0; color: var(--mu-light-gold); }
.footer--ledger .footer__social a:hover { color: var(--mu-cream); }
.footer--ledger .footer__locale-switcher { display: flex; flex-direction: column; align-items: flex-start; gap: 0.875rem; }
.footer--ledger .footer__locale-label { font-size: 0.6875rem; letter-spacing: 0.16em; color: var(--mu-gold); }
.footer--ledger .footer__locale-list { justify-content: flex-start; gap: 7px; }
.footer--ledger .footer__legal {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2.5rem;
align-items: start;
max-width: none;
padding: 1.4rem 0 0;
border-top: 0;
}
.footer--ledger .footer__legal-main { display: flex; flex-direction: column; gap: 0.5rem; }
.footer--ledger .footer__legal p { margin: 0; }
.footer--ledger .footer__legal-identity { font-size: 0.75rem; line-height: 1.6; letter-spacing: 0.02em; }
.footer--ledger .footer__legal-links { margin-top: 0.25rem; gap: 0.4rem 1.4rem; }
.footer--ledger .footer__copyright { margin-top: 0.5rem !important; font-size: 0.75rem; color: rgba(245, 243, 238, 0.5) !important; }
.footer--ledger .footer__legal-notice { font-size: 0.72rem; line-height: 1.6; color: rgba(245, 243, 238, 0.55) !important; }
@media (max-width: 1023px) {
.footer--ledger .footer__ledger { grid-template-columns: 1fr 1fr; }
.footer--ledger .footer__col--brand { grid-column: 1 / -1; border-right: 0; padding-right: 0; }
.footer--ledger .footer__col--follow { padding-left: 0; }
}
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.footer.footer--ledger { padding: 0 0 1.75rem; }
.footer--ledger .footer__band { padding: 1.6rem 0 1.4rem; gap: 0.9rem; }
.footer--ledger .footer__logo { width: 84px; height: 84px; margin: -10px 0 -10px -8px; flex: none; }
.footer--ledger .footer__proposal { align-items: flex-start; text-align: left; gap: 0.5rem; }
.footer--ledger .footer__proposal-line { font-size: 1.125rem; }
.footer--ledger .footer__proposal-link { font-size: 0.6875rem; }
.footer--ledger .footer__ledger { grid-template-columns: 1fr 1fr; column-gap: 1.25rem; }
.footer--ledger .footer__col { padding: 1.4rem 0; }
.footer--ledger .footer__col--brand { grid-column: 1 / -1; border-right: 0; border-bottom: 1px solid rgba(201, 174, 93, 0.16); }
.footer--ledger .footer__col.footer__nav { padding-right: 1.25rem; }
.footer--ledger .footer__col.footer__nav + .footer__nav { border-right: 0; padding-right: 0; }
.footer--ledger .footer__col--follow {
grid-column: 1 / -1;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
border-top: 1px solid rgba(201, 174, 93, 0.16);
padding: 1.25rem 0;
}
.footer--ledger .footer__col--follow .footer__heading { display: none; }
.footer--ledger .footer__social { flex-direction: row; gap: 1rem; margin: 0; }
.footer--ledger .footer__social a { font-size: 0.75rem; font-weight: 500; letter-spacing: 0.06em; }
.footer--ledger .footer__locale-switcher { gap: 0; }
.footer--ledger .footer__locale-label { display: none; }
.footer--ledger .footer__legal { grid-template-columns: 1fr; gap: 0.6rem; padding-top: 1.25rem; }
.footer--ledger .footer__legal-main { gap: 0.6rem; }
.footer--ledger .footer__copyright { order: 3; }
.footer--ledger .footer__legal-notice { font-size: 0.7rem; }
}
.main--plates { position: relative; }
.plates-thread {
--plate-side: clamp(1.25rem, 5vw, 7.5rem);
position: absolute;
left: calc(var(--plate-side) * 0.5);
top: 0;
width: 1px;
pointer-events: none;
z-index: 5;
}
.plates-thread__rail,
.plates-thread__line { position: absolute; left: 0; top: 0; width: 1px; }
.plates-thread__rail { height: 100%; background: rgba(201, 174, 93, 0.2); }
.plates-thread__line { height: 0; background: #C9AE5D; box-shadow: 0 0 4px rgba(241, 227, 176, 0.45); }
.plates-thread__bead {
position: absolute;
left: 0;
width: 10px;
height: 10px;
margin: -5px 0 0 -5px;
border-radius: 50%;
background: rgba(201, 174, 93, 0.35);
transition: background 0.4s var(--ease-elegant), box-shadow 0.4s var(--ease-elegant);
}
.plates-thread__bead.is-lit { background: #F1E3B0; box-shadow: 0 0 0 4px rgba(201, 174, 93, 0.18), 0 0 14px rgba(241, 227, 176, 0.8); }
.plates-thread__tie { position: absolute; left: 5px; top: 4.5px; height: 1px; width: 0; background: rgba(201, 174, 93, 0.25); transition: background 0.4s var(--ease-elegant); }
.plates-thread__bead.is-lit .plates-thread__tie { background: rgba(201, 174, 93, 0.55); }
.plates-thread__dust b {
position: absolute;
left: 0;
top: 0;
width: 2px;
height: 2px;
margin: -1px 0 0 -1px;
border-radius: 50%;
background: #E4CF8A;
box-shadow: 0 0 3px rgba(241, 227, 176, 0.9);
opacity: 0;
}
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.plates-thread { --plate-side: 1.5rem; }
}
@media (min-width: 640px) and (prefers-reduced-motion: no-preference) {
html.snap-plates { scroll-snap-type: y mandatory; }
html.snap-plates main#main-content > section.plate { scroll-snap-align: start; scroll-snap-stop: always; }
html.snap-plates main#main-content > section.plate--people { scroll-snap-align: start end; }
html.snap-plates main#main-content > section.faq,
html.snap-plates main#main-content > section.cta-section { scroll-snap-align: start; scroll-snap-stop: always; }
html.snap-plates .footer { scroll-snap-align: end; }
}
.plate__person .team-card__image,
.plate__person .team-card__picture,
.plate__person .team-card__image img {
padding: 0;
border: 0;
border-radius: 0;
background: none;
box-shadow: none;
aspect-ratio: auto;
}
.plate__person .team-card__image::before,
.plate__person .team-card__image::after,
.plate__person .team-card__picture::before,
.plate__person .team-card__picture::after { display: none; }
.page--about .plate__person .team-card__image,
.page--about .plate__person.team-card--profile .team-card__image {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
aspect-ratio: auto;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
background: none;
box-shadow: none;
}
.page--about .plate__person .team-card__image::after,
.page--about .plate__person .team-card__image::before { display: none; }
.page--about .plate__person .team-card__picture,
.page--about .plate__person .team-card__picture img {
display: block;
width: 100%;
height: 100%;
aspect-ratio: auto;
border-radius: 0;
object-fit: cover;
}
.plate__numeral {
font-size: clamp(3.4rem, 6vw, 5.5rem);
margin: 0 0 1.1rem;
letter-spacing: 0.04em;
}
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.plate__numeral { font-size: 3rem; margin-bottom: 0.6rem; }
}
.page--about .plate__person .team-card__picture img[alt*='Jorge Gallego'] {
transform: scale(1.14) translateY(6%);
transform-origin: center;
object-position: center 30%;
}
.page--about .plate__person .team-card__picture img[alt*='Jorge Gallego'] {
transform: none;
object-position: center 18%;
}
.plate--atlas { --atlas: 0; }
.plate__body--atlas {
display: grid;
grid-template-columns: 340px minmax(0, 1fr);
gap: clamp(2rem, 3vw, 2.5rem);
align-items: center;
flex: 0 0 auto;
padding-bottom: 0;
}
.plate--atlas .plate__body { justify-content: center; }
.plate--atlas .plate__text { gap: 0.9rem; }
.plate--atlas .plate__p { margin-bottom: 0.25rem; font-size: 0.95rem; }
.plate__ledger-label { margin: 0; font-family: var(--plate-display); font-weight: 500; font-size: 0.66rem; letter-spacing: 0.18em; text-transform: uppercase; color: #C9AE5D; }
.plate__reps { margin: 0; display: flex; flex-direction: column; border-bottom: 1px solid rgba(201, 174, 93, 0.25); }
.plate__rep { display: grid; grid-template-columns: 124px 1fr; gap: 14px; padding: 0.55rem 0; border-top: 1px solid rgba(201, 174, 93, 0.25); margin: 0; }
.plate__rep dt { font-family: var(--plate-display); font-weight: 500; font-size: 0.62rem; letter-spacing: 0.16em; text-transform: uppercase; color: #C9AE5D; padding-top: 3px; }
.plate__rep dd { margin: 0; font-size: 0.875rem; line-height: 1.45; color: #E8E0D0; }
.plate__factline { margin: 0.1rem 0 0; font-family: var(--plate-display); font-weight: 500; font-size: 0.62rem; letter-spacing: 0.16em; text-transform: uppercase; color: rgba(245, 243, 238, 0.5); }
.plate__atlas { min-width: 0; }
.plate__map { display: block; width: 100%; height: auto; overflow: visible; }
.plate__land { fill: none; stroke: rgba(201, 174, 93, 0.3); stroke-width: 3; stroke-linecap: round; }
.plate__thread {
fill: none;
stroke: #C9AE5D;
stroke-width: 1;
stroke-linecap: round;
stroke-dasharray: 1;
stroke-dashoffset: calc(1 - clamp(0, calc((var(--atlas) - 0.15 - var(--i, 0) * 0.12) * 1.8), 1));
filter: drop-shadow(0 0 3px rgba(241, 227, 176, 0.4));
}
.plate__pin-halo { fill: rgba(201, 174, 93, 0.16); }
.plate__pin-core { fill: #F1E3B0; filter: drop-shadow(0 0 8px rgba(241, 227, 176, 0.85)); }
.plate__pin-name { font-family: var(--plate-display); font-weight: 500; font-size: 11.5px; letter-spacing: 0.19em; fill: #F5F3EE; }
.plate__pin-where { font-family: var(--plate-body); font-size: 11.5px; fill: rgba(201, 174, 93, 0.9); }
text.plate__pin--ops { font-size: 11px; fill: rgba(201, 174, 93, 0.85); }
.plate__pin--home, .plate__pin--ops { opacity: clamp(0, calc(var(--atlas) * 4), 1); }
.plate__pin--rep { opacity: clamp(0, calc((var(--atlas) - 0.55 - var(--i, 0) * 0.12) * 5), 1); }
.plate--atlas .plate__ledger {
flex: 0 0 auto;
width: min(1200px, 100% - 2 * var(--plate-side));
margin: 2.2rem auto 0;
display: grid;
grid-template-columns: 2fr 7fr;
gap: 2.5rem;
align-items: start;
border-top: 1px solid rgba(201, 174, 93, 0.18);
padding: 1.4rem 0 3.4rem;
}
.plate--atlas .plate__ledger .affiliations__cluster { margin: 0; }
.plate--atlas .plate__ledger .affiliations__label { margin: 0 0 0.75rem; }
.plate--atlas .plate__ledger .affiliations__grid { gap: 10px; }
.plate--atlas .plate__ledger .affiliations__grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.plate--atlas .plate__ledger .affiliations__grid--seven { grid-template-columns: repeat(7, minmax(0, 1fr)); }
.plate--atlas .plate__ledger .affiliations__item { height: 84px; padding: 12px 16px; }
.plate--atlas .affiliations__item--pending {
border-style: dashed;
border-color: rgba(201, 174, 93, 0.32);
padding: 6px 8px;
text-align: center;
}
.plate--atlas .affiliations__item--pending span { font-family: var(--plate-display); font-weight: 500; font-size: 0.6rem; line-height: 1.3; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(245, 243, 238, 0.7); }
@media (prefers-reduced-motion: reduce) { .plate--atlas { --atlas: 1; } }
@media (max-width: 1100px) {
.plate__body--atlas { grid-template-columns: 300px minmax(0, 1fr); }
.plate--atlas .plate__ledger { grid-template-columns: 1fr; gap: 1.4rem; }
.plate--atlas .plate__ledger .affiliations__grid--two { grid-template-columns: repeat(2, minmax(0, 200px)); }
.plate--atlas .plate__ledger .affiliations__grid--seven { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.plate--atlas { --atlas: 1; }
.plate__body--atlas { display: flex; flex-direction: column; gap: 0; }
.plate--atlas .plate__text { padding-top: var(--plate-pad-top); }
.plate__atlas { padding: 0.5rem var(--plate-side) 0; }
.plate__pin-name { font-size: 14px; } .plate__pin-where, text.plate__pin--ops { font-size: 13px; }
.plate--atlas .plate__ledger { width: auto; margin: 1.4rem var(--plate-side) 0; grid-template-columns: 1fr; gap: 1.2rem; padding: 1.2rem 0 2.6rem; }
.plate--atlas .plate__ledger .affiliations__grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.plate--atlas .plate__ledger .affiliations__grid--seven { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.plate--atlas .plate__ledger .affiliations__item { height: 54px; padding: 8px 10px; }
.plate--atlas .affiliations__item--pending span { font-size: 0.55rem; }
}
.plate__thread { transition: stroke-dashoffset 1.1s cubic-bezier(0.4, 0, 0.2, 1); }
.plate__pin--home, .plate__pin--ops, .plate__pin--rep { transition: opacity 0.6s var(--ease-elegant); }
.plate__logos .affiliations__item img,
.plate--atlas .affiliations__item img { mix-blend-mode: normal; max-height: 100%; }
.plate__rep dd a { color: inherit; text-decoration: none; border-bottom: 1px solid rgba(201, 174, 93, 0.35); padding-bottom: 1px; transition: color var(--transition-base), border-color var(--transition-base); }
.plate__rep dd a:hover, .plate__rep dd a:focus-visible { color: #C9AE5D; border-color: #C9AE5D; }
.plate__pin-link { cursor: pointer; }
.plate__pin-link:hover .plate__pin-name { fill: #C9AE5D; }
.plate--atlas a.affiliations__item { color: inherit; text-decoration: none; transition: border-color var(--transition-base); }
.plate--atlas a.affiliations__item:hover, .plate--atlas a.affiliations__item:focus-visible { border-color: rgba(201, 174, 93, 0.6); }
.plate--atlas a.affiliations__item:hover img { opacity: 1; }
.plate--atlas a.affiliations__item:focus-visible { outline: 2px solid #C9AE5D; outline-offset: 3px; }
@media (max-width: 639px) and (prefers-reduced-motion: no-preference) {
html.snap-plates { scroll-snap-type: y mandatory; }
html.snap-plates main#main-content > section.plate { scroll-snap-align: start; scroll-snap-stop: always; }
html.snap-plates main#main-content > section.plate--people { scroll-snap-align: start end; }
html.snap-plates main#main-content > section.faq,
html.snap-plates main#main-content > section.cta-section { scroll-snap-align: start; scroll-snap-stop: always; }
html.snap-plates .footer { scroll-snap-align: end; }
}
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.plate--founder .plate__photo--portrait { height: 34svh; }
.plate--founder .plate__text { padding-top: 1.1rem; gap: 0.7rem; }
.plate--founder .plate__h2 { font-size: 1.5rem; }
.plate--founder .plate__quote { font-size: 0.98rem; }
.plate--founder .plate__p { font-size: 0.85rem; line-height: 1.6; }
.plate--founder .plate__p--more { display: none; }
.plate--heritage .plate__p { font-size: 0.85rem; line-height: 1.6; }
.plate--heritage .plate__note { font-size: 0.7rem; }
.plate--heritage .plate__mark { width: 200px; }
.plate--people { min-height: 220svh; overflow: visible; }
.plate__pin { position: sticky; top: 0; min-height: 100svh; }
.plate__strip-window { overflow: hidden; }
.plate__strip.team__grid { transform: translateX(var(--strip-x, 0px)) !important; }
.plate__body--strip { padding-top: calc(60px + 1.1rem); gap: 0.9rem; justify-content: center; }
.plate__strip-head { gap: 0.5rem; }
.plate--people .plate__h2 { font-size: 1.5rem; }
.plate__aside { font-size: 0.82rem; line-height: 1.45; }
.plate--people .plate__note { font-size: 0.7rem; padding-right: var(--plate-side); }
.plate--atlas .plate__body--atlas { justify-content: flex-start; }
.plate--atlas .plate__text { padding: calc(60px + 1rem) var(--plate-side) 0.5rem; gap: 0.55rem; }
.plate--atlas .plate__h2 { font-size: 1.45rem; }
.plate--atlas .plate__p { font-size: 0.78rem; line-height: 1.5; margin-bottom: 0; }
.plate--atlas .plate__ledger-label { font-size: 0.58rem; }
.plate__rep { padding: 0.32rem 0; grid-template-columns: 96px 1fr; gap: 10px; }
.plate__rep dt { font-size: 0.55rem; padding-top: 2px; }
.plate__rep dd { font-size: 0.78rem; }
.plate__factline { font-size: 0.55rem; }
.plate__atlas { padding: 0.25rem var(--plate-side) 0; }
.plate__pin-name { font-size: 15px; } .plate__pin-where, text.plate__pin--ops { font-size: 13.5px; }
.plate--atlas .plate__ledger { margin: 0.6rem var(--plate-side) 0; gap: 0.7rem; padding: 0.7rem 0 1rem; }
.plate--atlas .plate__ledger .affiliations__label { margin-bottom: 0.4rem; font-size: 0.58rem; }
.plate--atlas .plate__ledger .affiliations__grid { gap: 6px; }
.plate--atlas .plate__ledger .affiliations__grid--two { grid-template-columns: repeat(2, minmax(0, 140px)); }
.plate--atlas .plate__ledger .affiliations__grid--seven { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.plate--atlas .plate__ledger .affiliations__item { height: 42px; padding: 6px 8px; }
.plate--atlas .affiliations__item--pending span { font-size: 0.48rem; letter-spacing: 0.05em; }
.plate--atlas .plate__counter { display: none; }
}
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.plate--atlas .plate__ledger .affiliations__grid,
.plate--atlas .plate__ledger .affiliations__cluster { padding: 0; margin: 0; }
.plate--atlas .plate__ledger { padding: 0.6rem 0 0.5rem; }
.plate--atlas .plate__text { padding-top: calc(60px + 0.75rem); }
}
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.plate--atlas .plate__text { gap: 0.45rem; }
.plate__factline { font-size: 0.5rem; letter-spacing: 0.12em; }
.plate__atlas { padding: 0.15rem calc(var(--plate-side) + 10px) 0; }
.plate--atlas .plate__ledger { margin-top: 0.4rem; padding-bottom: 0.25rem; }
}
@media (prefers-reduced-motion: no-preference) {
html.snap-plates main#main-content > section.final-cta { scroll-snap-align: start; scroll-snap-stop: always; }
html.snap-plates main#main-content > section.eldorado-faq { scroll-snap-align: start; scroll-snap-stop: always; display: block; min-height: auto; padding-block: 0; }
}
html.snap-plates main#main-content > section.final-cta {
min-height: 100svh;
display: flex;
align-items: center;
justify-content: center;
padding-block: calc(clamp(2rem, 4vh, 3rem) + 71px) clamp(2rem, 4vh, 3rem);
box-sizing: border-box;
}
html.snap-plates main#main-content > section.final-cta .eldorado__cta-sticky { width: 100%; }
.nav.nav--tinted,
.nav--scrolled.nav--tinted {
background: var(--nav-tint, rgba(26, 31, 54, 0.94));
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
padding: 0.85rem 0;
box-shadow: 0 1px 0 rgba(201, 174, 93, 0.15);
transition: background 0.45s var(--ease-elegant), box-shadow 0.45s var(--ease-elegant), padding var(--transition-base);
}
.nav.nav--tinted.nav--over-photo,
.nav--scrolled.nav--tinted.nav--over-photo {
background: linear-gradient(180deg, rgba(20, 28, 24, 0.7), rgba(20, 28, 24, 0));
backdrop-filter: none;
-webkit-backdrop-filter: none;
box-shadow: 0 1px 0 rgba(201, 174, 93, 0.12);
}
.nav--tinted .nav__logo img { width: 44px; }
.nav.nav--tinted.nav--on-light { box-shadow: 0 1px 0 rgba(201, 174, 93, 0.4); }
.nav--on-light .nav-link { color: rgba(26, 31, 54, 0.82); }
.nav--on-light .nav-link:hover,
.nav--on-light .nav-link--active { color: var(--mu-navy); }
.nav--on-light .nav__hamburger span { background: var(--mu-navy); }
.nav--on-light .nav__cta { color: var(--mu-cream); background: var(--mu-navy); border-color: var(--mu-navy); }
.nav--on-light .nav__cta:hover { color: var(--mu-navy); background: var(--mu-gold); border-color: var(--mu-gold); }
@media (max-width: 768px) {
.nav--tinted .nav__logo img { width: 36px; }
}
.plate--strip { min-height: 220svh; display: block; overflow: visible; }
.plate--strip .plate__pin { position: sticky; top: 0; min-height: 100svh; display: flex; flex-direction: column; }
.plate--strip .plate__counter { bottom: 2.4rem; }
.plate__body--why { width: 100%; padding: 0 0 0 var(--plate-side); grid-template-columns: minmax(300px, 420px) minmax(0, 1fr); gap: clamp(2rem, 4vw, 4rem); align-items: center; }
.plate--heritage .plate__text { padding-block: var(--plate-pad-top) 3rem; }
.plate__strip-window--why { border-left: 0; }
.plate__strip--why { display: flex; gap: 12px; will-change: transform; }
.plate__shot { margin: 0; flex: none; width: 380px; height: min(560px, 62svh); overflow: hidden; }
.plate__shot img { display: block; width: 100%; height: 100%; object-fit: cover; }
@media (min-width: 1024px) and (prefers-reduced-motion: no-preference) {
main#main-content > section.plate--strip { display: block; min-height: 220svh; }
}
@media (prefers-reduced-motion: no-preference) {
html.snap-plates main#main-content > section.plate--strip { scroll-snap-align: start end; }
}
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.plate--strip { min-height: 220svh; overflow: visible; }
.plate__body--why { display: flex; flex-direction: column; padding: 0; gap: 0; }
.plate--heritage .plate__text { padding: var(--plate-pad-top) var(--plate-side) 1rem; gap: 0.6rem; }
.plate__strip-window--why { margin-left: var(--plate-side); }
.plate__strip--why { gap: 8px; transform: translateX(var(--strip-x, 0px)) !important; }
.plate__shot { width: 220px; height: 300px; }
}
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.plate--heritage .plate__text { padding-bottom: 0.6rem; }
.plate__shot { width: 210px; height: 280px; }
}
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.plate__strip-window--why { width: calc(100% - var(--plate-side)); max-width: calc(100% - var(--plate-side)); min-width: 0; align-self: flex-start; margin-left: var(--plate-side); }
.plate--strip .plate__pin, .plate--strip .plate__body { max-width: 100%; min-width: 0; }
.plate--atlas .plate__p { font-size: 0.74rem; }
.plate__rep { padding: 0.28rem 0; }
.plate--atlas .plate__ledger .affiliations__item { height: 38px; }
.plate__atlas { padding: 0.15rem calc(var(--plate-side) + 18px) 0; }
}
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.plate__atlas { padding-inline: calc(var(--plate-side) + 30px); }
.plate--atlas .plate__ledger { padding-bottom: 0; margin-top: 0.3rem; }
.plate--atlas .plate__ledger .affiliations__item { height: 36px; }
}
.plate--value.plate--strip .plate__text { align-self: center; padding-block: var(--plate-pad-top) 3rem; }
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.plate--value.plate--strip .plate__text { padding: var(--plate-pad-top) var(--plate-side) 0.6rem; gap: 0.6rem; }
}
.plate__body--why { display: grid; }
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.plate__body--why { display: flex; flex-direction: column; }
}
.plate__shot--wide { width: 600px; height: min(400px, 46svh); }
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.plate__shot--wide { width: 300px; height: 200px; }
}
.plate { --plate-nav: calc(var(--nav-height, 71px) / var(--plate-zoom, 1)); --plate-pad-top: calc(var(--plate-nav) + clamp(0.5rem, 1.6svh, 1.25rem)); }
.plate__body, .plate > .plate__ledger { zoom: var(--plate-zoom, 1); }
html.snap-plates main#main-content > section.final-cta {
padding-block: calc(var(--nav-height, 71px) + clamp(1rem, 3vh, 2.5rem)) clamp(1.5rem, 4vh, 3rem);
}
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.plate { --plate-nav: calc(var(--nav-height, 63px) / var(--plate-zoom, 1)); --plate-pad-top: calc(var(--plate-nav) + 1rem); }
.plate__counter { top: calc(var(--nav-height, 63px) + 0.9rem); }
.plate--open .plate__counter { top: auto; }
.plate__body--strip { padding-top: var(--plate-pad-top); }
.plate--atlas .plate__text { padding-top: calc(var(--plate-nav) + 0.6rem); }
}
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.plate--founder .plate__photo--portrait { height: calc(var(--plate-nav) + 22svh); }
}
html.snap-plates .eldorado-faq .eldorado__faq-sticky { padding-top: calc(var(--nav-height, 71px) + clamp(1rem, 3vh, 2.5rem)); }
.plate__map { max-height: 40svh; }
html.snap-plates .eldorado-faq .eldorado__faq-sticky > * { zoom: var(--plate-zoom, 1); }
.eldorado__chapter > *, .eldorado__panel > :not(.eldorado__thread-drop):not(.eldorado__land) { zoom: var(--eld-zoom, 1); }
.eldorado__panel { top: max(24vh, calc(var(--nav-height, 71px) + 12vh)); }
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.eldorado__panel { top: max(19svh, calc(var(--nav-height, 63px) + 9svh)); }
}
@media not ((max-width: 820px) or (max-aspect-ratio: 23/20)) {
.eldorado__chapter--side { top: calc(50% + var(--nav-height, 71px) / 2); }
}
html.snap-plates.plates-flow { scroll-snap-type: none; }
html.plates-flow .plate, html.plates-flow .plate--strip, html.plates-flow .plate--people,
html.plates-flow main#main-content > section.plate--strip { min-height: 0; }
html.plates-flow .plate--open { min-height: 100svh; }
html.plates-flow .plate__pin, html.plates-flow .plate--strip .plate__pin { position: static; min-height: 0; }
html.plates-flow .plate__photo--portrait, html.plates-flow .plate__photo--side { min-height: 0; }
html.plates-flow .plate__strip-window { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
html.plates-flow .plate__strip-window::-webkit-scrollbar { display: none; }
html.plates-flow .plate__strip, html.plates-flow .plate__strip.team__grid { transform: none !important; }
html.plates-flow .plate__body, html.plates-flow .plate > .plate__ledger { zoom: 1; }
html.plates-flow .plate__body { padding-bottom: clamp(1.5rem, 4svh, 3rem); }
html.plates-flow .plate__body--why, html.plates-flow .plate__body--portrait, html.plates-flow .plate--value .plate__body--split { align-items: start; }
html.plates-flow .plate__text, html.plates-flow .plate--value .plate__text, html.plates-flow .plate--founder .plate__text,
html.plates-flow .plate--value.plate--strip .plate__text { padding-bottom: clamp(1.25rem, 3svh, 2.5rem); }
html.plates-flow .plate__map { max-height: none; }
html.plates-flow .plate__counter { display: none; }
html.plates-flow main#main-content > section.final-cta { min-height: 0; padding-bottom: clamp(2rem, 5svh, 4rem); }
html.plates-flow .eldorado-faq .eldorado__faq-sticky { position: static; min-height: 0; }
html.plates-flow .eldorado-faq .eldorado__faq-sticky > * { zoom: 1; }
html.plates-flow .eldorado-faq--hold::after { display: none; }
html.plates-flow .plate__body--why > .plate__strip-window { padding-top: var(--plate-pad-top); }
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
html.plates-flow .plate__body--why > .plate__strip-window { padding-top: 0; }
}
html.plates-flow .eldorado { height: auto; }
html.plates-flow .eldorado__sticky {
position: relative;
top: auto;
height: auto;
overflow: visible;
display: flex;
flex-direction: column;
gap: clamp(2.5rem, 7svh, 4.5rem);
padding: calc(var(--nav-height, 63px) + 2rem) var(--eld-inset) 3rem;
box-sizing: border-box;
}
html.plates-flow .eldorado__stage, html.plates-flow .eldorado__halo, html.plates-flow .eldorado__lake,
html.plates-flow .eldorado__spark-trail, html.plates-flow .eldorado__offerings, html.plates-flow .eldorado__spark,
html.plates-flow .eldorado__flyer, html.plates-flow .eldorado__rail, html.plates-flow .eldorado__hint,
html.plates-flow .eldorado__thread-drop, html.plates-flow .eldorado__thread, html.plates-flow .eldorado__land,
html.plates-flow .eldorado__sun { display: none !important; }
html.plates-flow .eldorado__chapter, html.plates-flow .eldorado__panel {
position: static;
opacity: 1 !important;
transform: none !important;
pointer-events: auto !important;
width: auto;
max-width: 46rem;
margin: 0;
text-align: left;
}
html.plates-flow .eldorado__panel { display: flex; flex-direction: column; justify-content: flex-start !important; align-items: flex-start; }
html.plates-flow .eldorado__chapter > *, html.plates-flow .eldorado__panel > * { zoom: 1; position: static; }
html.plates-flow .eldorado__overline--center { justify-content: flex-start; }
html.plates-flow .eldorado__odo-col { --lit: 1 !important; }
html.plates-flow .eldorado.is-scripted .eldorado__cards--4 .eldorado__card,
html.plates-flow .eldorado.is-scripted [data-eldorado-panel="3"],
html.plates-flow .eldorado.is-scripted .eldorado__fig { --draw: 1 !important; --set: 1 !important; --photo: 1 !important; --copy: 1 !important; }
html.snap-screens { scroll-snap-type: y mandatory; scroll-padding-top: 0; }
html.snap-screens.plates-flow { scroll-snap-type: none; }
html.snap-screens main#main-content > section.hero { height: 100svh; min-height: 0; scroll-snap-align: start; scroll-snap-stop: always; }
html.snap-screens .eldorado { height: calc(11 * 100svh); }
html.snap-screens .eldorado__stops { display: block; position: absolute; inset: 0; pointer-events: none; }
html.snap-screens .eldorado__stop { display: block; height: 100svh; scroll-snap-align: start; scroll-snap-stop: always; }
html.snap-screens .eldorado__chapter, html.snap-screens .eldorado__panel { transition: opacity 640ms cubic-bezier(0.2, 0, 0, 1); }
html.snap-screens .eldorado__rail, html.snap-screens .eldorado__hint { display: none; }
html.snap-screens main#main-content > section.eldorado-cta.eldorado-cta--scrub { min-height: 100svh; }
html.snap-screens main#main-content > section.eldorado-cta, html.snap-screens main#main-content > section.eldorado-faq { scroll-snap-align: start; scroll-snap-stop: always; }
html.snap-screens .footer { scroll-snap-align: end; }
html.plates-flow .eldorado__stops { display: none; }
.eldorado__stops { display: none; }
.screens-rail {
position: fixed;
right: 14px;
top: 50%;
z-index: 900;
display: flex;
flex-direction: column;
gap: 10px;
transform: translateY(-50%);
}
.screens-rail[hidden], .screens-cue[hidden] { display: none; }
.screens-rail__dot {
width: 8px;
height: 8px;
padding: 0;
border: 0;
border-radius: 50%;
background: rgba(201, 174, 93, 0.35);
cursor: pointer;
box-shadow: 0 0 0 4px transparent;
transition: background 240ms, box-shadow 240ms, transform 240ms;
}
.screens-rail__dot:hover, .screens-rail__dot:focus-visible { background: rgba(201, 174, 93, 0.75); outline: none; }
.screens-rail__dot.is-active { background: #C9AE5D; box-shadow: 0 0 0 4px rgba(201, 174, 93, 0.18); transform: scale(1.15); }
.screens-cue {
position: fixed;
left: 50%;
bottom: 18px;
z-index: 900;
width: 44px;
height: 44px;
margin-left: -22px;
padding: 0;
border: 0;
background: transparent;
color: #C9AE5D;
cursor: pointer;
animation: screens-cue 2.2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}
.screens-cue:focus-visible { outline: 2px solid #C9AE5D; outline-offset: 2px; border-radius: 50%; }
@keyframes screens-cue {
0%, 100% { transform: translateY(0); opacity: 0.5; }
50% { transform: translateY(6px); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) { .screens-cue { animation: none; } }
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.screens-rail { right: 8px; gap: 8px; }
.screens-rail__dot { width: 6px; height: 6px; }
}
html.snap-plates .plate--strip, html.snap-plates .plate--people,
html.snap-plates main#main-content > section.plate--strip { min-height: 100svh; }
html.snap-plates .plate--strip .plate__pin, html.snap-plates .plate__pin { position: relative; top: auto; min-height: 100svh; }
html.snap-plates main#main-content > section.plate--strip,
html.snap-plates main#main-content > section.plate--people { scroll-snap-align: start; }
html.snap-plates .plate__strip, html.snap-plates .plate__strip.team__grid { will-change: transform; transition: none; }
html.snap-plates .plate__strip-window.is-static { overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
html.snap-plates .plate__strip-window.is-static::-webkit-scrollbar { display: none; }
html.snap-plates .plate__strip-window.is-static .plate__strip { transform: none !important; }
html.snap-screens .eldorado__panel--process .eldorado__step { --lit: 1 !important; }
html.snap-screens .eldorado.is-scripted .eldorado__cards--4 .eldorado__card,
html.snap-screens .eldorado.is-scripted [data-eldorado-panel="3"] { --photo: 1 !important; --copy: 1 !important; }
html.snap-plates .plate__strip-window {
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
overscroll-behavior-x: contain;
touch-action: pan-x pan-y;
cursor: grab;
}
html.snap-plates .plate__strip-window::-webkit-scrollbar { display: none; }
html.snap-plates .plate__strip-window.is-dragging { cursor: grabbing; user-select: none; }
html.snap-plates .plate__strip, html.snap-plates .plate__strip.team__grid { transform: none !important; }
html.snap-plates .plate__strip-window .plate__strip { width: max-content; }
html.snap-plates main#main-content > section.plate--people { min-height: 100svh; }
.plate--cap-index { --plate-bg: #3B2F2F; }
.plate--cap-model { --plate-bg: #F5F3EE; color: #3B2F2F; }
.plate__body.cap-index {
width: 100%;
max-width: none;
padding: var(--plate-pad-top) var(--plate-side) clamp(1.5rem, 4svh, 3rem);
display: grid;
grid-template-columns: minmax(0, 520px) minmax(0, 1fr);
gap: clamp(2rem, 5vw, 5rem);
align-items: end;
justify-content: stretch;
}
.cap-index__lead { display: flex; flex-direction: column; gap: 0.6rem; min-width: 0; }
.cap-index__h1 { margin: 0 0 0.4rem; font-family: var(--font-heading); font-weight: 400; font-size: clamp(1.5rem, 2.2vw, 2.05rem); line-height: 1.12; color: #F5F3EE; }
.cap-index__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.cap-index__item { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 0.15rem 1.1rem; padding: 0.62rem 0; border-bottom: 1px solid rgba(201, 174, 93, 0.18); transition: border-color 320ms; cursor: pointer; }
.cap-index__item.is-active { border-bottom-color: #C9AE5D; }
.cap-index__n { font-family: var(--plate-display); font-weight: 500; font-size: 0.66rem; letter-spacing: 0.2em; color: rgba(245, 243, 238, 0.42); padding-top: 0.25rem; transition: color 320ms; }
.cap-index__item.is-active .cap-index__n { color: #C9AE5D; padding-top: 0.45rem; }
.cap-index__name { font-family: var(--plate-display); font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; font-size: 0.78rem; line-height: 1.3; color: rgba(245, 243, 238, 0.66); text-decoration: none; transition: color 320ms; }
.cap-index__name:hover, .cap-index__name:focus-visible { color: #F5F3EE; }
.cap-index__item.is-active .cap-index__name { font-family: var(--font-heading); font-weight: 400; text-transform: none; letter-spacing: 0; font-size: clamp(1.2rem, 1.6vw, 1.55rem); line-height: 1.15; color: #F5F3EE; }
.cap-index__desc { grid-column: 2; margin: 0; font-size: 0.76rem; line-height: 1.5; color: rgba(232, 224, 208, 0.6); transition: color 320ms; }
.cap-index__item.is-active .cap-index__desc { color: #E8E0D0; }
.cap-index__stage { display: flex; flex-direction: column; gap: 0.9rem; min-width: 0; }
.cap-index__bars { display: flex; gap: 6px; }
.cap-index__bars i { display: block; width: 10px; height: 2px; background: rgba(201, 174, 93, 0.3); transition: width 420ms, background 420ms; }
.cap-index__bars i.is-active { width: 28px; background: #C9AE5D; }
.cap-index__panel { margin: 0; display: flex; flex-direction: column; gap: 0.8rem; }
.cap-index__panel[hidden] { display: none; }
.cap-index__photo { width: 100%; aspect-ratio: 680 / 470; max-height: 50svh; overflow: hidden; box-shadow: 0 26px 60px rgba(17, 17, 17, 0.35); }
.cap-index__photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.cap-index__q { margin: 0; font-family: var(--font-heading); font-style: italic; font-size: clamp(1.02rem, 1.3vw, 1.2rem); line-height: 1.45; color: rgba(245, 243, 238, 0.88); }
.cap-index__go { align-self: flex-start; font-family: var(--plate-display); font-weight: 500; font-size: 0.68rem; letter-spacing: 0.18em; text-transform: uppercase; color: #C9AE5D; text-decoration: none; border-bottom: 1px solid rgba(201, 174, 93, 0.5); padding-bottom: 5px; transition: color var(--transition-base), border-color var(--transition-base); }
.cap-index__go:hover, .cap-index__go:focus-visible { color: #F5F3EE; border-color: #F5F3EE; }
.cap-index__sub { margin: 0 0 0.5rem; font-size: 0.9rem; line-height: 1.55; color: #E8E0D0; max-width: 520px; }
.cap-index__hint { margin: 0; font-family: var(--plate-display); font-weight: 500; font-size: 0.58rem; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(245, 243, 238, 0.38); }
.plate--cap-model .plate__overline { color: #6F5A1C; }
.plate--cap-model .plate__overline::before { background: rgba(111, 90, 28, 0.55); }
.plate--cap-model .plate__h2 { color: #3B2F2F; }
.plate--cap-model .plate__p { color: #4A403F; }
.plate__body.cap-model { width: 100%; max-width: none; padding: var(--plate-pad-top) var(--plate-side) clamp(2rem, 5svh, 4rem); display: flex; flex-direction: column; justify-content: center; gap: clamp(1.5rem, 4svh, 2.8rem); }
.cap-model__text { max-width: 760px; }
.cap-model__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1.5rem, 3vw, 2.5rem); }
.cap-model__card { display: flex; flex-direction: column; gap: 0.7rem; border-top: 1px solid rgba(59, 47, 47, 0.18); padding-top: 1.1rem; }
.cap-model__n { font-family: var(--plate-display); font-weight: 500; font-size: 0.66rem; letter-spacing: 0.2em; color: #6F5A1C; }
.cap-model__card h3 { margin: 0; font-family: var(--font-heading); font-weight: 400; font-size: clamp(1.2rem, 1.7vw, 1.55rem); line-height: 1.2; color: #3B2F2F; }
.cap-model__card p { margin: 0; font-size: 0.94rem; line-height: 1.65; color: #4A403F; }
main#main-content > section.eldorado-faq.cap-faq { background: #111111; }
main#main-content > section.eldorado-cta.cap-cta { background: #1E3A2F; }
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.plate__body.cap-index { display: flex; flex-direction: column; gap: 0.9rem; padding-bottom: 1.2rem; }
.cap-index__h1 { font-size: 1.3rem; }
.cap-index__item { padding: 0.42rem 0; gap: 0.05rem 0.8rem; }
.cap-index__item.is-active .cap-index__name { font-size: 1.15rem; }
.cap-index__desc { display: none; }
.cap-index__item.is-active .cap-index__desc { display: block; font-size: 0.74rem; }
.cap-index__photo { max-height: 28svh; }
.cap-index__sub, .cap-index__hint { display: none; }
.cap-model__grid { grid-template-columns: minmax(0, 1fr); gap: 0.9rem; }
.cap-model__card { gap: 0.4rem; padding-top: 0.7rem; }
}
:root {
--font-heading: 'Jost', 'Futura Std', Futura, 'Century Gothic', sans-serif;
--font-body: 'Jost', 'Futura Std', Futura, system-ui, -apple-system, sans-serif;
--font-display: 'Futura Std', Futura, 'Jost', 'Century Gothic', sans-serif;
}
.eldorado { --eld-font-body: var(--font-body); }
.plate { --plate-body: var(--font-body); --plate-display: var(--font-display); }
body { font-family: var(--font-body); font-weight: 400; }
strong, b { font-weight: 500; }
.overline,
.btn-gold,
.btn-ghost,
.nav-link,
.mobile-menu__link,
.stats__label,
.work-card__client,
.footer__heading,
.footer__locale-label,
.footer__locale-link,
.footer__locale-button,
.contact__label,
.scroll-indicator__text,
.company-info__label,
.fact-item__label,
.rfp__trust h3,
.rfp__contact h3,
.logistics-item__label,
.rfp__panel h3,
.insights-card__eyebrow,
.editorial-teaser__status,
.form-choices legend,
.rfp-metric__label,
.destination-hotel-card__visual-label,
.destination-hotel-card__visual-subtitle,
.destination-hotel-card__eyebrow,
.destination-hotel-card__metric-label,
.destination-hotel-card__insider-label,
.destination-detail-card__eyebrow,
.destination-planner-note__label,
.page--about .team-card--profile .team-card__title,
.why-checklist__label,
.destination-reference-card__label,
.skip-link,
.destination-card__explore,
.private-journeys__fact,
.affiliations__label,
.mobile-menu__locale-link,
.footer__legal-links a,
.consent-banner__accept,
.consent-banner__decline,
.footer__legal-links .footer__cookie-settings,
.key-facts th[scope="row"],
.hero__tagline,
.footer--ledger .footer__proposal-link,
.footer--ledger .footer__locale-label,
.nav__links a, .btn, .btn-gold, .btn-ghost, .btn-outline, .faq__question::after, .tag, .chip, .badge, .breadcrumbs, .breadcrumb, .form-group label, .footer__heading, .footer__locale-switcher a {
font-family: var(--font-display);
font-weight: 500;
}
h2, h3, h4, .section-heading, .content-section__text h2, .differentiator__content h2, .company-info__details h2, .page-band h2, .related-work__card h3,
.value-card__title, .team-card__name, .capability-card__title, .work-card__headline, .destination-card__name, .contact__card-title, .contact__office-title, .contact-dest-card__name, .contact-social__platform, .insights-card__title, .rfp__panel h3, .faq__question {
font-family: var(--font-display);
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.1em;
line-height: 1.2;
}
h2, .section-heading, .content-section__text h2, .differentiator__content h2, .company-info__details h2, .page-band h2 { font-size: clamp(1.3rem, 1.2vw + 0.6rem, 1.9rem); letter-spacing: 0.12em; }
h3, h4, .related-work__card h3, .value-card__title, .team-card__name, .capability-card__title, .work-card__headline, .destination-card__name, .contact__card-title, .contact__office-title, .contact-dest-card__name, .insights-card__title, .rfp__panel h3 { font-size: clamp(0.92rem, 0.5vw + 0.7rem, 1.1rem); letter-spacing: 0.12em; line-height: 1.35; }
.faq__question { font-family: var(--font-body); text-transform: none; letter-spacing: 0; font-weight: 400; font-size: 1.0625rem; }
h1, .page-hero__headline, .hero__headline, .plate__h1, .plate__h2, .plate__quote, .plate__aside, .cap-index__h1, .cap-index__item.is-active .cap-index__name, .cap-index__q, .cap-model__card h3,
blockquote, .pullquote, .pull-quote-band blockquote, .testimonial__quote, .testimonial-quote, .private-journeys__headline, .final-cta__content h2, .founder__content h2,
.footer--ledger .footer__proposal-line, .footer--ledger .footer__tagline, .eldorado__quote, .stats__number, .rfp-metric__value, .plate__numeral, .eldorado__stat-num {
font-family: var(--font-heading);
font-weight: 300;
letter-spacing: 0;
text-transform: none;
}
h1, .page-hero__headline, .hero__headline { letter-spacing: -0.005em; line-height: 1.08; }
.plate__h2--display, .eldorado__panel-h, .eldorado__h { font-family: var(--font-display); font-weight: 500; text-transform: uppercase; }
.eldorado__stat-num, .stats__number { font-family: var(--font-display); font-weight: 500; }
em, i, .plate__quote, .cap-index__q, .eldorado__quote, blockquote { font-style: italic; }
:is(.page.page--capabilities, .page.page--work, .page.page--destinations, .page.page--insights, .page.page--why-colombia, .page.page--luxury-travel, .page.page--mice-corporate-events) .page-hero .container::after { font-family: var(--font-heading); font-weight: 300; }
body { font-size: clamp(1rem, 0.35vw + 0.8rem, 1.125rem); line-height: 1.65; }
.plate__p, .eldorado__p, .cap-index__desc, .cap-model__card p, .faq__answer p { font-size: clamp(1rem, 0.3vw + 0.85rem, 1.1rem); }
.plate__lead, .eldorado__p--lead, .cap-index__sub { font-size: clamp(1.05rem, 0.4vw + 0.85rem, 1.2rem); }
.plate__note, .cap-index__hint, .plate__factline { font-size: 0.75rem; }
.cap-index__h1 { font-size: clamp(1.8rem, 2.4vw, 2.6rem); }
.cap-index__item { padding: clamp(0.6rem, 0.9vh, 1rem) 0; gap: 0.2rem 1.2rem; grid-template-columns: 34px minmax(0, 1fr); }
.cap-index__n { font-size: 0.72rem; }
.cap-index__name { font-size: clamp(0.85rem, 0.45vw + 0.55rem, 1.02rem); color: rgba(245, 243, 238, 0.78); }
.cap-index__item.is-active .cap-index__name { font-size: clamp(1.4rem, 1.7vw, 1.9rem); }
.cap-index__desc { color: rgba(232, 224, 208, 0.78); line-height: 1.5; }
.cap-index__item.is-active .cap-index__desc { color: #EDE6D8; }
.cap-index__q { font-size: clamp(1.15rem, 1.3vw, 1.5rem); }
.cap-index__go { font-size: 0.74rem; }
.cap-index__hint { font-size: 0.66rem; color: rgba(245, 243, 238, 0.5); }
.cap-model__card h3 { font-size: clamp(1.35rem, 1.7vw, 1.8rem); }
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.cap-index__h1 { font-size: 1.45rem; }
.cap-index__item { padding: 0.5rem 0; }
.cap-index__item.is-active .cap-index__name { font-size: 1.3rem; }
.cap-index__item.is-active .cap-index__desc { font-size: 0.9rem; }
}
.plate__body.cap-index { grid-template-columns: minmax(0, clamp(520px, 36vw, 700px)) minmax(0, 1fr); align-items: center; }
.cap-index__stage { justify-content: center; }
.cap-index__photo { max-height: 56svh; }
@media (max-width: 820px), (max-aspect-ratio: 23/20) { .cap-index__photo { max-height: 28svh; } }
.plate__body.cap-index { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: clamp(2.5rem, 5vw, 6rem); }
.cap-index__desc { display: none; }
.cap-index__item.is-active .cap-index__desc { display: block; font-size: clamp(1rem, 0.35vw + 0.85rem, 1.15rem); line-height: 1.55; color: #EDE6D8; max-width: 44rem; }
.cap-index__item { padding: clamp(0.7rem, 1.1vh, 1.15rem) 0; grid-template-columns: 40px minmax(0, 1fr); gap: 0.35rem 1.4rem; }
.cap-index__n { font-size: 0.78rem; padding-top: 0.45rem; }
.cap-index__item.is-active .cap-index__n { padding-top: 0.7rem; }
.cap-index__name { font-size: clamp(1rem, 0.5vw + 0.65rem, 1.25rem); letter-spacing: 0.14em; line-height: 1.35; }
.cap-index__item.is-active .cap-index__name { font-size: clamp(1.7rem, 2vw, 2.5rem); line-height: 1.1; }
.cap-index__h1 { font-size: clamp(1.9rem, 2.5vw, 2.8rem); max-width: 22ch; }
.cap-index__sub { font-size: clamp(1.05rem, 0.35vw + 0.85rem, 1.2rem); max-width: 40rem; }
.cap-index__stage { gap: 1.1rem; }
.cap-index__photo { aspect-ratio: 4 / 3; max-height: 54svh; }
.cap-index__q { font-size: clamp(1.2rem, 1.35vw, 1.6rem); }
.cap-index__go { font-size: 0.78rem; }
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.cap-index__item { padding: 0.5rem 0; grid-template-columns: 28px minmax(0, 1fr); gap: 0.1rem 0.8rem; }
.cap-index__name { font-size: 0.85rem; letter-spacing: 0.12em; }
.cap-index__item.is-active .cap-index__name { font-size: 1.3rem; }
.cap-index__item.is-active .cap-index__desc { font-size: 0.9rem; }
.cap-index__h1 { font-size: 1.45rem; max-width: none; }
}
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.cap-index__h1 { font-size: 1.28rem; }
.cap-index__item { padding: 0.38rem 0; }
.cap-index__name { font-size: 0.78rem; }
.cap-index__item.is-active .cap-index__name { font-size: 1.18rem; }
.cap-index__item.is-active .cap-index__desc { font-size: 0.86rem; line-height: 1.45; }
.cap-index__photo { max-height: 24svh; }
.cap-index__q { font-size: 1rem; }
}
.cap-index__reel {
display: flex;
gap: clamp(10px, 1.2vw, 18px);
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
scrollbar-width: none;
padding-inline: 15%;
scroll-padding-inline: 15%;
-webkit-overflow-scrolling: touch;
overscroll-behavior-x: contain;
touch-action: pan-x pan-y;
cursor: grab;
}
.cap-index__reel::-webkit-scrollbar { display: none; }
.cap-index__reel.is-dragging { cursor: grabbing; user-select: none; }
.cap-index__slide { flex: 0 0 70%; margin: 0; scroll-snap-align: center; opacity: 0.4; transform: scale(0.96); transition: opacity 420ms, transform 420ms; cursor: pointer; }
.cap-index__slide.is-active { opacity: 1; transform: none; cursor: default; }
.cap-index__slide .cap-index__photo { width: 100%; aspect-ratio: 4 / 3; max-height: 52svh; }
.cap-index__captions { min-height: 5.2rem; }
.cap-index__caption { display: flex; flex-direction: column; gap: 0.6rem; }
.cap-index__caption[hidden] { display: none; }
.cap-index__hint { display: flex; }
.cap-index__hint-touch { display: none; }
@media (hover: none) { .cap-index__hint-pointer { display: none; } .cap-index__hint-touch { display: inline; } }
.cap-index__hint { color: rgba(245, 243, 238, 0.6); font-size: 0.7rem; }
.cap-index__name { display: inline-block; transition: color 320ms, transform 320ms; }
.cap-index__item:hover { border-bottom-color: rgba(201, 174, 93, 0.6); }
.cap-index__item:hover .cap-index__name { color: #F5F3EE; transform: translateX(6px); }
.cap-index__item.is-active .cap-index__name { transform: none; }
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.cap-index__slide { flex-basis: 78%; }
.cap-index__reel { padding-inline: 11%; scroll-padding-inline: 11%; }
.cap-index__slide .cap-index__photo { max-height: 24svh; }
.cap-index__hint { display: flex; font-size: 0.62rem; }
}
.cap-index__reel { position: relative; }
.cap-index__reel { padding-inline: 0; scroll-padding-inline: 0; }
.cap-index__reel::before, .cap-index__reel::after { content: ""; flex: 0 0 15%; }
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.cap-index__reel { padding-inline: 0; scroll-padding-inline: 0; }
.cap-index__reel::before, .cap-index__reel::after { flex-basis: 11%; }
}
.cap-index__slide { transition: opacity 180ms, transform 220ms; }
.cap-index__item, .cap-index__n, .cap-index__name, .cap-index__desc { transition-duration: 160ms; }
.cap-index__hint { display: none; }
.plate--work-open { --plate-bg: #F5F3EE; color: #111111; }
.plate--work-wall { --plate-bg: #111111; }
.plate__body.work-open { width: 100%; max-width: none; padding: var(--plate-pad-top) var(--plate-side) clamp(2rem, 5svh, 4rem); display: flex; flex-direction: column; justify-content: center; gap: clamp(1.6rem, 4svh, 3rem); }
.plate--work-open .plate__overline { color: #6F5A1C; }
.plate--work-open .plate__overline::before { background: rgba(111, 90, 28, 0.55); }
.work-open__lead { display: flex; flex-direction: column; gap: 1rem; max-width: 900px; }
.work-open__h1 { color: #111111; }
.work-open__sub { margin: 0; font-size: clamp(1rem, 0.35vw + 0.85rem, 1.15rem); line-height: 1.6; color: #3B2F2F; max-width: 44rem; }
.work-open__figures { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1.5rem, 3vw, 2.5rem); border-top: 1px solid rgba(17, 17, 17, 0.18); padding-top: clamp(1.2rem, 3svh, 1.8rem); }
.work-open__figure { display: flex; flex-direction: column; gap: 0.5rem; }
.work-open__value { font-family: var(--font-heading); font-weight: 300; font-size: clamp(2.6rem, 4.4vw, 4rem); line-height: 1; color: #111111; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; }
.work-open__label { font-family: var(--plate-display); font-weight: 500; font-size: 0.7rem; letter-spacing: 0.2em; text-transform: uppercase; color: #6F5A1C; line-height: 1.4; }
.work-open__figure p { margin: 0; font-size: 0.94rem; line-height: 1.55; color: #555555; max-width: 22rem; }
.plate__body.work-wall { width: 100%; max-width: none; height: 100svh; box-sizing: border-box; padding: var(--plate-pad-top) var(--plate-side) clamp(1.2rem, 3svh, 2rem); display: flex; flex-direction: column; gap: clamp(0.8rem, 2svh, 1.2rem); }
.work-wall__head { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem 3rem; flex-wrap: wrap; }
.work-wall__head .plate__overline { white-space: nowrap; }
.work-wall__lead { margin: 0; font-family: var(--font-heading); font-weight: 300; font-size: clamp(0.95rem, 1.05vw, 1.2rem); line-height: 1.45; color: rgba(245, 243, 238, 0.7); max-width: 56rem; flex: 1 1 32rem; }
.work-wall__grid { list-style: none; margin: 0; padding: 0; flex: 1; min-height: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-rows: minmax(0, 1fr); gap: 10px; }
.work-wall__tile { position: relative; min-height: 0; overflow: hidden; background: #111111; }
.work-wall__link { position: absolute; inset: 0; display: block; color: inherit; text-decoration: none; -webkit-tap-highlight-color: transparent; }
.work-wall__photo { position: absolute; inset: 0; display: block; }
.work-wall__photo picture { display: block; width: 100%; height: 100%; }
.work-wall__photo img { display: block; width: 100%; height: 100%; object-fit: cover; transition: opacity 480ms ease, transform 1200ms ease; }
.work-wall__grid.has-active .work-wall__tile:not(.is-active) .work-wall__photo img { opacity: 0.42; }
.work-wall__tile.is-active .work-wall__photo img { transform: scale(1.04); }
.work-wall__scrim { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(17, 17, 17, 0) 38%, rgba(17, 17, 17, 0.92) 100%); }
.work-wall__text { position: absolute; left: clamp(0.7rem, 1.4vw, 1.25rem); right: clamp(0.7rem, 1.4vw, 1.25rem); bottom: clamp(0.7rem, 1.6vh, 1.1rem); display: flex; flex-direction: column; gap: 0.35rem; }
.work-wall__n { font-family: var(--plate-display); font-weight: 500; font-size: 0.62rem; letter-spacing: 0.2em; color: #C9AE5D; }
.work-wall__client { margin: 0; font-family: var(--plate-display); font-weight: 500; font-size: clamp(0.7rem, 0.75vw, 0.85rem); letter-spacing: 0.2em; text-transform: uppercase; color: #F5F3EE; line-height: 1.25; }
.work-wall__meta { font-size: 0.78rem; line-height: 1.4; color: rgba(245, 243, 238, 0.6); }
.work-wall__reveal { display: none; flex-direction: column; gap: 0.35rem; }
.work-wall__tile.is-active .work-wall__meta { display: none; }
.work-wall__tile.is-active .work-wall__reveal { display: flex; }
.work-wall__headline { font-family: var(--font-heading); font-weight: 300; font-size: clamp(0.95rem, 1.15vw, 1.25rem); line-height: 1.3; color: #F5F3EE; }
.work-wall__facts { font-size: 0.78rem; line-height: 1.45; color: rgba(245, 243, 238, 0.75); }
.work-wall__go { font-family: var(--plate-display); font-weight: 500; font-size: 0.62rem; letter-spacing: 0.18em; text-transform: uppercase; color: #C9AE5D; margin-top: 0.15rem; }
.work-wall__link:hover .work-wall__go, .work-wall__link:focus-visible .work-wall__go { color: #F5F3EE; }
.work-wall__link:focus-visible { outline: 2px solid #C9AE5D; outline-offset: -2px; }
main#main-content > section.eldorado-faq.work-faq { background: #F5F3EE; --eld-base: #F5F3EE; --eld-cream: #111111; --eld-ivory: #3B2F2F; --eld-gold: #6F5A1C; }
main#main-content > section.eldorado-cta.work-cta { background: #111111; }
main#main-content > section.eldorado-cta.cap-cta { background: #1A1F36; }
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.plate__body.work-open { gap: 1.2rem; }
.work-open__figures { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.8rem; }
.work-open__value { font-size: clamp(1.8rem, 8vw, 2.6rem); }
.work-open__label { font-size: 0.58rem; letter-spacing: 0.14em; }
.work-open__figure p { display: none; }
.work-wall__head { gap: 0.3rem; }
.work-wall__lead { font-size: 0.86rem; flex-basis: auto; }
.work-wall__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.work-wall__text { gap: 0.2rem; }
.work-wall__client { font-size: 0.66rem; letter-spacing: 0.14em; }
.work-wall__meta, .work-wall__facts { font-size: 0.7rem; }
.work-wall__headline { font-size: 0.9rem; }
.work-wall__tile.is-active .work-wall__facts { display: none; }
}
@media (max-width: 820px) and (max-height: 700px) { .work-wall__lead { display: none; } }
html.plates-flow .plate__body.work-wall { height: auto; }
html.plates-flow .work-wall__grid { grid-auto-rows: auto; }
html.plates-flow .work-wall__tile { aspect-ratio: 4 / 3; }
.plate--work-wall h2.work-wall__lead { font-family: var(--font-heading); font-weight: 300; text-transform: none; letter-spacing: 0; }
.plate--record { --plate-bg: #1A1F36; }
.plate__body.record { width: 100%; max-width: none; padding: var(--plate-pad-top) var(--plate-side) clamp(1.5rem, 4svh, 3rem); display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: clamp(2rem, 5vw, 6rem); align-items: center; }
.record__lead { display: flex; flex-direction: column; gap: 1rem; min-width: 0; }
.record__h1 { font-size: clamp(1.9rem, 3.2vw, 3.1rem); line-height: 1.08; max-width: 40rem; }
.record__answer { margin: 0; font-size: clamp(1.02rem, 0.35vw + 0.9rem, 1.2rem); line-height: 1.6; color: #E8E0D0; max-width: 40rem; }
.record__deck { margin: 0; font-family: var(--font-heading); font-weight: 300; font-style: italic; font-size: clamp(1.05rem, 1.3vw, 1.3rem); line-height: 1.4; color: rgba(245, 243, 238, 0.85); max-width: 36rem; }
.record__sample { margin: 0.4rem 0 0; font-family: var(--plate-display); font-weight: 500; font-size: 0.66rem; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(201, 174, 93, 0.85); }
.record__stage { display: flex; flex-direction: column; gap: 1.1rem; min-width: 0; }
.record__photo { width: 100%; aspect-ratio: 16 / 10; max-height: 46svh; overflow: hidden; box-shadow: 0 26px 60px rgba(17, 17, 17, 0.4); }
.record__photo picture, .record__photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.record__ledger { margin: 0; }
.record__ledger .key-facts { width: 100%; border-collapse: collapse; font-size: 0.86rem; }
.record__ledger .key-facts caption { text-align: left; font-family: var(--plate-display); font-weight: 500; font-size: 0.62rem; letter-spacing: 0.2em; text-transform: uppercase; color: #C9AE5D; padding: 0 0 0.5rem; }
.record__ledger .key-facts th, .record__ledger .key-facts td { padding: 0.42rem 0; border-top: 1px solid rgba(245, 243, 238, 0.14); vertical-align: top; text-align: left; }
.record__ledger .key-facts th { width: 34%; font-family: var(--plate-display); font-weight: 500; font-size: 0.62rem; letter-spacing: 0.16em; text-transform: uppercase; color: rgba(201, 174, 93, 0.9); padding-top: 0.55rem; }
.record__ledger .key-facts td { color: #F5F3EE; line-height: 1.45; }
.cs-programme .content-section__text { margin-bottom: clamp(1.5rem, 4vh, 2.5rem); }
.cs-film { margin: 0 0 clamp(1.5rem, 4vh, 2.5rem); }
.cs-film video { display: block; width: 100%; max-height: 70svh; background: #111111; }
.cs-film figcaption { margin-top: 0.7rem; font-size: 0.9rem; color: #555555; }
.chapters { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.chapter { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.2rem; padding: clamp(1.2rem, 3vh, 2rem) 0; border-top: 1px solid rgba(26, 31, 54, 0.18); }
.chapters--ledger .chapter { grid-template-columns: 9rem minmax(0, 1fr); }
.chapters--ledger .chapter__n { grid-column: 1; }
.chapters--ledger .chapter__text { display: contents; }
.chapters--ledger .chapter__title { grid-column: 2; }
.chapters--ledger .chapter__text p { grid-column: 2; }
.chapter__n { font-family: var(--plate-display); font-weight: 500; font-size: 0.66rem; letter-spacing: 0.2em; text-transform: uppercase; color: #6F5A1C; padding-top: 0.5rem; }
.chapter__title { margin: 0 0 0.5rem; font-family: var(--font-heading); font-weight: 300; text-transform: none; letter-spacing: 0; font-size: clamp(1.3rem, 1.8vw, 1.7rem); line-height: 1.2; color: #1A1F36; }
.chapter__text p { margin: 0; max-width: 42rem; line-height: 1.7; color: #3B2F2F; }
.chapters--photo .chapter { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; gap: clamp(1.5rem, 4vw, 4rem); }
.chapters--photo .chapter:nth-child(even) .chapter__photos { order: 2; }
.chapter__photos { display: grid; gap: 8px; }
.chapter__photos img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.chapter__photos img:nth-child(n + 2) { aspect-ratio: 16 / 9; }
.cs-proof .proof__results { color: #E8E0D0; }
.proof__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1.5rem, 3vw, 3rem); margin-top: clamp(1.5rem, 4vh, 2.5rem); }
.proof__panel { display: flex; flex-direction: column; gap: 0.7rem; border-top: 1px solid rgba(201, 174, 93, 0.35); padding-top: 1rem; color: #E8E0D0; }
.proof__panel p { margin: 0; line-height: 1.65; }
.proof__figures { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.proof__figure { padding: 0.55rem 0; border-bottom: 1px solid rgba(245, 243, 238, 0.12); font-family: var(--font-heading); font-weight: 300; font-size: clamp(1rem, 1.15vw, 1.15rem); line-height: 1.4; color: #F5F3EE; }
.proof__recognition { font-family: var(--font-heading); font-weight: 300; font-size: clamp(1.05rem, 1.3vw, 1.3rem); line-height: 1.4; color: #F5F3EE; }
.proof__quote { margin: 0; font-family: var(--font-heading); font-weight: 300; font-style: italic; font-size: clamp(1.1rem, 1.4vw, 1.4rem); line-height: 1.45; color: #F5F3EE; }
.proof__quote cite { display: block; margin-top: 0.6rem; font-style: normal; font-family: var(--plate-display); font-weight: 500; font-size: 0.66rem; letter-spacing: 0.18em; text-transform: uppercase; color: #C9AE5D; }
.proof__grid:has(> :only-child) { grid-template-columns: minmax(0, 1fr); }
.proof__grid:has(> :nth-child(2):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.demonstrates { list-style: none; margin: clamp(1rem, 3vh, 1.8rem) 0 0; padding: 0; display: flex; flex-direction: column; }
.demonstrates li { border-top: 1px solid rgba(26, 31, 54, 0.18); }
.demonstrates li:last-child { border-bottom: 1px solid rgba(26, 31, 54, 0.18); }
.demonstrates__item { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; padding: 1rem 0; font-family: var(--font-heading); font-weight: 300; text-transform: none; letter-spacing: 0; font-size: clamp(1.25rem, 1.8vw, 1.7rem); line-height: 1.25; color: #1A1F36; text-decoration: none; transition: color var(--transition-base); }
.demonstrates__item span { font-family: var(--plate-display); color: #C9AE5D; }
.demonstrates__item:hover, .demonstrates__item:focus-visible { color: #6F5A1C; }
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.plate__body.record { display: flex; flex-direction: column; gap: 1.1rem; justify-content: flex-start; }
.record__h1 { font-size: 1.5rem; }
.record__answer { font-size: 0.95rem; }
.record__deck { display: none; }
.record__photo { max-height: 26svh; aspect-ratio: 16 / 9; }
.record__ledger .key-facts { font-size: 0.78rem; }
.record__ledger .key-facts th, .record__ledger .key-facts td { padding: 0.3rem 0; }
.chapters--ledger .chapter { grid-template-columns: minmax(0, 1fr); gap: 0.3rem; }
.chapters--ledger .chapter__title, .chapters--ledger .chapter__text p { grid-column: 1; }
.chapters--photo .chapter { grid-template-columns: minmax(0, 1fr); }
.chapters--photo .chapter:nth-child(even) .chapter__photos { order: 0; }
.proof__grid { grid-template-columns: minmax(0, 1fr) !important; }
}
html.plates-flow .plate--record { min-height: 0; }
.record__ledger.key-facts-wrap { max-width: none; }
.record__ledger .key-facts { background: transparent; border-top: 1px solid rgba(201, 174, 93, 0.45); border-bottom: 1px solid rgba(201, 174, 93, 0.45); }
.record__ledger .key-facts tbody tr { border-top: 1px solid rgba(245, 243, 238, 0.12); }
.record__ledger .key-facts th[scope="row"] { color: rgba(201, 174, 93, 0.9); font-weight: 500; letter-spacing: 0.16em; font-size: 0.62rem; padding: 0.55rem 1rem 0.42rem 0; }
.record__ledger .key-facts td { color: #F5F3EE; font-size: 0.86rem; line-height: 1.45; padding: 0.42rem 0; }
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.record__photo { max-height: 22svh; }
.record__ledger .key-facts tr[data-fact="verification"], .record__ledger .key-facts tr[data-fact="muisca-role"] { display: none; }
.record__sample { font-size: 0.58rem; }
}
.plate--cs-brief, .plate--cs-demonstrates { --plate-bg: #F5F3EE; color: #3B2F2F; }
.plate--chapters { --plate-bg: #E8E0D0; color: #3B2F2F; }
.plate--cs-film, .plate--chapter { --plate-bg: #111111; }
.plate--cs-proof { --plate-bg: #1A1F36; }
main#main-content > section.eldorado-cta.cs-cta { background: #111111; }
main#main-content > section.eldorado-faq.cs-faq { background: #F5F3EE; --eld-base: #F5F3EE; --eld-cream: #111111; --eld-ivory: #3B2F2F; --eld-gold: #6F5A1C; }
.plate--cs .plate__body { padding-top: var(--plate-pad-top); }
.plate--cs-brief .plate__overline, .plate--cs-demonstrates .plate__overline, .plate--chapters .plate__overline { color: #6F5A1C; }
.plate--cs-brief .plate__overline::before, .plate--cs-demonstrates .plate__overline::before, .plate--chapters .plate__overline::before { background: rgba(111, 90, 28, 0.55); }
.cs-h2 { margin: 0.6rem 0 0.9rem; font-family: var(--plate-display); font-weight: 500; text-transform: uppercase; letter-spacing: 0.12em; font-size: clamp(1.25rem, 1.9vw, 1.75rem); line-height: 1.2; color: #1A1F36; }
.plate--cs-film .cs-h2, .plate--chapter .cs-h2, .plate--cs-proof .cs-h2 { color: #F5F3EE; }
.cs-p { margin: 0; font-size: clamp(1rem, 0.3vw + 0.85rem, 1.1rem); line-height: 1.7; max-width: 38rem; color: inherit; }
.cs-head { display: flex; flex-direction: column; }
.plate__body.cs-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2rem, 5vw, 6rem); align-items: start; align-content: center; }
.cs-two__col { display: flex; flex-direction: column; min-width: 0; }
.plate__body.cs-film-body { display: flex; flex-direction: column; justify-content: center; gap: 1rem; }
.plate--cs-film .cs-film { margin: 0; }
.plate--cs-film .cs-film video { max-height: 62svh; width: 100%; }
.plate--cs-film .cs-film figcaption { color: rgba(245, 243, 238, 0.7); }
.plate__body.cs-chapters-body { display: flex; flex-direction: column; justify-content: center; gap: 1rem; }
.chapters--grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(1rem, 2.5vh, 1.8rem) clamp(2rem, 4vw, 4rem); }
.chapters--grid .chapter { display: block; padding: clamp(0.9rem, 2vh, 1.4rem) 0 0; border-top: 1px solid rgba(59, 47, 47, 0.2); }
.chapters--grid .chapter__title { color: #1A1F36; font-size: clamp(1.15rem, 1.5vw, 1.45rem); }
.chapters--grid .chapter__text p { font-size: clamp(0.92rem, 0.25vw + 0.8rem, 1rem); line-height: 1.6; }
.plate--chapter .plate__scrim { background: linear-gradient(90deg, #111111 34%, rgba(17, 17, 17, 0.62) 50%, rgba(17, 17, 17, 0) 66%); }
.plate__body.cs-chapter-body { justify-content: flex-end; max-width: 34rem; margin-inline: 0; margin-left: var(--plate-side); width: min(34rem, 100% - 2 * var(--plate-side)); }
.plate--chapter .chapter__n { color: #C9AE5D; }
.plate--chapter .chapter__title { color: #F5F3EE; font-size: clamp(1.5rem, 2.4vw, 2.3rem); }
.plate--chapter .chapter__text p { color: #E8E0D0; }
.plate__body.cs-proof-body { display: flex; flex-direction: column; justify-content: center; gap: clamp(1rem, 3vh, 2rem); }
.plate--cs-proof .cs-p { max-width: 48rem; color: #E8E0D0; }
.plate--cs-proof .proof__grid { margin-top: 0; }
.plate--cs-proof .proof__panel p { color: #E8E0D0; font-size: 0.95rem; }
.plate--cs-demonstrates .demonstrates { margin-top: 1rem; }
.cs-links__list { list-style: none; margin: 0.6rem 0 0; padding: 0; display: flex; flex-direction: column; }
.cs-links__item { display: flex; justify-content: space-between; gap: 1rem; padding: 0.8rem 0; border-top: 1px solid rgba(26, 31, 54, 0.18); font-family: var(--plate-display); font-weight: 500; font-size: 0.78rem; letter-spacing: 0.16em; text-transform: uppercase; color: #1A1F36; text-decoration: none; }
.cs-links__list li:last-child .cs-links__item { border-bottom: 1px solid rgba(26, 31, 54, 0.18); }
.cs-links__item span { color: #C9AE5D; }
.cs-links__item:hover, .cs-links__item:focus-visible { color: #6F5A1C; }
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.plate__body.cs-two { display: flex; flex-direction: column; gap: 1.4rem; justify-content: center; }
.cs-h2 { font-size: 1.1rem; margin: 0.4rem 0 0.6rem; }
.cs-p { font-size: 0.92rem; line-height: 1.6; }
.chapters--grid { grid-template-columns: minmax(0, 1fr); gap: 0.6rem; }
.chapters--grid .chapter { padding-top: 0.6rem; }
.chapters--grid .chapter__title { font-size: 1rem; margin-bottom: 0.2rem; }
.chapters--grid .chapter__text p { font-size: 0.84rem; line-height: 1.5; }
.plate--cs-film .cs-film video { max-height: 48svh; }
.plate__body.cs-chapter-body { width: min(100%, 100% - 2 * var(--plate-side)); }
.plate--cs-proof .proof__grid { gap: 1rem; }
.plate--cs-proof .proof__panel p, .proof__figure { font-size: 0.86rem; }
.plate--cs-demonstrates .demonstrates__item { font-size: 1.1rem; padding: 0.7rem 0; }
}
.work-wall__grid[data-count="9"], .work-wall__grid[data-count="10"] { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.work-wall__tile--soon .work-wall__link { cursor: default; }
.work-wall__tile--soon .work-wall__headline { font-style: italic; color: rgba(245, 243, 238, 0.85); }
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.work-wall__grid[data-count="9"], .work-wall__grid[data-count="10"] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 5px; }
.work-wall__grid[data-count="10"] .work-wall__text { gap: 0.1rem; bottom: 0.5rem; }
.work-wall__grid[data-count="10"] .work-wall__n { display: none; }
}
@media (max-width: 820px) and (max-height: 700px) {
.record__photo { max-height: 17svh; }
.record__answer { font-size: 0.88rem; line-height: 1.5; }
.record__ledger .key-facts tr[data-fact="duration"] { display: none; }
.plate--cs-proof .cs-p { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.plate--cs-proof .proof__figure:nth-child(n + 7) { display: none; }
.plate--cs-proof .proof__panel--community p:not(.plate__overline) { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.plate--cs-proof .proof__figure { padding: 0.35rem 0; }
}
.work-wall__head { align-items: flex-end; }
.work-wall__lead-block { display: flex; flex-direction: column; gap: 0.5rem; }
.work-wall__h1 { margin: 0; font-family: var(--font-heading); font-weight: 300; font-size: clamp(1.6rem, 2.6vw, 2.5rem); line-height: 1.05; color: #F5F3EE; text-transform: none; letter-spacing: 0; }
.work-wall__answer { margin: 0; font-size: clamp(0.88rem, 0.25vw + 0.8rem, 1rem); line-height: 1.5; color: rgba(245, 243, 238, 0.72); max-width: 44rem; flex: 1 1 26rem; }
.work-open__h1 { font-size: clamp(1.9rem, 3.4vw, 3.2rem); }
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.work-wall__h1 { font-size: 1.35rem; }
.work-wall__answer { font-size: 0.82rem; line-height: 1.45; }
}
@media (max-width: 820px) and (max-height: 700px) { .work-wall__answer { display: none; } }
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.work-wall__head .plate__overline { white-space: normal; }
.work-wall__headline { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
}
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.work-wall__grid[data-count="10"] .work-wall__headline { -webkit-line-clamp: 2; font-size: 0.84rem; }
.work-wall__grid[data-count="10"] .work-wall__go { white-space: nowrap; font-size: 0.55rem; margin-top: 0; }
}
html.snap-plates .plate__strip-window img, .cap-index__reel img { -webkit-user-drag: none; user-select: none; }
.strip-arrow { position: absolute; z-index: 4; width: 44px; height: 44px; margin-top: -22px; border-radius: 50%; border: 1px solid rgba(201, 174, 93, 0.6); background: rgba(17, 17, 17, 0.55); color: #C9AE5D; display: flex; align-items: center; justify-content: center; cursor: pointer; padding: 0; opacity: 0; transition: opacity 240ms, background 240ms, color 240ms; backdrop-filter: blur(4px); }
.strip-arrow--prev { left: 10px; }
.strip-arrow--next { right: 10px; }
.plate:hover .strip-arrow, .strip-arrow:focus-visible { opacity: 1; }
.strip-arrow:hover, .strip-arrow:focus-visible { background: #C9AE5D; color: #111111; outline: none; }
@media (hover: none), (pointer: coarse) { .strip-arrow { display: none; } }
.strip-arrow--prev, .strip-arrow--next { left: auto; right: auto; }
@media (max-width: 820px) and (max-height: 700px) { .plate--chapter .chapter__text p { font-size: 0.86rem; line-height: 1.5; } .plate--chapter .chapter__title { font-size: 1.3rem; } }
.plate--cs-programme { --plate-bg: #111111; }
.plate__body.cs-programme-body { width: 100%; max-width: none; padding: var(--plate-pad-top) var(--plate-side) clamp(1.2rem, 3svh, 2rem); display: flex; flex-direction: column; justify-content: center; gap: clamp(1rem, 2.5svh, 2rem); }
.cs-programme__head { display: grid; grid-template-columns: minmax(0, 22rem) minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 5rem); align-items: end; }
.plate--cs-programme .cs-h2 { color: #F5F3EE; margin-bottom: 0; }
.cs-programme__summary { max-width: 62rem; color: #E8E0D0; font-size: clamp(0.95rem, 0.3vw + 0.82rem, 1.08rem); line-height: 1.6; }
.cs-fan { --w: clamp(200px, calc((100vw - 2 * var(--plate-side)) / (1 + 0.42 * (var(--n) - 1))), 440px); position: relative; display: flex; justify-content: center; align-items: flex-end; padding: 1.5rem 0 0.5rem; }
.cs-fan__item { position: relative; margin: 0; width: var(--w); aspect-ratio: 3 / 4; flex: 0 0 auto; margin-left: calc(var(--w) * -0.42); transform: rotate(calc((var(--i) - (var(--n) - 1) / 2) * 3.5deg)) translateY(calc(max(var(--i) - (var(--n) - 1) / 2, (var(--n) - 1) / 2 - var(--i)) * 8px)); transform-origin: 50% 120%; transition: transform 420ms cubic-bezier(.2,.7,.2,1), filter 320ms, z-index 0s; z-index: 1; cursor: pointer; outline: none; }
.cs-fan__item:first-child { margin-left: 0; }
.cs-fan__photo { position: absolute; inset: 0; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 22%, #000 78%, transparent 100%); mask-image: linear-gradient(90deg, transparent 0, #000 22%, #000 78%, transparent 100%); transition: -webkit-mask-image 320ms, mask-image 320ms; }
.cs-fan__photo picture, .cs-fan__photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.cs-fan__caption { position: absolute; left: 0; right: 0; bottom: 0; padding: 3rem 1rem 1rem; margin: 0; font-family: var(--font-heading); font-weight: 300; font-size: clamp(0.95rem, 1.05vw, 1.15rem); line-height: 1.35; color: #F5F3EE; text-align: center; background: linear-gradient(180deg, rgba(17, 17, 17, 0) 0%, rgba(17, 17, 17, 0.85) 60%); opacity: 0; transition: opacity 320ms; pointer-events: none; }
.cs-fan__item:hover, .cs-fan__item:focus-visible, .cs-fan__item.is-open { z-index: 10; transform: rotate(0deg) translateY(-14px) scale(1.06); }
.cs-fan__item:hover .cs-fan__photo, .cs-fan__item:focus-visible .cs-fan__photo, .cs-fan__item.is-open .cs-fan__photo { -webkit-mask-image: none; mask-image: none; box-shadow: 0 30px 70px rgba(0, 0, 0, 0.55); }
.cs-fan__item:hover .cs-fan__caption, .cs-fan__item:focus-visible .cs-fan__caption, .cs-fan__item.is-open .cs-fan__caption { opacity: 1; }
.cs-fan:has(.cs-fan__item:hover) .cs-fan__item:not(:hover), .cs-fan:has(.cs-fan__item.is-open) .cs-fan__item:not(.is-open) { filter: brightness(0.55); }
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.cs-programme__head { display: flex; flex-direction: column; gap: 0.6rem; }
.cs-programme__summary { font-size: 0.86rem; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden; }
.cs-fan { --w: 62vw; justify-content: flex-start; align-items: stretch; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; gap: 8px; padding: 0.4rem 0 0.6rem; margin-right: calc(-1 * var(--plate-side)); padding-right: var(--plate-side); }
.cs-fan::-webkit-scrollbar { display: none; }
.cs-fan__item { margin-left: 0; transform: none !important; scroll-snap-align: center; aspect-ratio: 4 / 5; }
.cs-fan__photo { -webkit-mask-image: none !important; mask-image: none !important; }
.cs-fan__caption { opacity: 1; font-size: 0.82rem; padding: 2rem 0.7rem 0.7rem; }
.cs-fan:has(.cs-fan__item:hover) .cs-fan__item:not(:hover) { filter: none; }
}
@media (max-width: 820px) and (max-height: 700px) { .cs-programme__summary { -webkit-line-clamp: 5; } .cs-fan { --w: 46vw; } }
.plate__body.cs-programme-body--text { justify-content: center; }
.cs-programme-body--text .cs-programme__head { display: flex; flex-direction: column; gap: 1rem; max-width: 52rem; margin-inline: auto; align-items: flex-start; }
.cs-programme-body--text .cs-programme__summary { font-family: var(--font-heading); font-weight: 300; font-size: clamp(1.25rem, 1.8vw, 1.75rem); line-height: 1.4; color: #F5F3EE; max-width: 52rem; }
@media (max-width: 820px), (max-aspect-ratio: 23/20) { .cs-programme-body--text .cs-programme__summary { font-size: 1.05rem; -webkit-line-clamp: 12; } }
@media (max-width: 820px) and (max-height: 900px) {
.record__photo { max-height: 20svh; }
.plate--cs-proof .cs-p { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.plate--cs-proof .proof__figure:nth-child(n + 8) { display: none; }
.plate--cs-proof .proof__panel--community p:not(.plate__overline) { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.plate--cs-proof .proof__figure { padding: 0.4rem 0; }
}
@media (min-width: 821px) and (max-height: 760px) {
.plate--cs-proof .proof__figure { padding: 0.3rem 0; font-size: 0.95rem; }
.plate--cs-proof .proof__panel--community p:not(.plate__overline) { display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; }
.plate--cs-proof .cs-p { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
}
@media (max-width: 820px) and (max-height: 900px) {
.record__h1 { font-size: 1.35rem; }
.record__answer { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
}
.cs-fan { --w: clamp(200px, calc((100vw - 2 * var(--plate-side)) * 0.94 / (1 + 0.42 * (var(--n) - 1))), 440px); padding-top: clamp(1.5rem, 4svh, 3rem); }
.cs-fan__item:hover, .cs-fan__item:focus-visible, .cs-fan__item.is-open { transform: rotate(0deg) translateY(-10px) scale(1.04); }
@media (max-width: 820px), (max-aspect-ratio: 23/20) { .cs-fan { --w: 62vw; padding-top: 0.4rem; } .cs-fan__item:hover, .cs-fan__item:focus-visible, .cs-fan__item.is-open { transform: none !important; } }
@media (max-width: 820px) and (max-height: 700px) { .cs-fan { --w: 46vw; } }
@media (max-width: 820px) and (max-height: 900px) {
.record__ledger .key-facts tr[data-fact="duration"] { display: none; }
.record__photo { max-height: 18svh; }
.record__sample { font-size: 0.56rem; }
}
.plate--dest-chart { --plate-bg: #F5F3EE; color: #3B2F2F; }
.plate--dest-chart .plate__overline { color: #6F5A1C; }
.plate--dest-chart .plate__overline::before { background: rgba(111, 90, 28, 0.55); }
.plate__body.dest-chart__body { width: 100%; max-width: none; height: 100svh; box-sizing: border-box; padding: var(--plate-pad-top) var(--plate-side) clamp(1rem, 3svh, 2rem); display: grid; grid-template-columns: minmax(280px, 31%) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr) auto; gap: clamp(0.8rem, 2svh, 1.4rem) clamp(1.5rem, 3vw, 3rem); position: relative; }
.dest-chart__side { grid-column: 1; grid-row: 1; display: flex; flex-direction: column; justify-content: flex-start; gap: 1rem; min-height: 0; }
.dest-chart__lead { display: flex; flex-direction: column; gap: 0.9rem; padding-top: clamp(0.5rem, 3svh, 2rem); }
.dest-chart__h1 { color: #3B2F2F; font-weight: 300; font-size: clamp(2rem, 3.2vw, 3rem); line-height: 1.06; max-width: 22ch; display: block; }
.dest-chart__answer { margin: 0; font-size: clamp(0.95rem, 0.3vw + 0.82rem, 1.08rem); line-height: 1.6; color: #555555; max-width: 34rem; }
.dest-chart__hint { margin: 0; font-family: var(--plate-display); font-weight: 500; font-size: 0.6rem; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(111, 90, 28, 0.8); }
.dest-chart__map { grid-column: 2; grid-row: 1; min-height: 0; min-width: 0; display: flex; justify-content: center; align-items: center; position: relative; }
.dest-chart__map .atlas { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; display: block; }
.atlas__dept { fill: #E8E0D0; stroke: rgba(59, 47, 47, 0.35); stroke-width: 0.8; vector-effect: non-scaling-stroke; transition: fill 0.35s ease, stroke 0.35s ease; }
.atlas__dept--lit { fill: #DCCFB6; stroke: rgba(59, 47, 47, 0.6); cursor: pointer; }
.atlas__dept--lit.is-active { fill: #C9AE5D; stroke: rgba(59, 47, 47, 0.75); }
.atlas__inset rect { fill: none; stroke: rgba(59, 47, 47, 0.35); stroke-width: 0.8; vector-effect: non-scaling-stroke; }
.atlas__islet { fill: #6F5A1C; opacity: 0.6; }
.atlas__mark { cursor: pointer; text-decoration: none; }
.atlas__halo { fill: transparent; }
.atlas__dot { fill: #6F5A1C; transition: r 0.25s ease, fill 0.25s ease; r: 6px; }
.atlas__mark.is-active .atlas__dot, .atlas__mark:hover .atlas__dot, .atlas__mark:focus-visible .atlas__dot { fill: #3B2F2F; r: 9px; }
.atlas__label { font-family: var(--plate-display); font-weight: 500; font-size: 20px; letter-spacing: 0.14em; text-transform: uppercase; fill: #3B2F2F; pointer-events: none; }
.atlas__mark.is-active .atlas__label { fill: #6F5A1C; }
.chart-cards { list-style: none; margin: 0; padding: 0; position: absolute; top: 0; right: 0; width: min(320px, 36%); z-index: 2; }
.chart-card { display: none; }
.chart-card.is-open { display: block; }
.chart-card__link { display: flex; flex-direction: column; background: #3B2F2F; color: #F5F3EE; text-decoration: none; box-shadow: 0 26px 60px rgba(17, 17, 17, 0.28); overflow: hidden; }
.chart-card__photo { display: block; aspect-ratio: 16 / 7; overflow: hidden; }
.chart-card__photo picture, .chart-card__photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.chart-card__body { display: flex; flex-direction: column; gap: 0.45rem; padding: 1rem 1.2rem 1.1rem; }
.chart-card__over { font-family: var(--plate-display); font-weight: 500; font-size: 0.6rem; letter-spacing: 0.2em; text-transform: uppercase; color: #C9AE5D; }
.chart-card__name { font-family: var(--font-heading); font-weight: 300; font-size: clamp(1.4rem, 1.8vw, 1.8rem); line-height: 1.1; color: #F5F3EE; }
.chart-card__line { font-size: 0.86rem; line-height: 1.5; color: #E8E0D0; }
.chart-card__figs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.5rem 1rem; border-top: 1px solid rgba(245, 243, 238, 0.16); padding-top: 0.7rem; margin-top: 0.2rem; }
.chart-card__fig { display: flex; flex-direction: column; gap: 0.15rem; min-width: 0; }
.chart-card__fig-label { font-family: var(--plate-display); font-weight: 500; font-size: 0.56rem; letter-spacing: 0.18em; text-transform: uppercase; color: #C9AE5D; }
.chart-card__fig-value { font-family: var(--font-heading); font-weight: 300; font-size: 1.05rem; line-height: 1.2; color: #F5F3EE; }
.chart-card__go { margin-top: 0.3rem; font-family: var(--plate-display); font-weight: 500; font-size: 0.62rem; letter-spacing: 0.18em; text-transform: uppercase; color: #C9AE5D; }
.chart-card__link:hover .chart-card__go, .chart-card__link:focus-visible .chart-card__go { color: #F5F3EE; }
.fig-src { font-family: var(--plate-display); font-weight: 500; font-size: 0.56rem; letter-spacing: 0.08em; text-transform: uppercase; color: #C9AE5D; text-decoration: none; white-space: nowrap; vertical-align: 0.15em; }
a.fig-src:hover, a.fig-src:focus-visible { text-decoration: underline; }
.plate--dest-figures .fig-src, .plate--dest-chart .dest-ledger .fig-src { color: #6F5A1C; }
.dest-ledger { grid-column: 1 / -1; grid-row: 2; list-style: none; margin: 0; padding: 0.4rem 0 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0 clamp(1rem, 2vw, 1.6rem); border-top: 1px solid rgba(59, 47, 47, 0.4); }
.dest-ledger__row { min-width: 0; }
.dest-ledger__link { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 0.6rem; align-items: center; padding: 0.5rem 0.3rem; border-bottom: 1px solid rgba(59, 47, 47, 0.14); color: #3B2F2F; text-decoration: none; transition: background 0.25s ease; }
.dest-ledger__row.is-active .dest-ledger__link, .dest-ledger__link:hover, .dest-ledger__link:focus-visible { background: rgba(201, 174, 93, 0.2); }
.dest-ledger__n { font-family: var(--plate-display); font-weight: 500; font-size: 0.56rem; letter-spacing: 0.18em; color: rgba(59, 47, 47, 0.45); }
.dest-ledger__text { display: flex; flex-direction: column; gap: 0.1rem; min-width: 0; }
.dest-ledger__name { font-family: var(--plate-display); font-weight: 500; font-size: 0.66rem; letter-spacing: 0.16em; text-transform: uppercase; color: #3B2F2F; line-height: 1.25; }
.dest-ledger__dept { font-size: 0.7rem; line-height: 1.3; color: #555555; }
.dest-ledger__iata { font-family: var(--plate-display); font-weight: 500; font-size: 0.56rem; letter-spacing: 0.14em; color: #6F5A1C; white-space: nowrap; }
.plate--dest-nation { --plate-bg: #1A1F36; color: #F5F3EE; }
.plate__body.dest-nation__body { width: 100%; max-width: none; padding: var(--plate-pad-top) var(--plate-side) clamp(2rem, 5svh, 4rem); display: flex; flex-direction: column; justify-content: center; gap: clamp(1.6rem, 4svh, 3rem); }
.plate--dest-nation .work-open__h1 { color: #F5F3EE; }
.plate--dest-nation .work-open__sub { color: #E8E0D0; }
.dest-nation__figures { list-style: none; margin: 0; padding: clamp(1.2rem, 3svh, 1.8rem) 0 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1.5rem, 3vw, 2.5rem) clamp(1.5rem, 3vw, 2.5rem); border-top: 1px solid rgba(201, 174, 93, 0.35); }
.dest-nation__figure { display: flex; flex-direction: column; gap: 0.4rem; }
.dest-nation__value { font-family: var(--font-heading); font-weight: 300; font-size: clamp(2.2rem, 3.8vw, 3.6rem); line-height: 1; color: #F5F3EE; letter-spacing: -0.01em; font-variant-numeric: tabular-nums; }
.dest-nation__label { font-family: var(--plate-display); font-weight: 500; font-size: 0.68rem; letter-spacing: 0.2em; text-transform: uppercase; color: #C9AE5D; line-height: 1.4; }
.dest-nation__note { font-size: 0.9rem; line-height: 1.5; color: #E8E0D0; max-width: 22rem; }
.dest-nation__cite { font-size: 0.7rem; }
.plate--dest-record { --plate-bg: #3B2F2F; }
.dest-record__chart { width: 100%; max-height: 44svh; display: flex; justify-content: center; }
.dest-record__chart .atlas { height: 44svh; width: auto; max-width: 100%; display: block; overflow: visible; }
.atlas--mark .atlas__dept { fill: rgba(245, 243, 238, 0.05); stroke: rgba(201, 174, 93, 0.35); }
.atlas--mark .atlas__dept--lit { fill: rgba(201, 174, 93, 0.6); stroke: rgba(201, 174, 93, 0.9); cursor: default; }
.atlas--mark .atlas__dot { fill: #C9AE5D; r: 8px; }
.atlas--mark .atlas__inset rect { stroke: rgba(201, 174, 93, 0.35); }
.atlas--mark .atlas__islet { fill: #C9AE5D; }
.dest-record__governance .logistics-grid { display: flex; flex-wrap: wrap; gap: 0.3rem 1.6rem; margin-top: 0.2rem; }
.dest-record__governance .logistics-item { display: flex; gap: 0.5rem; align-items: baseline; }
.dest-record__governance .logistics-item__label { font-family: var(--plate-display); font-weight: 500; font-size: 0.56rem; letter-spacing: 0.16em; text-transform: uppercase; color: rgba(201, 174, 93, 0.85); }
.dest-record__governance .logistics-item__value, .dest-record__governance .logistics-item__value a { font-size: 0.78rem; color: #E8E0D0; text-decoration: none; }
.dest-record__governance .logistics-item__value a:hover { text-decoration: underline; }
.dest-record__ledger .key-facts td .fig-src { margin-left: 0.15rem; }
.plate--dest-figures { --plate-bg: #F5F3EE; color: #111111; min-height: 100svh; height: auto; overflow: visible; }
.plate--dest-figures .plate__overline { color: #6F5A1C; }
.plate--dest-figures .plate__overline::before { background: rgba(111, 90, 28, 0.55); }
.plate__body.dest-figures__body { width: 100%; max-width: none; padding: var(--plate-pad-top) var(--plate-side) clamp(2rem, 5svh, 4rem); display: flex; flex-direction: column; justify-content: flex-start; gap: clamp(1rem, 2.4svh, 1.6rem); }
.dest-figures__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 1rem 3rem; flex-wrap: wrap; }
.dest-figures__h2 { color: #111111; margin-bottom: 0; }
.dest-figures__lead { margin: 0; font-size: 0.9rem; line-height: 1.55; color: #555555; max-width: 34rem; }
.dest-figures__h3 { margin: 0.4rem 0 0; font-family: var(--plate-display); font-weight: 500; text-transform: uppercase; letter-spacing: 0.16em; font-size: 0.72rem; color: #6F5A1C; }
.dest-strip { list-style: none; margin: 0; padding: clamp(0.8rem, 2svh, 1.2rem) 0 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.2rem clamp(1rem, 2vw, 2rem); border-top: 1px solid rgba(17, 17, 17, 0.18); }
.dest-strip__item { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; }
.dest-strip__value { font-family: var(--font-heading); font-weight: 300; font-size: clamp(1.4rem, 1.9vw, 1.9rem); line-height: 1.1; color: #111111; font-variant-numeric: tabular-nums; }
.dest-strip__label { font-family: var(--plate-display); font-weight: 500; font-size: 0.58rem; letter-spacing: 0.18em; text-transform: uppercase; color: #6F5A1C; line-height: 1.4; }
.dest-strip__cite { font-size: 0.66rem; }
.dest-formats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 2rem); }
.dest-formats__item { display: flex; flex-direction: column; gap: 0.5rem; border-top: 1px solid rgba(17, 17, 17, 0.18); padding-top: 0.7rem; }
.dest-formats__label { font-family: var(--plate-display); font-weight: 500; font-size: 0.66rem; letter-spacing: 0.18em; text-transform: uppercase; color: #111111; }
.dest-formats__item p { margin: 0; font-size: 0.86rem; line-height: 1.55; color: #3B2F2F; }
.dest-figures__grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: clamp(1.5rem, 3vw, 3rem); }
.dest-figures__block { display: flex; flex-direction: column; gap: 0.6rem; min-width: 0; }
.dest-routes { width: 100%; border-collapse: collapse; font-size: 0.84rem; color: #111111; }
.dest-routes th { text-align: left; padding: 0.45rem 0.6rem 0.45rem 0; font-family: var(--plate-display); font-weight: 500; font-size: 0.56rem; letter-spacing: 0.18em; text-transform: uppercase; color: #555555; border-bottom: 1px solid #111111; }
.dest-routes td { padding: 0.42rem 0.6rem 0.42rem 0; border-bottom: 1px solid rgba(17, 17, 17, 0.14); vertical-align: top; line-height: 1.4; }
.dest-figures__note { margin: 0; font-size: 0.78rem; line-height: 1.5; color: #555555; }
.dest-hotels { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.dest-hotels li { padding: 0.5rem 0; border-bottom: 1px solid rgba(17, 17, 17, 0.14); font-family: var(--font-heading); font-weight: 300; font-size: 0.98rem; line-height: 1.35; color: #111111; }
.dest-hotels__note { font-family: var(--font-body); font-size: 0.78rem; color: #555555; }
.dest-sources { padding-top: 0.4rem; }
.dest-sources__list { margin: 0; padding: 0 0 0 1.1rem; columns: 2; column-gap: 2.5rem; font-size: 0.72rem; line-height: 1.5; color: #555555; }
.dest-sources__list li { break-inside: avoid; padding: 0.12rem 0; }
.dest-sources__list a { color: #3B2F2F; text-decoration: underline; text-decoration-color: rgba(111, 90, 28, 0.5); }
.dest-sources__accessed { color: #555555; }
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.plate--dest-chart { overflow: visible; height: auto; }
.plate__body.dest-chart__body { display: flex; flex-direction: column; height: auto; min-height: 100svh; gap: 0.6rem; justify-content: flex-start; }
.dest-chart__side { justify-content: flex-start; }
.dest-chart__lead { padding-top: 0; gap: 0.5rem; }
.dest-chart__h1 { font-size: 1.5rem; }
.dest-chart__answer { font-size: 0.86rem; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.dest-chart__hint { display: none; }
.chart-cards { display: none; }
.dest-chart__map { flex: 0 0 auto; min-height: 0; height: 30svh; }
.atlas__label { display: none; }
.dest-ledger { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 0.8rem; }
.dest-ledger__link { padding: 0.35rem 0.1rem; align-items: start; }
.dest-ledger__dept { font-size: 0.62rem; }
.dest-ledger__iata { display: none; }
.dest-nation__figures { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.dest-nation__value { font-size: 1.9rem; }
.dest-nation__note { display: none; }
.dest-record__chart { max-height: 24svh; }
.dest-record__chart .atlas { height: 24svh; }
.dest-formats { grid-template-columns: minmax(0, 1fr); gap: 0.8rem; }
.dest-figures__grid { grid-template-columns: minmax(0, 1fr); }
.dest-sources__list { columns: 1; }
.dest-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 821px) and (max-height: 760px) {
.dest-chart__h1 { font-size: 1.7rem; }
.dest-chart__answer { font-size: 0.86rem; }
.chart-card__photo { display: none; }
}
html.plates-flow .plate__body.dest-chart__body { height: auto; }
html.plates-flow .dest-chart__map { height: 60svh; }
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.plate--dest-record { overflow: visible; height: auto; }
.plate--dest-record .record__answer { -webkit-line-clamp: 4; }
.plate--dest-record .record__photo { max-height: 22svh; }
.dest-record__chart { display: none; }
.dest-record__ledger .key-facts tr[data-fact="domesticRoutes"], .dest-record__ledger .key-facts tr[data-fact="footprint"], .dest-record__ledger .key-facts tr[data-fact="flightFromBogota"] { display: none; }
.dest-record__governance .logistics-grid { gap: 0.2rem 1.2rem; }
}
.chart-card__fig-value { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 1180px) { .dest-ledger__iata { display: none; } .dest-ledger { gap: 0 0.8rem; } }
.atlas__label, .atlas__leader { opacity: 0; transition: opacity 0.25s ease; }
.atlas__leader { stroke: #6F5A1C; stroke-width: 1.2; vector-effect: non-scaling-stroke; }
.atlas__label { paint-order: stroke fill; stroke: #F5F3EE; stroke-width: 6px; stroke-linejoin: round; font-size: 26px; }
.atlas__mark.is-active .atlas__label, .atlas__mark:hover .atlas__label, .atlas__mark:focus-visible .atlas__label,
.atlas__mark.is-active .atlas__leader, .atlas__mark:hover .atlas__leader, .atlas__mark:focus-visible .atlas__leader { opacity: 1; }
.atlas__mark.is-active .atlas__label { fill: #3B2F2F; }
.atlas__dot--isle { r: 3.5px; }
.atlas__mark.is-active .atlas__dot--isle, .atlas__mark:hover .atlas__dot--isle { r: 5px; }
.atlas__inset .atlas__isle { cursor: pointer; }
.dest-record__stage { justify-content: center; }
.dest-record__chart { max-height: 42svh; }
.dest-record__chart .atlas { height: 42svh; }
.record__sample a { color: rgba(201, 174, 93, 0.85); text-decoration: none; border-bottom: 1px solid rgba(201, 174, 93, 0.4); }
.record__sample a:hover { color: #F5F3EE; }
.dest-figures__band { width: min(340px, 30%); aspect-ratio: 17 / 6; overflow: hidden; box-shadow: 0 18px 40px rgba(17, 17, 17, 0.2); flex: none; }
.dest-figures__band picture, .dest-figures__band img { display: block; width: 100%; height: 100%; object-fit: cover; }
.dest-prose__p { margin: 0; font-size: 0.92rem; line-height: 1.65; color: #111111; }
.dest-prose__p > span { display: block; }
.dest-sources__line { margin: 0; font-size: 0.72rem; line-height: 1.55; color: #555555; }
.dest-sources__line a { color: #3B2F2F; text-decoration: underline; text-decoration-color: rgba(111, 90, 28, 0.5); }
.plate__body.dest-figures__body { justify-content: center; gap: clamp(1.2rem, 3svh, 2rem); }
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.dest-record__chart { display: flex; max-height: 26svh; }
.dest-record__chart .atlas { height: 26svh; }
.dest-figures__band { width: 100%; aspect-ratio: 16 / 7; }
}
.plate--dest-sec { --ds-ink: #111111; --ds-body: #3B2F2F; --ds-muted: #555555; --ds-over: #6F5A1C; --ds-rule: rgba(17, 17, 17, 0.18); --ds-rule-strong: rgba(17, 17, 17, 0.4); --plate-bg: #F5F3EE; color: var(--ds-body); }
.plate--dest-territory, .plate--dest-venues { --plate-bg: #E8E0D0; --ds-ink: #3B2F2F; --ds-body: #4A403F; --ds-rule: rgba(59, 47, 47, 0.22); --ds-rule-strong: rgba(59, 47, 47, 0.45); }
.plate--dest-stay { --plate-bg: #1A1F36; --ds-ink: #F5F3EE; --ds-body: #E8E0D0; --ds-muted: rgba(245, 243, 238, 0.7); --ds-over: #C9AE5D; --ds-rule: rgba(245, 243, 238, 0.16); --ds-rule-strong: rgba(201, 174, 93, 0.45); }
.plate--dest-planner { --plate-bg: #3B2F2F; --ds-ink: #F5F3EE; --ds-body: #E8E0D0; --ds-muted: rgba(245, 243, 238, 0.7); --ds-over: #C9AE5D; --ds-rule: rgba(245, 243, 238, 0.16); --ds-rule-strong: rgba(201, 174, 93, 0.45); }
.plate--dest-sec .plate__overline { color: var(--ds-over); }
.plate--dest-sec .plate__overline::before { background: var(--ds-over); opacity: 0.55; }
.plate__body.ds-body { width: 100%; max-width: none; padding: var(--plate-pad-top) var(--plate-side) clamp(1.5rem, 4svh, 3rem); display: flex; flex-direction: column; justify-content: center; gap: clamp(1rem, 2.6svh, 1.8rem); }
.ds-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1rem clamp(2rem, 4vw, 4rem); align-items: end; }
.ds-head__title { display: flex; flex-direction: column; gap: 0.8rem; }
.ds-h2 { color: var(--ds-ink); margin: 0; }
.ds-intro { margin: 0; font-size: clamp(0.9rem, 0.25vw + 0.8rem, 1rem); line-height: 1.6; color: var(--ds-body); max-width: 40rem; }
.ds-label { display: block; font-family: var(--plate-display); font-weight: 500; font-size: 0.6rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--ds-over); line-height: 1.5; }
.ds-label--muted { color: var(--ds-muted); }
.ds-n { font-family: var(--plate-display); font-weight: 500; font-size: 0.6rem; letter-spacing: 0.2em; color: var(--ds-over); padding-top: 0.35rem; }
.ds-cols { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(1.2rem, 2.5vw, 2.4rem); border-top: 1px solid var(--ds-rule-strong); padding-top: 1.2rem; }
.ds-cols--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ds-cols--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ds-col { display: flex; flex-direction: column; gap: 0.6rem; }
.ds-statement { margin: 0; font-family: var(--font-heading); font-weight: 300; font-size: clamp(1.05rem, 1.25vw, 1.3rem); line-height: 1.35; color: var(--ds-ink); }
.ds-rows { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; border-top: 1px solid var(--ds-rule-strong); }
.ds-row { display: grid; grid-template-columns: 2.2rem minmax(0, 1.05fr) minmax(0, 1.3fr) minmax(0, 1fr); gap: clamp(1rem, 2vw, 1.8rem); padding: clamp(0.7rem, 1.6svh, 1rem) 0; border-bottom: 1px solid var(--ds-rule); align-items: start; }
.ds-row__title { display: flex; flex-direction: column; gap: 0.2rem; }
.ds-row__name { font-family: var(--font-heading); font-weight: 300; font-size: clamp(1.05rem, 1.3vw, 1.3rem); line-height: 1.25; color: var(--ds-ink); }
.ds-row__text { margin: 0; font-size: 0.86rem; line-height: 1.55; color: var(--ds-body); }
.ds-row__text--muted { color: var(--ds-muted); font-size: 0.8rem; }
.ds-row__note { color: var(--ds-muted); }
.ds-row__aside { display: flex; flex-direction: column; gap: 0.2rem; }
.ds-hotels { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1.2rem, 2.2vw, 2rem); }
.ds-hotels--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ds-hotels--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ds-hotel { display: flex; flex-direction: column; gap: 0.7rem; min-width: 0; }
.ds-hotel--text { border-top: 1px solid var(--ds-rule-strong); padding-top: 0.9rem; }
.ds-hotel__photo { aspect-ratio: 16 / 9; overflow: hidden; }
.ds-hotel__photo picture, .ds-hotel__photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ds-hotel__title { display: flex; flex-direction: column; gap: 0.2rem; }
.ds-hotel__name { font-family: var(--font-heading); font-weight: 300; font-size: clamp(1.1rem, 1.4vw, 1.4rem); line-height: 1.2; color: var(--ds-ink); }
.ds-metrics { display: flex; gap: 1.2rem; border-top: 1px solid var(--ds-rule); padding-top: 0.6rem; }
.ds-metric { display: flex; flex-direction: column; gap: 0.1rem; }
.ds-metric__value { font-family: var(--font-heading); font-weight: 300; font-size: 1rem; line-height: 1.2; color: var(--ds-ink); }
.ds-hotel__text { margin: 0; font-size: 0.8rem; line-height: 1.5; color: var(--ds-body); }
.ds-clusters { display: grid; grid-template-columns: 12rem minmax(0, 1fr); gap: 1.5rem; border-top: 1px solid var(--ds-rule-strong); padding-top: 0.9rem; }
.ds-clusters__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.ds-cluster { display: flex; flex-direction: column; gap: 0.15rem; }
.ds-cluster__name { font-size: 0.9rem; line-height: 1.3; color: var(--ds-ink); }
.ds-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 clamp(2rem, 4vw, 4rem); border-top: 1px solid var(--ds-rule-strong); }
.ds-item { display: grid; grid-template-columns: 2.2rem minmax(0, 1fr); gap: 1rem; padding: clamp(0.7rem, 1.6svh, 1rem) 0; border-bottom: 1px solid var(--ds-rule); }
.ds-item__body { display: flex; flex-direction: column; gap: 0.3rem; }
.ds-quote { margin: 0.4rem 0 0; grid-column: 1 / -1; font-family: var(--font-heading); font-weight: 300; font-style: italic; font-size: clamp(1.05rem, 1.3vw, 1.3rem); line-height: 1.45; color: var(--ds-ink); max-width: 52rem; }
.ds-quote cite { display: block; margin-top: 0.5rem; font-style: normal; font-family: var(--plate-display); font-weight: 500; font-size: 0.6rem; letter-spacing: 0.18em; text-transform: uppercase; color: var(--ds-over); }
.ds-ledgers { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) minmax(0, 1fr); gap: clamp(1.5rem, 3vw, 3rem); border-top: 1px solid var(--ds-rule-strong); padding-top: 1.1rem; }
.ds-ledger { display: flex; flex-direction: column; gap: 0.7rem; min-width: 0; }
.ds-ledger__row { display: grid; grid-template-columns: 7.5rem minmax(0, 1fr); gap: 0.8rem; border-top: 1px solid var(--ds-rule); padding-top: 0.5rem; }
.ds-ledger--wide .ds-ledger__row { grid-template-columns: minmax(0, 1fr); gap: 0.2rem; }
.ds-ledger__key { font-family: var(--plate-display); font-weight: 500; font-size: 0.6rem; letter-spacing: 0.16em; text-transform: uppercase; color: var(--ds-muted); line-height: 1.5; padding-top: 0.15rem; }
.ds-ledgers:has(> :only-child) { grid-template-columns: minmax(0, 1fr); }
.ds-ledgers:has(> :nth-child(2):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ds-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: clamp(2rem, 5vw, 5rem); align-items: start; }
.ds-links { margin-top: 0.4rem; }
.ds-link { color: var(--ds-ink); }
.ds-link__text { display: flex; flex-direction: column; gap: 0.2rem; }
.ds-link .ds-label { color: var(--ds-over); }
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.plate--dest-sec { overflow: visible; height: auto; }
.plate__body.ds-body { justify-content: flex-start; gap: 1rem; }
.ds-head, .ds-split { grid-template-columns: minmax(0, 1fr); gap: 0.8rem; align-items: start; }
.ds-cols, .ds-cols--3, .ds-cols--2 { grid-template-columns: minmax(0, 1fr); gap: 0.9rem; }
.ds-row { grid-template-columns: 2rem minmax(0, 1fr); }
.ds-row > .ds-row__text, .ds-row > .ds-row__aside { grid-column: 2; }
.ds-hotels, .ds-hotels--4, .ds-hotels--2 { grid-template-columns: minmax(0, 1fr); }
.ds-clusters { grid-template-columns: minmax(0, 1fr); gap: 0.6rem; }
.ds-clusters__grid { grid-template-columns: minmax(0, 1fr); gap: 0.8rem; }
.ds-list { grid-template-columns: minmax(0, 1fr); }
.ds-ledgers { grid-template-columns: minmax(0, 1fr) !important; gap: 1.2rem; }
.ds-ledger__row { grid-template-columns: minmax(0, 1fr); gap: 0.2rem; }
}
@media (min-width: 821px) and (max-height: 760px) {
.ds-row__text, .ds-hotel__text { font-size: 0.78rem; }
.ds-intro { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
}
main#main-content > section.eldorado-cta.dest-cta { background: #111111; }
.ds-proof { display: grid; grid-template-columns: 12rem minmax(0, 1fr); gap: 1.5rem; border-top: 1px solid var(--ds-rule-strong); padding-top: 0.9rem; }
.ds-proof__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; }
.ds-proof__item { display: flex; flex-direction: column; gap: 0.3rem; }
@media (max-width: 820px), (max-aspect-ratio: 23/20) { .ds-proof, .ds-proof__grid { grid-template-columns: minmax(0, 1fr); gap: 0.8rem; } }
.ds-proof__grid--programmes { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.6rem 1.5rem; }
.ds-proof__case { color: inherit; text-decoration: none; }
.ds-proof__case .ds-row__name, .ds-proof__more a { text-decoration: underline; text-decoration-color: var(--ds-rule-strong); text-decoration-thickness: 1px; text-underline-offset: 0.2em; transition: text-decoration-color var(--transition-base); }
.ds-proof__case:hover .ds-row__name, .ds-proof__case:focus-visible .ds-row__name, .ds-proof__more a:hover, .ds-proof__more a:focus-visible { text-decoration-color: var(--ds-over); }
.ds-proof__more { grid-column: 1 / -1; color: var(--ds-muted); font-size: 0.8rem; }
.ds-proof__more a { color: var(--ds-ink); }
@media (max-width: 820px), (max-aspect-ratio: 23/20) { .ds-proof__grid--programmes { grid-template-columns: minmax(0, 1fr); gap: 0.8rem; } }
@media (max-width: 600px) {
.ds-proof--programmes { gap: 0.4rem; padding-top: 0.6rem; }
.ds-proof__grid--programmes { display: flex; flex-wrap: wrap; gap: 0.2rem 0.9rem; align-items: baseline; }
.ds-proof__case .ds-row__text { display: none; }
.ds-proof__more { flex-basis: 100%; }
.plate--dest-fit:has(.ds-proof--programmes) .ds-intro { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
}
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.plate--dest-links .demonstrates__item { font-size: 1.1rem; padding: 0.7rem 0; }
}
@media (max-width: 820px) and (max-height: 700px) {
.plate--dest-links .ds-intro { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.plate--dest-links .demonstrates__item { padding: 0.55rem 0; }
}
.plate--rfq { --plate-bg: #111111; color: #F5F3EE; }
.plate__body.rfq-open { width: 100%; max-width: none; padding: var(--plate-pad-top) var(--plate-side) clamp(1.5rem, 4svh, 3rem); display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; }
.rfq-open__lead { display: flex; flex-direction: column; gap: 1.2rem; }
.rfq-open__h1 { font-weight: 300; font-size: clamp(2.2rem, 3.8vw, 3.6rem); line-height: 1.06; max-width: 22ch; display: block; }
.rfq-open__p { margin: 0; font-size: clamp(1rem, 0.3vw + 0.9rem, 1.15rem); line-height: 1.6; color: #E8E0D0; max-width: 34rem; }
.rfq-open__actions { display: flex; align-items: center; gap: 1.2rem; padding-top: 0.4rem; }
.rfq-hint { font-size: 0.78rem; color: rgba(245, 243, 238, 0.55); }
.rfq-open__talk { margin: 0.4rem 0 0; font-size: 0.82rem; color: rgba(245, 243, 238, 0.6); }
.rfq-open__talk a { color: #C9AE5D; text-decoration: none; }
.rfq-open__talk a:hover { text-decoration: underline; }
.rfq-open__steps { list-style: none; margin: 0; padding: 0 0 0 2.4rem; border-left: 1px solid rgba(201, 174, 93, 0.35); display: flex; flex-direction: column; gap: 1rem; }
.rfq-open__steps li { display: flex; gap: 1.1rem; align-items: baseline; font-family: var(--font-heading); font-weight: 300; font-size: clamp(1.1rem, 1.4vw, 1.35rem); color: #E8E0D0; }
.rfq-open__n { font-family: var(--plate-display); font-weight: 500; font-size: 0.62rem; letter-spacing: 0.2em; color: #C9AE5D; }
.plate--rfq-form { min-height: 100svh; height: auto; overflow: visible; }
.plate__body.rfq-body { width: 100%; max-width: none; padding: var(--plate-pad-top) var(--plate-side) clamp(2rem, 5svh, 4rem); display: flex; flex-direction: column; justify-content: center; }
.rfq { display: flex; flex-direction: column; gap: clamp(2rem, 6svh, 4rem); position: relative; }
.rfq-progress { display: none; }
.rfq-step { margin: 0; padding: 0; border: 0; min-width: 0; display: flex; flex-direction: column; gap: clamp(1.4rem, 4svh, 2.4rem); max-width: 52rem; }
html.rfq-steps .rfq { gap: 0; }
html.rfq-steps .rfq-step { display: none; }
html.rfq-steps .rfq-step.is-current { display: flex; animation: rfq-in 0.45s ease both; }
@keyframes rfq-in { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
html.rfq-steps .rfq-progress { display: flex; gap: 6px; margin-bottom: clamp(1.2rem, 3svh, 2rem); max-width: 52rem; }
.rfq-progress i { flex: 1; height: 2px; background: rgba(245, 243, 238, 0.18); transition: background 0.3s ease; }
.rfq-progress i.is-done, .rfq-progress i.is-on { background: #C9AE5D; }
.rfq-step__head { display: flex; flex-direction: column; gap: 0.8rem; }
.rfq-step__n { font-family: var(--plate-display); font-weight: 500; font-size: 0.66rem; letter-spacing: 0.22em; color: #C9AE5D; }
.rfq-step__q { margin: 0; font-family: var(--font-heading); font-weight: 300; text-transform: none; letter-spacing: 0; font-size: clamp(1.7rem, 3vw, 2.8rem); line-height: 1.1; color: #F5F3EE; }
.rfq-step__sub { margin: 0; font-size: 1rem; line-height: 1.6; color: #E8E0D0; max-width: 36rem; }
.rfq-step__body { display: flex; flex-direction: column; gap: clamp(1.2rem, 3svh, 1.8rem); }
.rfq-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.6rem 3rem; }
.rfq-grid--one { grid-template-columns: minmax(0, 1fr); max-width: 30rem; }
.rfq-field { display: flex; flex-direction: column; gap: 0.5rem; min-width: 0; }
.rfq-field label, .rfq-label { font-family: var(--plate-display); font-weight: 500; font-size: 0.62rem; letter-spacing: 0.18em; text-transform: uppercase; color: #C9AE5D; }
.rfq-field input, .rfq-field textarea { width: 100%; box-sizing: border-box; background: transparent; border: 0; border-bottom: 1px solid rgba(245, 243, 238, 0.28); border-radius: 0; padding: 0.45rem 0 0.7rem; font-family: var(--font-heading); font-weight: 300; font-size: 1.3rem; line-height: 1.3; color: #F5F3EE; transition: border-color 0.25s ease; }
.rfq-field textarea { resize: vertical; min-height: 3.2em; font-size: 1.15rem; }
.rfq-field input::placeholder, .rfq-field textarea::placeholder { color: rgba(245, 243, 238, 0.35); }
.rfq-field input:focus, .rfq-field textarea:focus { outline: none; border-bottom-color: #C9AE5D; }
.rfq-field input:user-invalid, .rfq-field textarea:user-invalid, .rfq-field .is-invalid { border-bottom-color: #C9AE5D; }
.rfq-field input:-webkit-autofill { -webkit-text-fill-color: #F5F3EE; -webkit-box-shadow: 0 0 0 1000px #111111 inset; }
.rfq-chips { display: flex; flex-wrap: wrap; gap: 0.7rem; }
.rfq-chip { position: relative; cursor: pointer; }
.rfq-chip input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.rfq-chip span { display: inline-block; font-family: var(--plate-display); font-weight: 500; font-size: 0.68rem; letter-spacing: 0.14em; text-transform: uppercase; padding: 0.9rem 1.25rem; border: 1px solid rgba(245, 243, 238, 0.3); color: #F5F3EE; transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease; }
.rfq-chip:hover span { border-color: #C9AE5D; }
.rfq-chip input:checked + span { background: #C9AE5D; border-color: #C9AE5D; color: #1A1F36; }
.rfq-chip input:focus-visible + span { outline: 2px solid #C9AE5D; outline-offset: 3px; }
.form-choices--invalid .rfq-chip input:not(:checked) + span { border-color: rgba(201, 174, 93, 0.7); }
.rfq-dest { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); gap: clamp(2rem, 4vw, 4rem); align-items: center; max-width: none; }
.rfq-dest__choices { margin: 0; padding: 0; border: 0; min-width: 0; }
.rfq-dest__chart { display: flex; justify-content: center; }
.rfq-dest__chart .atlas { height: min(52svh, 520px); width: auto; max-width: 100%; display: block; overflow: visible; }
.atlas--pick .atlas__dept { fill: rgba(245, 243, 238, 0.04); stroke: rgba(201, 174, 93, 0.35); }
.atlas--pick .atlas__dept--lit { fill: rgba(201, 174, 93, 0.14); stroke: rgba(201, 174, 93, 0.5); cursor: pointer; }
.atlas--pick .atlas__dept--lit.is-picked { fill: rgba(201, 174, 93, 0.75); stroke: rgba(201, 174, 93, 0.9); }
.atlas--pick .atlas__dot { fill: #C9AE5D; r: 5px; }
.atlas--pick .atlas__mark.is-picked .atlas__dot { r: 8px; }
.atlas--pick .atlas__inset rect { stroke: rgba(201, 174, 93, 0.35); }
.atlas--pick .atlas__isle.is-picked { fill: rgba(201, 174, 93, 0.75); }
.rfq-status { margin: 0.6rem 0 0; font-size: 0.82rem; color: #C9AE5D; min-height: 1em; }
.rfq-status:empty { display: none; }
.rfq-attach { display: flex; flex-direction: column; gap: 0.4rem; }
.rfq-attach label { display: flex; justify-content: space-between; align-items: center; gap: 1rem; border: 1px dashed rgba(201, 174, 93, 0.45); padding: 1rem 1.3rem; cursor: pointer; transition: border-color 0.2s ease; }
.rfq-attach label:hover { border-color: #C9AE5D; }
.rfq-attach__text { font-size: 0.9rem; color: #E8E0D0; }
.rfq-attach__cta { font-family: var(--plate-display); font-weight: 500; font-size: 0.62rem; letter-spacing: 0.18em; text-transform: uppercase; color: #C9AE5D; white-space: nowrap; }
.rfq-attach input[type="file"] { position: absolute; opacity: 0; width: 1px; height: 1px; }
.rfq-attach input[type="file"]:focus-visible + .rfq-status { outline: none; }
.rfq-consent { display: flex; gap: 0.8rem; align-items: flex-start; font-size: 0.82rem; line-height: 1.55; color: rgba(245, 243, 238, 0.75); cursor: pointer; max-width: 44rem; }
.rfq-consent input { appearance: none; width: 15px; height: 15px; border: 1px solid #C9AE5D; flex: none; margin-top: 3px; cursor: pointer; }
.rfq-consent input:checked { background: #C9AE5D; }
.rfq-consent input:focus-visible { outline: 2px solid #C9AE5D; outline-offset: 2px; }
.rfq-consent a { color: #C9AE5D; }
.rfq-step__foot { display: flex; justify-content: space-between; align-items: center; gap: 1rem; flex-wrap: wrap; }
.rfq-back { background: transparent; border: 0; padding: 0; font-family: var(--plate-display); font-weight: 500; font-size: 0.66rem; letter-spacing: 0.18em; text-transform: uppercase; color: rgba(245, 243, 238, 0.65); cursor: pointer; }
.rfq-back:hover { color: #F5F3EE; }
.rfq-next { display: inline-flex; align-items: center; gap: 0.8rem; margin-left: auto; }
.btn-gold--ghost { background: transparent; color: #C9AE5D; border: 1px solid rgba(201, 174, 93, 0.6); }
.btn-gold--ghost:hover { background: #C9AE5D; color: #1A1F36; }
.rfq-success { display: flex; flex-direction: column; gap: 1.2rem; max-width: 46rem; }
.rfq-success[hidden] { display: none; }
html.rfq-submitted .rfq { display: none; }
.rfq-success__actions { display: flex; gap: 0.8rem; flex-wrap: wrap; padding-top: 0.4rem; }
html.rfq-submitted .plate--rfq-open { display: none; }
@media (max-width: 820px), (max-aspect-ratio: 23/20) {
.plate--rfq-open { overflow: visible; height: auto; }
.plate__body.rfq-open { grid-template-columns: minmax(0, 1fr); gap: 1.6rem; align-items: start; }
.rfq-open__h1 { font-size: 1.9rem; }
.rfq-open__steps { padding-left: 1.2rem; gap: 0.6rem; }
.rfq-open__steps li { font-size: 1rem; }
.rfq-grid { grid-template-columns: minmax(0, 1fr); gap: 1.2rem; }
.rfq-step__q { font-size: 1.6rem; }
.rfq-field input { font-size: 1.15rem; }
.rfq-chip span { padding: 0.85rem 1rem; font-size: 0.62rem; }
.rfq-dest { grid-template-columns: minmax(0, 1fr); gap: 1.2rem; }
.rfq-dest__chart { order: -1; }
.rfq-dest__chart .atlas { height: 26svh; }
.rfq-step__foot .rfq-hint { display: none; }
}
@media (min-width: 821px) and (max-height: 880px) {
.plate--founder .plate__p--more { display: none; }
.plate--founder .plate__text { padding-block: var(--plate-pad-top) 1.5rem; gap: 0.9rem; }
.plate--founder .plate__quote { font-size: clamp(1rem, 1.2vw, 1.15rem); }
}
.hero .reveal, .hero__content.reveal, .page-hero .reveal, h1.reveal,
.hero .reveal-stagger > *, .page-hero .reveal-stagger > * { opacity: 1 !important; transform: none !important; transition: none !important; }
.hero__headline, .hero__sub, .hero__cta, .hero__tagline { transition-delay: 0s !important; animation-delay: 0s !important; }
.rfq-part { display: contents; }
.rfq-sheetbar { display: none; }
.rfq-back--phone { display: none; }
.rfq-next--phone { display: none; }
html.rfq-sheet .rfq-step.is-current:not(.is-last-part) .rfq-next--phone { display: inline-flex; }
html.rfq-sheet .rfq-step.is-current:not(.is-last-part) #rfp-submit-button { display: none; }
.rfq-sub--phone { display: none; }
html.rfq-sheet .rfq-sub--phone { display: inline; }
html.rfq-sheet .rfq-sub--wide { display: none; }
html.rfq-sheet .rfq-back--phone { display: inline-flex; align-items: center; }
html.rfq-sheet .rfq-step.is-current.is-first-screen .rfq-back { visibility: hidden; }
@media (max-width: 820px) {
html.rfq-steps:not(.rfq-sheet):not(.rfq-submitted) .plate--rfq-form { display: none; }
.rfq-open__actions .rfq-hint { display: none; }
html.rfq-sheet, html.rfq-sheet body { overflow: hidden; overscroll-behavior: none; }
html.rfq-sheet .plate--rfq-form {
position: fixed; left: 0; right: 0; top: 0; z-index: 3000;
height: var(--rfq-vh, 100dvh); min-height: 0; transform: translateY(var(--rfq-vtop, 0px));
display: block; overflow: hidden; background: #111111;
}
html.rfq-sheet .plate--rfq-form .plate__body.rfq-body { zoom: 1 !important; height: 100%; width: 100%; padding: 0; display: flex; flex-direction: column; justify-content: flex-start; }
html.rfq-sheet .rfq { flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 0; }
html.rfq-sheet .rfq-progress { display: none; }
html.rfq-sheet .rfq-sheetbar { flex: none; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; padding: max(0.4rem, env(safe-area-inset-top)) 0.6rem 0 1.25rem; }
.rfq-sheetbar__title { font-family: var(--plate-display); font-weight: 500; font-size: 0.6rem; letter-spacing: 0.22em; text-transform: uppercase; color: #C9AE5D; }
.rfq-sheetbar__close { width: 44px; height: 44px; border: 0; background: transparent; position: relative; cursor: pointer; }
.rfq-sheetbar__close span::before, .rfq-sheetbar__close span::after { content: ""; position: absolute; left: 50%; top: 50%; width: 18px; height: 1.5px; background: #F5F3EE; }
.rfq-sheetbar__close span::before { transform: translate(-50%, -50%) rotate(45deg); }
.rfq-sheetbar__close span::after { transform: translate(-50%, -50%) rotate(-45deg); }
.rfq-sheetbar__line { grid-column: 1 / -1; display: block; height: 2px; margin: 0.2rem 0 0 -1.25rem; margin-right: -0.6rem; background: rgba(245, 243, 238, 0.14); }
.rfq-sheetbar__line i { display: block; height: 100%; width: 0; background: #C9AE5D; transition: width 0.35s ease; }
html.rfq-sheet .rfq-step.is-current { flex: 1; min-height: 0; display: flex; flex-direction: column; gap: 0; max-width: none; animation: none; }
html.rfq-sheet .rfq-step__head { flex: none; gap: 0.5rem; padding: 1.1rem 1.25rem 0.4rem; }
html.rfq-sheet .rfq-step__q { font-size: 1.45rem; line-height: 1.15; }
html.rfq-sheet .rfq-step__sub { font-size: 0.86rem; line-height: 1.5; }
html.rfq-sheet .rfq-step__body { flex: 1; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain; padding: 0.9rem 1.25rem 1.4rem; gap: 1.2rem; }
html.rfq-sheet .rfq-part { display: none; }
html.rfq-sheet .rfq-part.is-part-on { display: flex; flex-direction: column; gap: 1.4rem; animation: rfq-part-in 0.3s ease both; }
html.rfq-sheet .rfq-grid { display: flex; flex-direction: column; gap: 1.4rem; }
html.rfq-sheet .rfq-field input, html.rfq-sheet .rfq-field textarea { font-size: 1.2rem; }
html.rfq-sheet .rfq-field textarea { min-height: 7.5em; }
html.rfq-sheet .rfq-chips { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.6rem; }
html.rfq-sheet .rfq-chip span { display: flex; align-items: center; min-height: 52px; box-sizing: border-box; width: 100%; padding: 0.7rem 0.9rem; font-size: 0.62rem; line-height: 1.35; }
html.rfq-sheet .rfq-dest__chart { display: none; }
html.rfq-sheet .rfq-dest { display: block; }
html.rfq-sheet .rfq-attach label { flex-direction: column; align-items: flex-start; gap: 0.5rem; }
html.rfq-sheet .rfq-step__foot { flex: none; flex-wrap: nowrap; padding: 0.7rem 1.25rem calc(0.7rem + env(safe-area-inset-bottom)); border-top: 1px solid rgba(245, 243, 238, 0.12); background: #111111; }
html.rfq-sheet .rfq-step__foot .rfq-hint { display: none; }
html.rfq-sheet .rfq-back { min-height: 44px; padding: 0 0.4rem 0 0; }
html.rfq-sheet .rfq-next { min-height: 48px; padding: 0 1.4rem; }
}
@keyframes rfq-part-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { html.rfq-sheet .rfq-part.is-part-on { animation: none; } }
.eldorado__odo-col::before { content: "0\A 1\A 2\A 3\A 4\A 5\A 6\A 7\A 8\A 9"; white-space: pre; }
.eldorado__odo-sym::before { content: attr(data-sym); }
.eldorado__letter::before, .eldorado__flyer::before { content: attr(data-letter); }
html:not(.js) .reveal, html:not(.js) .reveal-stagger > * { opacity: 1; transform: none; transition: none; }
html:not(.js) .faq__answer { max-height: none; }
html:not(.js) .faq__question::after { content: none; }
@font-face { font-family: 'Jost'; font-style: normal; font-weight: 300 500; font-display: swap; src: url('assets/fonts/jost/jost-normal-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Jost'; font-style: normal; font-weight: 300 500; font-display: swap; src: url('assets/fonts/jost/jost-normal-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Jost'; font-style: italic; font-weight: 300 400; font-display: swap; src: url('assets/fonts/jost/jost-italic-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Jost'; font-style: italic; font-weight: 300 400; font-display: swap; src: url('assets/fonts/jost/jost-italic-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }