/* Lifepark v3 — calm, classic layout. Content from lifepark.com.tr. */
:root {
    --lp-bg: #0a1f12;
    --lp-surface: #0f2a1a;
    --lp-surface-2: #143322;
    --lp-ink: #eef0ea;
    --lp-muted: #b7bfb3;
    --lp-gold: #e2c27d;
    --lp-gold-ink: #0a1f12;
    --lp-cream: #f4ecdd;
    --lp-cream-2: #ebe0cb;
    --lp-forest: #0f2b1c;
    --lp-forest-muted: #4c5e50;
    --lp-forest-link: #1f6b3d;

    --lp-serif: 'Playfair Display', Georgia, serif;
    --lp-sans: 'Jost', 'Helvetica Neue', Arial, sans-serif;

    --lp-h1: clamp(2.125rem, 1.5rem + 2.6vw, 3.5rem);
    --lp-h2: clamp(1.75rem, 1.4rem + 1.4vw, 2.5rem);
    --lp-h3: clamp(1.25rem, 1.15rem + 0.4vw, 1.5rem);
    --lp-body: 1.0625rem;
    --lp-small: 1rem;

    --lp-max: 1240px;
    --lp-pad: clamp(16px, 3vw, 32px);
    --lp-section: clamp(64px, 8vw, 112px);
    --lp-ease: cubic-bezier(.2, .7, .2, 1);
}

body {
    background: var(--lp-bg) !important;
    color: var(--lp-ink);
    font-family: var(--lp-sans);
}

/* Full-width widgets inside Elementor containers */
.e-con:has(.lp3),
.e-con:has(.lp3) > .e-con-inner {
    --padding-top: 0px; --padding-bottom: 0px; --padding-left: 0px; --padding-right: 0px;
    --content-width: 100%;
    max-width: none !important;
    width: 100%;
    padding: 0 !important;
    gap: 0 !important;
}
.elementor-section:has(.lp3) { background: transparent !important; }
.elementor-widget:has(.lp3) { margin: 0 !important; width: 100%; }

.lp3, .lp3 *, #lp3-header, #lp3-header *, #lp3-footer, #lp3-footer * { box-sizing: border-box; }
.lp3 {
    width: 100%;
    color: var(--lp-ink);
    font-family: var(--lp-sans);
    font-size: var(--lp-body);
    line-height: 1.65;
    padding: var(--lp-section) 0;
}
.lp3.lp3-alt { background: var(--lp-surface); }
/* Light sections, in the cream of lifepark.com.tr, alternate with the forest ones */
.lp3.lp3-light { background: var(--lp-cream); color: var(--lp-forest); }
.lp3.lp3-light h1, .lp3.lp3-light h2, .lp3.lp3-light h3 { color: var(--lp-forest) !important; }
.lp3.lp3-light .lp3-service h3, .lp3.lp3-light .lp3-service p { color: #fff !important; }
.lp3.lp3-light .lp3-split-text > p, .lp3.lp3-light .lp3-ticks li, .lp3.lp3-light .lp3-prose { color: var(--lp-forest); }
.lp3.lp3-light .lp3-head p, .lp3.lp3-light .lp3-note, .lp3.lp3-light .lp3-event p,
.lp3.lp3-light .lp3-venue-desc, .lp3.lp3-light .lp3-caps span { color: var(--lp-forest-muted); }
.lp3.lp3-light .lp3-link, .lp3.lp3-light .lp3-event-date { color: var(--lp-forest-link) !important; }
.lp3.lp3-light .lp3-event, .lp3.lp3-light .lp3-empty, .lp3.lp3-light .lp3-venue, .lp3.lp3-light .lp3-person { background: #fffaf1; color: var(--lp-forest); }
.lp3.lp3-light .lp3-event h3, .lp3.lp3-light .lp3-caps b, .lp3.lp3-light .lp3-person strong, .lp3.lp3-light .lp3-person a,
.lp3.lp3-light .lp3-contact-lines a, .lp3.lp3-light .lp3-video-title { color: var(--lp-forest) !important; }
.lp3.lp3-light .lp3-caps li:nth-child(odd) { background: rgba(15, 43, 28, .05); }
.lp3.lp3-light .lp3-ticks li::before { background: var(--lp-forest-link); }
.lp3.lp3-light .lp3-stats strong { color: var(--lp-forest-link); }
.lp3.lp3-light .lp3-contact-lines b, .lp3.lp3-light .lp3-person span, .lp3.lp3-light .lp3-access { color: var(--lp-forest-muted); }
.lp3.lp3-light .lp3-btn { background: var(--lp-forest); color: #fff !important; }
.lp3.lp3-light .lp3-btn:hover { background: #1b4630; }
.lp3.lp3-light .lp3-map { background: var(--lp-cream-2); }
.lp3 img { display: block; max-width: 100% !important; }
.lp3 h1, .lp3 h2, .lp3 h3, #lp3-footer h2, #lp3-footer h3 {
    font-family: var(--lp-serif);
    font-weight: 500;
    color: var(--lp-ink);
    letter-spacing: 0;
    line-height: 1.2;
    margin: 0;
    text-transform: none;
}
.lp3 p { margin: 0; }
.lp3 a { color: inherit; }

.lp3-in { max-width: var(--lp-max); margin: 0 auto; padding: 0 var(--lp-pad); }
.lp3-head { max-width: 680px; margin-bottom: 48px; }
.lp3-head h2 { font-size: var(--lp-h2); margin-bottom: 14px; }
.lp3-head p { color: var(--lp-muted); }
.lp3-head.is-center { margin-inline: auto; text-align: center; }

/* Buttons: one shape across the site */
.lp3-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 12px 26px;
    border-radius: 999px;
    background: var(--lp-gold);
    color: var(--lp-gold-ink) !important;
    font: 500 var(--lp-small)/1.2 var(--lp-sans);
    letter-spacing: 0.02em;
    text-decoration: none;
    border: 0;
    cursor: pointer;
    transition: background-color .2s ease, transform .2s var(--lp-ease);
}
.lp3-btn:hover { background: #f0d79d; }
.lp3-btn:active { transform: scale(.98); }
.lp3-btn.is-ghost { background: rgba(255, 255, 255, .12); color: #fff !important; }
.lp3-btn.is-ghost:hover { background: rgba(255, 255, 255, .22); }
.lp3-link { color: var(--lp-gold) !important; text-decoration: none; font-size: var(--lp-small); font-weight: 500; }
.lp3-link:hover { text-decoration: underline; text-underline-offset: 4px; }

.lp3 :focus-visible, #lp3-header :focus-visible, #lp3-footer :focus-visible { outline: 2px solid var(--lp-gold); outline-offset: 3px; }

/* ============ HEADER ============ */
#lp3-header { position: relative; z-index: 50; width: 100%; background: var(--lp-bg); font-family: var(--lp-sans); }
body.home #lp3-header { position: absolute; top: 0; left: 0; background: transparent; }
body.admin-bar.home #lp3-header { top: 32px; }
.lp3-header-inner { max-width: var(--lp-max); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 14px var(--lp-pad); }
.lp3-mark img { height: 56px; width: auto; display: block; }
.lp3-nav ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 4px; }
.lp3-nav li { position: relative; }
.lp3-nav a { display: block; padding: 10px 12px; color: #fff; font-size: var(--lp-small); font-weight: 500; text-decoration: none; transition: color .2s ease; }
.lp3-nav a:hover, .lp3-nav .current-menu-item > a { color: var(--lp-gold); }
/* on the home page every in-page link counts as "current"; keep them all white */
body.home .lp3-nav .current-menu-item > a, body.home .lp3-nav .current-menu-parent > a, body.home .lp3-nav .current-menu-ancestor > a { color: #fff; }
body.home .lp3-nav a:hover { color: var(--lp-gold); }
.lp3-nav .sub-menu { position: absolute; top: 100%; left: 0; min-width: 210px; display: none; padding: 8px 0; background: var(--lp-surface); border-radius: 8px; box-shadow: 0 16px 36px rgba(0, 0, 0, .4); /* taste-skill-ignore: dropdown floats */ }
.lp3-nav li:hover > .sub-menu, .lp3-nav li:focus-within > .sub-menu { display: block; }
.lp3-nav .sub-menu a { padding: 9px 18px; }
.lp3-menu-btn { display: none; background: none; border: 0; color: #fff; font: 500 16px/1 var(--lp-sans); padding: 12px 0 12px 12px; cursor: pointer; }

/* the phone menu's bottom actions and fold toggles only exist on phones */
/* id-level so Hello's reset (button { display: inline-block }), loaded after this file, cannot show them */
#lp3-nav .lp3-nav-foot, #lp3-nav .lp3-sub-toggle { display: none; }

/* TR | EN: after the menu on desktop, beside the menu button on phones */
.lp3-nav { order: 1; margin-left: auto; }
.lp3-lang { order: 2; display: flex; align-items: center; gap: 2px; font: 500 13px/1 var(--lp-sans); letter-spacing: .06em; }
.lp3-menu-btn { order: 3; }
.lp3-lang a { padding: 8px 6px; color: rgba(255, 255, 255, .6); text-decoration: none; }
.lp3-lang a + a { box-shadow: -1px 0 0 rgba(255, 255, 255, .25); /* taste-skill-ignore: TR|EN divider */ }
.lp3-lang a:hover, .lp3-lang a.is-on { color: #fff; }
.lp3-lang a.is-on { color: var(--lp-gold); }

/* ============ HERO — background video ============ */
.lp3-hero { position: relative; height: 100svh; min-height: 600px; padding: 0; overflow: clip; display: flex; align-items: flex-end; background: #000; }
.lp3-hero-media { position: absolute; inset: 0; overflow: clip; contain: paint; }
.lp3-hero-media img { width: 100%; height: 100% !important; object-fit: cover; }
.lp3-hero-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 1.2s ease; }
.lp3-hero-video.is-on { opacity: 1; }
.lp3-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.6) 0%, rgba(0,0,0,.15) 30%, rgba(0,0,0,.2) 55%, rgba(0,0,0,.7) 100%); /* taste-skill-ignore: neutral scrim over video */ }
.lp3-hero-text { position: relative; z-index: 2; width: 100%; max-width: var(--lp-max); margin: 0 auto; padding: 0 var(--lp-pad) clamp(48px, 9vh, 96px); }
.lp3-hero-text h1 { font-size: clamp(2.5rem, 1.6rem + 3.6vw, 4.75rem); line-height: 1.05; color: #fff; max-width: 14ch; margin-bottom: 14px; }
.lp3-hero-text p { font-size: clamp(1.125rem, 1.05rem + .3vw, 1.25rem); color: #fff; max-width: 46ch; margin-bottom: 28px; }
.lp3-hero-btns { display: flex; flex-wrap: wrap; gap: 12px; }

/* ============ SERVICES ============ */
.lp3-services-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.lp3-service { position: relative; display: block; text-decoration: none; color: #fff; border-radius: 10px; overflow: hidden; aspect-ratio: 3 / 4; background: var(--lp-surface); }
.lp3-service img { width: 100%; height: 100% !important; object-fit: cover; transition: transform .6s var(--lp-ease); }
.lp3-service:hover img { transform: scale(1.05); }
.lp3-service::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,.85) 100%); /* taste-skill-ignore: neutral scrim */ }
.lp3-service-text { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; padding: 20px; }
.lp3-service h3 { color: #fff !important; font-size: var(--lp-h3); margin-bottom: 6px; text-shadow: 0 1px 12px rgba(0,0,0,.5); /* taste-skill-ignore: legibility on photo */ }
.lp3-service p { font-size: var(--lp-small); line-height: 1.5; color: rgba(255, 255, 255, .9); }

/* ============ VENUES ============ */
.lp3-venues-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.lp3-venue { background: var(--lp-surface-2); border-radius: 10px; overflow: hidden; display: flex; flex-direction: column; }
.lp3-venue-img { aspect-ratio: 4 / 3; overflow: hidden; }
.lp3-venue-img img { width: 100%; height: 100% !important; object-fit: cover; transition: transform .6s var(--lp-ease); }
.lp3-venue:hover .lp3-venue-img img { transform: scale(1.04); }
.lp3-venue-body { padding: 22px 22px 24px; display: flex; flex-direction: column; flex: 1; }
.lp3-venue h3 { font-size: var(--lp-h3); margin-bottom: 8px; }
.lp3-venue-desc { color: var(--lp-muted); font-size: var(--lp-small); line-height: 1.6; margin-bottom: 14px !important; }
.lp3-caps { list-style: none; margin: 0 0 18px; padding: 0; font-size: var(--lp-small); }
.lp3-caps li { display: flex; justify-content: space-between; gap: 12px; padding: 6px 0; }
.lp3-caps li:nth-child(odd) { background: rgba(255, 255, 255, .04); }
.lp3-caps li { padding: 6px 10px; border-radius: 6px; }
.lp3-caps b { font-weight: 500; white-space: nowrap; color: var(--lp-ink); }
.lp3-caps span { color: var(--lp-muted); }
.lp3-venue-foot { margin-top: auto; display: flex; gap: 18px; align-items: center; }

/* ============ SPLIT (wedding / concert) ============ */
.lp3-split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px, 5vw, 72px); align-items: center; }
.lp3-split.is-flip .lp3-split-media { order: 2; }
.lp3-split-media { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.lp3-split-media img { width: 100%; height: 100% !important; object-fit: cover; border-radius: 10px; aspect-ratio: 1 / 1; }
.lp3-split-media img:first-child { grid-column: 1 / -1; aspect-ratio: 16 / 10; }
.lp3-split-media.is-single { grid-template-columns: 1fr; }
.lp3-split-media.is-single img { aspect-ratio: 4 / 3; }
.lp3-split-text h2 { font-size: var(--lp-h2); margin-bottom: 16px; }
.lp3-split-text > p { color: var(--lp-ink); margin-bottom: 16px !important; }
.lp3-split-text .lp3-note { color: var(--lp-muted); font-size: var(--lp-small); }
.lp3-ticks { list-style: none; margin: 8px 0 28px; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 8px 20px; }
.lp3-ticks li { position: relative; padding-left: 18px; font-size: var(--lp-small); }
.lp3-ticks li::before { content: ""; position: absolute; left: 0; top: .62em; width: 7px; height: 7px; border-radius: 50%; background: var(--lp-gold); }
.lp3-stats { display: flex; flex-wrap: wrap; gap: 16px 40px; margin: 8px 0 24px; }
.lp3-stats div { display: flex; flex-direction: column; }
.lp3-stats strong { font-family: var(--lp-serif); font-weight: 500; font-size: var(--lp-h2); line-height: 1.1; color: var(--lp-gold); }
.lp3-stats span { font-size: var(--lp-small); color: var(--lp-muted); }

/* ============ EVENTS ============ */
.lp3-events-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.lp3-event { display: flex; flex-direction: column; text-decoration: none; color: var(--lp-ink); background: var(--lp-surface-2); border-radius: 10px; overflow: hidden; }
.lp3-event img { width: 100%; aspect-ratio: 1 / 1; height: auto !important; object-fit: contain; background: #0f2b1c; }
.lp3-event-body { padding: 18px 20px 22px; }
.lp3-event-date { color: var(--lp-gold); font-size: var(--lp-small); font-weight: 500; }
.lp3-event h3 { font-size: var(--lp-h3); margin: 6px 0 8px; }
.lp3-event p { font-size: var(--lp-small); color: var(--lp-muted); }
.lp3-empty { background: var(--lp-surface-2); border-radius: 10px; padding: 28px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; }

/* ============ VIDEOS ============ */
.lp3-videos-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.lp3 .lp3-video, .lp3 .lp3-video:hover, .lp3 .lp3-video:focus { background: none !important; border: 0 !important; border-radius: 0; padding: 0; margin: 0; color: var(--lp-ink) !important; text-align: left; cursor: pointer; font: inherit; width: 100%; white-space: normal; }
.lp3-video-frame { display: block; position: relative; aspect-ratio: 16 / 9; border-radius: 10px; overflow: hidden; background: #000; }
.lp3-video-frame img { width: 100%; height: 100% !important; object-fit: cover; transition: transform .5s var(--lp-ease), opacity .3s; opacity: .85; }
.lp3-video:hover .lp3-video-frame img { transform: scale(1.04); opacity: 1; }
.lp3-video-frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.lp3-play { position: absolute; left: 50%; top: 50%; width: 64px; height: 64px; margin: -32px 0 0 -32px; border-radius: 50%; background: rgba(0, 0, 0, .55); display: grid; place-items: center; transition: background-color .2s; }
.lp3-play::before { content: ""; margin-left: 5px; border-style: solid; border-width: 11px 0 11px 18px; border-color: transparent transparent transparent #fff; }
.lp3-video:hover .lp3-play { background: var(--lp-gold); }
.lp3-video-title { display: block; color: var(--lp-ink); margin-top: 12px; font-size: var(--lp-small); line-height: 1.45; }

/* ============ CONTACT + FOOTER ============ */
#lp3-footer { font-family: var(--lp-sans); color: var(--lp-ink); }
.lp3-contact-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: clamp(32px, 5vw, 64px); }
.lp3-contact-main h2 { font-size: var(--lp-h2); margin-bottom: 20px; }
.lp3-contact-lines { display: grid; gap: 14px; margin-bottom: 28px; }
.lp3-contact-lines p { display: grid; grid-template-columns: 90px 1fr; gap: 12px; }
.lp3-contact-lines b { font-weight: 500; color: var(--lp-muted); }
.lp3-contact-lines a { color: var(--lp-ink); text-decoration: none; }
.lp3-contact-lines a:hover { color: var(--lp-gold); }
.lp3-people { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 32px; }
.lp3-person { background: var(--lp-surface-2); border-radius: 10px; padding: 16px 18px; font-size: var(--lp-small); line-height: 1.55; }
.lp3-person strong { display: block; font-weight: 500; color: var(--lp-ink); }
.lp3-person span { display: block; color: var(--lp-muted); margin-bottom: 6px; }
.lp3-person a { color: var(--lp-ink); text-decoration: none; display: block; }
.lp3-person a:hover { color: var(--lp-gold); }
.lp3-map { border-radius: 10px; overflow: hidden; background: var(--lp-surface-2); min-height: 360px; }
.lp3-map iframe { width: 100%; height: 100%; min-height: 360px; border: 0; display: block; filter: grayscale(.3); }
.lp3-access { margin-top: 18px; font-size: var(--lp-small); color: var(--lp-muted); line-height: 1.6; }
.lp3-footbar { background: #071509; padding: 36px 0; }
.lp3-footbar .lp3-in { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 20px; }
.lp3-footbar img { height: 54px; width: auto; }
.lp3-footbar ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 22px; }
.lp3-footbar a { color: var(--lp-ink); text-decoration: none; font-size: var(--lp-small); }
.lp3-footbar a:hover { color: var(--lp-gold); }
.lp3-footbar-bottom { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-top: 20px; border-top: 1px solid rgba(238,240,234,.12); }
.lp3-social { display: flex; gap: 10px; }
.lp3-footbar .lp3-social a { width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; background: rgba(238,240,234,.08); color: var(--lp-ink); transition: background .2s, color .2s; }
.lp3-footbar .lp3-social a:hover { background: var(--lp-gold); color: var(--lp-gold-ink); }
.lp3-copy { margin: 0; font-size: 13px; color: var(--lp-muted); }

/* ============ INNER PAGES ============ */
.lp3.lp3-page-top { padding-top: clamp(40px, 6vw, 72px); }
.lp3-head h1 { font-size: var(--lp-h1); margin-bottom: 14px; }
.lp3-prose { max-width: 760px; }
.lp3-prose h3 { font-size: var(--lp-h3); margin: 32px 0 12px; }
.lp3-prose p { margin: 0 0 14px; }
.lp3-prose ul { margin: 0 0 18px; padding-left: 20px; }
.lp3-prose li { margin-bottom: 6px; }
.lp3-gallery { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-top: 40px; }
.lp3-gallery img { width: 100%; aspect-ratio: 1 / 1; height: auto !important; object-fit: cover; border-radius: 8px; }
.lp3-event-badge { display: inline-block; font-size: 13px; font-weight: 500; padding: 3px 10px; border-radius: 999px; background: rgba(15, 43, 28, .08); margin-left: 8px; }
.lp3-years { display: flex; flex-wrap: wrap; gap: 8px; margin: -16px 0 36px; }
.lp3-years a { text-decoration: none; font-size: var(--lp-small); padding: 8px 16px; border-radius: 999px; background: rgba(15, 43, 28, .07); color: var(--lp-forest) !important; }
.lp3-years a:hover { background: rgba(15, 43, 28, .14); }
.lp3-year-title { font-size: var(--lp-h3) !important; margin: 48px 0 20px !important; scroll-margin-top: 24px; }
.lp3-year-title:first-of-type { margin-top: 0 !important; }
@media (max-width: 900px) { .lp3-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ============ ENTRANCES ============ */
@media (prefers-reduced-motion: no-preference) {
    .lp3-js [data-lp3-in] > * { opacity: 0; transform: translateY(18px); transition: opacity .7s var(--lp-ease), transform .7s var(--lp-ease); }
    .lp3-js [data-lp3-in].is-in > * { opacity: 1; transform: none; }
    .lp3-js [data-lp3-in].is-in > *:nth-child(2) { transition-delay: .07s; }
    .lp3-js [data-lp3-in].is-in > *:nth-child(3) { transition-delay: .14s; }
    .lp3-js [data-lp3-in].is-in > *:nth-child(4) { transition-delay: .21s; }
    .lp3-js [data-lp3-in].is-in > *:nth-child(n+5) { transition-delay: .28s; }
}
@media (prefers-reduced-motion: reduce) {
    .lp3-hero-video { display: none; }
    .lp3 * { transition: none !important; }
}

/* ============ RESPONSIVE ============ */
@media (max-width: 1100px) {
    .lp3-services-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lp3-venues-grid, .lp3-events-list, .lp3-videos-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lp3-nav a { padding: 10px 8px; }
}
@media (max-width: 900px) {
    .lp3-menu-btn { display: block; }
    .lp3-lang { margin-left: auto; }
    /* phone menu: a panel from under the header to the bottom of the screen, scrolling on its own */
    .lp3-nav { position: fixed; top: var(--lp3-hh, 78px); left: 0; right: 0; bottom: 0; z-index: 70; overflow-y: auto; overscroll-behavior: contain;
               -webkit-overflow-scrolling: touch; background: var(--lp-bg); padding: 8px var(--lp-pad) calc(24px + env(safe-area-inset-bottom)); display: none; }
    .lp3-nav.is-open { display: flex; flex-direction: column; }
    .lp3-nav > ul { flex-direction: column; align-items: stretch; gap: 0; }
    .lp3-nav > ul > li { display: flex; flex-wrap: wrap; align-items: center; box-shadow: 0 1px 0 rgba(255, 255, 255, .07); /* taste-skill-ignore: menu row separator */ }
    .lp3-nav > ul > li > a { flex: 1; font-size: 19px; padding: 15px 0; }
    .lp3-nav .sub-menu, .lp3-nav li:hover > .sub-menu, .lp3-nav li:focus-within > .sub-menu { position: static; display: none; flex-basis: 100%; box-shadow: none; background: none; padding: 0 0 10px 14px; min-width: 0; animation: none; }
    .lp3-nav li.is-open > .sub-menu { display: block; }
    .lp3-nav .sub-menu a { font-size: 16px; color: var(--lp-muted); padding: 9px 0; }
    #lp3-nav .lp3-sub-toggle { display: block; width: 44px; height: 44px; margin-right: -10px; border: 0 !important; background: none !important; color: #fff !important; cursor: pointer; position: relative; padding: 0; }
    .lp3-sub-toggle::before { content: ""; position: absolute; left: 50%; top: 50%; width: 9px; height: 9px; margin: -7px 0 0 -5px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform .25s ease, margin .25s ease; }
    .lp3-nav li.is-open > .lp3-sub-toggle::before { transform: rotate(-135deg); margin-top: -2px; }
    #lp3-nav .lp3-nav-foot { display: grid; gap: 10px; margin-top: auto; padding-top: 22px; }
    #lp3-nav .lp3-nav-foot .lp3-btn { display: flex; justify-content: center; width: 100%; padding: 14px 20px; font-size: 16px; color: var(--lp-gold-ink) !important; }
    .lp3-nav-foot .lp3-nav-tel { text-align: center; color: #fff !important; font-size: 16px !important; padding: 8px 0 !important; text-decoration: none; }
    body.lp3-menu-open .lp3-wa-float { display: none; }
    .lp3-mark img { height: 50px; }
    .lp3-split, .lp3-contact-grid { grid-template-columns: 1fr; }
    .lp3-split.is-flip .lp3-split-media { order: 0; }
}
@media (max-width: 640px) {
    .lp3-venues-grid, .lp3-events-list, .lp3-videos-grid, .lp3-people { grid-template-columns: 1fr; }
    .lp3-services-grid { gap: 12px; }
    .lp3-service { aspect-ratio: 4 / 5; }
    .lp3-service-text { padding: 14px; }
    .lp3-service p { display: none; }
    .lp3-ticks { grid-template-columns: 1fr; }
    .lp3-head { margin-bottom: 32px; }
    .lp3-contact-lines p { grid-template-columns: 1fr; gap: 0; }
}

/* Header is no longer fixed: drop the old offset on detail pages */
.lifepark-venue-detail { padding-top: 0 !important; }

/* ============ STICKY HEADER ============ */
#lp3-header.is-stuck { position: fixed !important; top: 0; left: 0; right: 0; background: rgba(10, 31, 18, .97) !important; box-shadow: 0 8px 24px rgba(0, 0, 0, .25); /* taste-skill-ignore: sticky bar floats */ animation: lp3-drop .3s var(--lp-ease); }
body.admin-bar #lp3-header.is-stuck { top: 32px; }
#lp3-header.is-stuck .lp3-header-inner { padding-top: 8px; padding-bottom: 8px; }
#lp3-header.is-stuck .lp3-mark img { height: 44px; }
@keyframes lp3-drop { from { transform: translateY(-100%); } }

/* ============ FLOATING WHATSAPP (phones) ============ */
.lp3-wa-float { display: none; }
@media (max-width: 900px) {
    .lp3-wa-float { position: fixed; right: 16px; bottom: 16px; z-index: 60; display: inline-flex; align-items: center; gap: 8px; height: 52px; padding: 0 22px; border-radius: 999px; background: var(--lp-gold); color: var(--lp-gold-ink) !important; font: 500 15px/1 var(--lp-sans); text-decoration: none; box-shadow: 0 10px 24px rgba(0, 0, 0, .3); /* taste-skill-ignore: floating action */ }
    .lp3-wa-float svg { width: 24px; height: 24px; fill: currentColor; }
    .lp3-wa-float:active { transform: scale(.96); }
}

/* ============ LIGHTBOX ============ */
.lp3-zoom { cursor: zoom-in; display: block; border-radius: 8px; overflow: hidden; }
.lp3-zoom img { transition: transform .5s var(--lp-ease); }
.lp3-zoom:hover img { transform: scale(1.04); }
.lp3-lb { position: fixed; inset: 0; z-index: 9999; background: rgba(4, 12, 7, .94); display: none; align-items: center; justify-content: center; padding: 56px 72px; }
.lp3-lb.is-open { display: flex; }
.lp3-lb img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 6px; }
.lp3-lb button { position: absolute; background: rgba(255, 255, 255, .12); color: #fff; border: 0; border-radius: 999px; width: 48px; height: 48px; font: 400 26px/1 var(--lp-sans); cursor: pointer; display: grid; place-items: center; padding: 0; }
.lp3-lb button:hover { background: rgba(255, 255, 255, .25); }
.lp3-lb .lp3-lb-close { top: 16px; right: 16px; }
.lp3-lb .lp3-lb-prev { left: 16px; top: 50%; margin-top: -24px; }
.lp3-lb .lp3-lb-next { right: 16px; top: 50%; margin-top: -24px; }
.lp3-lb-count { position: absolute; bottom: 18px; left: 0; right: 0; text-align: center; color: rgba(255, 255, 255, .8); font: 400 14px/1 var(--lp-sans); }
@media (max-width: 640px) { .lp3-lb { padding: 64px 8px; } .lp3-lb .lp3-lb-prev, .lp3-lb .lp3-lb-next { top: auto; bottom: 12px; margin: 0; } }

/* ============ SINGLE: VENUE ============ */
.lp3-vhero { position: relative; min-height: 62vh; display: flex; align-items: flex-end; padding: 0; overflow: hidden; }
.lp3-vhero > img { position: absolute; inset: 0; width: 100%; height: 100% !important; object-fit: cover; }
.lp3-vhero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.15) 30%, rgba(0,0,0,.72) 100%); /* taste-skill-ignore: neutral scrim */ }
.lp3-vhero .lp3-in { position: relative; z-index: 2; width: 100%; padding-bottom: clamp(32px, 6vh, 64px); }
.lp3-vhero h1 { font-size: var(--lp-h1); color: #fff; margin-bottom: 10px; }
.lp3-vhero p { color: #fff; font-size: 1.125rem; margin-bottom: 22px; max-width: 52ch; }
.lp3-crumbs { font-size: var(--lp-small); margin-bottom: 14px !important; }
.lp3-crumbs a { color: rgba(255, 255, 255, .85) !important; text-decoration: none; }
.lp3-crumbs a:hover { text-decoration: underline; }
.lp3-twocol { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: clamp(32px, 5vw, 72px); align-items: start; }
.lp3-aside { position: sticky; top: 96px; background: #fffaf1; border-radius: 12px; padding: 24px; }
.lp3-aside h2 { font-size: var(--lp-h3) !important; margin-bottom: 14px !important; }
.lp3-aside .lp3-btn { width: 100%; margin-top: 10px; }
.lp3-aside .lp3-person { background: rgba(15, 43, 28, .05) !important; margin-top: 18px; }
.lp3-campaigns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.lp3-campaign { background: var(--lp-surface-2); border-radius: 12px; overflow: hidden; display: grid; grid-template-columns: 200px 1fr; }
.lp3-campaign img { width: 100%; height: 100% !important; object-fit: cover; }
.lp3-campaign-body { padding: 20px 22px; }
.lp3-campaign h3 { font-size: var(--lp-h3); margin-bottom: 8px; }
.lp3-campaign p, .lp3-campaign li { font-size: var(--lp-small); color: var(--lp-muted); }
.lp3-campaign ul { margin: 8px 0 12px; padding-left: 18px; }
.lp3-price { display: flex; align-items: baseline; gap: 12px; margin-top: 8px; }
.lp3-price del { color: var(--lp-muted); }
.lp3-price strong { font-family: var(--lp-serif); font-weight: 500; font-size: var(--lp-h3); color: var(--lp-gold); }
.lp3-badge { display: inline-block; font-size: 13px; font-weight: 500; padding: 4px 12px; border-radius: 999px; background: var(--lp-gold); color: var(--lp-gold-ink); }
.lp3-badge.is-muted { background: rgba(255, 255, 255, .14); color: #fff; }
.lp3-light .lp3-badge.is-muted { background: rgba(15, 43, 28, .08); color: var(--lp-forest); }
.lp3-mini-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.lp3-mini { text-decoration: none; color: var(--lp-forest) !important; display: block; }
.lp3-mini img { width: 100%; aspect-ratio: 4 / 3; height: auto !important; object-fit: cover; border-radius: 10px; margin-bottom: 10px; transition: transform .5s var(--lp-ease); }
.lp3-mini:hover img { transform: scale(1.03); }
.lp3-mini strong { font-family: var(--lp-serif); font-weight: 500; font-size: var(--lp-h3); display: block; }
.lp3-mini span { font-size: var(--lp-small); color: var(--lp-forest-muted); }

/* ============ SINGLE: EVENT ============ */
.lp3-ev-top { display: grid; grid-template-columns: minmax(260px, 420px) minmax(0, 1fr); gap: clamp(32px, 5vw, 64px); align-items: start; }
.lp3-ev-poster { position: sticky; top: 96px; }
.lp3-ev-poster img { width: 100%; height: auto !important; border-radius: 12px; }
.lp3-ev-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin-bottom: 14px; font-size: var(--lp-small); color: var(--lp-muted); }
.lp3-ev-top h1 { font-size: var(--lp-h1); margin-bottom: 18px; }
.lp3-ev-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; margin-bottom: 24px; }
.lp3-ev-facts div { background: var(--lp-surface-2); border-radius: 10px; padding: 14px 16px; }
.lp3-ev-facts span { display: block; font-size: 13px; color: var(--lp-muted); }
.lp3-ev-facts strong { font-weight: 500; }
.lp3-tickets { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 28px; }
.lp3-ev-top .lp3-prose { color: var(--lp-ink); }
.lp3-ev-top .lp3-prose a { color: var(--lp-gold); }
.lp3-ev-box { background: var(--lp-surface-2); border-radius: 12px; padding: 20px 22px; margin-top: 28px; }
.lp3-ev-box h2 { font-size: var(--lp-h3) !important; margin-bottom: 10px !important; }
.lp3-ev-box ul { margin: 0; padding-left: 18px; color: var(--lp-muted); font-size: var(--lp-small); }

/* ============ QUOTE FORM ============ */
/* Elementor's frontend.min.css sets html { scroll-behavior: smooth }: ScrollTrigger then measures mid-scroll and
   pins the wedding scene in the wrong place. Switch it off; in-page links scroll smoothly from lifepark-v3.js. */
html { scroll-behavior: auto !important; }
#teklif { scroll-margin-top: 96px; }
.lp3-form { background: #fffaf1; border-radius: 12px; padding: 24px; margin: 8px 0 8px; }
.lp3-form h3 { font-size: var(--lp-h3) !important; margin-bottom: 4px !important; }
.lp3-form > p { color: var(--lp-forest-muted); font-size: var(--lp-small); margin-bottom: 16px !important; }
.lp3-form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 14px; }
.lp3-form-grid .is-wide { grid-column: 1 / -1; }
.lp3-form label { display: block; font-size: 14px; font-weight: 500; color: var(--lp-forest); margin-bottom: 5px; }
.lp3-form input, .lp3-form select, .lp3-form textarea { width: 100%; min-height: 46px; padding: 10px 12px; border: 1px solid #cfc4ad; border-radius: 8px; background: #fff; color: var(--lp-forest); font: 400 16px/1.3 var(--lp-sans); }
.lp3-form textarea { min-height: 84px; resize: vertical; }
.lp3-form input:focus, .lp3-form select:focus, .lp3-form textarea:focus { outline: 2px solid var(--lp-forest-link); outline-offset: 1px; border-color: transparent; }
.lp3-form .lp3-hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.lp3-fit { grid-column: 1 / -1; font-size: var(--lp-small); color: var(--lp-forest); background: rgba(31, 107, 61, .08); border-radius: 8px; padding: 10px 12px; }
.lp3-fit:empty { display: none; }
.lp3-form .lp3-btn { margin-top: 16px; }
.lp3-form-ok { background: #e6f2e9; border-radius: 12px; padding: 20px 22px; margin: 8px 0; color: var(--lp-forest); }
.lp3-form-ok strong { display: block; font-size: 1.125rem; margin-bottom: 6px; }
.lp3-form-ok .lp3-btn { margin-top: 12px; background: #1f8f4e !important; }

@media (max-width: 900px) {
    .lp3-twocol, .lp3-ev-top, .lp3-campaigns { grid-template-columns: 1fr; }
    .lp3-aside, .lp3-ev-poster { position: static; }
    .lp3-ev-poster { max-width: 420px; }
    .lp3-campaign { grid-template-columns: 1fr; }
    .lp3-campaign img { aspect-ratio: 16 / 9; }
    .lp3-mini-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {
    .lp3-form-grid { grid-template-columns: 1fr; }
    .lp3-mini-grid { grid-template-columns: 1fr; }
}
.lifepark-event-detail, .lifepark-venue-detail { padding: 0 !important; background: none !important; }

/* ============ WEDDING STORY (scroll scene) ============ */
.lp3-sr { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.lp3.lp3-story { padding: 0; background: #0d2617; } /* the ground colour: any sliver below the pinned scene reads as more grass */
.lp3-story-stage { position: relative; height: 100vh; height: 100lvh; min-height: 520px; overflow: hidden; } /* the large viewport, so no strip shows when the phone's address bar hides */
.lp3-story-svg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.lp3-story-text { position: absolute; z-index: 2; left: 0; right: 0; top: clamp(210px, 30vh, 290px); max-width: var(--lp-max); margin: 0 auto; padding: 0 var(--lp-pad); pointer-events: none; }
.lp3-story-text .lps-panel { position: absolute; left: var(--lp-pad); right: var(--lp-pad); max-width: 30rem; margin: 0; color: #fff; text-shadow: 0 2px 18px rgba(0, 0, 0, .55); /* taste-skill-ignore: legibility over the scene */ }
.lp3-story-text .lps-big { display: block; font-family: var(--lp-serif); font-size: var(--lp-h2); line-height: 1.2; margin: 0; max-width: 20ch; }
.lp3-story-text .lps-stat b { display: block; font-family: var(--lp-serif); font-weight: 500; font-size: clamp(3rem, 2.2rem + 3vw, 5rem); line-height: 1; color: var(--lp-gold); }
.lp3-story-text .lps-stat span { display: block; margin-top: 8px; font-size: 1.125rem; line-height: 1.45; max-width: 26ch; }
.lp3-story-text .lps-awards b { display: block; font-family: var(--lp-serif); font-weight: 500; font-size: var(--lp-h2); color: var(--lp-gold); margin-bottom: 10px; }
.lp3-story-text .lps-awards ul { list-style: none; margin: 0; padding: 0; }
.lp3-story-text .lps-awards li { position: relative; padding: 4px 0 4px 18px; font-size: 1rem; line-height: 1.4; }
.lp3-story-text .lps-awards li::before { content: ""; position: absolute; left: 0; top: .78em; width: 7px; height: 7px; border-radius: 50%; background: var(--lp-gold); }
.lp3-story-text .lps-cta { margin: 20px 0 0; pointer-events: auto; text-shadow: none; }
@media (max-width: 640px) {
    .lp3-story-text { top: 150px; }
    .lp3-story-text .lps-panel { width: fit-content; max-width: calc(100% - var(--lp-pad) * 2); padding: 12px 16px; border-radius: 12px; background: rgba(10, 31, 18, .82); }
    .lp3-story-text .lps-big { font-size: 1.45rem; }
    .lp3-story-text .lps-stat b { font-size: 2.6rem; }
    .lp3-story-text .lps-stat span { font-size: 1rem; }
    .lp3-story-text .lps-awards b { font-size: 1.35rem; }
    .lp3-story-text .lps-awards li { font-size: .9rem; }
}

/* ============ UPCOMING EVENTS: featured, tickets, months, strip ============ */
.lp3-feat { display: grid; grid-template-columns: minmax(260px, 440px) 1fr; background: var(--lp-forest); color: #fff; border-radius: 16px; overflow: hidden; margin-bottom: 40px; }
.lp3-feat-poster { display: block; background: #081a0f; }
.lp3-feat-poster img { width: 100%; height: 100% !important; aspect-ratio: 1 / 1; object-fit: cover; transition: transform .6s var(--lp-ease); }
.lp3-feat:hover .lp3-feat-poster img { transform: scale(1.03); }
.lp3-feat-body { padding: clamp(24px, 3.5vw, 44px); display: flex; flex-direction: column; justify-content: center; }
.lp3-feat-kicker { font-size: var(--lp-small); color: var(--lp-gold) !important; margin-bottom: 8px !important; }
.lp3.lp3-light .lp3-feat h3, .lp3-feat h3 { font-size: var(--lp-h2); color: #fff !important; margin-bottom: 10px; }
.lp3-feat h3 a { color: inherit !important; text-decoration: none; }
.lp3-feat-date { font-size: 1.125rem; color: rgba(255, 255, 255, .88) !important; margin-bottom: 22px !important; }
.lp3-count { display: flex; gap: 10px; margin-bottom: 26px !important; }
.lp3-count span { background: rgba(255, 255, 255, .08); border-radius: 10px; padding: 10px 14px; min-width: 84px; text-align: center; font-size: 14px; color: rgba(255, 255, 255, .8); }
.lp3-count b { display: block; font-family: var(--lp-serif); font-weight: 500; font-size: 2rem; line-height: 1.1; color: #fff; }
.lp3-count.is-today span { display: none; }
.lp3-count.is-today::after { content: "Bugün!"; font-family: var(--lp-serif); font-size: 2rem; color: var(--lp-gold); }
.lp3-feat-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 16px; }
.lp3.lp3-light .lp3-feat .lp3-btn { background: var(--lp-gold); color: var(--lp-gold-ink) !important; }
.lp3-cal { font-size: var(--lp-small); color: rgba(255, 255, 255, .75) !important; display: flex; flex-wrap: wrap; gap: 6px 14px; }
.lp3-cal a { color: #fff !important; text-underline-offset: 4px; }
.lp3-cal a:hover { color: var(--lp-gold) !important; }

.lp3-months { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 22px; }
.lp3 .lp3-months button { font: 500 var(--lp-small)/1 var(--lp-sans); padding: 10px 18px; border-radius: 999px; border: 0 !important; background: rgba(15, 43, 28, .07) !important; color: var(--lp-forest) !important; cursor: pointer; transition: background-color .2s ease; }
.lp3 .lp3-months button:hover { background: rgba(15, 43, 28, .14) !important; }
.lp3 .lp3-months button.is-on { background: var(--lp-forest) !important; color: #fff !important; }

.lp3-tickets { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.lp3-ticket { --notch: var(--lp-cream); position: relative; display: grid; grid-template-columns: 42% 1fr; background: #fffaf1; border-radius: 14px; min-height: 230px; transition: transform .3s var(--lp-ease), box-shadow .3s; }
.lp3-ticket[hidden] { display: none; }
.lp3-ticket:hover { transform: translateY(-4px); box-shadow: 0 14px 30px rgba(15, 43, 28, .12); /* taste-skill-ignore: hover lift */ }
.lp3-ticket::before, .lp3-ticket::after { content: ""; position: absolute; left: 42%; width: 24px; height: 24px; margin-left: -12px; border-radius: 50%; background: var(--notch); }
.lp3-ticket::before { top: -12px; }
.lp3-ticket::after { bottom: -12px; }
.lp3-ticket-poster { display: block; border-radius: 14px 0 0 14px; overflow: hidden; background: var(--lp-forest); }
.lp3-ticket-poster img { width: 100%; height: 100% !important; object-fit: cover; transition: transform .6s var(--lp-ease); }
.lp3-ticket:hover .lp3-ticket-poster img { transform: scale(1.05); }
.lp3-ticket-stub { padding: 20px 22px 20px 26px; border-left: 2px dashed rgba(15, 43, 28, .22); /* taste-skill-ignore: ticket perforation */ display: flex; flex-direction: column; }
.lp3-ticket-date { display: flex; align-items: baseline; gap: 8px; margin-bottom: 10px !important; color: var(--lp-forest); }
.lp3-ticket-date b { font-family: var(--lp-serif); font-weight: 500; font-size: 2.6rem; line-height: 1; }
.lp3-ticket-date span { font-weight: 500; letter-spacing: .04em; color: var(--lp-forest-link); }
.lp3-ticket-date small { font-size: 14px; color: var(--lp-forest-muted); }
.lp3-ticket h3 { font-size: var(--lp-h3); line-height: 1.25; margin-bottom: 6px; }
.lp3-ticket h3 a { color: var(--lp-forest) !important; text-decoration: none; }
.lp3-ticket-time { font-size: 15px; color: var(--lp-forest-muted) !important; }
.lp3 .lp3-ticket-buy { margin-top: auto; align-self: flex-start; display: inline-flex; gap: 6px; padding: 9px 18px; border-radius: 999px; border: 1.5px solid var(--lp-forest) !important; color: var(--lp-forest) !important; text-decoration: none; font-weight: 500; font-size: 15px; transition: background-color .2s, color .2s; }
.lp3 .lp3-ticket:hover .lp3-ticket-buy, .lp3 .lp3-ticket-buy:focus-visible { background: var(--lp-forest) !important; color: #fff !important; }
.lp3-ticket:hover .lp3-ticket-date span { color: #b0862f; }

.lp3-strip { margin-top: 56px; }
.lp3-strip-title { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; font-family: var(--lp-serif); font-size: var(--lp-h3); color: var(--lp-forest); margin-bottom: 16px !important; }
.lp3-strip-title a { font-family: var(--lp-sans); font-size: var(--lp-small); color: var(--lp-forest-link) !important; text-decoration: none; }
.lp3-strip-viewport { overflow: hidden; margin: 0 calc(var(--lp-pad) * -1); -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); /* taste-skill-ignore: edge fade of a marquee */ }
.lp3-strip-track { list-style: none; margin: 0; padding: 0 var(--lp-pad); display: flex; gap: 16px; width: max-content; animation: lp3-marquee 70s linear infinite; }
.lp3-strip-viewport:hover .lp3-strip-track, .lp3-strip-track:focus-within { animation-play-state: paused; }
.lp3-strip-track a { display: block; width: 150px; text-decoration: none; color: var(--lp-forest) !important; }
.lp3-strip-track img { width: 150px; height: 150px !important; object-fit: cover; border-radius: 10px; margin-bottom: 8px; background: var(--lp-forest); }
.lp3-strip-track span { display: block; font-size: 14px; font-weight: 500; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.lp3-strip-track small { font-size: 13px; color: var(--lp-forest-muted); }
@keyframes lp3-marquee { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
    .lp3-strip-track { animation: none; }
    .lp3-strip-viewport { overflow-x: auto; }
}

@media (max-width: 900px) {
    .lp3-feat { grid-template-columns: 1fr; }
    .lp3-feat-poster img { aspect-ratio: 4 / 3; }
}
@media (max-width: 760px) {
    .lp3-tickets { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 86%; overflow-x: auto; scroll-snap-type: x mandatory; padding: 14px var(--lp-pad) 18px; margin: -14px calc(var(--lp-pad) * -1) 0; scrollbar-width: none; }
    .lp3-tickets::-webkit-scrollbar { display: none; }
    .lp3-ticket { scroll-snap-align: start; grid-template-columns: 40% 1fr; min-height: 200px; }
    .lp3-ticket::before, .lp3-ticket::after { left: 40%; }
    .lp3-ticket-stub { padding: 16px 16px 16px 20px; }
    .lp3-ticket-date b { font-size: 2.1rem; }
    .lp3-count span { min-width: 0; flex: 1; padding: 8px 6px; }
    .lp3-count b { font-size: 1.6rem; }
}

/* ============ WEDDING SECTION (continues the scene's forest ground) ============ */
.lp3.lp3-wed { background: #0d2617; color: var(--lp-ink); padding-top: clamp(48px, 6vw, 80px); }
.lp3-wed-top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: clamp(32px, 5vw, 72px); align-items: center; margin-bottom: clamp(40px, 5vw, 64px); }
.lp3-wed-intro h2 { font-size: var(--lp-h2); color: #fff; margin-bottom: 22px; }
.lp3-wed-kicker { font-family: var(--lp-serif); font-size: var(--lp-h3); color: var(--lp-gold); margin-bottom: 12px !important; }
.lp3-wed-lead { font-size: 1.1875rem; line-height: 1.7; color: rgba(255, 255, 255, .9); max-width: 46ch; }
.lp3-wed-photos { display: grid; grid-template-columns: 1.25fr 1fr; grid-template-rows: 1fr 1fr; gap: 12px; height: clamp(320px, 34vw, 480px); }
.lp3-wed-photos .lp3-zoom { border-radius: 12px; overflow: hidden; }
.lp3-wed-photos .lp3-wed-ph1 { grid-row: 1 / span 2; }
.lp3-wed-photos img { width: 100%; height: 100% !important; object-fit: cover; }
.lp3-wed-boxes { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.lp3-wed-box { background: #12301e; border-radius: 14px; padding: clamp(22px, 3vw, 32px); }
.lp3-wed-box h3 { font-size: var(--lp-h3); color: var(--lp-gold); margin-bottom: 16px; }
.lp3-wed-box p { color: rgba(255, 255, 255, .88); margin-bottom: 12px !important; }
.lp3-wed-box p:last-child { margin-bottom: 0 !important; }
.lp3-wed-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.lp3-wed-list li { position: relative; padding-left: 34px; color: #fff; font-size: 1.0625rem; }
.lp3-wed-list li::before { content: ""; position: absolute; left: 0; top: .15em; width: 22px; height: 22px; border-radius: 50%; background: rgba(226, 194, 125, .16); }
.lp3-wed-list li::after { content: ""; position: absolute; left: 7px; top: .42em; width: 8px; height: 5px; border-left: 2px solid var(--lp-gold); border-bottom: 2px solid var(--lp-gold); transform: rotate(-45deg); }
.lp3-wed-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: clamp(28px, 4vw, 44px); }
@media (max-width: 900px) {
    .lp3-wed-top, .lp3-wed-boxes { grid-template-columns: 1fr; }
    .lp3-wed-photos { height: 78vw; max-height: 460px; }
}


/* ============ HERO: words, rotator, film, scroll cue, cinematic scroll ============ */
.lp3-hero-title .w { display: inline-block; }
@media (prefers-reduced-motion: no-preference) {
    .lp3-hero-title .w { animation: lp3-word 1s cubic-bezier(.2, .7, .2, 1) both; animation-delay: calc(.25s + var(--i) * .16s); }
    .lp3-hero-rot, .lp3-hero-sub, .lp3-hero-btns { animation: lp3-rise .9s cubic-bezier(.2, .7, .2, 1) both; }
    .lp3-hero-rot { animation-delay: .8s; }
    .lp3-hero-sub { animation-delay: .95s; }
    .lp3-hero-btns { animation-delay: 1.1s; }
}
@keyframes lp3-word { from { opacity: 0; transform: translateY(.45em); filter: blur(6px); } }
@keyframes lp3-rise { from { opacity: 0; transform: translateY(16px); } }
.lp3-hero-text .lp3-hero-rot { font-family: var(--lp-serif); font-size: clamp(1.25rem, 1.05rem + .9vw, 1.75rem); color: #fff; margin-bottom: 10px; max-width: none; }
.lp3-rot { display: inline-block; color: var(--lp-gold); font-style: italic; transition: opacity .35s ease, transform .35s ease; }
.lp3-rot.is-out { opacity: 0; transform: translateY(8px); }
.lp3-hero-text .lp3-hero-sub { font-size: 1.0625rem; color: rgba(255, 255, 255, .85); margin-bottom: 28px; }
.lp3 .lp3-film-btn { display: inline-flex; align-items: center; gap: 12px; min-height: 48px; padding: 0 6px 0 4px; background: none !important; border: 0 !important; color: #fff !important; font: 500 var(--lp-small)/1 var(--lp-sans); cursor: pointer; }
.lp3-film-play { position: relative; width: 44px; height: 44px; border-radius: 50%; box-shadow: inset 0 0 0 1.5px rgba(255, 255, 255, .7); transition: background-color .25s ease, box-shadow .25s ease; }
.lp3-film-play::after { content: ""; position: absolute; left: 17px; top: 14px; border-style: solid; border-width: 8px 0 8px 13px; border-color: transparent transparent transparent #fff; }
.lp3 .lp3-film-btn:hover .lp3-film-play { background: var(--lp-gold); box-shadow: none; }
.lp3 .lp3-film-btn:hover .lp3-film-play::after { border-left-color: var(--lp-gold-ink); }
@media (prefers-reduced-motion: no-preference) {
    .lp3-film-play::before { content: ""; position: absolute; inset: -6px; border-radius: 50%; box-shadow: 0 0 0 1px rgba(255, 255, 255, .35); animation: lp3-ring 2.4s ease-out infinite; }
}
@keyframes lp3-ring { from { transform: scale(.85); opacity: 1; } to { transform: scale(1.35); opacity: 0; } }

.lp3-film { position: fixed; inset: 0; z-index: 10000; background: rgba(4, 12, 7, .94); display: flex; align-items: center; justify-content: center; padding: 56px 16px; }
.lp3-film-frame { width: min(1200px, 100%); aspect-ratio: 16 / 9; border-radius: 12px; overflow: hidden; background: #000; }
.lp3-film-frame iframe { width: 100%; height: 100%; border: 0; display: block; }
.lp3-film .lp3-film-close { position: absolute; top: 14px; right: 14px; width: 48px; height: 48px; padding: 0; border-radius: 50%; border: 0 !important; background: rgba(255, 255, 255, .14) !important; color: #fff !important; font: 400 28px/1 var(--lp-sans); cursor: pointer; }
.lp3-film .lp3-film-close:hover, .lp3-film .lp3-film-close:focus { background: rgba(255, 255, 255, .28) !important; color: #fff !important; }

.lp3-hero-scroll { position: absolute; z-index: 3; left: 50%; bottom: 22px; transform: translateX(-50%); display: flex; flex-direction: column; align-items: center; gap: 8px; color: rgba(255, 255, 255, .85) !important; text-decoration: none; font-size: 13px; letter-spacing: .06em; }
.lp3-hero-scroll i { position: relative; width: 1.5px; height: 40px; background: rgba(255, 255, 255, .25); overflow: hidden; }
@media (prefers-reduced-motion: no-preference) {
    .lp3-hero-scroll i::after { content: ""; position: absolute; left: 0; top: -40%; width: 100%; height: 40%; background: #fff; animation: lp3-drip 1.8s ease-in-out infinite; }
}
@keyframes lp3-drip { to { top: 100%; } }

/* cinematic exit: the film frame shrinks into the page as you scroll on */
@supports (animation-timeline: scroll()) {
    @media (prefers-reduced-motion: no-preference) {
        .lp3-hero-media { animation: lp3-frame linear both; animation-timeline: scroll(root); animation-range: 0 100vh; }
        .lp3-hero-text, .lp3-hero-scroll { animation: lp3-lift linear both; animation-timeline: scroll(root); animation-range: 0 70vh; }
        .lp3-hero-title .w, .lp3-hero-rot, .lp3-hero-sub, .lp3-hero-btns { animation-timeline: auto; }
    }
}
@keyframes lp3-frame { to { transform: scale(.9); border-radius: 22px; filter: brightness(.7); } }
@keyframes lp3-lift { to { transform: translateY(-60px); opacity: 0; } }
.lp3-hero { background: var(--lp-bg); }
@media (max-width: 640px) {
    .lp3-hero-btns { gap: 10px; }
    .lp3 .lp3-film-btn { width: 100%; margin-top: 4px; }
    .lp3-hero-scroll { display: none; }
}


/* ============ CONTACT: compact sales team list ============ */
.lp3-team { margin-top: 22px; background: #fffaf1; border-radius: 12px; padding: 18px 18px 8px; }
.lp3.lp3-light .lp3-team h3 { font-size: 1.125rem; margin: 0 0 6px; }
.lp3-team ul { list-style: none; margin: 0; padding: 0; }
.lp3-team li { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto 38px; align-items: center; gap: 12px; padding: 10px 0; }
.lp3-team li + li { box-shadow: 0 -1px 0 rgba(15, 43, 28, .08); /* taste-skill-ignore: list row separator */ }
.lp3-team-av { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; background: var(--lp-forest); color: var(--lp-gold); font: 500 13px/1 var(--lp-sans); letter-spacing: .04em; }
.lp3-team-who { min-width: 0; line-height: 1.25; }
.lp3-team-who strong { display: block; font-weight: 500; color: var(--lp-forest); font-size: 15px; }
.lp3-team-who small { display: block; font-size: 13px; color: var(--lp-forest-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.lp3-team-num { display: none !important; }
.lp3 .lp3-team-tel svg { width: 15px; height: 15px; fill: var(--lp-forest); flex: none; }
.lp3 .lp3-team-tel { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; font-size: 14px; font-weight: 500; color: var(--lp-forest) !important; text-decoration: none; padding: 7px 12px; border-radius: 999px; background: rgba(15, 43, 28, .06); transition: background-color .2s; }
.lp3 .lp3-team-tel:hover { background: rgba(15, 43, 28, .13); }
.lp3 .lp3-team-mail { position: relative; width: 38px; height: 38px; border-radius: 50%; background: rgba(15, 43, 28, .06); transition: background-color .2s; }
.lp3 .lp3-team-mail:hover { background: rgba(15, 43, 28, .13); }
.lp3-team-mail::before { content: ""; position: absolute; left: 11px; top: 13px; width: 16px; height: 12px; border: 1.6px solid var(--lp-forest); border-radius: 2px; box-sizing: border-box; }
.lp3-team-mail::after { content: ""; position: absolute; left: 14px; top: 11px; width: 10px; height: 10px; border-right: 1.6px solid var(--lp-forest); border-bottom: 1.6px solid var(--lp-forest); transform: rotate(45deg) scale(.7, .7); }
@media (max-width: 560px) {
    .lp3-team li { grid-template-columns: 36px minmax(0, 1fr) 38px 38px; gap: 10px; }
    .lp3-team-av { width: 36px; height: 36px; }
    .lp3 .lp3-team-tel { width: 38px; height: 38px; padding: 0; justify-content: center; }
    .lp3 .lp3-team-tel span { display: none; }
    .lp3-team-num { display: block !important; color: var(--lp-forest) !important; }
}


/* venue page side box is narrow: same list, phone as an icon, number under the name */
.lp3-aside .lp3-team { background: rgba(15, 43, 28, .05); padding: 14px 14px 6px; margin-top: 18px; }
.lp3-aside .lp3-team li { grid-template-columns: 34px minmax(0, 1fr) 36px 36px; gap: 10px; }
.lp3-aside .lp3-team-av { width: 34px; height: 34px; }
.lp3-aside .lp3-team-tel, .lp3-aside .lp3-team-mail { width: 36px !important; height: 36px; padding: 0 !important; justify-content: center; }
.lp3-aside .lp3-team-tel span { display: none; }
.lp3-aside .lp3-team-num { display: block !important; color: var(--lp-forest) !important; }
.lp3-aside .lp3-team-mail::before { left: 10px; top: 12px; }
.lp3-aside .lp3-team-mail::after { left: 13px; top: 10px; }


/* ============ CORPORATE PAGE ============ */
.lp3-corp-hero { min-height: 78vh; }
.lp3-corp-facts { display: flex; flex-wrap: wrap; gap: 12px; margin: 30px 0 0; }
.lp3-corp-facts div { background: rgba(10, 31, 18, .62); border-radius: 12px; padding: 12px 18px; min-width: 170px; }
.lp3-corp-facts dt { font-family: var(--lp-serif); font-size: 1.6rem; color: var(--lp-gold); line-height: 1.1; }
.lp3-corp-facts dd { margin: 4px 0 0; color: rgba(255, 255, 255, .9); font-size: 14px; }
.lp3.lp3-light .lp3-corp-h2 { font-size: var(--lp-h2); margin: 0 0 18px; }
.lp3-corp-contact { padding: 26px; }
.lp3-corp-contact-kicker { font-size: 14px; color: var(--lp-forest-muted) !important; margin-bottom: 14px !important; }
.lp3-corp-contact-who { display: flex; align-items: center; gap: 14px; margin-bottom: 16px; }
.lp3-corp-contact-who .lp3-team-av { width: 54px; height: 54px; font-size: 17px; }
.lp3-corp-contact-who strong { display: block; font-family: var(--lp-serif); font-weight: 500; font-size: 1.35rem; color: var(--lp-forest); }
.lp3-corp-contact-who small { display: block; color: var(--lp-forest-muted); font-size: 14px; }
.lp3-corp-contact-lines { list-style: none; margin: 0 0 18px; padding: 0; display: grid; gap: 8px; }
.lp3-corp-contact-lines a { display: block; padding: 10px 14px; border-radius: 10px; background: rgba(15, 43, 28, .06); color: var(--lp-forest) !important; text-decoration: none; font-weight: 500; }
.lp3-corp-contact-lines a:hover { background: rgba(15, 43, 28, .12); }
.lp3-corp-contact .lp3-btn { width: 100%; }
.lp3-corp-services { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.lp3-corp-services li { background: var(--lp-surface-2); border-radius: 12px; padding: 22px 20px; position: relative; }
.lp3-corp-services li::before { content: ""; display: block; width: 26px; height: 3px; border-radius: 3px; background: var(--lp-gold); margin-bottom: 14px; }
.lp3-corp-services h3 { font-size: 1.15rem; margin-bottom: 8px; }
.lp3-corp-services p { font-size: 15px; color: var(--lp-muted); line-height: 1.55; }
.lp3-mini-grid.lp3-corp-venues { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.lp3-corp-venues .lp3-mini { background: #fffaf1; border-radius: 12px; padding: 12px 12px 16px; }
.lp3-corp-venues .lp3-mini img { margin-bottom: 12px; }
.lp3-corp-venues .lp3-mini span { display: block; margin-top: 4px; line-height: 1.5; }
.lp3.lp3-corp-band { background: #0d2617; }
.lp3-corp-concepts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.lp3-corp-concepts div { border-radius: 12px; padding: 24px; background: #12301e; }
.lp3-corp-concepts h3 { color: var(--lp-gold); font-size: 1.2rem; margin-bottom: 8px; }
.lp3-corp-concepts p { color: rgba(255, 255, 255, .88); }
.lp3.lp3-corp-cta { background: var(--lp-forest); text-align: center; }
.lp3-corp-cta h2 { font-size: var(--lp-h2); color: #fff; margin-bottom: 12px; }
.lp3-corp-cta p { color: rgba(255, 255, 255, .85); max-width: 56ch; margin: 0 auto 24px !important; }
.lp3-corp-cta .lp3-hero-btns { justify-content: center; }
@media (max-width: 1100px) { .lp3-corp-services, .lp3-mini-grid.lp3-corp-venues { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 900px) { .lp3-corp-concepts { grid-template-columns: 1fr; } }
@media (max-width: 640px) {
    .lp3-corp-services { grid-template-columns: 1fr; }
    .lp3-mini-grid.lp3-corp-venues { grid-template-columns: 1fr; }
    .lp3-corp-facts div { min-width: 0; flex: 1 1 140px; }
}

/* ============ 404: lost in the forest ============ */
.lp3-404 { position: relative; overflow: hidden; min-height: calc(100vh - 84px); display: flex; align-items: center; padding: 120px 0 200px;
           background: radial-gradient(ellipse at 75% 20%, #1b3a27 0%, var(--lp-bg) 60%); color: var(--lp-ink); }
.lp3-404-sky { position: absolute; inset: 0; pointer-events: none; }
.lp3-404-lights { position: absolute; top: 0; left: 0; width: 100%; height: 140px; }
.lp3-404-bulb { fill: #ffe3a3; filter: drop-shadow(0 0 8px rgba(255, 220, 140, .9)); animation: lp3-twinkle 3.2s ease-in-out infinite; animation-delay: calc(var(--d) * -.7s); }
.lp3-404-moon { position: absolute; top: 90px; right: 9%; width: 72px; height: 72px; border-radius: 50%; background: #e9e4d6;
                box-shadow: inset -16px -6px 0 0 #cfc8b6, 0 0 60px rgba(233, 228, 214, .25); /* taste-skill-ignore: moon */ }
.lp3-404-fly { position: absolute; left: var(--x); top: var(--y); width: 4px; height: 4px; border-radius: 50%; background: #f6e7a6;
               box-shadow: 0 0 10px 3px rgba(246, 231, 166, .6); /* taste-skill-ignore: firefly glow */ opacity: 0;
               animation: lp3-fly 7s ease-in-out infinite; animation-delay: calc(var(--d) * -1s); }
@keyframes lp3-twinkle { 50% { opacity: .45; } }
@keyframes lp3-fly { 0%, 100% { opacity: 0; transform: translate(0, 0); } 30% { opacity: 1; } 60% { opacity: .7; transform: translate(26px, -22px); } }
.lp3-404-in { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(32px, 6vw, 96px); align-items: center; }
.lp3-404-code { font: 600 14px/1 var(--lp-sans); letter-spacing: .3em; color: var(--lp-gold); margin: 0 0 16px; }
.lp3-404-text h1 { font-family: var(--lp-serif); font-size: clamp(2.25rem, 1.4rem + 3.4vw, 4rem); line-height: 1.08; color: #fff; margin: 0 0 18px; }
.lp3-404-text p:not(.lp3-404-code) { font-size: var(--lp-body); color: var(--lp-muted); max-width: 34em; margin: 0 0 28px; }
.lp3-404-btns { display: flex; flex-wrap: wrap; gap: 12px; }

/* the signpost: a post, a lamp and three arrow boards that are the links */
.lp3-404-post { position: relative; justify-self: center; width: min(360px, 100%); height: 420px; }
.lp3-404-post::before { content: ""; position: absolute; left: 50%; top: 40px; bottom: 0; width: 14px; margin-left: -7px; background: #5b3f26; border-radius: 3px; }
.lp3-404-lamp { position: absolute; left: 50%; top: 18px; width: 18px; height: 26px; margin-left: -9px; border-radius: 6px 6px 3px 3px; background: #ffe3a3;
                box-shadow: 0 0 24px 8px rgba(255, 220, 140, .55); /* taste-skill-ignore: lamp glow */ }
.lp3-404-glow { position: absolute; left: 50%; top: -60px; width: 420px; height: 420px; margin-left: -210px; border-radius: 50%;
                background: radial-gradient(circle, rgba(255, 220, 140, .18), transparent 65%); }
.lp3-404-sign { position: absolute; left: 50%; display: block; min-width: 200px; padding: 14px 44px 14px 22px; font: 500 1.125rem/1.2 var(--lp-serif);
                color: var(--lp-cream) !important; text-decoration: none; background: #6b4a2b; transform-origin: 0 50%;
                clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 50%, calc(100% - 22px) 100%, 0 100%);
                transition: background .25s ease, transform .25s ease; }
.lp3-404-sign:nth-of-type(1) { top: 70px; margin-left: -12px; transform: rotate(-4deg); }
.lp3-404-sign:nth-of-type(2) { top: 150px; }
.lp3-404-sign:nth-of-type(3) { top: 230px; margin-left: -12px; transform: rotate(3deg); }
.lp3-404-sign.is-left { left: auto; right: 50%; margin-right: -12px; padding: 14px 22px 14px 44px; text-align: right; transform-origin: 100% 50%;
                        clip-path: polygon(22px 0, 100% 0, 100% 100%, 22px 100%, 0 50%); }
.lp3-404-sign:hover, .lp3-404-sign:focus-visible { background: #8a6236; }
.lp3-404-sign:nth-of-type(1):hover { transform: rotate(-4deg) translateX(6px); }
.lp3-404-sign:nth-of-type(3):hover { transform: rotate(3deg) translateX(6px); }
.lp3-404-sign.is-left:hover { transform: translateX(-6px); }
.lp3-404-fallen { position: absolute; bottom: -6px; left: 50%; margin-left: 20px; padding: 8px 26px 8px 16px; font: 600 1rem/1 var(--lp-serif); letter-spacing: .1em;
                  color: rgba(244, 236, 221, .55); background: #4a3320; transform: rotate(12deg); transform-origin: 0 100%;
                  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 50%, calc(100% - 14px) 100%, 0 100%); }
.lp3-404-trees { position: absolute; left: 0; bottom: 0; width: 100%; height: 200px; }

.lp3-404-venues { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 16px; }
.lp3-404-venue { display: block; text-decoration: none; color: var(--lp-forest) !important; }
.lp3-404-venue img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 10px; display: block; transition: transform .3s ease; }
.lp3-404-venue:hover img { transform: scale(1.03); }
.lp3-404-venue span { display: block; margin-top: 10px; font: 500 1.0625rem/1.3 var(--lp-serif); }
.lp3-404-more .lp3-404-links { display: flex; flex-wrap: wrap; gap: 12px 28px; margin: 40px 0 0; }

@media (max-width: 900px) {
    .lp3-404 { padding: 96px 0 160px; min-height: 0; }
    .lp3-404-in { grid-template-columns: 1fr; }
    .lp3-404-post { height: 340px; }
    .lp3-404-venues { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
    .lp3-404-sign { min-width: 168px; font-size: 1rem; }
    .lp3-404-venues { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .lp3-404-moon { width: 48px; height: 48px; top: 70px; }
}
@media (prefers-reduced-motion: reduce) { .lp3-404-bulb, .lp3-404-fly { animation: none; } .lp3-404-fly { opacity: .7; } }

/* ============ HERO PROMO CARD: one announcement at a time over the video ============ */
.lp3-promo { position: absolute; z-index: 3; right: max(var(--lp-pad), calc((100% - var(--lp-max)) / 2 + var(--lp-pad))); bottom: clamp(48px, 9vh, 96px);
             width: 360px; padding: 14px 14px 12px; border-radius: 16px; background: rgba(10, 31, 18, .72); color: #fff;
             -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: 0 18px 40px rgba(0, 0, 0, .35); /* taste-skill-ignore: floating card over video */
             animation: lp3-rise .9s cubic-bezier(.2, .7, .2, 1) 1.4s both; }
.lp3-promo.is-closed { display: none; }
.lp3-promo-track { display: grid; }
.lp3-promo-item { grid-area: 1 / 1; display: flex; gap: 14px; align-items: center; color: #fff !important; text-decoration: none; opacity: 0; visibility: hidden; transform: translateY(8px);
                  transition: opacity .5s ease, transform .5s ease, visibility 0s .5s; }
.lp3-promo-item.is-on { opacity: 1; visibility: visible; transform: none; transition: opacity .5s ease .1s, transform .5s ease .1s, visibility 0s; }
.lp3-promo-img { flex: 0 0 96px; height: 112px; border-radius: 10px; overflow: hidden; background: rgba(255, 255, 255, .08); }
.lp3-promo-img { position: relative; }
.lp3-promo-body { display: flex; flex-direction: column; gap: 4px; min-width: 0; padding-right: 16px; }
.lp3-promo-body small { font: 600 12px/1 var(--lp-sans); letter-spacing: .12em; text-transform: uppercase; color: var(--lp-gold); }
.lp3-promo-body b { font: 500 1.1875rem/1.2 var(--lp-serif); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.lp3-promo-body span { font-size: .9375rem; line-height: 1.35; color: rgba(255, 255, 255, .78); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.lp3-promo-body em { font-style: normal; font-size: .9375rem; color: var(--lp-gold); margin-top: 2px; }
.lp3-promo-item:hover em { text-decoration: underline; }
.lp3-hero .lp3-promo .lp3-promo-close { position: absolute; top: 6px; right: 8px; width: 28px; height: 28px; padding: 0; border: 0; border-radius: 50%;
             background: transparent; color: rgba(255, 255, 255, .6); font: 400 20px/1 var(--lp-sans); cursor: pointer; }
.lp3-hero .lp3-promo .lp3-promo-close:hover, .lp3-hero .lp3-promo .lp3-promo-close:focus { color: #fff; background: rgba(255, 255, 255, .1); }
.lp3-promo-dots { display: flex; gap: 6px; margin-top: 12px; }
.lp3-hero .lp3-promo-dots button, .lp3-hero .lp3-promo-dots button:hover, .lp3-hero .lp3-promo-dots button:focus { flex: 1; height: 14px; padding: 5px 0; border: 0; background: transparent; cursor: pointer; }
.lp3-promo-dots i { display: block; height: 3px; border-radius: 2px; background: rgba(255, 255, 255, .25); overflow: hidden; position: relative; }
.lp3-promo-dots .is-on i::after { content: ""; position: absolute; inset: 0; background: var(--lp-gold); transform-origin: 0 50%; animation: lp3-promo-bar var(--lp3-promo-ms, 6s) linear both; }
.lp3-promo.is-paused .lp3-promo-dots .is-on i::after { animation-play-state: paused; }
@keyframes lp3-promo-bar { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@media (max-width: 1100px) {
    .lp3-promo { right: var(--lp-pad); width: 320px; }
    .lp3-hero-text h1 { max-width: 12ch; }
}
@media (max-width: 900px) {
    .lp3-hero { flex-direction: column; justify-content: flex-end; }
    .lp3-hero-text { padding-bottom: 20px; }
    .lp3-promo { position: relative; right: auto; bottom: auto; width: auto; margin: 0 var(--lp-pad) 24px; align-self: stretch; padding: 10px 12px; }
    .lp3-promo-img { flex-basis: 64px; height: 72px; }
    .lp3-promo-body b { font-size: 1.0625rem; -webkit-line-clamp: 1; }
    .lp3-promo-body span { -webkit-line-clamp: 1; }
    .lp3-promo-dots { margin-top: 8px; }
}
@media (prefers-reduced-motion: reduce) { .lp3-promo { animation: none; } .lp3-promo-dots .is-on i::after { animation: none; transform: none; } }

/* ---------- guide / news article ---------- */
.lp3-post-hero { min-height: 56vh; }
.lp3-post-hero h1 { max-width: 22ch; }
.lp3-post-meta { color: rgba(255,255,255,.85); font-size: var(--lp-small); margin-top: 12px; }
.lp3-post { padding: clamp(40px, 6vw, 80px) 0; }
.lp3-post-grid { display: grid; grid-template-columns: 260px minmax(0, 720px); gap: clamp(32px, 5vw, 72px); justify-content: center; align-items: start; }
.lp3-post-toc { position: sticky; top: 100px; font-size: .9375rem; }
.lp3-post-toc p { font-weight: 500; letter-spacing: .08em; text-transform: uppercase; font-size: .8125rem; color: var(--lp-forest-muted); margin: 0 0 12px; }
.lp3-post-toc ol { margin: 0; padding-left: 18px; display: grid; gap: 8px; }
.lp3-post-toc a { color: var(--lp-forest) !important; text-decoration: none; }
.lp3-post-toc a:hover { color: var(--lp-forest-link) !important; text-decoration: underline; }
.lp3-post-body { font-size: 1.125rem; line-height: 1.75; color: var(--lp-forest); }
.lp3-post-body > p:first-child { font-size: 1.25rem; line-height: 1.65; }
.lp3 .lp3-post-body h2 { font: 500 clamp(1.625rem, 1.35rem + 1vw, 2.125rem)/1.25 var(--lp-serif) !important; margin: 2.2em 0 .6em; scroll-margin-top: 100px; }
.lp3-post-body h3 { font: 500 var(--lp-h3)/1.3 var(--lp-serif); margin: 1.8em 0 .4em; }
.lp3-post-body p, .lp3-post-body ul { margin: 0 0 1.1em; }
.lp3-post-body ul { padding-left: 22px; }
.lp3-post-body li { margin-bottom: .35em; }
.lp3-post-body a { color: var(--lp-forest-link) !important; text-decoration: underline; text-underline-offset: 3px; }
.lp3-post-body figure { margin: 1.6em 0; }
.lp3-post-body figure img { width: 100%; height: auto; border-radius: 12px; display: block; }
.lp3-post-body figcaption { font-size: .9375rem; color: var(--lp-forest-muted); margin-top: 8px; }
.lp3-post-body .lp3-table-wrap { overflow-x: auto; margin: 1.4em 0; }
.lp3-post-body table { width: 100%; border-collapse: collapse; font-size: 1rem; min-width: 520px; }
.lp3-post-body th, .lp3-post-body td { text-align: left; padding: 12px 14px; border-bottom: 1px solid var(--lp-cream-2); vertical-align: top; }
.lp3-post-body th { font-weight: 500; background: var(--lp-cream-2); }
.lp3-post-faq details { border-bottom: 1px solid var(--lp-cream-2); padding: 16px 0; }
.lp3-post-faq summary { cursor: pointer; font-weight: 500; font-size: 1.125rem; }
.lp3-post-faq details p { margin: 10px 0 0; }
.lp3-post-cta { margin-top: 48px; padding: 28px; border-radius: 14px; background: var(--lp-forest); color: var(--lp-cream); display: flex; gap: 24px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.lp3-post-cta p { margin: 0; max-width: 46ch; color: var(--lp-cream); }
.lp3-post-cta strong { display: block; font: 500 1.375rem/1.3 var(--lp-serif); margin-bottom: 4px; }
.lp3-post-venues { padding-top: 0; }
@media (max-width: 900px) {
    .lp3-post-grid { grid-template-columns: minmax(0, 1fr); }
    .lp3-post-toc { position: static; background: #fff; border-radius: 12px; padding: 18px 20px; }
    .lp3-post-body { font-size: 1.0625rem; }
}

/* ---------- hero: what Lifepark is, above the title ---------- */
.lp3-hero-eyebrow { display: block; text-shadow: 0 1px 12px rgba(0,0,0,.65), 0 0 2px rgba(0,0,0,.5); font: 500 clamp(.8125rem, .75rem + .3vw, 1rem)/1.4 var(--lp-sans); letter-spacing: .14em; text-transform: uppercase; color: var(--lp-gold); margin-bottom: 14px; }

/* ---------- guide & news cards ---------- */
.lp3-guide-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; margin-bottom: 40px; }
.lp3-guide-head .lp3-head { margin-bottom: 0; }
.lp3-guide-intro p { color: var(--lp-forest-muted); margin: 0 0 .8em; }
.lp3-guide-intro a { color: var(--lp-forest-link) !important; text-decoration: underline; text-underline-offset: 3px; }
.lp3-guide-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.lp3-guide-card { display: block; text-decoration: none; color: var(--lp-forest) !important; background: #fffaf1; border-radius: 14px; overflow: hidden; padding-bottom: 22px; transition: transform .3s var(--lp-ease); }
.lp3-guide-card:hover { transform: translateY(-4px); }
.lp3-guide-img { aspect-ratio: 16 / 10; margin-bottom: 18px; }
.lp3-guide-card .lp3-guide-date, .lp3-guide-card h3, .lp3-guide-card p { padding: 0 22px; }
.lp3-guide-date { display: block; font-size: .875rem; color: var(--lp-forest-muted); margin-bottom: 6px; }
.lp3.lp3-light .lp3-guide-card h3 { font: 500 1.375rem/1.3 var(--lp-serif); margin: 0 0 8px; }
.lp3-guide-card p { margin: 0; font-size: 1rem; color: var(--lp-forest-muted); }
.lp3-post-related { padding-top: 0; }
@media (max-width: 900px) { .lp3-guide-grid { grid-template-columns: minmax(0, 1fr); } }

/* ---------- campaigns page ---------- */
.lp3-camp-list { display: grid; gap: 32px; }
.lp3-camp { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); background: #fffaf1; border-radius: 16px; overflow: hidden; }
.lp3-camp-img { min-height: 360px; }
.lp3-camp-body { padding: clamp(24px, 3vw, 40px); display: flex; flex-direction: column; gap: 12px; }
.lp3-camp-end { margin: 0; font-size: .875rem; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: #a0522d; }
.lp3.lp3-light .lp3-camp h2 { font: 500 clamp(1.5rem, 1.3rem + .8vw, 2rem)/1.25 var(--lp-serif); margin: 0; }
.lp3-camp-venues { margin: 0; font-size: .9375rem; }
.lp3-camp-venues a { color: var(--lp-forest-link) !important; }
.lp3-camp-text { margin: 0; color: var(--lp-forest-muted); }
.lp3-camp-facts { margin: 0; font-weight: 500; }
.lp3-camp-incl { margin: 0; padding-left: 20px; columns: 2; column-gap: 28px; font-size: .9375rem; }
.lp3-camp-incl li { margin-bottom: 4px; break-inside: avoid; }
.lp3-camp-foot { display: flex; align-items: center; gap: 18px 24px; flex-wrap: wrap; margin-top: auto; padding-top: 8px; }
.lp3-camp-price { margin: 0; font: 500 1.625rem/1.2 var(--lp-serif); }
.lp3-camp-price s { font-size: 1.0625rem; color: var(--lp-forest-muted); margin-right: 6px; }
.lp3-camp-empty { padding: 28px; border-radius: 14px; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.lp3-camp-empty p { margin: 0; }
.lp3-camp-note { margin-top: 48px; max-width: 760px; }
.lp3-camp-note h2 { font-size: 1.5rem !important; margin: 0 0 10px !important; }
@media (max-width: 900px) {
    .lp3-camp { grid-template-columns: minmax(0, 1fr); }
    .lp3-camp-img { min-height: 0; aspect-ratio: 1 / 1; }
    .lp3-camp-incl { columns: 1; }
}

/* ---------- whole pictures (posters, campaign visuals): never cropped, blurred copy behind ---------- */
.lp3-whole { position: relative; display: block; overflow: hidden; background: #0f2a1a; isolation: isolate; }
.lp3-whole::before { content: ""; position: absolute; inset: -20px; background: var(--lp3-whole-bg) center / cover no-repeat; filter: blur(18px) brightness(.75); z-index: -1; }
.lp3-whole img { position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: contain; display: block; margin: 0 !important; }

/* news article whose picture is a poster: the poster whole on the right, blurred behind */
.lp3-post-hero.is-poster { background: #0a1f12; min-height: 0; }
.lp3-post-hero-blur { position: absolute; inset: -30px; background: var(--lp3-whole-bg) center / cover no-repeat; filter: blur(28px) brightness(.55); }
.lp3-post-hero.is-poster .lp3-in { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 40px; align-items: end; padding-top: 48px; }
.lp3-post-poster { grid-column: 2 !important; grid-row: 1 / span 4; align-self: center; }
.lp3-post-poster img { display: block; width: auto !important; height: auto; max-height: 52vh; max-width: 360px; border-radius: 12px; box-shadow: 0 20px 50px rgba(0,0,0,.45); }
.lp3-post-hero.is-poster .lp3-in > * { grid-column: 1; }
.lp3-post-body iframe { width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; border-radius: 12px; }
@media (max-width: 900px) {
    .lp3-post-hero.is-poster .lp3-in { grid-template-columns: minmax(0, 1fr); padding-top: 32px; }
    .lp3-post-poster { grid-column: 1 !important; grid-row: auto; order: -1; }
    .lp3-post-poster img { max-height: 46vh; max-width: 100%; }
}
.lp3-video { margin: 1.4em 0; }
.lp3-video.is-vertical iframe { display: block; width: 100%; max-width: 360px; aspect-ratio: 9 / 16; margin: 0 auto; }

/* ---------- wedding section: a polaroid camera that keeps taking pictures ---------- */
.lp3-pola { position: relative; height: clamp(420px, 40vw, 540px); }
.lp3-pola-cam { position: absolute; left: 50%; top: 0; z-index: 60; width: 150px; height: 64px; margin-left: -75px; border-radius: 16px 16px 10px 10px;
    background: linear-gradient(#f4ecdd, #e4d8c2); box-shadow: 0 10px 24px rgba(0,0,0,.35), inset 0 -6px 0 rgba(0,0,0,.08); }
.lp3-pola-lens { position: absolute; left: 50%; top: 10px; width: 40px; height: 40px; margin-left: -20px; border-radius: 50%;
    background: radial-gradient(circle at 38% 35%, #6d7f8c 0 12%, #1c2329 30% 62%, #0b0f12 64%); box-shadow: 0 0 0 5px #2a2f33; }
.lp3-pola-slot { position: absolute; left: 18px; right: 18px; bottom: 6px; height: 4px; border-radius: 2px; background: #2a2f33; }
.lp3-pola-cam::after { content: ""; position: absolute; right: 16px; top: 12px; width: 16px; height: 9px; border-radius: 3px; background: #f7f3ea; box-shadow: inset 0 0 0 1px rgba(0,0,0,.15); }
.lp3-pola-stack { position: absolute; inset: 44px 0 0; }
.lp3-pola-card { position: absolute; left: 50%; top: 18px; width: min(300px, 68%); padding: 12px 12px 0; background: #fbf8f1; border-radius: 3px;
    box-shadow: 0 14px 30px rgba(0,0,0,.35); text-decoration: none; opacity: 0;
    transform: translate(-50%, -30px) scale(.92); clip-path: inset(0 0 100% 0);
    transition: transform .9s cubic-bezier(.2,.8,.25,1), clip-path .65s ease-out, opacity .5s ease; }
.lp3-pola-card.is-print { opacity: 1; clip-path: inset(0 0 0 0); }
.lp3-pola-card.is-down { transform: translate(calc(-50% + var(--x, 0px)), 22px) rotate(var(--r, 0deg)) scale(1); }
.lp3-pola-card.is-old { opacity: 0; transition: opacity .8s ease; }
.lp3-pola-photo { display: block; aspect-ratio: 1 / 1; overflow: hidden; background: #2a2f33; }
.lp3-pola-photo img { width: 100%; height: 100% !important; object-fit: cover; display: block;
    filter: brightness(1.9) saturate(0) contrast(.6); transition: filter 1.6s ease .5s; }
.lp3-pola-card.is-down .lp3-pola-photo img { filter: none; }
.lp3-pola-cap { display: block; padding: 10px 4px 14px; text-align: center; font: 600 1.5rem/1.1 'Caveat', cursive; color: #2b2a26; }
.lp3-pola-flash { position: absolute; inset: -10%; z-index: 70; pointer-events: none; opacity: 0;
    background: radial-gradient(circle at 50% 8%, rgba(255,255,255,.95), rgba(255,255,255,.35) 40%, rgba(255,255,255,0) 70%); }
.lp3-pola-flash.is-on { animation: lp3-flash .45s ease-out; }
@keyframes lp3-flash { 0% { opacity: 0; } 15% { opacity: 1; } 100% { opacity: 0; } }
@media (max-width: 900px) {
    .lp3-pola { height: 440px; max-width: 420px; margin: 0 auto; width: 100%; }
    .lp3-pola-card { width: min(270px, 74%); }
}
@media (prefers-reduced-motion: reduce) {
    .lp3-pola-card { clip-path: none; transform: translate(calc(-50% + var(--x, 0px)), 22px) rotate(var(--r, 0deg)); transition: opacity .8s ease; }
    .lp3-pola-photo img { filter: none; transition: none; }
}

/* ---------- concert area: a live stage made of the concert photos ---------- */
.lp3-stage { position: relative; aspect-ratio: 4 / 3; border-radius: 14px; overflow: hidden; background: #05070a; isolation: isolate; }
.lp3-stage-shot { position: absolute; inset: 0; opacity: 0; transition: opacity .6s ease; }
.lp3-stage-shot.is-on { opacity: 1; z-index: 1; }
.lp3-stage-shot img { width: 100%; height: 100% !important; object-fit: cover; display: block; }
.lp3-stage-fx { position: absolute; inset: 0; z-index: 2; pointer-events: none; }
.lp3-beam { position: absolute; top: -8%; left: 50%; width: 22%; height: 120%; margin-left: -11%; transform-origin: 50% 0;
    background: linear-gradient(180deg, rgba(255,255,255,.55), rgba(180,220,255,.12) 55%, rgba(255,255,255,0) 80%);
    clip-path: polygon(46% 0, 54% 0, 100% 100%, 0 100%); mix-blend-mode: screen; opacity: .45;
    animation: lp3-sweep 7s ease-in-out var(--d) infinite alternate; transform: rotate(var(--a)); }
@keyframes lp3-sweep { from { transform: rotate(calc(var(--a) - 14deg)); } to { transform: rotate(calc(var(--a) + 14deg)); } }
.lp3-scan { position: absolute; inset: 0; opacity: 0; background: repeating-linear-gradient(0deg, rgba(0,0,0,.35) 0 2px, transparent 2px 4px); }
.lp3-shade { position: absolute; inset: auto 0 0; height: 30%; background: linear-gradient(0deg, rgba(3,5,8,.55), rgba(3,5,8,0)); }
.lp3-phone { position: absolute; left: var(--x); bottom: var(--y); width: 3px; height: 5px; border-radius: 1px; background: #fffbe8;
    box-shadow: 0 0 6px 2px rgba(255,250,220,.5), 0 0 16px 6px rgba(255,250,220,.15); opacity: 0; animation: lp3-phone 6.5s ease-in-out var(--d) infinite; }
@keyframes lp3-phone { 0%, 100% { opacity: 0; } 15%, 55% { opacity: .85; } 70% { opacity: 0; } }
.lp3-stage.is-glitch .lp3-stage-shot.is-on { animation: lp3-glitch .32s steps(2) 1; }
.lp3-stage.is-glitch .lp3-scan { animation: lp3-scanfx .32s linear 1; }
@keyframes lp3-glitch { 0% { transform: translateX(-6px); filter: hue-rotate(40deg) saturate(1.6); } 50% { transform: translateX(5px) scaleY(1.01); filter: hue-rotate(-30deg); } 100% { transform: none; filter: none; } }
@keyframes lp3-scanfx { 0%, 100% { opacity: 0; } 30% { opacity: 1; } }
.lp3 .lp3-stage .lp3-stage-nav, .lp3 .lp3-stage .lp3-stage-nav:hover, .lp3 .lp3-stage .lp3-stage-nav:focus { position: absolute; top: 50%; z-index: 4; width: 44px; height: 44px; margin-top: -22px; padding: 0; display: grid; place-items: center; border: 0; border-radius: 50%; background: rgba(5,7,10,.55); color: #fff; cursor: pointer; transition: background .2s, color .2s; }
.lp3 .lp3-stage .lp3-stage-nav:hover, .lp3 .lp3-stage .lp3-stage-nav:focus-visible { background: var(--lp-gold); color: var(--lp-gold-ink); }
.lp3 .lp3-stage .lp3-stage-nav.is-prev { left: 12px; }
.lp3 .lp3-stage .lp3-stage-nav.is-next { right: 12px; }
.lp3-stage.is-paused .lp3-beam, .lp3-stage.is-paused .lp3-phone { animation-play-state: paused; }
@media (max-width: 900px) { .lp3-beam:nth-child(2) { display: none; } }
@media (prefers-reduced-motion: reduce) { .lp3-beam, .lp3-phone { animation: none; } .lp3-phone { opacity: .7; } }

/* past headliners as ticket stubs */
.lp3-tix { margin-top: clamp(40px, 5vw, 64px); }
.lp3-tix-title { font-family: var(--lp-serif); font-size: var(--lp-h3); color: #fff; margin: 0 0 16px !important; }
.lp3-tix-row { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 6px 2px 14px; scrollbar-width: thin; }
.lp3-tix-card { flex: 0 0 auto; scroll-snap-align: start; display: flex; width: 290px; min-height: 120px; text-decoration: none; color: #1d1a14 !important;
    background: #f6efe0; border-radius: 10px; box-shadow: 0 8px 18px rgba(0,0,0,.25); transition: transform .25s ease;
    -webkit-mask: radial-gradient(circle 9px at 214px 0, transparent 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle 9px at 214px 100%, transparent 98%, #000) bottom / 100% 51% no-repeat;
            mask: radial-gradient(circle 9px at 214px 0, transparent 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle 9px at 214px 100%, transparent 98%, #000) bottom / 100% 51% no-repeat; }
.lp3-tix-card:hover { transform: translateY(-4px) rotate(-1deg); }
.lp3-tix-main { flex: 1; padding: 14px 16px; display: flex; flex-direction: column; gap: 4px; border-right: 2px dashed rgba(0,0,0,.2); min-width: 0; }
.lp3-tix-main small { font-size: .6875rem; letter-spacing: .12em; text-transform: uppercase; color: #6b6458; }
.lp3-tix-main b { font: 500 1.25rem/1.15 var(--lp-serif); overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.lp3-tix-main span { font-size: .875rem; color: #4c463b; margin-top: auto; }
.lp3-tix-stub { width: 76px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; background: var(--c); border-radius: 0 10px 10px 0; color: #14110c; }
.lp3-tix-stub b { font: 600 1.75rem/1 var(--lp-sans); }
.lp3-tix-stub small { font-size: .75rem; letter-spacing: .14em; font-weight: 500; }
.lp3-tix-stub i { width: 46px; height: 18px; margin-top: 6px; background: repeating-linear-gradient(90deg, #14110c 0 2px, transparent 2px 4px, #14110c 4px 5px, transparent 5px 8px); opacity: .7; }

/* venue film: one large click-to-play video */
.lp3.lp3-venue-film { background: var(--lp-bg); }
.lp3-venue-film .lp3-head h2 { color: #fff; }
.lp3-venue-film-btn .lp3-video-frame { border-radius: 16px; box-shadow: 0 24px 60px rgba(0,0,0,.45); }
.lp3-venue-film-btn .lp3-play { width: 92px; height: 92px; margin: -46px 0 0 -46px; background: rgba(226, 194, 125, .92); transition: transform .2s, background-color .2s; }
.lp3-venue-film-btn .lp3-play::before { border-color: transparent transparent transparent #0a1f12; border-width: 15px 0 15px 25px; }
.lp3-venue-film-btn:hover .lp3-play { transform: scale(1.06); }
/* also on hover/focus: the general video button rule resets margins there, which jumped the film sideways */
.lp3 .lp3-venue-film-btn, .lp3 .lp3-venue-film-btn:hover, .lp3 .lp3-venue-film-btn:focus { display: block; max-width: 1000px; margin: 0 auto; }
/* the big venue film stays still under the cursor: no zoom while the page scrolls past it */
.lp3-venue-film-btn .lp3-video-frame img, .lp3-venue-film-btn:hover .lp3-video-frame img { transform: none; opacity: 1; transition: none; }
.lp3-venue-film-btn:hover .lp3-play { transform: none; background: #f0d595; }

/* venue videos: one big, or up to three side by side */
.lp3-film-head { max-width: none; display: flex; justify-content: space-between; align-items: baseline; gap: 16px; flex-wrap: wrap; }
.lp3-venue-film .lp3-film-head .lp3-link { color: var(--lp-gold) !important; }
.lp3-venue-film:not(.is-grid) .lp3-film-head { max-width: 1000px; margin-inline: auto; }
.lp3-venue-film.is-grid .lp3-film-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: start; }
.lp3 .lp3-venue-film.is-grid .lp3-venue-film-btn, .lp3 .lp3-venue-film.is-grid .lp3-venue-film-btn:hover, .lp3 .lp3-venue-film.is-grid .lp3-venue-film-btn:focus { max-width: none; margin: 0; }
.lp3-venue-film.is-grid .lp3-play { width: 64px; height: 64px; margin: -32px 0 0 -32px; }
.lp3-venue-film.is-grid .lp3-play::before { border-width: 11px 0 11px 18px; }
.lp3-venue-film .lp3-video-title { color: rgba(255,255,255,.88) !important; }
@media (max-width: 900px) { .lp3-venue-film.is-grid .lp3-film-grid { grid-template-columns: minmax(0, 1fr); } }
/* videos and photos share one dark ground: don't stack two section paddings between them */
.lp3.lp3-venue-film + .lp3#galeri { padding-top: 0; }

/* cookie banner (ids beat the theme's pink button defaults, hover and focus included) */
.lp3-consent { position: fixed; left: 16px; bottom: 16px; z-index: 70; max-width: 440px; padding: 20px; border-radius: 12px; background: var(--lp-surface-2); color: var(--lp-ink); box-shadow: 0 16px 40px rgba(0, 0, 0, .35); font: 400 15px/1.5 var(--lp-sans); }
.lp3-consent[hidden] { display: none; }
.lp3-consent p { margin: 0 0 16px; }
.lp3-consent-btns { display: flex; gap: 10px; justify-content: flex-end; }
#lp-consent .lp3-consent-btns button { min-height: 44px; padding: 0 20px; border-radius: 999px; border: 1px solid rgba(238,240,234,.35); background: transparent; color: var(--lp-ink); font: 500 15px/1 var(--lp-sans); cursor: pointer; transition: background .2s, color .2s; }
#lp-consent .lp3-consent-btns button:hover, #lp-consent .lp3-consent-btns button:focus-visible { background: rgba(238,240,234,.12); color: var(--lp-ink); }
#lp-consent .lp3-consent-btns button.is-primary { background: var(--lp-gold); border-color: var(--lp-gold); color: var(--lp-gold-ink); }
#lp-consent .lp3-consent-btns button.is-primary:hover, #lp-consent .lp3-consent-btns button.is-primary:focus-visible { background: var(--lp-cream); border-color: var(--lp-cream); color: var(--lp-gold-ink); }
#lp3-footer .lp3-consent-link, #lp3-footer .lp3-consent-link:hover, #lp3-footer .lp3-consent-link:focus { margin-left: 8px; padding: 0; border: 0; border-radius: 0; background: none; color: inherit; font: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
#lp3-footer .lp3-consent-link:hover { color: var(--lp-gold); }
@media (max-width: 600px) { .lp3-consent { left: 16px; right: 16px; max-width: none; } #lp-consent .lp3-consent-btns button { flex: 1; } }
