:root

{ --black: #08090a; --black2: #111316; --cream:

#f3efe6; --cream2: #e7e0d4; --ink: #191a1d; --muted:

#66666a; --gold: #b5965a; --gold2: #d3ba78; --line:

rgba(18, 20, 23, .14); --lineD: rgba(255, 255, 255,

.14); --serif: "Cormorant Garamond", Georgia,

serif; --sans: "Manrope", Arial, sans-serif; --shell:

1240px; --header: 78px }


* { box-sizing: border-box }


html { scroll-behavior: smooth }


body { margin: 0; background: var(--cream); color:

var(--ink); font-family: var(--sans); line-height:

1.65; -webkit-font-smoothing: antialiased }


body.menu-open { overflow: hidden }


a { color: inherit; text-decoration: none }


button, input, textarea { font: inherit }


img, video { display: block; max-width: 100% }


.shell { width: min(calc(100% - 48px), var(--shell)); margin:

auto }


h1, h2, h3, h4 { font-family:

var(--serif); font-weight: 500; line-height:

1; letter-spacing: -.025em }


h1 { font-size: clamp(58px, 8vw, 118px) }


h2 { font-size: clamp(46px, 5.7vw, 82px) }


h3 { font-size: clamp(28px, 3vw, 40px) }


p { margin: 0 0 18px }


.eyebrow { font-size: 9px; font-weight:

700; letter-spacing: .2em; text-transform:

uppercase; color: var(--gold); margin: 0 0 17px }


.lead { font-size: 19px }


.copy { color: var(--muted); max-width: 720px }


.pad { padding: 108px 0 }


.dark { background: var(--black); color: #fff }


.soft { background: var(--cream2) }


.btn { display: inline-flex; align-items:

center; justify-content: center; min-height: 50px; padding:

0 23px; border: 1px solid transparent; font-size:

10px; font-weight: 700; letter-spacing:

.13em; text-transform: uppercase; transition: .22s }


.btn:hover { transform: translateY(-2px) }


.btn-gold { background: var(--gold); border-color:

var(--gold); color: #111 }


.btn-gold:hover { background: var(--gold2); border-color:

var(--gold2) }


.btn-line { border-color: #222 }


.btn-light { border-color: rgba(255, 255, 255, .45); color:

#fff }


.actions { display: flex; gap: 10px; flex-wrap:

wrap; margin-top: 27px }


.reveal { opacity: 0; transform:

translateY(20px); transition: .7s ease }


.reveal.visible { opacity: 1; transform: none }


/* header */ .site-header { position: fixed; z-index:

1000; top: 0; left: 0; right: 0; height:

var(--header); color: #fff; border-bottom: 1px solid

transparent; transition: .3s }


.site-header.scrolled { background: rgba(8, 9, 10,

.9); border-color: var(--lineD); backdrop-filter:

blur(15px) }


.header-inner { height: 100%; display:

flex; align-items: center; gap: 28px }


.brand { display: flex; align-items: center; gap:

11px; white-space: nowrap }


.brand-mark { width: 42px; height: 42px; border:

1px solid rgba(255, 255, 255, .32); display: grid; place-items:

center; font-size: 8px; letter-spacing: .12em; color:

var(--gold2) }


.brand-copy { line-height: 1 }


.brand-copy strong { font-family: var(--serif); font-size:

21px }


.brand-copy span { display: block; margin-top:

5px; font-size: 8px; letter-spacing: .2em; text-transform:

uppercase; color: rgba(255, 255, 255, .55) }


.main-nav { display: flex; align-items: center; gap:

23px; margin-left: auto }


.main-nav>a, .nav-services>button { font-size:

10px; font-weight: 700; letter-spacing:

.1em; text-transform: uppercase; color: rgba(255, 255, 255,

.68); background: none; border: 0; padding: 0; cursor:

pointer }


.main-nav>a:hover, .main-nav>a.active, .nav-services>button:hover

{ color: var(--gold2) }


.nav-services { position: relative }


.nav-menu { display: none; position: absolute; top:

26px; left: -18px; width: 255px; background:

#111316; border: 1px solid var(--lineD); padding: 8px }


.nav-services:hover .nav-menu, .nav-services:focus-within

.nav-menu { display: block }


.nav-menu a { display: block; padding: 10px

11px; border-bottom: 1px solid rgba(255, 255, 255,

.07); font-size: 10px; color: rgba(255, 255, 255, .66) }


.nav-menu a:last-child { border: 0 }


.header-right { display: flex; align-items: center; gap:

14px }


.header-phone { font-size: 10px; color: rgba(255, 255,

255, .62) }


.nav-toggle { display: none; width: 42px; height:

42px; border: 0; background: none; margin-left: auto }


.nav-toggle span { display: block; width: 23px; height:

1px; background: #fff; margin: 6px auto }


/* media */ .media { position: relative; overflow:

hidden; background: radial-gradient(circle at 65% 28%, rgba(181,

150, 90, .18), transparent 28%), linear-gradient(135deg, #292c30,

#0d0f11 76%) }


.media:before { content: ""; position:

absolute; inset: 0; background-image:

linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px),

linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent

1px); background-size: 44px 44px }


.media-label { position: absolute; z-index: 2; inset:

0; display: flex; align-items: center; justify-content:

center; text-align: center; padding: 28px; color:

rgba(255, 255, 255, .68) }


.media-label strong { display: block; font-family:

var(--serif); font-size: 27px; font-weight: 500; color:

rgba(255, 255, 255, .9) }


.media-label small { display: block; margin-top:

6px; font-size: 8px; letter-spacing: .12em; text-transform:

uppercase }


.media-tag { position: absolute; z-index: 3; right:

16px; top: 14px; font-size: 8px; letter-spacing:

.16em; text-transform: uppercase; color: rgba(255, 255,

255, .34) }


/* home */ .home-hero { min-height: 100svh; padding-top:

var(--header); display: grid; grid-template-columns: 1.35fr

.65fr; background: #08090a; color: #fff }


.hero-copy { padding: 110px 5vw 65px max(24px, calc((100vw -

var(--shell))/2)); display: flex; flex-direction:

column; justify-content: flex-end; border-right: 1px solid

var(--lineD) }


.hero-copy h1 { margin: 0 }


.source-sub { font-family: var(--serif); font-size:

clamp(25px, 3vw, 39px); color: var(--gold2); line-height:

1.12; margin: 25px 0 }


.hero-copy>p { max-width: 670px; color: rgba(255,

255, 255, .6) }


.hero-media { min-height: 100% }


.hero-phone { display: flex; justify-content:

space-between; align-items: end; gap: 20px; border-top:

1px solid var(--lineD); padding-top: 22px; margin-top:

38px }


.hero-phone span { font-size: 9px; text-transform:

uppercase; letter-spacing: .15em; color: rgba(255, 255,

255, .42) }


.hero-phone a { font-family: var(--serif); font-size:

29px }


.editorial { display: grid; grid-template-columns: 330px

1fr; gap: 90px }


.editorial h2 { margin: 0 }


.editorial-copy { max-width: 780px }


.editorial-copy p:first-of-type { font-size: 19px }


.booking-band { display: grid; grid-template-columns:

1fr 1fr; background: #111316; color: #fff }


.booking-media { min-height: 620px }


.booking-copy { padding: 75px; display:

flex; flex-direction: column; justify-content: center }


.booking-copy h2 { margin: 0 0 28px }


.booking-copy p { color: rgba(255, 255, 255, .55) }


.airport-band { background: var(--cream2) }


.airport-grid { display: grid; grid-template-columns:

330px 1fr }


.airport-title { padding: 70px 35px 70px 0; border-right:

1px solid var(--line) }


.airport-title h2 { font-size: 47px; margin: 0 }


.airport-points { display: grid; grid-template-columns:

repeat(4, 1fr) }


.airport-point { padding: 70px 22px; border-right: 1px

solid var(--line) }


.airport-point:last-child { border: 0 }


.airport-point strong { font-family: var(--serif); font-size:

26px; line-height: 1.05 }


.airport-point p { font-size: 11px; color:

var(--muted); margin-top: 10px }


.directory { background: var(--black); color: #fff }


.directory-head { display: flex; justify-content:

space-between; align-items: end; gap: 45px; margin-bottom:

42px }


.directory-head h2 { margin: 0 }


.directory-head p { max-width: 450px; color: rgba(255,

255, 255, .48) }


.service-list { border-top: 1px solid var(--lineD) }


.service-row { display: grid; grid-template-columns:

75px 1fr auto; align-items: center; gap: 22px; padding:

28px 5px; border-bottom: 1px solid var(--lineD); transition:

.22s }


.service-row:hover { padding-left: 17px; background:

rgba(255, 255, 255, .025) }


.service-row .n { font-size: 9px; color: var(--gold) }


.service-row h3 { font-size: 37px; margin: 0 }


.service-row p { font-size: 11px; color: rgba(255, 255,

255, .42); margin: 6px 0 0 }


.service-row .arrow { font-size: 23px; color:

var(--gold2) }


.safety { display: grid; grid-template-columns: 390px

1fr; gap: 85px }


.safety-title { position: sticky; top:

115px; align-self: start }


.safety-title h2 { margin: 0 0 22px }


.safety-item { display: grid; grid-template-columns:

48px 1fr; gap: 10px; padding: 28px 0; border-top: 1px

solid var(--line) }


.safety-item:last-child { border-bottom: 1px solid

var(--line) }


.safety-item .n { font-size: 9px; color: #846b39 }


.safety-item h3 { font-size: 30px; margin: 0 0 8px }


.safety-item p { font-size: 13px; color:

var(--muted); margin: 0 }


.why { display: grid; grid-template-columns: 1fr 1fr }


.why-media { min-height: 720px }


.why-copy { padding: 80px; background: #111316; color:

#fff }


.why-copy h2 { margin: 0 0 32px }


.why-block { padding: 21px 0; border-top: 1px solid

var(--lineD) }


.why-block h3 { font-size: 28px; margin: 0 0 7px }


.why-block p { font-size: 12px; color: rgba(255, 255,

255, .52); margin: 0 }


.reviews { display: grid; grid-template-columns: 340px

1fr; gap: 65px }


.review-stack { display: grid; gap: 12px }


.review { background: #faf7f0; border: 1px solid

var(--line); padding: 27px }


.review .stars { color: #8f713b; font-size: 10px }


.review blockquote { font-family: var(--serif); font-size:

24px; line-height: 1.3; margin: 20px 0 }


.review footer { font-size: 10px; color: #777 }


/* shared internal */ .split-top { padding-top:

var(--header); background: #090a0b; color: #fff }


.split-top-grid { min-height: 580px; display:

grid; grid-template-columns: 1fr 1fr }


.split-title { padding: 100px 5vw 65px max(24px, calc((100vw

- var(--shell))/2)); display: flex; flex-direction:

column; justify-content: flex-end; border-right: 1px solid

var(--lineD) }


.split-title h1 { font-size: clamp(55px, 7.5vw,

106px); margin: 0 }


.split-title p { max-width: 610px; color: rgba(255, 255,

255, .56); margin-top: 24px }


.split-media { min-height: 580px }


/* services */ .services-intro { display:

grid; grid-template-columns: 1.1fr .9fr; gap: 85px }


.services-intro h2 { margin: 0 }


.service-editorial { border-top: 1px solid var(--line) }


.service-editorial article { display:

grid; grid-template-columns: 65px 1fr 320px; gap:

28px; align-items: center; padding: 32px 0; border-bottom:

1px solid var(--line) }


.service-editorial .n { font-size: 9px; color: #866e3d }


.service-editorial h3 { font-size: 39px; margin: 0 }


.service-editorial p { font-size: 12px; color:

var(--muted) }


.service-thumb { height: 145px }


/* airport */ .airport-hero { padding-top:

var(--header); background: #08090a; color: #fff }


.airport-hero-grid { min-height: 760px; display:

grid; grid-template-columns: 1.12fr .88fr }


.airport-hero-copy { padding: 100px 6vw 70px max(24px,

calc((100vw - var(--shell))/2)); display: flex; flex-direction:

column; justify-content: flex-end }


.airport-hero-copy h1 { font-size: clamp(60px, 8.5vw,

120px); margin: 0 }


.airport-hero-copy p { color: rgba(255, 255, 255,

.56); max-width: 680px }


.airport-hero-media { min-height: 760px }


.manifest { display: grid; grid-template-columns: 290px

repeat(3, 1fr); border-top: 1px solid

var(--line); border-bottom: 1px solid var(--line) }


.manifest>div { padding: 42px 27px; border-right: 1px

solid var(--line) }


.manifest>div:last-child { border: 0 }


.manifest h2 { font-size: 41px; margin: 0 }


.manifest h3 { font-size: 28px; margin: 0 0 9px }


.manifest p { font-size: 12px; color: var(--muted) }


.ops { background: #0b0c0e; color: #fff }


.ops-grid { display: grid; grid-template-columns: 370px

1fr; gap: 75px }


.ops-title { position: sticky; top: 115px; align-self:

start }


.ops-title h2 { margin: 0 }


.op { display: grid; grid-template-columns: 60px

1fr; gap: 16px; padding: 30px 0; border-top: 1px solid

var(--lineD) }


.op:last-child { border-bottom: 1px solid var(--lineD) }


.op .n { font-size: 9px; color:

var(--gold2); padding-top: 8px }


.op h3 { font-size: 31px; margin: 0 0 8px }


.op p { font-size: 13px; color: rgba(255, 255, 255,

.5); margin: 0 }


/* corporate */ .corp-top { padding-top:

var(--header); display: grid; grid-template-columns: .75fr

1.25fr; min-height: 670px }


.corp-copy { padding: 95px 5vw 65px max(24px, calc((100vw -

var(--shell))/2)); display: flex; flex-direction:

column; justify-content: flex-end }


.corp-copy h1 { font-size: clamp(55px, 7vw, 100px); margin:

0 }


.corp-copy p { color: var(--muted) }


.corp-media { min-height: 670px }


.route { background: #0b0c0e; color: #fff }


.route-grid { display: grid; grid-template-columns:

280px 1fr 280px; align-items: center }


.route-end { padding: 48px 22px }


.route-end span { display: block; font-size:

8px; text-transform: uppercase; letter-spacing:

.15em; color: rgba(255, 255, 255, .4) }


.route-end strong { font-family: var(--serif); font-size:

32px }


.route-line { height: 1px; background:

linear-gradient(90deg, var(--gold), rgba(255, 255, 255, .22),

var(--gold)) }


.corp-specs { display: grid; grid-template-columns:

repeat(2, 1fr); border-top: 1px solid var(--line) }


.corp-spec { padding: 34px; border-right: 1px solid

var(--line); border-bottom: 1px solid var(--line) }


.corp-spec:nth-child(even) { border-right: 0 }


.corp-spec h3 { font-size: 31px; margin: 0 0 8px }


.corp-spec p { font-size: 13px; color: var(--muted) }


/* concert */ .concert { background: #08090b; color:

#fff }


.concert-top { padding-top: var(--header); min-height:

100svh; display: grid; grid-template-columns: 1fr 370px }


.concert-main { padding: 115px 5vw 65px max(24px, calc((100vw

- var(--shell))/2)); display: flex; flex-direction:

column; justify-content: flex-end }


.concert-main h1 { font-size: clamp(62px, 9vw,

128px); margin: 0 }


.concert-main p { color: rgba(255, 255, 255, .55); max-width:

680px }


.concert-side { border-left: 1px solid var(--lineD); display:

grid; grid-template-rows: 1fr auto }


.concert-media { min-height: 490px }


.concert-note { padding: 28px; border-top: 1px solid

var(--lineD) }


.concert-note strong { font-family: var(--serif); font-size:

27px }


.show-plan { display: grid; grid-template-columns:

repeat(4, 1fr); border-top: 1px solid

var(--lineD); border-bottom: 1px solid var(--lineD) }


.show-step { padding: 42px 24px; border-right: 1px solid

var(--lineD) }


.show-step:last-child { border: 0 }


.show-step span { font-size: 9px; color: var(--gold2) }


.show-step h3 { font-size: 28px; margin: 22px 0 9px }


.show-step p { font-size: 11px; color: rgba(255, 255,

255, .46) }


/* sports */ .sports-top { padding-top:

var(--header); background: #0b0d0e; color: #fff }


.sports-grid { min-height: 720px; display:

grid; grid-template-columns: .92fr 1.08fr }


.sports-copy { padding: 100px 5vw 65px max(24px, calc((100vw

- var(--shell))/2)); display: flex; flex-direction:

column; justify-content: flex-end }


.sports-copy h1 { font-size: clamp(58px, 8vw, 112px); margin:

0 }


.sports-copy p { color: rgba(255, 255, 255, .55) }


.sports-media { min-height: 720px }


.venue-board { background: #121416; color: #fff }


.venue-grid { display: grid; grid-template-columns:

repeat(2, 1fr) }


.venue { padding: 32px; border-right: 1px solid

var(--lineD); border-bottom: 1px solid var(--lineD) }


.venue:nth-child(even) { border-right: 0 }


.venue small { font-size: 8px; text-transform:

uppercase; letter-spacing: .14em; color: var(--gold2) }


.venue h3 { font-size: 31px; margin: 7px 0 0 }


.game-day { display: grid; grid-template-columns: 350px

1fr; gap: 70px }


.game-features { display: grid; grid-template-columns:

repeat(3, 1fr); gap: 1px; background: var(--line) }


.game-feature { background: var(--cream); padding:

30px }


.game-feature h3 { font-size: 27px }


.game-feature p { font-size: 12px; color: var(--muted) }


/* arts */ .arts-top { padding-top:

var(--header); background: #eee8dd }


.arts-grid { min-height: 660px; display:

grid; grid-template-columns: 1.15fr .85fr }


.arts-copy { padding: 115px 5vw 65px max(24px, calc((100vw -

var(--shell))/2)); display: flex; flex-direction:

column; justify-content: flex-end }


.arts-copy h1 { font-size: clamp(62px, 8.5vw, 120px); margin:

0 }


.arts-copy p { color: var(--muted) }


.arts-media { min-height: 660px }


.gallery-index { display: grid; grid-template-columns:

repeat(3, 1fr); gap: 1px; background: var(--line) }


.gallery-col { background: var(--cream); padding: 39px }


.gallery-col h2 { font-size: 42px; margin: 0 0 25px }


.gallery-col ul { list-style: none; padding: 0; margin:

0 }


.gallery-col li { font-size: 12px; padding: 10px

0; border-top: 1px solid var(--line) }


.gallery-col li:last-child { border-bottom: 1px solid

var(--line) }


/* occasions */ .occasion-top { padding-top:

var(--header); background: #090a0b; color: #fff }


.occasion-grid { min-height: 730px; display:

grid; grid-template-columns: 1fr 1fr }


.occasion-media { min-height: 730px }


.occasion-copy { padding: 100px max(24px, calc((100vw -

var(--shell))/2)) 65px 5vw; display: flex; flex-direction:

column; justify-content: flex-end }


.occasion-copy h1 { font-size: clamp(56px, 7vw,

100px); margin: 0 }


.occasion-copy p { color: rgba(255, 255, 255, .55) }


.occasion-cards { display: grid; grid-template-columns:

repeat(5, 1fr) }


.occasion-card { padding: 31px 23px; border-right: 1px

solid var(--line); min-height: 420px; display:

flex; flex-direction: column; justify-content:

space-between }


.occasion-card:last-child { border: 0 }


.occasion-card .n { font-size: 9px; color: #886d3b }


.occasion-card h3 { font-size: 29px }


.occasion-card p { font-size: 11px; color:

var(--muted) } /* about */ .about-top { padding-top:

var(--header); background: #08090a; color: #fff; }


.about-grid { min-height: 760px; display:

grid; grid-template-columns: 1.2fr .8fr; }


.about-copy { padding: 115px 5vw 65px max(24px, calc((100vw -

var(--shell))/2)); display: flex; flex-direction:

column; justify-content: flex-end; }


.about-copy h1 { font-size: clamp(65px, 9vw, 128px); margin:

0; }


.about-copy blockquote { font-family:

var(--serif); font-size: clamp(27px, 3vw, 41px); line-height:

1.2; color: var(--gold2); margin: 30px 0 0; }


.about-media { min-height: 760px; }


.about-story { display: block; text-align: center; }


.about-story h2 { max-width: 950px; margin: 0 auto

32px; text-align: center; font-size: clamp(42px, 5vw,

72px); line-height: 1; }


.about-story .editorial-copy { max-width: 780px; margin:

0 auto; text-align: left; }


.principles { background: #111316; color: #fff; }


.principle { display: grid; grid-template-columns: 70px

1fr 1fr; gap: 28px; padding: 29px 0; border-top: 1px

solid var(--lineD); }


.principle:last-child { border-bottom: 1px solid

var(--lineD); }


.principle .n { font-size: 9px; color: var(--gold2); }


.principle h3 { font-size: 30px; margin: 0; }


.principle p { font-size: 12px; color: rgba(255, 255,

255, .5); margin: 0; }


/* contact book blog */ .contact-top { padding-top:

var(--header); background: #0a0b0c; color: #fff }


.contact-grid { min-height: 700px; display:

grid; grid-template-columns: .82fr 1.18fr }


.contact-info { padding: 110px 5vw 65px max(24px, calc((100vw

- var(--shell))/2)); display: flex; flex-direction:

column; justify-content: flex-end }


.contact-info h1 { font-size: clamp(65px, 8vw,

112px); margin: 0 }


.contact-info>p { color: rgba(255, 255, 255, .55) }


.contact-meta { margin-top: 32px; border-top: 1px solid

var(--lineD) }


.contact-meta div { padding: 15px 0; border-bottom: 1px

solid var(--lineD); display: flex; justify-content:

space-between; gap: 18px; font-size: 11px }


.contact-form { padding: 110px 7vw 65px; background:

var(--cream); color: var(--ink) }


.contact-form h2 { font-size: 52px; margin: 0 0 32px }


.form-grid { display: grid; grid-template-columns: 1fr

1fr; gap: 14px }


.field { display: flex; flex-direction: column; gap:

6px }


.field.full { grid-column: 1/-1 }


.field label { font-size: 8px; font-weight:

700; text-transform: uppercase; letter-spacing: .13em }


.field input, .field textarea { border: 1px solid

#ccc; background: #faf8f3; padding: 14px }


.field textarea { min-height: 155px; resize: vertical }


.book-page { padding-top: var(--header); min-height:

100svh; display: grid; grid-template-columns: 1fr

1fr; background: #090a0b; color: #fff }


.book-copy { padding: 115px 5vw 70px max(24px, calc((100vw -

var(--shell))/2)); display: flex; flex-direction:

column; justify-content: center }


.book-copy h1 { margin: 0 }


.book-copy p { color: rgba(255, 255, 255, .55) }


.book-media { min-height: 100svh }


.book-box { margin-top: 30px; padding: 23px; border:

1px solid var(--lineD) }


.book-box strong { font-family: var(--serif); font-size:

27px }


.book-box span { display: block; margin-top:

4px; font-size: 10px; color: rgba(255, 255, 255, .43) }


.blog-top { padding: calc(var(--header) + 85px) 0

65px; background: #0b0c0e; color: #fff }


.blog-top h1 { margin: 0 }


.blog-grid { display: grid; grid-template-columns:

repeat(3, 1fr); gap: 15px }


.blog-card { background: #faf7f0; border: 1px solid

var(--line) }


.blog-image { height: 210px }


.blog-copy2 { padding: 23px }


.blog-copy2 small { font-size: 8px; text-transform:

uppercase; letter-spacing: .13em; color: #896d38 }


.blog-copy2 h2 { font-size: 28px; margin: 14px 0 11px }


.blog-copy2 p { font-size: 11px; color: var(--muted) }


.policy-top { padding: calc(var(--header) + 80px) 0

50px; background: #0b0c0e; color: #fff }


.policy-top h1 { font-size: clamp(58px, 7vw, 95px); margin:

0 }


.policy-body { max-width: 980px }


.policy-group { padding: 31px 0; border-top: 1px solid

var(--line) }


.policy-group h2 { font-size: 40px; margin: 0 0 15px }


.policy-group p { font-size: 13px; color: #57585b }


/* footer CTA */ .site-cta { background: #0a0b0c; color:

#fff }


.cta-grid { min-height: 510px; display:

grid; grid-template-columns: 1fr 1fr }


.cta-copy { padding: 75px 5vw 65px max(24px, calc((100vw -

var(--shell))/2)); display: flex; flex-direction:

column; justify-content: center }


.cta-copy h2 { margin: 0 0 23px }


.cta-copy p { color: rgba(255, 255, 255, .52); max-width:

520px }


.cta-media { min-height: 510px }


.site-footer { background: #070809; color:

#fff; border-top: 1px solid var(--lineD) }


.footer-grid { display: grid; grid-template-columns:

1.5fr repeat(3, 1fr); gap: 50px; padding: 65px 0 48px }


.footer-brand p { max-width: 330px; color: rgba(255,

255, 255, .38); font-size: 11px; margin-top: 18px }


.footer-col { display: flex; flex-direction:

column; gap: 9px }


.footer-col h3 { font-family: var(--sans); font-size:

9px; text-transform: uppercase; letter-spacing:

.15em; color: var(--gold2); margin: 0 0 9px }


.footer-col a { font-size: 11px; color: rgba(255, 255,

255, .52) }


.footer-bottom { border-top: 1px solid var(--lineD); padding:

19px 0 24px; display: flex; justify-content:

space-between; color: rgba(255, 255, 255, .3); font-size:

8px; text-transform: uppercase; letter-spacing: .11em }


/* vision */ body.vision-mode { cursor: crosshair }


body.vision-mode \\*:not(.vision-ui):not(.vision-ui \\*) { cursor:

crosshair !important }


.vision-hover { outline: 2px solid #707070

!important; outline-offset: 3px !important }


.vision-toolbar { position: fixed; z-index:

99990; right: 15px; bottom: 15px; display:

flex; align-items: center; gap: 7px; padding:

7px; background: #eee; border: 1px solid #bbb; box-shadow:

0 15px 50px rgba(0, 0, 0, .28); color: #333 }


.vision-name { font: 800 italic 10px/1

var(--sans); letter-spacing: .08em; color: #555; padding:

0 5px }


.vision-btn { height: 34px; border: 1px solid

#c2c2c2; background: #fff; color: #333; padding: 0

10px; font: 700 9px/1 var(--sans); letter-spacing:

.08em; text-transform: uppercase; cursor: pointer }


.vision-btn.active { background: #333; color:

#fff; border-color: #333 }


.vision-count { min-width: 24px; height:

24px; border-radius: 50%; display: grid; place-items:

center; background: #777; color: #fff; font: 700 9px/1

var(--sans) }


.vision-pin { position: absolute; z-index: 99980; width:

23px; height: 23px; border: 0; border-radius:

50%; display: grid; place-items: center; background:

#686868; color: #fff; font: 700 9px/1

var(--sans); box-shadow: 0 4px 15px rgba(0, 0, 0, .28); cursor:

pointer }


.vision-modal { position: fixed; z-index: 99999; inset:

0; background: rgba(0, 0, 0, .52); display:

none; place-items: center; padding: 20px }


.vision-modal.open { display: grid }


.vision-dialog { width: min(520px, 100%); background:

#f1f1f1; border: 1px solid #aaa; box-shadow: 0 30px 90px

rgba(0, 0, 0, .4); padding: 22px; color: #222 }


.vision-dialog h3 { font-family: var(--sans); font-size:

13px; text-transform: uppercase; letter-spacing:

.06em; margin: 0 0 5px }


.vision-target { font-size: 10px; color:

#6c6c6c; margin-bottom: 12px; word-break: break-word }


.vision-dialog textarea { width: 100%; min-height:

130px; border: 1px solid #aaa; background: #fff; padding:

12px; resize: vertical }


.vision-dialog-actions { display: flex; justify-content:

flex-end; gap: 7px; margin-top: 11px }


/* =========================================================

   RESPONSIVE / MOBILE COMPATIBILITY PASS

   Desktop styles above remain unchanged

   ========================================================= */


/* General overflow and flexible-media safety */

html,

body {

    max-width: 100%;

    overflow-x: clip;

}


img,

video,

iframe {

    max-width: 100%;

}


.home-hero > *,

.split-top-grid > *,

.airport-hero-grid > *,

.corp-top > *,

.sports-grid > *,

.arts-grid > *,

.occasion-grid > *,

.about-grid > *,

.contact-grid > *,

.book-page > *,

.editorial > *,

.services-intro > *,

.booking-band > *,

.why > *,

.cta-grid > *,

.game-day > *,

.reviews > *,

.ops-grid > *,

.safety > * {

    min-width: 0;

}


.contact-meta,

.footer-grid,

.footer-bottom,

.service-editorial,

.service-row,

.blog-card,

.review,

.principle {

    overflow-wrap: anywhere;

}


@media (max-width: 1050px) {

    .main-nav {

        display: none;

    }


    .nav-toggle {

        display: block;

        flex: 0 0 42px;

        cursor: pointer;

    }


    .header-phone {

        display: none;

    }


    .main-nav.open {

        position: fixed;

        display: flex;

        flex-direction: column;

        align-items: stretch;

        gap: 0;

        top: var(--header);

        left: 0;

        right: 0;

        bottom: 0;

        background: #08090a;

        padding: 24px;

        margin: 0;

        overflow-y: auto;

        overscroll-behavior: contain;

        -webkit-overflow-scrolling: touch;

    }


    .main-nav.open > a,

    .main-nav.open .nav-services > button {

        width: 100%;

        text-align: left;

        padding: 16px 0;

        border-bottom: 1px solid var(--lineD);

        font-family: var(--serif);

        font-size: 28px;

        line-height: 1.15;

        text-transform: none;

        letter-spacing: 0;

    }


    .main-nav.open .nav-services {

        width: 100%;

    }


    .nav-menu {

        position: static !important;

        display: block !important;

        width: 100%;

        border: 0;

        background: none;

        padding: 0 0 10px 18px;

    }


    .nav-menu a {

        padding: 12px 0;

    }


    .home-hero,

    .split-top-grid,

    .airport-hero-grid,

    .corp-top,

    .sports-grid,

    .arts-grid,

    .occasion-grid,

    .about-grid,

    .contact-grid,

    .book-page {

        grid-template-columns: 1fr;

    }


    .hero-media,

    .split-media,

    .airport-hero-media,

    .corp-media,

    .sports-media,

    .arts-media,

    .occasion-media,

    .about-media,

    .book-media {

        min-height: 460px;

    }


    .editorial,

    .safety,

    .reviews,

    .game-day,

    .services-intro {

        grid-template-columns: 1fr;

        gap: 44px;

    }


    .safety-title,

    .ops-title {

        position: static;

    }


    .airport-grid,

    .ops-grid {

        grid-template-columns: 1fr;

    }


    .airport-title {

        padding-right: 0;

        border-right: 0;

        border-bottom: 1px solid var(--line);

    }


    .service-editorial article {

        grid-template-columns: 60px minmax(0, 1fr);

    }


    .service-thumb {

        grid-column: 2;

        width: 100%;

        min-width: 0;

    }


    .concert-top {

        grid-template-columns: 1fr;

        min-height: auto;

    }


    .concert-side {

        border-left: 0;

        border-top: 1px solid var(--lineD);

        grid-template-columns: 1fr 1fr;

        grid-template-rows: none;

    }


    .gallery-index {

        grid-template-columns: 1fr;

    }


    .occasion-cards {

        grid-template-columns: 1fr 1fr;

    }


    .footer-grid {

        grid-template-columns: 1fr 1fr;

    }


    .footer-brand {

        grid-column: 1 / -1;

    }


    .route-grid {

        grid-template-columns: 1fr;

    }


    .route-line {

        margin: 0 24px;

    }

}


@media (max-width: 760px) {

    :root {

        --header: 68px;

    }


    .shell {

        width: min(calc(100% - 28px), var(--shell));

    }


    .pad {

        padding: 74px 0;

    }


    h1,

    .split-title h1,

    .airport-hero-copy h1,

    .corp-copy h1,

    .concert-main h1,

    .sports-copy h1,

    .arts-copy h1,

    .occasion-copy h1,

    .about-copy h1,

    .contact-info h1,

    .policy-top h1 {

        font-size: clamp(44px, 14vw, 64px);

        line-height: .95;

    }


    h2 {

        font-size: clamp(38px, 11vw, 54px);

        line-height: 1;

    }


    h3 {

        font-size: clamp(26px, 8vw, 36px);

    }


    .lead {

        font-size: 17px;

    }


    .header-inner {

        gap: 14px;

    }


    .header-right .btn {

        display: none;

    }


    .main-nav.open {

        padding: 18px 20px 34px;

    }


    .main-nav.open > a,

    .main-nav.open .nav-services > button {

        font-size: 25px;

        padding: 14px 0;

    }


    .hero-copy,

    .split-title,

    .airport-hero-copy,

    .corp-copy,

    .sports-copy,

    .arts-copy,

    .occasion-copy,

    .about-copy,

    .contact-info,

    .book-copy {

        padding-left: 20px;

        padding-right: 20px;

    }


    .home-hero,

    .concert-top,

    .book-page {

        min-height: auto;

    }


    .hero-copy,

    .split-title,

    .airport-hero-copy,

    .corp-copy,

    .sports-copy,

    .arts-copy,

    .occasion-copy,

    .about-copy,

    .contact-info,

    .book-copy {

        padding-top: 82px;

        padding-bottom: 52px;

    }


    .hero-media,

    .split-media,

    .airport-hero-media,

    .corp-media,

    .sports-media,

    .arts-media,

    .occasion-media,

    .about-media,

    .book-media,

    .concert-media {

        min-height: 390px;

    }


    .hero-phone {

        align-items: flex-start;

        flex-direction: column;

    }


    .hero-phone a {

        font-size: 25px;

    }


    .booking-band,

    .why,

    .cta-grid {

        grid-template-columns: 1fr;

    }


    .booking-copy,

    .why-copy,

    .cta-copy {

        padding: 52px 24px;

    }


    .booking-media,

    .why-media,

    .cta-media {

        min-height: 390px;

    }


    .airport-points {

        grid-template-columns: 1fr 1fr;

    }


    .airport-point {

        padding: 42px 18px;

        border-bottom: 1px solid var(--line);

    }


    .directory-head,

    .services-intro {

        display: block;

    }


    .directory-head p {

        margin-top: 18px;

    }


    .service-row {

        grid-template-columns: 38px minmax(0, 1fr) 24px;

        gap: 12px;

        padding: 24px 0;

    }


    .service-row h3 {

        font-size: 30px;

    }


    .service-row p {

        display: none;

    }


    .service-editorial article {

        grid-template-columns: 38px minmax(0, 1fr);

        gap: 18px;

        padding: 28px 0;

    }


    .service-editorial h3 {

        font-size: 32px;

    }


    .service-thumb {

        grid-column: 1 / -1;

        height: 220px;

        margin-top: 6px;

    }


    .manifest {

        grid-template-columns: 1fr;

    }


    .manifest > div {

        border-right: 0;

        border-bottom: 1px solid var(--line);

    }


    .corp-specs {

        grid-template-columns: 1fr;

    }


    .corp-spec {

        border-right: 0;

    }


    .show-plan {

        grid-template-columns: 1fr 1fr;

    }


    .show-step:nth-child(2) {

        border-right: 0;

    }


    .concert-side {

        grid-template-columns: 1fr;

    }


    .venue-grid,

    .game-features,

    .occasion-cards {

        grid-template-columns: 1fr;

    }


    .venue {

        border-right: 0;

    }


    .occasion-card {

        min-height: auto;

        padding: 30px 22px;

        border-right: 0;

        border-bottom: 1px solid var(--line);

    }


    .principle {

        grid-template-columns: 40px minmax(0, 1fr);

        gap: 18px;

    }


    .principle p {

        grid-column: 2;

    }


    .contact-meta div {

        flex-direction: column;

        align-items: flex-start;

        gap: 5px;

    }


    .contact-form {

        padding: 64px 20px;

    }


    .contact-form h2 {

        font-size: clamp(38px, 11vw, 52px);

    }


    .form-grid {

        grid-template-columns: 1fr;

    }


    .field.full {

        grid-column: auto;

    }


    .field input,

    .field textarea,

    .field select {

        width: 100%;

        min-width: 0;

    }


    .blog-grid {

        grid-template-columns: 1fr;

    }


    .footer-grid {

        grid-template-columns: 1fr;

        gap: 34px;

        padding-top: 50px;

    }


    .footer-brand {

        grid-column: auto;

    }


    .footer-bottom {

        flex-direction: column;

        align-items: flex-start;

        gap: 10px;

    }


    .vision-name {

        display: none;

    }


    .vision-dialog {

        max-height: calc(100svh - 32px);

        overflow-y: auto;

    }

}


@media (max-width: 520px) {

    .shell {

        width: min(calc(100% - 20px), var(--shell));

    }


    h1,

    .split-title h1,

    .airport-hero-copy h1,

    .corp-copy h1,

    .concert-main h1,

    .sports-copy h1,

    .arts-copy h1,

    .occasion-copy h1,

    .about-copy h1,

    .contact-info h1,

    .policy-top h1 {

        font-size: clamp(40px, 13vw, 54px);

    }


    h2 {

        font-size: clamp(34px, 10vw, 46px);

    }


    .actions {

        flex-direction: column;

        align-items: stretch;

    }


    .actions .btn,

    .contact-submit {

        width: 100%;

    }


    .hero-media,

    .split-media,

    .airport-hero-media,

    .corp-media,

    .sports-media,

    .arts-media,

    .occasion-media,

    .about-media,

    .book-media,

    .concert-media,

    .booking-media,

    .why-media,

    .cta-media {

        min-height: 320px;

    }


    .airport-points,

    .show-plan {

        grid-template-columns: 1fr;

    }


    .airport-point,

    .show-step {

        border-right: 0;

    }


    .show-step {

        border-bottom: 1px solid var(--lineD);

    }


    .service-row {

        grid-template-columns: 30px minmax(0, 1fr) 20px;

    }


    .service-row h3 {

        font-size: 27px;

    }


    .service-editorial article {

        grid-template-columns: 30px minmax(0, 1fr);

    }


    .service-editorial h3 {

        font-size: 29px;

    }


    .service-thumb {

        height: 195px;

    }


    .route-end,

    .gallery-col,

    .corp-spec,

    .venue,

    .game-feature,

    .review {

        padding-left: 20px;

        padding-right: 20px;

    }


    .route-line {

        margin: 0 20px;

    }


    .contact-meta a,

    .footer-col a,

    .footer-brand p {

        overflow-wrap: anywhere;

        word-break: break-word;

    }


    .vision-toolbar {

        left: 8px;

        right: 8px;

        bottom: 8px;

        max-width: calc(100vw - 16px);

        overflow-x: auto;

    }


    .vision-btn {

        flex: 0 0 auto;

    }

}


@media (prefers-reduced-motion: reduce) {

    html {

        scroll-behavior: auto;

    }


    *,

    *::before,

    *::after {

        transition: none !important;

        animation: none !important;

    }


    .reveal {

        opacity: 1;

        transform: none;

    }

}

/* Corporate hero heading containment */
.corp-copy {
    min-width: 0;
}

.corp-copy h1 {
    max-width: 100%;
    font-size: clamp(48px, 5.8vw, 86px);
    overflow-wrap: normal;
}

/* Corporate + Sports responsive media containment */
.corp-top,
.sports-grid {
    width: 100%;
    overflow: hidden;
}

.corp-copy,
.corp-media,
.sports-copy,
.sports-media {
    min-width: 0;
}

.corp-media,
.sports-media {
    position: relative;
    overflow: hidden;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.corp-media img,
.corp-media video,
.sports-media img,
.sports-media video {
    display: block;
    width: 100%;
    height: 100%;
    max-width: none;
    object-fit: cover;
}

/* Desktop */
@media (min-width: 1051px) {
    .corp-top {
        grid-template-columns: minmax(0, .75fr) minmax(0, 1.25fr);
    }

    .sports-grid {
        grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
    }
}

/* Tablet */
@media (max-width: 1050px) {
    .corp-top,
    .sports-grid {
        grid-template-columns: 1fr;
    }

    .corp-media,
    .sports-media {
        min-height: 460px;
    }
}

/* Mobile */
@media (max-width: 760px) {
    .corp-media,
    .sports-media {
        min-height: 390px;
    }
}

/* Small phones */
@media (max-width: 520px) {
    .corp-media,
    .sports-media {
        min-height: 320px;
    }
}

/* FORCE FULL MOBILE MENU ON ALL PAGES */
@media (max-width: 1050px) {

    .site-header,
    .header-inner {
        overflow: visible !important;
    }

    body.menu-open {
        overflow: hidden !important;
    }

    .main-nav.open {
        display: flex !important;
        position: fixed !important;

        top: var(--header) !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;

        width: 100vw !important;
        height: calc(100dvh - var(--header)) !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 24px !important;

        flex-direction: column !important;
        align-items: stretch !important;

        background: #08090a !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;

        z-index: 99999 !important;
    }

    .main-nav.open > a,
    .main-nav.open .nav-services > button {
        display: block !important;
        width: 100% !important;
        padding: 15px 0 !important;
        text-align: left !important;

        font-family: "Cormorant Garamond", Georgia, serif !important;
        font-size: 27px !important;
        line-height: 1.1 !important;

        color: #fff !important;
        background: transparent !important;

        border: 0 !important;
        border-bottom: 1px solid rgba(255,255,255,.14) !important;

        text-transform: none !important;
        letter-spacing: 0 !important;
    }

    .main-nav.open .nav-services {
        width: 100% !important;
    }

    .main-nav.open .nav-menu {
        display: block !important;
        position: static !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 4px 0 12px 18px !important;

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .main-nav.open .nav-menu a {
        display: block !important;
        padding: 10px 0 !important;
        color: rgba(255,255,255,.65) !important;
    }
}