:root{--page-title-display:none;}/* Start custom CSS *//* Topaz – Portfolio case study (Exhibition Stand Abu Dhabi Forum)
 * Mirrors topazuae.com/portfolio/<slug>. Shared tzp-* rules are copied from
 * Our Portfolio (page 242) so cards/hero match 1:1; tzpd-* are detail-only. */
body.elementor-page-1697 .elementor-1697 { --tzp-gold:#e0c26e; --tzp-gold-deep:#bc9a62; --tzp-muted:#adadad; --tzp-accent:#bfbfbf; --tzp-ease:cubic-bezier(.22,1,.36,1); --tzp-std:cubic-bezier(.4,0,.2,1); font-family:Inter,system-ui,sans-serif; color:#fff; -webkit-font-smoothing:antialiased; }
body.elementor-page-1697 .elementor-1697 * { box-sizing:border-box; }
body.elementor-page-1697 .e-div-block-base { padding:0; min-width:0; }
body.elementor-page-1697 .e-paragraph-base, body.elementor-page-1697 .e-heading-base { margin:0; }

/* ---------- shared atoms ---------- */
body.elementor-page-1697 .tzp-wrap { width:100%; max-width:1440px; margin:0 auto; padding:0 48px; }
body.elementor-page-1697 .tzp-eyebrow { display:flex; align-items:center; gap:12px; margin:0; font-family:Inter,system-ui,sans-serif; font-size:12px; font-weight:700; line-height:1.5; letter-spacing:.16em; text-transform:uppercase; color:var(--tzp-gold); }
body.elementor-page-1697 .tzp-eyebrow::before { content:""; flex:0 0 auto; width:6px; height:6px; transform:rotate(45deg); background:rgba(224,194,110,.7); }
body.elementor-page-1697 .tzpd-sec { position:relative; width:100%; margin:0; padding:112px 0; background:#000; border-top:1px solid rgba(255,255,255,.05); }
body.elementor-page-1697 .tzpd-h2 { display:block; margin:24px 0 0; max-width:16ch; cursor:auto; font-family:Outfit,system-ui,sans-serif; font-size:clamp(28px,3.8vw,48px); font-weight:700; line-height:.98; letter-spacing:-.015em; text-transform:uppercase; color:#fff; }
body.elementor-page-1697 .tzpd-h2 span { color:var(--tzp-gold); }

/* ---------- 1. hero ---------- */
body.elementor-page-1697 .tzp-hero { position:relative; isolation:isolate; overflow:hidden; width:100%; background:#000; }
body.elementor-page-1697 .tzp-hero-bg { position:absolute; inset:0; z-index:-2; width:100%; height:100%; max-width:none; object-fit:cover; transition:opacity .5s ease-out; }
body.elementor-page-1697 .tzp-hero-shade { position:absolute; inset:0; z-index:-1; width:auto; pointer-events:none; background:linear-gradient(to top,#000 0%,rgba(0,0,0,.7) 50%,rgba(0,0,0,.3) 100%); }
body.elementor-page-1697 .tzp-hero-shade::after { content:""; position:absolute; inset:0; background:linear-gradient(to right,rgba(0,0,0,.9) 0%,rgba(0,0,0,.45) 50%,transparent 100%); }
body.elementor-page-1697 .tzp-hero-in { display:flex; flex-direction:column; justify-content:flex-end; width:100%; max-width:1440px; min-height:76svh; margin:0 auto; padding:176px 48px 112px; }
body.elementor-page-1697 .tzp-crumb { display:flex; flex-wrap:wrap; align-items:center; gap:4px 10px; }
body.elementor-page-1697 .tzp-crumb-item, body.elementor-page-1697 .tzp-crumb-cur { margin:0; font-size:12px; font-weight:500; line-height:1.5; letter-spacing:.12em; text-transform:uppercase; color:var(--tzp-muted); }
body.elementor-page-1697 .tzp-crumb-item { display:flex; align-items:center; gap:10px; }
body.elementor-page-1697 .tzp-crumb-item::after { content:""; width:4px; height:4px; transform:rotate(45deg); background:rgba(255,255,255,.25); }
body.elementor-page-1697 .tzp-crumb-item a { color:inherit; text-decoration:none; transition:color .3s var(--tzp-std); }
body.elementor-page-1697 .tzp-crumb-item a:hover { color:var(--tzp-gold); }
body.elementor-page-1697 .tzp-crumb-cur { color:var(--tzp-gold); }
body.elementor-page-1697 .tzp-hero .tzp-eyebrow { margin-top:32px; }
body.elementor-page-1697 .tzp-h1 { display:block; margin:24px 0 0; max-width:17ch; cursor:auto; font-family:Outfit,system-ui,sans-serif; font-size:clamp(34px,6.4vw,70px); font-weight:700; line-height:.92; letter-spacing:-.025em; text-transform:uppercase; color:#fff; }
body.elementor-page-1697 .tzp-script { margin:24px 0 0; max-width:40ch; font-family:"Cormorant Garamond",Georgia,serif; font-size:clamp(19px,2.2vw,28px); font-style:italic; font-weight:400; line-height:1.3; color:var(--tzp-accent); }
body.elementor-page-1697 .tzp-lead { margin:24px 0 0; max-width:62ch; font-size:16px; line-height:1.8; color:var(--tzp-muted); }
body.elementor-page-1697 .tzp-btns { display:flex; flex-wrap:wrap; align-items:center; gap:16px; margin-top:40px; }
body.elementor-page-1697 .tzp-btn-gold, body.elementor-page-1697 .tzp-btn-ghost, body.elementor-page-1697 .tzpd-cta-btn { margin:0; }
body.elementor-page-1697 .tzp-btn-gold a, body.elementor-page-1697 .tzp-btn-ghost a, body.elementor-page-1697 .tzpd-cta-btn a { display:inline-block; padding:14px 28px; border-radius:2px; font-family:Inter,system-ui,sans-serif; font-size:13px; font-weight:700; line-height:1; letter-spacing:.06em; text-transform:uppercase; text-decoration:none; cursor:pointer; transition:color .3s var(--tzp-std),background-color .3s var(--tzp-std),border-color .3s var(--tzp-std); }
body.elementor-page-1697 .tzp-btn-gold a, body.elementor-page-1697 .tzpd-cta-btn a { background:var(--tzp-gold); color:#000; }
body.elementor-page-1697 .tzp-btn-ghost a { border:1px solid rgba(255,255,255,.25); color:#fff; font-weight:600; }
@media (hover:hover) {
  body.elementor-page-1697 .tzp-btn-gold a:hover, body.elementor-page-1697 .tzpd-cta-btn a:hover { background:var(--tzp-gold-deep); color:#000; }
  body.elementor-page-1697 .tzp-btn-ghost a:hover { border-color:rgba(224,194,110,.6); color:var(--tzp-gold); }
}

/* ---------- 2. project details ---------- */
body.elementor-page-1697 .tzpd-sec:has(.tzpd-meta) { padding:56px 0; }
body.elementor-page-1697 .tzpd-meta { display:grid; grid-template-columns:minmax(0,1fr); gap:28px 40px; padding:40px; border:1px solid rgba(255,255,255,.1); border-radius:8px; background:rgba(18,18,18,.4); }
body.elementor-page-1697 .tzpd-meta-dt { display:flex; align-items:center; gap:10px; margin:0; font-size:11px; font-weight:700; line-height:1.5; letter-spacing:.16em; text-transform:uppercase; color:var(--tzp-gold); }
body.elementor-page-1697 .tzpd-meta-dt::before { content:""; flex:0 0 auto; width:6px; height:6px; transform:rotate(45deg); background:rgba(224,194,110,.7); }
body.elementor-page-1697 .tzpd-meta-dd { margin:10px 0 0; font-size:16px; line-height:1.6; color:var(--tzp-accent); }

/* ---------- 3. the brief (sticky left column) ---------- */
body.elementor-page-1697 .tzpd-brief-grid { display:grid; grid-template-columns:minmax(0,1fr); gap:40px; }
body.elementor-page-1697 .tzpd-brief-l .tzpd-h2 { max-width:12ch; }
body.elementor-page-1697 .tzpd-brief-l .tzpd-h2 span, body.elementor-page-1697 .tzpd-cta .tzpd-h2 span { display:block; }
body.elementor-page-1697 .tzpd-brief-r { padding-left:40px; border-left:1px solid rgba(255,255,255,.1); }
body.elementor-page-1697 .tzpd-stack { display:flex; flex-direction:column; gap:24px; }
body.elementor-page-1697 .tzpd-p { max-width:64ch; font-size:17px; line-height:1.85; color:var(--tzp-muted); }
body.elementor-page-1697 .tzpd-block { margin-top:56px; }
body.elementor-page-1697 .tzpd-h3 { display:block; margin:0; cursor:auto; font-family:Outfit,system-ui,sans-serif; font-size:22px; font-weight:700; line-height:1.2; letter-spacing:.01em; text-transform:uppercase; color:#fff; }
body.elementor-page-1697 .tzpd-intro { margin-top:16px; max-width:64ch; font-size:16px; line-height:1.8; color:var(--tzp-muted); }
body.elementor-page-1697 .tzpd-list { display:grid; grid-template-columns:minmax(0,1fr); gap:24px 40px; margin-top:28px; }
body.elementor-page-1697 .tzpd-li { display:flex; gap:16px; }
body.elementor-page-1697 .tzpd-li-n { flex:0 0 auto; font-family:Outfit,system-ui,sans-serif; font-size:15px; font-weight:700; line-height:1.7; font-variant-numeric:tabular-nums; color:rgba(224,194,110,.7); }
body.elementor-page-1697 .tzpd-li-p { font-size:16px; line-height:1.75; color:var(--tzp-muted); }
body.elementor-page-1697 .tzpd-outcome { padding:36px; border:1px solid rgba(255,255,255,.1); border-radius:8px; background:rgba(18,18,18,.4); }
body.elementor-page-1697 .tzpd-outcome .tzpd-h3 { font-size:20px; }
body.elementor-page-1697 .tzpd-outcome .tzpd-stack { margin-top:16px; gap:16px; }
body.elementor-page-1697 .tzpd-outcome .tzpd-p { font-size:16px; line-height:1.8; }

/* ---------- 4. the event on film ---------- */
body.elementor-page-1697 .tzpd-film { padding:96px 0; overflow:hidden; }
body.elementor-page-1697 .tzpd-film::before { content:""; position:absolute; top:0; bottom:0; right:0; width:min(58%,720px); opacity:.8; pointer-events:none; background:radial-gradient(ellipse 80% 70% at 70% 45%,rgba(224,194,110,.09) 0%,transparent 68%); }
body.elementor-page-1697 .tzpd-film-grid { position:relative; display:grid; grid-template-columns:minmax(0,1fr); align-items:center; gap:40px; }
body.elementor-page-1697 .tzpd-film-text { max-width:448px; }
body.elementor-page-1697 .tzpd-film-text .tzpd-h2 { margin-top:20px; max-width:14ch; font-size:clamp(26px,3.4vw,42px); }
body.elementor-page-1697 .tzpd-film-p { margin-top:20px; font-size:15px; line-height:1.75; color:var(--tzp-muted); }
body.elementor-page-1697 .tzpd-film-fig { position:relative; display:block; width:100%; aspect-ratio:16/9; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:12px; background:#111; cursor:pointer; text-decoration:none; }
body.elementor-page-1697 .tzpd-film-img { position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; }
body.elementor-page-1697 .tzpd-film-shade { position:absolute; inset:0; width:auto; pointer-events:none; background:rgba(0,0,0,.35); }
body.elementor-page-1697 .tzpd-film-play { position:absolute; top:50%; left:50%; z-index:2; width:80px; height:80px; display:flex; align-items:center; justify-content:center; transform:translate(-50%,-50%); border:1px solid rgba(224,194,110,.5); border-radius:9999px; background:rgba(0,0,0,.4); backdrop-filter:blur(2px); color:var(--tzp-gold); transition:transform .3s var(--tzp-std),color .3s var(--tzp-std),background-color .3s var(--tzp-std),border-color .3s var(--tzp-std); }
body.elementor-page-1697 .tzpd-film-play::before { content:""; position:relative; inset:auto; flex:0 0 auto; width:28px; height:28px; margin-left:0; background:currentColor; clip-path:polygon(33.33% 22.92%,33.33% 77.08%,79.17% 50%); }
body.elementor-page-1697 .tzpd-film-fig:focus-visible { outline:2px solid var(--tzp-gold); outline-offset:-6px; }
@media (hover:hover) {
  body.elementor-page-1697 .tzpd-film-fig:hover .tzpd-film-play { transform:translate(-50%,-50%) scale(1.05); border-color:var(--tzp-gold); background:var(--tzp-gold); color:#000; }
}

/* ---------- 5. event highlights gallery ---------- */
body.elementor-page-1697 .tzpd-gal-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:40px; }
body.elementor-page-1697 .tzpd-gal-item { position:relative; display:block; width:100%; aspect-ratio:4/3; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:8px; background:#111; cursor:zoom-in; transition:border-color .5s var(--tzp-std); }
body.elementor-page-1697 .tzpd-gal-img { position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; transform:scale(1); transform-origin:center; transition:transform 1.1s var(--tzp-ease); }
body.elementor-page-1697 .tzpd-gal-item:focus-visible { outline:2px solid var(--tzp-gold); outline-offset:2px; }
@media (hover:hover) {
  body.elementor-page-1697 .tzpd-gal-item:hover { border-color:rgba(224,194,110,.4); }
  body.elementor-page-1697 .tzpd-gal-item:hover .tzpd-gal-img { transform:scale(1.04); }
}
/* Show more: items 7+ carry .tzpd-gal-extra; the toggle hides itself when there are none. */
body.elementor-page-1697 .tzpd-gal-extra { display:none; }
body.elementor-page-1697 .tzpd-sec:has(.tzpd-more:checked) .tzpd-gal-extra { display:block; animation:tzpdIn .85s var(--tzp-ease) both; }
@keyframes tzpdIn { from { opacity:0; transform:translateY(26px); } to { opacity:1; transform:none; } }
body.elementor-page-1697 .tzpd-sec:not(:has(.tzpd-gal-extra)) .tzpd-more-form { display:none; }
body.elementor-page-1697 .elementor-1697 .tzpd-more-form { display:flex; justify-content:center; width:100%; margin:40px 0 0; padding:0; gap:0; }
body.elementor-page-1697 .elementor-1697 .tzpd-more-form > *:not(.tzpd-more) { margin:0; padding:0; }
body.elementor-page-1697 .elementor-1697 .tzpd-more { appearance:none; position:relative; display:inline-flex; align-items:center; gap:10px; width:auto; height:auto; min-width:0; margin:0; padding:14px 28px; border:1px solid rgba(255,255,255,.25); border-radius:2px; background:transparent; clip-path:none; opacity:1; outline:0; box-shadow:none; font-family:Inter,system-ui,sans-serif; font-size:13px; font-weight:600; line-height:1; letter-spacing:.06em; text-transform:uppercase; color:#fff; cursor:pointer; transition:color .3s var(--tzp-std),border-color .3s var(--tzp-std); }
body.elementor-page-1697 .elementor-1697 .tzpd-more::before { content:"Show more photos"; position:static; display:inline; width:auto; height:auto; margin:0; background:none; border:0; clip-path:none; opacity:1; transform:none; font:inherit; letter-spacing:inherit; color:inherit; }
body.elementor-page-1697 .elementor-1697 .tzpd-more::after { content:""; flex:0 0 auto; width:14px; height:14px; background:var(--tzp-gold); transition:transform .3s var(--tzp-std); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M6 13l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M6 13l6 6 6-6'/%3E%3C/svg%3E") center/contain no-repeat; }
body.elementor-page-1697 .elementor-1697 .tzpd-more:checked { background:transparent; border-color:rgba(255,255,255,.25); }
body.elementor-page-1697 .elementor-1697 .tzpd-more:checked::before { content:"Show fewer photos"; }
body.elementor-page-1697 .elementor-1697 .tzpd-more:checked::after { transform:rotate(180deg); }
body.elementor-page-1697 .elementor-1697 .tzpd-more:focus-visible { outline:2px solid var(--tzp-gold); outline-offset:2px; }
@media (hover:hover) { body.elementor-page-1697 .elementor-1697 .tzpd-more:hover { border-color:rgba(224,194,110,.6); color:var(--tzp-gold); } }

/* ---------- 6. related events (same card as /our-portfolio) ---------- */
body.elementor-page-1697 .tzpd-rel-head { display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:24px; }
body.elementor-page-1697 .tzpd-rel-head > div { width:auto; }
body.elementor-page-1697 .tzpd-rel-all { margin:0; font-size:13px; font-weight:700; line-height:1.5; letter-spacing:.1em; text-transform:uppercase; }
body.elementor-page-1697 .tzpd-rel-all a { color:var(--tzp-gold); text-decoration:none; transition:color .3s var(--tzp-std); }
body.elementor-page-1697 .tzpd-rel-all a:hover { color:#fff; }
body.elementor-page-1697 .tzp-grid-3 { display:grid; grid-template-columns:minmax(0,1fr); gap:20px; margin-top:40px; }
body.elementor-page-1697 .tzp-card { position:relative; display:block; width:100%; height:100%; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:12px; background:#121212; color:#fff; text-decoration:none; cursor:pointer; transition:border-color .5s var(--tzp-std),opacity .85s var(--tzp-ease),transform .85s var(--tzp-ease) !important; }
body.elementor-page-1697 .tzp-card-media { position:relative; width:100%; aspect-ratio:4/5; overflow:hidden; background:#121212; }
body.elementor-page-1697 .tzp-card-img { position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; transform:scale(1); transform-origin:center; transition:transform 1.1s var(--tzp-ease); }
body.elementor-page-1697 .tzp-card-shade { position:absolute; inset:0; width:auto; pointer-events:none; background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.25) 50%,transparent 100%); }
body.elementor-page-1697 .tzp-card-shade::after { content:""; position:absolute; inset:0; opacity:0; transition:opacity .5s var(--tzp-std); background:linear-gradient(to top,#000 0%,rgba(0,0,0,.25) 50%,transparent 100%); }
body.elementor-page-1697 .tzp-card-frame { position:absolute; inset:12px; width:auto; height:auto; pointer-events:none; border:1px solid rgba(224,194,110,0); border-radius:8px; transition:all .5s var(--tzp-std); }
body.elementor-page-1697 .tzp-card-year { position:absolute; top:16px; left:16px; z-index:2; margin:0; padding:4px 10px; border-radius:2px; background:rgba(0,0,0,.5); backdrop-filter:blur(2px); font-size:11px; font-weight:700; line-height:1.5; letter-spacing:.1em; text-transform:uppercase; color:var(--tzp-gold); }
body.elementor-page-1697 .tzp-card-play { position:absolute; top:56px; right:16px; z-index:2; width:40px; height:40px; display:flex; align-items:center; justify-content:center; border:1px solid rgba(224,194,110,.5); border-radius:9999px; background:rgba(0,0,0,.45); backdrop-filter:blur(2px); color:var(--tzp-gold); transition:color .3s var(--tzp-std),background-color .3s var(--tzp-std),border-color .3s var(--tzp-std); }
body.elementor-page-1697 .tzp-card-play::before { content:""; position:relative; inset:auto; flex:0 0 auto; width:16px; height:16px; margin-left:0; background:currentColor; clip-path:polygon(33.33% 22.92%,33.33% 77.08%,79.17% 50%); }
body.elementor-page-1697 .tzp-card-cap { position:absolute; left:0; right:0; bottom:0; z-index:2; width:auto; display:flex; flex-direction:column; gap:10px; padding:20px; }
body.elementor-page-1697 .tzp-card-meta { display:flex; flex-wrap:wrap; align-items:center; gap:10px; }
body.elementor-page-1697 .tzp-card-city, body.elementor-page-1697 .tzp-card-type { margin:0; font-size:11px; font-weight:400; line-height:1.5; letter-spacing:.12em; text-transform:uppercase; }
body.elementor-page-1697 .tzp-card-city { color:var(--tzp-gold); }
body.elementor-page-1697 .tzp-card-type { display:flex; align-items:center; gap:10px; color:var(--tzp-muted); }
body.elementor-page-1697 .tzp-card-type::before { content:""; flex:0 0 auto; width:4px; height:4px; transform:rotate(45deg); background:rgba(224,194,110,.7); }
body.elementor-page-1697 .tzp-card-title { display:block; margin:0; cursor:pointer; font-family:Outfit,system-ui,sans-serif; font-size:18px; font-weight:700; line-height:1.18; letter-spacing:.01em; text-transform:uppercase; color:#fff; transition:color .3s var(--tzp-std); }
body.elementor-page-1697 .tzp-card-cta { display:grid; grid-template-rows:0fr; opacity:0; transition:grid-template-rows .5s var(--tzp-std),opacity .5s var(--tzp-std); }
body.elementor-page-1697 .tzp-card-cta-in { min-height:0; overflow:hidden; }
body.elementor-page-1697 .tzp-card-cta-txt { display:flex; align-items:center; gap:8px; margin:0; padding-top:4px; font-size:12px; font-weight:700; line-height:1.5; letter-spacing:.1em; text-transform:uppercase; color:#fff; }
body.elementor-page-1697 .tzp-card-cta-txt::after { content:""; flex:0 0 auto; width:14px; height:14px; background:var(--tzp-gold); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat; }
@media (hover:hover) {
  body.elementor-page-1697 .tzp-card:hover { border-color:rgba(224,194,110,.5); }
  body.elementor-page-1697 .tzp-card:hover .tzp-card-img { transform:scale(1.04); }
  body.elementor-page-1697 .tzp-card:hover .tzp-card-shade::after { opacity:1; }
  body.elementor-page-1697 .tzp-card:hover .tzp-card-frame { inset:16px; border-color:rgba(224,194,110,.4); }
  body.elementor-page-1697 .tzp-card:hover .tzp-card-play { border-color:var(--tzp-gold); background:var(--tzp-gold); color:#000; }
  body.elementor-page-1697 .tzp-card:hover .tzp-card-title { color:var(--tzp-gold); }
  body.elementor-page-1697 .tzp-card:hover .tzp-card-cta { grid-template-rows:1fr; opacity:1; }
}
body.elementor-page-1697 .tzp-card:focus-visible { outline:2px solid var(--tzp-gold); outline-offset:4px; }
body.elementor-page-1697 .tzp-card:focus-visible .tzp-card-frame { inset:16px; border-color:rgba(224,194,110,.4); }
body.elementor-page-1697 .tzp-card:focus-visible .tzp-card-title { color:var(--tzp-gold); }
body.elementor-page-1697 .tzp-card:focus-visible .tzp-card-cta { grid-template-rows:1fr; opacity:1; }

/* ---------- 7. next step CTA ---------- */
body.elementor-page-1697 .tzpd-cta { overflow:hidden; }
body.elementor-page-1697 .tzpd-cta::before { content:""; position:absolute; left:0; right:0; top:50%; height:500px; transform:translateY(-50%); pointer-events:none; background:radial-gradient(ellipse 55% 100% at center,rgba(224,194,110,.10) 0%,transparent 100%); }
body.elementor-page-1697 .tzpd-cta .tzp-wrap { position:relative; }
body.elementor-page-1697 .tzpd-cta-box { display:flex; flex-direction:column; align-items:flex-start; gap:40px; padding:48px; border:1px solid rgba(255,255,255,.1); border-radius:8px; background:rgba(18,18,18,.5); backdrop-filter:blur(4px); }
body.elementor-page-1697 .tzpd-cta-l { width:auto; }
body.elementor-page-1697 .tzpd-cta .tzpd-h2 { margin-top:20px; max-width:20ch; }
body.elementor-page-1697 .tzpd-cta-l .tzpd-film-p { max-width:52ch; }
body.elementor-page-1697 .tzpd-cta-r { display:flex; flex-direction:column; align-items:flex-start; flex-shrink:0; gap:16px; width:auto; }
body.elementor-page-1697 .tzpd-cta-btn a { padding:16px 32px; }
body.elementor-page-1697 .tzpd-cta-phone, body.elementor-page-1697 .tzpd-cta-wa { margin:0; }
body.elementor-page-1697 .tzpd-cta-phone a { font-family:Outfit,system-ui,sans-serif; font-size:19px; font-weight:700; line-height:1.4; color:var(--tzp-gold); text-decoration:none; transition:color .3s var(--tzp-std); }
body.elementor-page-1697 .tzpd-cta-phone a:hover { color:var(--tzp-gold-deep); }
body.elementor-page-1697 .tzpd-cta-wa a { font-size:13px; line-height:1.5; color:var(--tzp-muted); text-decoration:none; text-underline-offset:4px; transition:color .3s var(--tzp-std); }
body.elementor-page-1697 .tzpd-cta-wa a:hover { color:var(--tzp-gold); text-decoration:underline; }

/* ---------- video / image lightbox (Elementor native, themed) ---------- */
body.elementor-page-1697 .elementor-lightbox { --lightbox-ui-color:rgba(255,255,255,.7); --lightbox-ui-color-hover:#e0c26e; background-color:rgba(0,0,0,.92); }
/* Gallery slideshow arrows: Elementor's base swiper-button positioning (normally shipped with its gallery widgets, not loaded on this page) */
body.elementor-page-1697 .elementor-lightbox .elementor-swiper-button { position:absolute; top:50%; transform:translateY(-50%); z-index:1; cursor:pointer; }
body.elementor-page-1697 .elementor-lightbox .elementor-swiper-button svg { width:1em; height:1em; }

/* ---------- breakpoints (Tailwind sm 640 / md 768 / lg 1024, like topazuae.com) ---------- */
@media (min-width:640px) {
  body.elementor-page-1697 .tzpd-meta { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.elementor-page-1697 .tzp-grid-3 { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (min-width:768px) {
  body.elementor-page-1697 .tzpd-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body.elementor-page-1697 .tzpd-gal-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
}
@media (min-width:1024px) {
  body.elementor-page-1697 .tzpd-meta { grid-template-columns:repeat(3,minmax(0,1fr)); }
  body.elementor-page-1697 .tzp-grid-3 { grid-template-columns:repeat(3,minmax(0,1fr)); }
  body.elementor-page-1697 .tzpd-brief-grid { grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:80px; }
  body.elementor-page-1697 .tzpd-sticky { position:sticky; top:128px; }
  body.elementor-page-1697 .tzpd-film-grid { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:64px; }
  body.elementor-page-1697 .tzpd-cta-box { flex-direction:row; align-items:center; justify-content:space-between; gap:64px; }
}
@media (max-width:1023px) {
  body.elementor-page-1697 .tzp-hero-in { min-height:0; padding:144px 48px 96px; }
}
@media (max-width:767px) {
  body.elementor-page-1697 .tzp-wrap { padding:0 24px; }
  body.elementor-page-1697 .tzp-hero-in { padding:112px 24px 64px; }
  body.elementor-page-1697 .tzp-crumb-item, body.elementor-page-1697 .tzp-crumb-cur, body.elementor-page-1697 .tzp-eyebrow { font-size:11px; }
  body.elementor-page-1697 .tzp-lead, body.elementor-page-1697 .tzpd-meta-dd, body.elementor-page-1697 .tzpd-p, body.elementor-page-1697 .tzpd-outcome .tzpd-p, body.elementor-page-1697 .tzpd-intro, body.elementor-page-1697 .tzpd-li-p { font-size:15px; }
  body.elementor-page-1697 .tzpd-sec { padding:80px 0; }
  body.elementor-page-1697 .tzpd-sec:has(.tzpd-meta) { padding:48px 0; }
  body.elementor-page-1697 .tzpd-film { padding:64px 0; }
  body.elementor-page-1697 .tzpd-meta { padding:32px; }
  body.elementor-page-1697 .tzpd-brief-r { padding-left:28px; }
  body.elementor-page-1697 .tzpd-h3 { font-size:18px; }
  body.elementor-page-1697 .tzpd-outcome .tzpd-h3 { font-size:18px; }
  body.elementor-page-1697 .tzpd-outcome { padding:28px; }
  body.elementor-page-1697 .tzpd-film-play { width:64px; height:64px; }
  body.elementor-page-1697 .tzpd-film-play::before { width:24px; height:24px; }
  body.elementor-page-1697 .tzpd-cta-box { padding:32px; }
  body.elementor-page-1697 .tzp-card-title { font-size:16px; }
}
@media (prefers-reduced-motion:reduce) {
  body.elementor-page-1697 .tzp-card-img, body.elementor-page-1697 .tzpd-gal-img { transition:none; }
  body.elementor-page-1697 .tzp-card:hover .tzp-card-img, body.elementor-page-1697 .tzpd-gal-item:hover .tzpd-gal-img { transform:none; }
  body.elementor-page-1697 .tzpd-sec:has(.tzpd-more:checked) .tzpd-gal-extra { animation:none; }
}

/* ===== Video lightbox: same as Home 'Event Video Gallery' ===== */
body.elementor-page-1697 #elementor-lightbox:has(.elementor-video-container){background:rgba(0,0,0,.88)!important;}
body.elementor-page-1697 #elementor-lightbox .dialog-widget-content:has(.elementor-video-container){top:0!important;left:0!important;}
body.elementor-page-1697 #elementor-lightbox .dialog-message:has(.elementor-video-container){display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;height:100%!important;padding:0!important;box-sizing:border-box;}
body.elementor-page-1697 #elementor-lightbox .elementor-video-container{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;margin:0 auto!important;width:min(70vw,calc((70vh - 64px) * 16 / 9))!important;max-width:none!important;height:auto!important;padding:0 0 64px!important;box-sizing:border-box;border:0!important;border-radius:16px;overflow:hidden!important;background:#0b0b0b;box-shadow:0 30px 80px rgba(0,0,0,.6),0 0 0 1px rgba(224,194,110,.25);}
body.elementor-page-1697 #elementor-lightbox .elementor-video-container .elementor-video-wrapper{position:relative!important;width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:16/9;padding:0!important;margin:0!important;overflow:hidden;border-radius:0!important;box-shadow:none!important;}
body.elementor-page-1697 #elementor-lightbox .elementor-video-container .elementor-video-wrapper iframe{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-width:none;max-height:none;display:block;border:0;}
body.elementor-page-1697 #elementor-lightbox .elementor-video-container::after{position:absolute;left:0;right:0;bottom:0;height:64px;display:flex;align-items:center;padding:0 22px;box-sizing:border-box;font-family:Outfit,Inter,sans-serif;font-size:15px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-top:1px solid rgba(224,194,110,.25);content:"Topaz Events";}
body.elementor-page-1697 #elementor-lightbox:has(iframe[src*="Z8hexeuXmw4"]) .elementor-video-container::after{content:"Exhibition Stand Abu Dhabi Forum  |  Topaz Events";}
@media (max-width:767px){body.elementor-page-1697 #elementor-lightbox .elementor-video-container{width:92vw!important;padding-bottom:52px!important;border-radius:12px;}body.elementor-page-1697 #elementor-lightbox .elementor-video-container::after{height:52px;font-size:12px;padding:0 14px;}}/* End custom CSS */