/*
Theme Name: Phoenix Atlantic Developments
Theme URI: https://phoenixatlanticdevelopments.com
Author: Phoenix Atlantic Developments Ltd.
Description: A premium Full Site Editing real-estate theme for intelligent communities in Lagos and Accra. Includes editable block patterns, property search, consultation enquiries, motion, residences, smart living, construction, touchpoints and partnerships.
Version: 2.0.0
Requires at least: 6.4
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: phoenix-atlantic
Tags: full-site-editing, block-patterns, custom-logo, custom-colors, portfolio, featured-images, wide-blocks
*/

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

:root {
  --pa-navy: #071b34;
  --pa-navy-2: #0b2d55;
  --pa-blue: #0c4e88;
  --pa-red: #c72b32;
  --pa-ice: #eef4f8;
  --pa-mist: #f6f8fa;
  --pa-ink: #14202e;
  --pa-muted: #647281;
  --pa-white: #ffffff;
  --pa-line: rgba(7, 27, 52, .12);
  --pa-shadow: 0 24px 70px rgba(7, 27, 52, .12);
  --pa-radius: 4px;
}

html { scroll-behavior: smooth; }
body {
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body.admin-bar .site-header { top: 32px; }
a, button, input, select, textarea { transition: color .25s ease, background-color .25s ease, border-color .25s ease, transform .25s ease, box-shadow .25s ease; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid rgba(199, 43, 50, .34);
  outline-offset: 3px;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(255, 255, 255, .96);
  border-bottom: 1px solid rgba(7, 27, 52, .09);
  box-shadow: 0 5px 28px rgba(7, 27, 52, .06);
  backdrop-filter: blur(16px);
}

.site-header .header-shell { min-height: 148px; }
.brand-logo {
  width: 420px !important;
  height: auto;
  margin: 0 !important;
  overflow: visible;
  position: relative;
  flex: 0 0 420px;
  line-height: 0;
}
.brand-logo img {
  display: block;
  position: relative;
  top: auto;
  left: auto;
  width: 420px !important;
  height: auto !important;
  max-width: none !important;
  filter: contrast(1.18) saturate(1.06);
}

.primary-nav { flex: 1; justify-content: flex-end; }

@media (max-width: 1250px) {
  .site-header .header-shell { min-height: 132px; }
  .brand-logo { width: 360px !important; flex-basis: 360px; }
  .brand-logo img { width: 360px !important; }
  .header-shell { gap: .85rem !important; }
  .primary-nav .wp-block-navigation-item__content { font-size: .72rem; letter-spacing: .06em; }
}

@media (max-width: 900px) {
  .site-header .header-shell { min-height: 112px; }
  .brand-logo { width: 300px !important; flex-basis: 300px; }
  .brand-logo img { width: 300px !important; }
}

.primary-nav .wp-block-navigation-item__content {
  color: var(--pa-navy);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
  text-decoration: none;
}
.primary-nav .wp-block-navigation-item__content:hover { color: var(--pa-red); }
.header-search .wp-block-search__inside-wrapper { border: 1px solid var(--pa-line); padding: 3px; border-radius: 999px; }
.header-search input { min-width: 0; width: 84px; font-size: .78rem; border: 0 !important; }
.header-search button { border-radius: 50% !important; padding: .55rem !important; background: var(--pa-navy) !important; }
.header-cta a {
  background: var(--pa-red) !important;
  border: 1px solid var(--pa-red) !important;
  color: white !important;
  padding: .9rem 1.1rem !important;
  border-radius: 0 !important;
}
.header-cta a:hover { background: var(--pa-navy) !important; border-color: var(--pa-navy) !important; }

.hero-cover { overflow: hidden; isolation: isolate; }
.hero-cover .wp-block-cover__image-background { animation: heroDrift 18s ease-in-out infinite alternate; transform-origin: center; }
.hero-cover::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(90deg, rgba(5, 19, 38, .92) 0%, rgba(5, 19, 38, .70) 42%, rgba(5, 19, 38, .14) 74%);
}
.hero-cover .wp-block-cover__inner-container { z-index: 2; }
.hero-kicker, .section-kicker {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  color: var(--pa-red);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .19em;
  line-height: 1.4;
  text-transform: uppercase;
}
.hero-kicker::before, .section-kicker::before { content: ""; width: 38px; height: 2px; background: currentColor; }
.hero-title { max-width: 870px; text-wrap: balance; }
.hero-title em { color: #cfddec; font-weight: 500; }
.hero-copy { max-width: 610px; color: rgba(255,255,255,.78); }
.hero-actions .wp-block-button__link { min-width: 176px; }
.hero-note { border-left: 1px solid rgba(255,255,255,.28); padding-left: 1rem; color: rgba(255,255,255,.68); }

.quick-search {
  max-width: 760px;
  margin-top: 2.2rem !important;
  padding: .75rem;
  background: rgba(255, 255, 255, .97);
  box-shadow: 0 24px 64px rgba(0, 0, 0, .22);
}
.quick-search .wp-block-search__label { color: var(--pa-navy); font-weight: 700; font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; margin: 0 .55rem .55rem; }
.quick-search .wp-block-search__inside-wrapper { border: 0; padding: 0; }
.quick-search input { border: 1px solid var(--pa-line) !important; padding: 1rem !important; }
.quick-search button { margin-left: 0 !important; padding: 1rem 1.5rem !important; background: var(--pa-red) !important; }

.stat-strip { position: relative; z-index: 5; margin-top: -36px !important; box-shadow: var(--pa-shadow); }
.stat-cell { position: relative; }
.stat-cell:not(:last-child)::after { content: ""; position: absolute; top: 14%; right: 0; height: 72%; width: 1px; background: rgba(255,255,255,.15); }
.stat-number { font-family: "Cormorant Garamond", Georgia, serif; font-size: clamp(2.3rem, 5vw, 4rem); line-height: .9; color: white; }
.stat-label { color: rgba(255,255,255,.62); font-size: .7rem; text-transform: uppercase; letter-spacing: .12em; }

.section-pad { padding-top: clamp(5rem, 9vw, 8.5rem) !important; padding-bottom: clamp(5rem, 9vw, 8.5rem) !important; }
.display-heading { text-wrap: balance; }
.lead-copy { color: var(--pa-muted); font-size: clamp(1rem, 1.25vw, 1.18rem); line-height: 1.85; }
.signature-line { padding-left: 1.25rem; border-left: 3px solid var(--pa-red); }
.image-frame { position: relative; overflow: visible; }
.image-frame::before { content:""; position:absolute; width: 46%; height: 52%; left: -18px; bottom: -18px; background: var(--pa-red); z-index: 0; }
.image-frame img { position: relative; z-index: 1; box-shadow: var(--pa-shadow); }
.image-frame .image-badge { position: absolute; z-index: 3; right: -18px; bottom: 34px; max-width: 210px; }
.media-zoom { overflow: hidden; }
.media-zoom img { transition: transform .8s cubic-bezier(.2,.8,.2,1), filter .8s ease; }
.media-zoom:hover img { transform: scale(1.035); filter: saturate(1.05); }

.vision-section { position: relative; overflow: hidden; }
.vision-section::before { content:""; position:absolute; width: 560px; height: 560px; border: 1px solid rgba(255,255,255,.08); border-radius:50%; right:-220px; top:-250px; box-shadow: 0 0 0 80px rgba(255,255,255,.018), 0 0 0 170px rgba(255,255,255,.012); }
.vision-card { min-height: 270px; border: 1px solid rgba(255,255,255,.13); background: rgba(255,255,255,.035); }
.vision-card .card-index { color: var(--pa-red); font-weight: 700; letter-spacing: .1em; }

.city-card { position: relative; overflow: hidden; min-height: 520px; }
.city-card::after { content:""; position:absolute; inset: 38% 0 0; background: linear-gradient(180deg, transparent, rgba(4,15,29,.96)); z-index:1; }
.city-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition: transform .8s cubic-bezier(.2,.8,.2,1); }
.city-card:hover img { transform: scale(1.045); }
.city-card-content { position:absolute; z-index:2; left:0; right:0; bottom:0; }
.city-card a { color:#fff; text-decoration:none; }
.city-tag { display:inline-block; width:auto; color:#fff; border:1px solid rgba(255,255,255,.35); padding:.42rem .7rem; font-size:.7rem; text-transform:uppercase; letter-spacing:.1em; }
.property-search .wp-block-search__inside-wrapper { border: 1px solid var(--pa-line); padding: 7px; box-shadow: 0 10px 34px rgba(7,27,52,.08); background:white; }
.property-search input { border: 0 !important; }
.property-search button { background: var(--pa-navy) !important; min-width: 144px; }

.feature-list { list-style: none; padding-left: 0; }
.feature-list li { display:flex; align-items:flex-start; gap:.85rem; padding: 1rem 0; border-bottom:1px solid var(--pa-line); }
.feature-list li::before { content:"✓"; display:grid; place-items:center; width:26px; height:26px; border-radius:50%; color:var(--pa-red); background:rgba(199,43,50,.09); font-weight:700; flex:0 0 26px; }
.process-card { border-top: 3px solid var(--pa-red); height: 100%; }
.process-card .process-index { font-family:"Cormorant Garamond", Georgia, serif; font-size:2.2rem; line-height:1; color:rgba(7,27,52,.18); }

.touch-card { height:100%; border:1px solid var(--pa-line); background:white; position:relative; overflow:hidden; }
.touch-card::after { content:""; width:90px; height:90px; background:var(--pa-ice); position:absolute; right:-38px; top:-38px; transform:rotate(45deg); transition:background .3s ease; }
.touch-card:hover { transform: translateY(-7px); box-shadow: var(--pa-shadow); }
.touch-card:hover::after { background:rgba(199,43,50,.12); }
.touch-icon { width:54px; height:54px; display:grid; place-items:center; border-radius:50%; color:white; background:var(--pa-navy); font-size:1.1rem; font-weight:700; }
.touch-icon.wp-block-paragraph { margin-bottom:1.25rem; }
.partner-chip { border:1px solid rgba(7,27,52,.13); background:white; min-height:92px; display:flex; align-items:center; justify-content:center; text-align:center; padding:1.1rem; color:var(--pa-navy); font-weight:700; letter-spacing:.07em; text-transform:uppercase; font-size:.74rem; }

.consult-wrap { box-shadow: 0 34px 100px rgba(4, 17, 33, .24); }
.consult-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.consult-form .full { grid-column:1/-1; }
.consult-form label { display:block; color:rgba(255,255,255,.7); font-size:.72rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.consult-form input, .consult-form select, .consult-form textarea { width:100%; box-sizing:border-box; margin-top:.45rem; border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.07); color:white; padding:.95rem 1rem; font:inherit; }
.consult-form select option { color:var(--pa-ink); background:white; }
.consult-form textarea { min-height:124px; resize:vertical; }
.consult-form button { border:0; background:var(--pa-red); color:white; padding:1rem 1.4rem; font:700 .78rem Manrope,sans-serif; letter-spacing:.1em; text-transform:uppercase; cursor:pointer; }
.consult-form button:hover { background:white; color:var(--pa-navy); transform:translateY(-2px); }
.form-status { padding:.8rem 1rem; margin-bottom:1rem; border-left:3px solid #64d59b; background:rgba(100,213,155,.1); color:white; }
.form-status.error { border-color:#ff8a8f; background:rgba(255,138,143,.1); }
.hp-field { position:absolute !important; left:-9999px !important; }

.site-footer { background:#041223; }
.footer-logo { width:330px !important; height:150px; margin:0 !important; overflow:hidden; position:relative; }
.footer-logo img { position:absolute; top:-109px; left:0; width:330px !important; max-width:none !important; height:auto !important; filter:brightness(0) invert(1); }
.site-footer a { color:rgba(255,255,255,.7); text-decoration:none; }
.site-footer a:hover { color:white; }
.site-footer .wp-block-social-links { gap:.6rem; }
.site-footer .wp-social-link { background:rgba(255,255,255,.1) !important; }
.footer-rule { border-top:1px solid rgba(255,255,255,.12); }

.reveal { opacity:0; transform:translateY(28px); transition:opacity .8s ease, transform .8s cubic-bezier(.2,.8,.2,1); }
.reveal-left { opacity:0; transform:translateX(-36px); transition:opacity .85s ease, transform .85s cubic-bezier(.2,.8,.2,1); }
.reveal-right { opacity:0; transform:translateX(36px); transition:opacity .85s ease, transform .85s cubic-bezier(.2,.8,.2,1); }
.reveal.is-visible, .reveal-left.is-visible, .reveal-right.is-visible { opacity:1; transform:none; }
.reveal-stagger > * { opacity:0; transform:translateY(24px); transition:opacity .65s ease, transform .65s ease; }
.reveal-stagger.is-visible > * { opacity:1; transform:none; }
.reveal-stagger.is-visible > *:nth-child(2) { transition-delay:.10s; }
.reveal-stagger.is-visible > *:nth-child(3) { transition-delay:.20s; }
.reveal-stagger.is-visible > *:nth-child(4) { transition-delay:.30s; }
@keyframes heroDrift { from{transform:scale(1.01) translate3d(0,0,0)} to{transform:scale(1.065) translate3d(-.7%,.3%,0)} }

.content-shell { padding-top:4rem !important; padding-bottom:5rem !important; }
.content-shell .wp-block-post-content > * { max-width:760px; margin-left:auto; margin-right:auto; }
.content-shell .wp-block-post-content > .alignwide { max-width:1200px; }
.content-shell .wp-block-post-content > .alignfull { max-width:none; }
.query-card { border-bottom:1px solid var(--pa-line); padding-bottom:2rem; }

@media (max-width: 1100px) {
  .header-cta { display:none !important; }
  .header-search { display:none; }
  .brand-logo { width:320px !important; flex-basis:320px; }
  .brand-logo img { width:320px !important; }
}
@media (max-width: 781px) {
  body.admin-bar .site-header { top:46px; }
  .site-header .header-shell { min-height:90px; }
  .brand-logo { width:275px !important; flex-basis:275px; }
  .brand-logo img { width:275px !important; }
  .primary-nav { flex:0 0 auto; }
  .primary-nav .wp-block-navigation__responsive-container.is-menu-open { padding:2rem; background:var(--pa-navy) !important; color:white; }
  .primary-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { color:white; font-size:1rem; }
  .hero-cover { min-height:700px !important; }
  .hero-cover::after { background:linear-gradient(90deg,rgba(5,19,38,.91),rgba(5,19,38,.58)); }
  .hero-actions { align-items:flex-start !important; }
  .hero-actions .wp-block-buttons { flex-wrap:wrap; }
  .stat-strip { margin-top:0 !important; }
  .stat-cell:not(:last-child)::after { display:none; }
  .city-card { min-height:460px; }
  .image-frame .image-badge { right:10px; bottom:10px; }
  .consult-form { grid-template-columns:1fr; }
  .consult-form .full { grid-column:auto; }
}
@media (max-width: 520px) {
  .brand-logo { width:230px !important; flex-basis:230px; }
  .brand-logo img { width:230px !important; }
  .quick-search .wp-block-search__inside-wrapper, .property-search .wp-block-search__inside-wrapper { flex-direction:column; gap:.5rem; }
  .quick-search button, .property-search button { margin:0 !important; width:100%; }
  .city-card { min-height:420px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
  .reveal, .reveal-left, .reveal-right, .reveal-stagger > * { opacity:1; transform:none; }
}

/* Cinema page */
.cinema-hero-cover { overflow:hidden; isolation:isolate; background:#03070c; }
.cinema-hero-cover .wp-block-cover__image-background { animation: heroDrift 18s ease-in-out infinite alternate; transform-origin:center; }
.cinema-hero-cover::after { content:""; position:absolute; inset:0; z-index:1; pointer-events:none; background:linear-gradient(90deg,rgba(3,8,15,.92),rgba(3,8,15,.58) 55%,rgba(3,8,15,.3)); }
.cinema-hero-cover .wp-block-cover__inner-container { z-index:2; }
.cinema-title { max-width:820px; text-wrap:balance; margin-bottom:1.4rem !important; }
.cinema-title em { color:#d7e2ee; font-weight:500; }
.cinema-hero-copy { max-width:680px; color:rgba(255,255,255,.8); }
.cinema-hero-badge { margin:1.5rem 0 2rem; gap:.9rem; }
.cinema-coming { display:inline-block; margin:0; padding:.5rem .7rem; background:var(--pa-red); color:#fff; font-size:.68rem; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.cinema-hero-location { margin:0; color:rgba(255,255,255,.72); font-size:.76rem; letter-spacing:.05em; }
.cinema-intro { background:var(--pa-mist); }
.cinema-feature-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; background:rgba(7,27,52,.13); border:1px solid rgba(7,27,52,.13); }
.cinema-feature { padding:1.5rem; background:#fff; min-height:160px; }
.cinema-feature span,.cinema-step>span { display:block; color:var(--pa-red); font-size:.68rem; font-weight:800; letter-spacing:.12em; margin-bottom:.65rem; }
.cinema-feature strong { display:block; color:var(--pa-navy); font-size:1rem; }
.cinema-feature p { margin:.45rem 0 0; color:#5c6b7a; font-size:.88rem; line-height:1.6; }
.cinema-steps-grid > .wp-block-column { display:flex; }
.cinema-step { flex:1; padding:2rem 1.5rem; border:1px solid rgba(7,27,52,.12); background:#fff; transition:transform .3s ease, box-shadow .3s ease; }
.cinema-step:hover { transform:translateY(-5px); box-shadow:var(--pa-shadow); }
.cinema-step h3 { margin:.2rem 0 .65rem; color:var(--pa-navy); font-family:var(--wp--preset--font-family--cormorant); font-size:1.55rem; }
.cinema-step p { margin:0; color:#5c6b7a; font-size:.9rem; }
.cinema-booking-panel { background:var(--pa-navy); }
.cinema-booking-wrap { align-items:center; }
.cinema-booking-note { margin-top:1.5rem; padding:1rem 1.1rem; border-left:2px solid var(--pa-red); color:#d7e2ee; background:rgba(255,255,255,.05); font-size:.84rem; }
.cinema-booking-form { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.cinema-booking-form .full { grid-column:1/-1; }
.cinema-booking-form label { display:block; color:rgba(255,255,255,.72); font-size:.72rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.cinema-booking-form input,.cinema-booking-form select,.cinema-booking-form textarea { width:100%; box-sizing:border-box; margin-top:.45rem; border:1px solid rgba(255,255,255,.2); background:rgba(255,255,255,.07); color:#fff; padding:.95rem 1rem; font:inherit; }
.cinema-booking-form select option { color:var(--pa-ink); background:#fff; }
.cinema-booking-form textarea { min-height:100px; resize:vertical; }
.cinema-booking-form button { border:0; background:var(--pa-red); color:#fff; padding:1rem 1.4rem; font:700 .78rem Manrope,sans-serif; letter-spacing:.1em; text-transform:uppercase; cursor:pointer; }
.cinema-booking-form button:hover { background:#fff; color:var(--pa-navy); transform:translateY(-2px); }
.cinema-final-card { padding:clamp(2rem,5vw,4rem); border:1px solid rgba(7,27,52,.1); background:var(--pa-mist); }
.cinema-placeholder-grid > .wp-block-column { display:flex; }
.cinema-placeholder-card { flex:1; padding:2rem 1.5rem; min-height:150px; border:1px solid rgba(7,27,52,.12); background:var(--pa-mist); }
.cinema-placeholder-card span { color:var(--pa-red); font-size:.66rem; font-weight:800; letter-spacing:.14em; }
.cinema-placeholder-card h3 { margin:.55rem 0 .4rem; color:var(--pa-navy); font-family:var(--wp--preset--font-family--cormorant); font-size:1.5rem; }
.cinema-placeholder-card p { margin:0; color:#5c6b7a; font-size:.84rem; }

@media (max-width:700px){
  .cinema-feature-grid,.cinema-booking-form { grid-template-columns:1fr; }
  .cinema-booking-form .full { grid-column:auto; }
  .cinema-hero-cover { min-height:680px !important; }
  .cinema-hero-cover::after { background:linear-gradient(90deg,rgba(3,8,15,.93),rgba(3,8,15,.7)); }
}


/* Cinema experience enhancements */
.cinema-brand-lockup { background:#fff; padding-top:clamp(3rem,7vw,6rem); padding-bottom:clamp(2rem,5vw,4rem); }
.cinema-brand-logo { width:min(620px,92vw); margin:0 auto !important; background:#fff; box-shadow:0 22px 70px rgba(7,27,52,.12); border-radius:8px; padding:1rem; box-sizing:border-box; }
.cinema-brand-logo img { display:block; width:100%; height:auto; }
.cinema-brand-caption { margin:1.25rem auto 0; color:var(--pa-navy); font-weight:800; letter-spacing:.08em; text-transform:uppercase; font-size:.72rem; }
.cinema-entertainment { background:linear-gradient(135deg,#06182d,#0b294b); }
.cinema-entertainment-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.cinema-entertainment-card { display:flex; gap:1rem; align-items:flex-start; padding:1.35rem; background:rgba(255,255,255,.075); border:1px solid rgba(255,255,255,.11); min-height:135px; transition:transform .3s ease, background .3s ease, border-color .3s ease; }
.cinema-entertainment-card:hover { transform:translateY(-5px); background:rgba(255,255,255,.11); border-color:rgba(239,107,112,.5); }
.cinema-entertainment-card strong { color:#fff; display:block; font-size:1rem; }
.cinema-entertainment-card p { margin:.45rem 0 0; color:#b7c5d2; font-size:.84rem; line-height:1.6; }
.entertainment-icon { flex:0 0 48px; width:48px; height:48px; display:grid; place-items:center; border-radius:50%; background:var(--pa-red); color:#fff; font-weight:900; font-size:.72rem; letter-spacing:.04em; }
.cinema-visual-story { background:#fff; }
.cinema-story-image { margin:0; overflow:hidden; border-radius:4px; box-shadow:0 24px 70px rgba(7,27,52,.16); }
.cinema-story-image img { display:block; width:100%; height:560px; object-fit:cover; }
.cinema-hero-cover .wp-block-cover__image-background { image-rendering:auto; }
@media (max-width:800px){
  .cinema-entertainment-cards { grid-template-columns:1fr; }
  .cinema-story-image img { height:420px; }
}
@media (max-width:520px){
  .cinema-brand-logo { padding:.5rem; }
  .cinema-brand-caption { font-size:.62rem; line-height:1.6; }
  .cinema-story-image img { height:330px; }
}

/* Phoenix Atlantic 2026 motion / page system */
.pa-container{width:min(1280px,calc(100% - 40px));margin-inline:auto}
.pa-page{min-height:70vh;background:#fff;color:var(--pa-ink)}
.pa-page-dark{background:#06101f;color:#fff}
.pa-page-hero{min-height:620px;display:grid;align-items:end;background-size:cover;background-position:center;padding:clamp(5rem,10vw,9rem) 0;position:relative;overflow:hidden}
.pa-page-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,rgba(80,130,255,.18),transparent 34%),linear-gradient(0deg,rgba(2,7,15,.88),transparent 60%);pointer-events:none}
.pa-page-hero .pa-container{position:relative;z-index:2}
.pa-page-hero h1{font-size:clamp(3rem,7vw,7rem);max-width:900px;margin:.6rem 0 1rem;line-height:.94;color:#fff}
.pa-page-hero p{max-width:680px;color:rgba(255,255,255,.76);font-size:clamp(1rem,1.5vw,1.25rem)}
.pa-page-hero-light{min-height:590px}
.pa-section{padding:clamp(5rem,9vw,9rem) 0}
.pa-eyebrow{display:inline-block;font-size:.7rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:#ff5a2f}
.pa-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,8rem);align-items:start;margin-bottom:5rem}
.pa-split h2,.cinema-intro-grid h2,.cinema-section-head h2,.cinema-public h2,.cinema-booking h2{font-size:clamp(2.5rem,5vw,5.5rem);line-height:.96;margin:.6rem 0 1rem}
.pa-split p{font-size:1.05rem;line-height:1.85;color:#667386}
.pa-page-dark .pa-split p{color:#aebbd0}
.pa-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(7,27,52,.14)}
.pa-cards article{background:#fff;padding:2rem;min-height:230px}
.pa-page-dark .pa-cards article{background:#0b1b30;color:#fff}
.pa-cards b,.pa-process b{color:#ff5a2f;font-size:.72rem;letter-spacing:.15em}
.pa-cards h3,.pa-process h3{font-family:Manrope,sans-serif;font-size:1.25rem;margin:2.5rem 0 .7rem}
.pa-cards p,.pa-process p{color:#6b7788;line-height:1.7}.pa-page-dark .pa-cards p,.pa-page-dark .pa-process p{color:#aebbd0}
.pa-project-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:1rem}.pa-project{min-height:560px;background-size:cover;background-position:center;position:relative;overflow:hidden}.pa-project::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(3,10,20,.92))}.pa-project>div{position:absolute;z-index:2;left:2rem;right:2rem;bottom:2rem;color:#fff}.pa-project span{font-size:.7rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.pa-project h3{font-size:clamp(2rem,4vw,4rem);margin:.3rem 0}.pa-project p{color:rgba(255,255,255,.75)}
.pa-process{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.12)}
.pa-process article{padding:2.2rem;background:#0b1b30;min-height:300px}.pa-process h3{color:#fff}

/* Funky cinema experience */
.cinema-page{background:#050713;color:#fff;overflow:hidden}
.cinema-hero{min-height:900px;position:relative;background-size:cover;background-position:center;display:flex;align-items:center;isolation:isolate}
.cinema-hero::before{content:"";position:absolute;inset:-15%;background:radial-gradient(circle at 70% 40%,rgba(0,174,255,.28),transparent 30%),radial-gradient(circle at 25% 70%,rgba(255,51,166,.22),transparent 28%);mix-blend-mode:screen;animation:aurora 10s ease-in-out infinite alternate;z-index:0}
.cinema-noise{position:absolute;inset:0;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");z-index:1;pointer-events:none}
.cinema-orb{position:absolute;border-radius:50%;filter:blur(1px);z-index:1;animation:floatOrb 7s ease-in-out infinite}.cinema-orb-a{width:18px;height:18px;background:#ff5a2f;right:12%;top:26%;box-shadow:0 0 45px 15px rgba(255,90,47,.6)}.cinema-orb-b{width:11px;height:11px;background:#8f4dff;left:10%;bottom:23%;box-shadow:0 0 35px 12px rgba(143,77,255,.65);animation-delay:-2s}
.cinema-hero-content{position:relative;z-index:3;padding-top:5rem;padding-bottom:7rem}.cinema-hero h1{font-size:clamp(4rem,9vw,9rem);line-height:.84;letter-spacing:-.06em;max-width:950px;margin:1rem 0 1.8rem;color:#fff}.cinema-hero h1 span{background:linear-gradient(90deg,#ff5a2f,#ff2aa8,#8f4dff);-webkit-background-clip:text;background-clip:text;color:transparent}.cinema-hero p{max-width:650px;font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.7;color:rgba(255,255,255,.78)}
.cinema-actions{display:flex;gap:.9rem;flex-wrap:wrap;margin:2rem 0 2.5rem}.cinema-btn{display:inline-flex;gap:.7rem;align-items:center;padding:1rem 1.4rem;border-radius:999px;text-decoration:none;font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem}.cinema-btn-primary{background:#ff5a2f;color:#fff;box-shadow:0 0 40px rgba(255,90,47,.25)}.cinema-btn-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 14px 50px rgba(255,90,47,.3)}.cinema-btn-ghost{border:1px solid rgba(255,255,255,.3);color:#fff;background:rgba(255,255,255,.04);backdrop-filter:blur(8px)}.cinema-btn-ghost:hover{border-color:#fff;transform:translateY(-4px)}
.cinema-meta{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;font-size:.68rem;letter-spacing:.13em;color:rgba(255,255,255,.55)}.cinema-meta b{color:#fff}.cinema-scroll{position:absolute;z-index:3;right:3rem;bottom:2rem;font-size:.64rem;letter-spacing:.16em;color:rgba(255,255,255,.55);writing-mode:vertical-rl;display:flex;gap:.7rem;align-items:center}
.cinema-intro-neo,.cinema-gallery,.cinema-public{background:#070a16;padding:clamp(5rem,9vw,9rem) 0}.cinema-kicker-row{display:flex;align-items:center;gap:1rem;color:#ff5a2f;font-size:.68rem;font-weight:800;letter-spacing:.18em}.cinema-kicker-row i{height:1px;flex:1;background:linear-gradient(90deg,#ff5a2f,transparent)}.cinema-intro-grid,.cinema-public-grid,.cinema-booking-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,8rem);align-items:start;margin-top:3rem}.cinema-intro-grid h2 em,.cinema-section-head h2 em,.cinema-public h2 em,.cinema-booking h2 em{font-style:normal;background:linear-gradient(90deg,#ff5a2f,#ff2aa8,#8f4dff);-webkit-background-clip:text;background-clip:text;color:transparent}.cinema-intro-grid p,.cinema-public p,.cinema-booking p{color:#9aa6ba;line-height:1.8;font-size:1rem}.cinema-mini-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:rgba(255,255,255,.12);margin-top:2rem}.cinema-mini-grid>div{padding:1.2rem;background:#0b0f1d}.cinema-mini-grid b{display:block;color:#ff5a2f;font-size:.65rem}.cinema-mini-grid strong{display:block;margin:.6rem 0;color:#fff}.cinema-mini-grid span{color:#7e899d;font-size:.78rem}
.cinema-section-head{max-width:850px;margin-bottom:2.5rem}.cinema-section-head.light h2,.cinema-section-head.light p{color:#fff}.cinema-section-head p{color:#7f8ba0;line-height:1.7}.cinema-gallery{background:#f6f7fb;color:#071b34}.cinema-gallery .cinema-section-head h2{color:#071b34}.cinema-gallery-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-auto-rows:260px;gap:12px}.cinema-gallery-grid figure{margin:0;overflow:hidden;border-radius:14px;background:#ddd}.cinema-gallery-grid figure.wide{grid-column:span 2}.cinema-gallery-grid img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1),filter .7s ease}.cinema-gallery-grid figure:hover img{transform:scale(1.06);filter:saturate(1.18)}
.cinema-activities{padding:clamp(5rem,9vw,9rem) 0;background:linear-gradient(135deg,#050713,#10162d 55%,#2a1027)}.cinema-activity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.cinema-activity-grid article{padding:2rem;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);min-height:270px;transition:transform .35s ease,background .35s ease,border-color .35s ease}.cinema-activity-grid article:hover{transform:translateY(-10px);background:rgba(255,255,255,.08);border-color:rgba(255,90,47,.6)}.cinema-activity-grid b{color:#ff5a2f;font-size:.7rem}.cinema-activity-grid h3{font-size:1.45rem;margin:4rem 0 .7rem}.cinema-activity-grid p{color:#9aa6ba;line-height:1.7;font-size:.88rem}
.cinema-pricing{padding:clamp(5rem,9vw,9rem) 0;background:#f7f7f9;color:#071b34}.cinema-pricing-dark{background:#080b17;color:#fff}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.price-card{position:relative;padding:1.8rem;border:1px solid rgba(7,27,52,.12);background:#fff;min-height:270px;display:flex;flex-direction:column;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.price-card:hover{transform:translateY(-8px);box-shadow:0 28px 80px rgba(7,27,52,.12);border-color:#ff5a2f}.price-card.dark{background:#0d1222;border-color:rgba(255,255,255,.12);color:#fff}.price-card h3{font-family:Manrope,sans-serif;font-size:1.05rem;margin:0 0 .55rem}.price-card p{color:#768295;font-size:.82rem;margin:0}.price-card.dark p{color:#929eb1}.price-card strong{font-size:2rem;margin-top:auto;margin-bottom:1.2rem}.price-card a{align-self:flex-start;text-decoration:none;color:#ff5a2f;font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.price-tag{position:absolute;top:0;right:0;background:#ff5a2f;color:#fff;padding:.45rem .7rem;font-size:.58rem;font-weight:900;letter-spacing:.12em}
.cinema-public{background:#fff;color:#071b34}.public-list{border-top:1px solid rgba(7,27,52,.12)}.public-list>div{display:grid;grid-template-columns:1.4fr 1fr auto;gap:1rem;padding:1.25rem 0;border-bottom:1px solid rgba(7,27,52,.12);align-items:center}.public-list b{font-size:.92rem}.public-list span{font-size:.75rem;color:#7b8798}.public-list strong{font-size:1rem;color:#ff5a2f}
.cinema-booking{padding:clamp(5rem,9vw,9rem) 0;background:#050713}.cinema-booking-grid{align-items:stretch}.booking-form-card{background:#0d1222;padding:clamp(1.5rem,3vw,3rem);border:1px solid rgba(255,255,255,.12);border-radius:20px;box-shadow:0 30px 100px rgba(0,0,0,.35)}.payment-card{margin-top:2rem;padding:1.2rem;border:1px solid rgba(255,90,47,.35);background:linear-gradient(135deg,rgba(255,90,47,.12),rgba(143,77,255,.08));border-radius:14px;display:grid;gap:.55rem}.payment-card span{font-size:.6rem;letter-spacing:.15em;color:#ff5a2f;font-weight:900}.payment-card b{font-size:.84rem;color:#fff}.payment-card small{color:#8995a9;line-height:1.5;margin-top:.4rem}
@keyframes aurora{from{transform:translate3d(-2%,1%,0) scale(1)}to{transform:translate3d(3%,-2%,0) scale(1.08)}}@keyframes floatOrb{0%,100%{transform:translateY(0)}50%{transform:translateY(-30px)}}
@media(max-width:900px){.pa-split,.cinema-intro-grid,.cinema-public-grid,.cinema-booking-grid{grid-template-columns:1fr}.pa-cards,.pa-process,.cinema-activity-grid{grid-template-columns:repeat(2,1fr)}.pa-project-grid{grid-template-columns:1fr}.price-grid{grid-template-columns:repeat(2,1fr)}.cinema-gallery-grid{grid-template-columns:1fr 1fr}.cinema-gallery-grid figure.wide{grid-column:span 2}}
@media(max-width:600px){.pa-container{width:min(100% - 28px,1280px)}.pa-page-hero{min-height:540px}.pa-cards,.pa-process,.cinema-activity-grid,.price-grid{grid-template-columns:1fr}.cinema-gallery-grid{grid-template-columns:1fr;grid-auto-rows:260px}.cinema-gallery-grid figure.wide{grid-column:auto}.cinema-hero{min-height:780px}.cinema-hero h1{font-size:clamp(3.4rem,17vw,6rem)}.cinema-scroll{display:none}.cinema-meta{gap:.55rem}.public-list>div{grid-template-columns:1fr auto}.public-list span{display:none}.booking-form-card{padding:1.2rem}}