.inner-page { background: var(--paper); color: var(--ink); }
.inner-header { position: absolute; z-index: 4; inset: 0 0 auto; display: flex; align-items: center; justify-content: space-between; padding: 24px 4.2vw; color: white; }
.inner-brand { display: flex; align-items: center; gap: 10px; }.inner-brand img { width: 45px; height: 45px; object-fit: contain; filter: brightness(0) invert(1); }.inner-brand span { display: flex; flex-direction: column; line-height: 1; }.inner-brand strong { font-size: 15px; letter-spacing: .24em; }.inner-brand small { margin-top: 4px; color: rgba(255,255,255,.72); font: 8px var(--font-mono); letter-spacing: .15em; }.inner-nav { display: flex; align-items: center; gap: 28px; font: 10px var(--font-mono); letter-spacing: .08em; text-transform: uppercase; }.inner-nav a { transition: color .2s ease; }.inner-nav a:hover { color: var(--amber); }.inner-nav .nav-button { padding: 11px 15px; border: 1px solid rgba(255,255,255,.55); }.inner-nav .nav-button:hover { border-color: var(--amber); }
.inner-hero { position: relative; min-height: min(760px, 92svh); display: flex; align-items: flex-end; overflow: hidden; isolation: isolate; color: white; }.inner-hero-image { position: absolute; z-index: -3; inset: 0; }.inner-hero-image img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; animation: pageFloat 15s ease-in-out infinite alternate; }.inner-hero-overlay { position: absolute; z-index: -2; inset: 0; background: linear-gradient(90deg, rgba(8,8,10,.86), rgba(8,8,10,.3) 52%, rgba(8,8,10,.1)), linear-gradient(0deg, rgba(8,8,10,.85), transparent 52%); }.inner-hero:after { content: ''; position: absolute; z-index: -1; width: 49vw; height: 49vw; min-width: 500px; min-height: 500px; right: -10vw; top: 18vh; border: 1px solid rgba(245,173,37,.5); border-radius: 50%; box-shadow: inset 0 0 0 48px rgba(255,255,255,.03), inset 0 0 0 96px rgba(217,40,46,.12); transform: rotate(-17deg); }.inner-hero-content { width: min(750px, 86vw); padding: 0 4.2vw 105px; }.inner-hero-content .eyebrow { margin-bottom: 23px; color: var(--amber); }.inner-hero h1 { max-width: 780px; margin: 0 0 26px; font-size: clamp(50px, 7vw, 100px); }.inner-hero h1 i { color: var(--amber); font-family: var(--font-display); font-weight: 600; }.inner-hero-lead { max-width: 520px; margin-bottom: 28px; color: rgba(255,255,255,.8); font-size: 15px; line-height: 1.7; }.inner-hero-actions { display: flex; align-items: center; gap: 24px; }.page-index { position: absolute; right: 4.2vw; bottom: 80px; color: rgba(255,255,255,.8); font: 10px var(--font-mono); letter-spacing: .15em; }.page-index strong { display: block; margin-top: 8px; color: var(--amber); font: 45px var(--font-sans); letter-spacing: -.1em; }
.inner-intro { display: grid; grid-template-columns: .75fr 1.25fr; gap: 10vw; align-items: start; padding: 110px 8.4vw 90px; background: var(--paper); }.inner-intro-label { color: var(--fire); font: 10px var(--font-mono); letter-spacing: .14em; }.inner-intro-label span { display: inline-block; width: 24px; height: 1px; margin-right: 10px; vertical-align: middle; background: currentColor; }.inner-intro h2 { margin: 0 0 26px; }.inner-intro h2 i { color: var(--fire); }.inner-intro-copy > p { max-width: 670px; margin: 0 0 30px; color: #5d574f; font-size: 15px; line-height: 1.8; }.inner-facts { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 1px; margin-top: 34px; border: 1px solid var(--line); background: var(--line); }.inner-fact { min-height: 100px; padding: 20px; background: var(--cream); }.inner-fact span { display: block; margin-bottom: 14px; color: var(--fire); font: 10px var(--font-mono); }.inner-fact strong { display: block; font-size: 16px; line-height: 1.1; letter-spacing: -.04em; }
.inner-specs { padding: 95px 8.4vw 112px; color: white; background: var(--ink); }.inner-section-kicker { display: flex; align-items: center; justify-content: space-between; margin-bottom: 48px; color: rgba(255,255,255,.72); font: 10px var(--font-mono); letter-spacing: .13em; text-transform: uppercase; }.inner-section-kicker span { color: var(--amber); }.spec-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: rgba(255,255,255,.2); }.spec-card { min-height: 195px; padding: 26px; background: var(--ink); transition: background .2s ease; }.spec-card:hover { background: #201e21; }.spec-card em { color: var(--fire); font: normal 10px var(--font-mono); }.spec-card h3 { margin: 30px 0 10px; font-size: 22px; letter-spacing: -.055em; }.spec-card p { margin: 0; color: rgba(255,255,255,.6); font-size: 12px; line-height: 1.6; }.spec-list { display: grid; grid-template-columns: repeat(2,1fr); gap: 10px 60px; margin: 42px 0 0; padding: 0; list-style: none; }.spec-list li { padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.16); color: rgba(255,255,255,.82); font-size: 13px; }.spec-list li:before { content: '✦'; margin-right: 10px; color: var(--amber); font-size: 10px; }
.inner-proof { display: grid; grid-template-columns: .9fr 1.1fr; min-height: 450px; align-items: center; gap: 9vw; padding: 90px 8.4vw; background: #e7e0d4; }.inner-proof-image { height: 430px; overflow: hidden; background: #2a2020; }.inner-proof-image img { display: block; width: 100%; height: 100%; object-fit: cover; }.inner-proof-copy h2 { margin: 0 0 24px; }.inner-proof-copy h2 i { color: var(--fire); }.inner-proof-copy p { max-width: 500px; color: #5b534b; font-size: 14px; line-height: 1.75; }.inner-proof-copy .quote { margin-top: 30px; color: var(--ink); font: 600 25px/1.15 var(--font-display); letter-spacing: -.04em; }
.inner-cta { position: relative; overflow: hidden; padding: 112px 8.4vw 125px; color: white; background: #2a2020; }.inner-cta:before { content: 'ARENA'; position: absolute; right: -3vw; bottom: -7vw; color: rgba(255,255,255,.04); font: 800 27vw/.7 var(--font-sans); letter-spacing: -.13em; }.inner-cta-content { position: relative; z-index: 1; max-width: 680px; }.inner-cta h2 { margin: 20px 0 22px; }.inner-cta h2 i { color: var(--amber); }.inner-cta p { max-width: 490px; color: rgba(255,255,255,.68); font-size: 14px; line-height: 1.7; }.inner-cta .eyebrow { color: var(--amber); }.inner-footer { display: flex; justify-content: space-between; align-items: center; gap: 30px; padding: 28px 8.4vw; color: white; background: var(--ink); }.inner-footer p { margin: 0; color: rgba(255,255,255,.5); font: 9px var(--font-mono); letter-spacing: .08em; }.inner-footer a { color: var(--amber); font: 10px var(--font-mono); letter-spacing: .1em; text-transform: uppercase; }.page-back { position: fixed; z-index: 20; right: 22px; bottom: 20px; display: flex; align-items: center; gap: 9px; padding: 13px 16px; border-radius: 25px; color: var(--ink); background: var(--amber); box-shadow: 0 7px 20px rgba(0,0,0,.2); font: 700 9px var(--font-mono); letter-spacing: .07em; text-transform: uppercase; transition: transform .2s ease; }.page-back:hover { transform: translateY(-3px); }.page-back span { font-size: 17px; }
.theme-quinze .inner-hero-overlay { background: linear-gradient(90deg, rgba(17,11,28,.88), rgba(20,13,30,.28) 58%, rgba(20,13,30,.12)), linear-gradient(0deg, rgba(14,10,20,.85), transparent 52%); }.theme-corporate .inner-hero-overlay { background: linear-gradient(90deg, rgba(8,18,24,.86), rgba(8,18,24,.27) 57%, rgba(8,18,24,.1)), linear-gradient(0deg, rgba(8,12,16,.85), transparent 50%); }.theme-corporate .inner-hero-image img { object-position: center; }.theme-lighting .inner-hero-overlay { background: linear-gradient(90deg, rgba(34,20,12,.82), rgba(34,20,12,.24) 55%, rgba(34,20,12,.1)), linear-gradient(0deg, rgba(30,18,13,.76), transparent 54%); }.theme-attractions .inner-hero-overlay { background: linear-gradient(90deg, rgba(29,12,25,.9), rgba(29,12,25,.3) 58%, rgba(29,12,25,.12)), linear-gradient(0deg, rgba(22,9,18,.88), transparent 54%); }
@keyframes pageFloat { from { transform: scale(1.02); } to { transform: scale(1.07); } }
@media (max-width: 780px) { .inner-header { padding: 17px 5.5vw; }.inner-brand img { width: 37px; height: 37px; }.inner-brand strong { font-size: 12px; }.inner-brand small { font-size: 6px; }.inner-nav { gap: 13px; font-size: 8px; }.inner-nav a:first-child { display: none; }.inner-nav .nav-button { padding: 9px 10px; }.inner-hero { min-height: 700px; }.inner-hero-content { padding: 0 5.5vw 96px; }.inner-hero h1 { font-size: clamp(46px, 13vw, 68px); }.inner-hero-lead { font-size: 13px; }.inner-hero-actions { align-items: flex-start; flex-direction: column; gap: 16px; }.page-index { right: 5.5vw; bottom: 28px; }.page-index strong { font-size: 35px; }.inner-intro { display: block; padding: 74px 5.5vw 62px; }.inner-intro-copy { margin-top: 31px; }.inner-intro-copy > p { font-size: 13px; }.inner-facts { grid-template-columns: 1fr 1fr; }.inner-fact { min-height: 88px; padding: 15px; }.inner-fact strong { font-size: 13px; }.inner-specs { padding: 67px 5.5vw 78px; }.inner-section-kicker { margin-bottom: 33px; font-size: 8px; }.spec-grid { grid-template-columns: 1fr; }.spec-card { min-height: 150px; padding: 21px; }.spec-card h3 { margin: 18px 0 8px; font-size: 20px; }.spec-list { grid-template-columns: 1fr; gap: 0; margin-top: 29px; }.spec-list li { font-size: 12px; }.inner-proof { display: block; padding: 64px 5.5vw 78px; }.inner-proof-image { height: 280px; }.inner-proof-copy { margin-top: 35px; }.inner-proof-copy .quote { font-size: 21px; }.inner-cta { padding: 76px 5.5vw 90px; }.inner-cta h2 { font-size: 43px; }.inner-footer { display: block; padding: 25px 5.5vw 85px; }.inner-footer a { display: inline-block; margin-top: 17px; }.page-back { right: 14px; bottom: 14px; padding: 13px; }.page-back small { display: none; } }