{"id":1802,"date":"2026-09-22T08:15:10","date_gmt":"2026-09-22T00:15:10","guid":{"rendered":"https:\/\/ssciex.org.my\/home\/?page_id=1802"},"modified":"2026-09-23T09:44:13","modified_gmt":"2026-09-23T01:44:13","slug":"venue-hire","status":"publish","type":"page","link":"https:\/\/ssciex.org.my\/home\/venue-hire\/","title":{"rendered":"Venue Hire"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Venue for Hire | Sarawak Science Centre (SSCiEX)<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500;600;700&amp;family=Inter:wght@400;500;600;700&amp;display=swap\" rel=\"stylesheet\">\n<style>\n  \/* =========================================================\n     COLOR TOKENS \u2014 sampled directly from the supplied colour-\n     code reference (navy \u2192 teal hero gradient, indigo\/purple\n     CTA pill, bright cyan accents, near-white section bg).\n     Variable names are kept from the previous pass so the rest\n     of the stylesheet needs no other edits \u2014 only the values\n     changed here.\n     ========================================================= *\/\n  :root{\n    --navy-950: #04233C;  \/* deepest shade, used for glows\/shadows *\/\n    --navy-800: #073A62;  \/* hero gradient start \/ dark section bg *\/\n    --navy-600: #0B4E73;  \/* mid navy, borders on dark *\/\n    --teal-500: #0B7C90;  \/* hero gradient end *\/\n    --orange-500: #2A5DDA;  \/* CTA pill gradient start (indigo) *\/\n    --amber-400: #00D3C5;   \/* bright cyan accent (atom-dot highlight) *\/\n    --purple-600: #5959E9;  \/* CTA pill gradient end *\/\n    --sand-50:  #F2F2F2;\n    --ink-900:  #0B1B2B;\n    --ink-500:  #4C6577;\n    --line:     #DCE6EA;\n\n    --font-head: 'Space Grotesk', sans-serif;\n    --font-body: 'Inter', sans-serif;\n\n    --container: 1180px;\n  }\n\n  *{ box-sizing: border-box; margin:0; padding:0; }\n  html{ scroll-behavior:smooth; }\n  body{\n    font-family: var(--font-body);\n    color: var(--ink-900);\n    background: var(--sand-50);\n    line-height: 1.55;\n    -webkit-font-smoothing: antialiased;\n  }\n  img{ max-width:100%; display:block; }\n  a{ color:inherit; text-decoration:none; }\n  ul{ list-style:none; }\n  .wrap{\n    max-width: var(--container);\n    margin: 0 auto;\n    padding: 0 24px;\n  }\n  h1,h2,h3{ font-family: var(--font-head); line-height:1.15; font-weight:600; }\n  :focus-visible{ outline: 3px solid var(--amber-400); outline-offset: 2px; }\n\n  \/* ---------- Reveal-on-scroll animation ---------- *\/\n  .reveal{\n    opacity:0; transform: translateY(22px);\n    transition: opacity 0.7s ease, transform 0.7s ease;\n  }\n  .reveal.in-view{ opacity:1; transform:none; }\n  .stagger .reveal:nth-child(1){ transition-delay: 0.02s; }\n  .stagger .reveal:nth-child(2){ transition-delay: 0.10s; }\n  .stagger .reveal:nth-child(3){ transition-delay: 0.18s; }\n  .stagger .reveal:nth-child(4){ transition-delay: 0.26s; }\n  .stagger .reveal:nth-child(5){ transition-delay: 0.34s; }\n  .stagger .reveal:nth-child(6){ transition-delay: 0.42s; }\n\n  @media (prefers-reduced-motion: reduce){\n    *{ animation-duration:0.001ms !important; transition-duration:0.001ms !important; }\n    .reveal{ opacity:1; transform:none; }\n  }\n\n  \/* ---------- Hero ---------- *\/\n  .hero{\n    position:relative;\n    background: var(--navy-800); \/* fallback while the SVG\/image layer loads *\/\n    color:#fff;\n    padding: 88px 0 96px;\n    overflow:hidden;\n  }\n  .hero-media{\n    position:absolute; inset:0; z-index:0;\n  }\n  .hero-media svg{ width:100%; height:100%; display:block; }\n  \/* Scrim: guarantees the headline\/lead stay legible no matter what\n     sits in the image layer behind it \u2014 strong dark tone under the\n     text column on the left, fading out toward the right where the\n     illustration\/photo should read clearly. *\/\n  .hero-scrim{\n    position:absolute; inset:0; z-index:1;\n    background: linear-gradient(100deg,\n      rgba(4,35,60,0.94) 0%,\n      rgba(4,35,60,0.86) 32%,\n      rgba(7,58,98,0.58) 56%,\n      rgba(11,124,144,0.22) 78%,\n      rgba(11,124,144,0.08) 100%);\n  }\n  @media (max-width:700px){\n    \/* On narrow screens the illustration sits behind the whole\n       text block, so darken evenly rather than left-to-right. *\/\n    .hero-scrim{ background: linear-gradient(180deg, rgba(4,35,60,0.92), rgba(4,35,60,0.86)); }\n  }\n  .hero-inner{ position:relative; z-index:2; max-width:640px; }\n  .eyebrow-tag{\n    display:inline-block; background: rgba(255,255,255,0.1);\n    border:1px solid rgba(255,255,255,0.25); color:#DCEEFB;\n    font-size:0.8rem; padding:6px 14px; border-radius:999px; margin-bottom:20px;\n    opacity:0; animation: fadeUp 0.6s ease 0.05s forwards;\n  }\n  .hero h1{\n    font-size: clamp(2rem, 5vw, 3.1rem);\n    margin-bottom:18px;\n    opacity:0; animation: fadeUp 0.7s ease 0.15s forwards;\n  }\n  .hero h1 span{ color: var(--amber-400); }\n  .hero p.lead{\n    font-size:1.08rem; color:#D7E2EE; max-width:520px; margin-bottom:30px;\n    opacity:0; animation: fadeUp 0.7s ease 0.28s forwards;\n  }\n  .hero-ctas{\n    display:flex; gap:14px; flex-wrap:wrap;\n    opacity:0; animation: fadeUp 0.7s ease 0.4s forwards;\n  }\n  @keyframes fadeUp{\n    from{ opacity:0; transform: translateY(16px); }\n    to{ opacity:1; transform:none; }\n  }\n  @media (prefers-reduced-motion: reduce){\n    .eyebrow-tag, .hero h1, .hero p.lead, .hero-ctas{ animation:none; opacity:1; }\n  }\n  .btn{\n    display:inline-flex; align-items:center; justify-content:center;\n    padding:13px 26px; border-radius:9px; font-weight:600; font-size:0.95rem;\n    border:1px solid transparent; cursor:pointer;\n    transition: background 0.2s ease, transform 0.2s ease, border-color 0.2s ease;\n  }\n  .btn:hover{ transform: translateY(-2px); }\n  .btn-primary{\n    background: linear-gradient(90deg, var(--orange-500), var(--purple-600));\n    color:#fff; border-radius:999px;\n  }\n  .btn-primary:hover{ filter: brightness(1.08); }\n  .btn-ghost{ background:transparent; color:#fff; border-color:rgba(255,255,255,0.4); }\n  .btn-ghost:hover{ border-color:#fff; }\n  .hero-stats{\n    display:flex; gap:28px; margin-top:48px; flex-wrap:wrap;\n    opacity:0; animation: fadeUp 0.7s ease 0.52s forwards;\n  }\n  @media (prefers-reduced-motion: reduce){ .hero-stats{ animation:none; opacity:1; } }\n  .hero-stats div{ min-width:110px; }\n  .hero-stats strong{\n    display:block; font-family:var(--font-head); font-size:1.5rem; color:var(--amber-400);\n  }\n  .hero-stats span{ font-size:0.82rem; color:#B9C7D6; }\n\n  \/* ---------- Intro band ---------- *\/\n  .intro{ padding: 68px 0 40px; }\n  .intro-grid{ display:grid; gap:32px; }\n  .intro-grid h2{ font-size:1.7rem; color: var(--navy-800); max-width:320px; }\n  .intro-grid p{ color: var(--ink-500); max-width:60ch; }\n  @media (min-width:800px){\n    .intro-grid{ grid-template-columns: 320px 1fr; align-items:start; }\n  }\n\n  \/* ---------- Venue grid ---------- *\/\n  .venues{ padding: 24px 0 68px; }\n  .section-head{ margin-bottom:32px; max-width:640px; }\n  .section-head h2{ font-size:1.6rem; color:var(--navy-800); margin-bottom:10px; }\n  .section-head p{ color:var(--ink-500); }\n\n  .venue-grid{ display:grid; grid-template-columns: 1fr; gap:22px; }\n  @media (min-width:640px){ .venue-grid{ grid-template-columns: 1fr 1fr; } }\n  @media (min-width:1000px){ .venue-grid{ grid-template-columns: 1fr 1fr 1fr; } }\n\n  .venue-card{\n    background:#fff; border:1px solid var(--line); border-radius:14px;\n    overflow:hidden; display:flex; flex-direction:column;\n    transition: transform 0.25s ease, box-shadow 0.25s ease;\n  }\n  .venue-card:hover{\n    transform: translateY(-6px);\n    box-shadow: 0 18px 32px rgba(14,42,74,0.14);\n  }\n  .venue-media{\n    height:150px; position:relative;\n    display:flex; align-items:flex-end; padding:16px;\n    color:#fff; overflow:hidden; cursor:pointer;\n  }\n  .venue-media::after{\n    content:\"\"; position:absolute; inset:0;\n    background: radial-gradient(circle at 30% 20%, rgba(255,255,255,0.25), transparent 55%);\n    opacity:0; transition: opacity 0.3s ease;\n  }\n  .venue-card:hover .venue-media::after{ opacity:1; }\n  .venue-media .tag{\n    background: rgba(7,27,52,0.55); border:1px solid rgba(255,255,255,0.35);\n    font-size:0.72rem; padding:4px 10px; border-radius:999px; backdrop-filter: blur(2px);\n    position:relative;\n  }\n  .venue-media .view-photos{\n    position:absolute; top:12px; right:12px; z-index:1;\n    background: rgba(4,35,60,0.55); border:1px solid rgba(255,255,255,0.4);\n    color:#fff; font-size:0.72rem; padding:5px 10px; border-radius:999px;\n    backdrop-filter: blur(2px); transition: background 0.2s ease;\n  }\n  .venue-media:hover .view-photos, .venue-media:focus-visible .view-photos{ background: rgba(4,35,60,0.85); }\n  .venue-media:focus-visible{ outline: 3px solid var(--amber-400); outline-offset:-3px; }\n  .m1{ background: linear-gradient(135deg, var(--navy-800), var(--navy-600)); }\n  .m2{ background: linear-gradient(135deg, var(--teal-500), #0B7A76); }\n  .m3{ background: linear-gradient(135deg, var(--orange-500), var(--purple-600)); }\n  .m4{ background: linear-gradient(135deg, var(--navy-600), var(--teal-500)); }\n  .m5{ background: linear-gradient(135deg, var(--teal-500), var(--amber-400)); }\n\n  .venue-body{ padding:20px 20px 22px; display:flex; flex-direction:column; gap:12px; flex:1; }\n  .venue-body h3{ font-size:1.15rem; color: var(--navy-800); }\n  .venue-body p.desc{ color: var(--ink-500); font-size:0.92rem; }\n  .venue-specs{ display:flex; gap:16px; flex-wrap:wrap; font-size:0.82rem; color: var(--ink-500); }\n  .venue-specs b{ color: var(--navy-800); }\n  .venue-tags{ display:flex; gap:8px; flex-wrap:wrap; }\n  .venue-tags span{\n    background: var(--sand-50); border:1px solid var(--line);\n    padding:4px 10px; border-radius:999px; font-size:0.76rem; color: var(--ink-500);\n  }\n  .venue-body .btn{ margin-top:auto; align-self:flex-start; padding:10px 18px; font-size:0.86rem; }\n  .venue-body .btn-outline{\n    background:transparent; border:1px solid var(--navy-800); color: var(--navy-800);\n  }\n  .venue-body .btn-outline:hover{ background: var(--navy-800); color:#fff; }\n\n  .placeholder-note{\n    margin-top:26px; font-size:0.82rem; color: var(--ink-500);\n    background:#FBF3E7; border:1px dashed #E3C48B; padding:12px 16px; border-radius:10px;\n  }\n\n  \/* ---------- Why host ---------- *\/\n  .why{ background: var(--navy-800); color:#fff; padding:64px 0; }\n  .why .section-head h2{ color:#fff; }\n  .why .section-head p{ color:#B9C7D6; }\n  .why-grid{ display:grid; grid-template-columns: 1fr; gap:24px; margin-top:8px; }\n  @media (min-width:640px){ .why-grid{ grid-template-columns: 1fr 1fr; } }\n  @media (min-width:1000px){ .why-grid{ grid-template-columns: repeat(4,1fr); } }\n  .why-item{\n    background: rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.12);\n    border-radius:12px; padding:22px;\n    transition: transform 0.25s ease, background 0.25s ease;\n  }\n  .why-item:hover{ transform: translateY(-4px); background: rgba(255,255,255,0.09); }\n  .why-item .icon{\n    width:38px; height:38px; border-radius:9px; margin-bottom:14px;\n    background: linear-gradient(135deg, var(--orange-500), var(--amber-400));\n  }\n  .why-item h3{ font-size:1rem; margin-bottom:8px; }\n  .why-item p{ font-size:0.87rem; color:#B9C7D6; }\n\n  \/* ---------- CTA \/ contact ---------- *\/\n  .cta-band{ background: var(--sand-50); padding:64px 0 88px; }\n  .cta-card{\n    background:#fff; border:1px solid var(--line); border-radius:18px;\n    padding:36px 28px; display:grid; gap:28px;\n  }\n  @media (min-width:800px){\n    .cta-card{ grid-template-columns: 1.2fr 1fr; padding:44px; }\n  }\n  .cta-card h2{ font-size:1.5rem; color: var(--navy-800); margin-bottom:12px; }\n  .cta-card p{ color: var(--ink-500); margin-bottom:20px; max-width:46ch; }\n  .contact-list{ display:flex; flex-direction:column; gap:14px; }\n  .contact-list div{ display:flex; gap:12px; align-items:flex-start; }\n  .contact-list .dot{\n    width:8px; height:8px; border-radius:50%; background: var(--orange-500);\n    margin-top:7px; flex:none;\n  }\n  .contact-list b{ display:block; color: var(--navy-800); font-size:0.9rem; }\n  .contact-list span{ color: var(--ink-500); font-size:0.9rem; }\n\n  \/* ---------- Venue photo gallery modal ---------- *\/\n  .gallery-overlay{\n    position:fixed; inset:0; z-index:300;\n    background: rgba(4,35,60,0.82);\n    display:none; align-items:center; justify-content:center;\n    padding:16px;\n  }\n  .gallery-overlay.open{ display:flex; }\n  .gallery-box{\n    width:100%; max-width:760px; max-height:92vh;\n    background: var(--navy-950); color:#fff;\n    border-radius:16px; overflow:hidden;\n    display:flex; flex-direction:column;\n    box-shadow: 0 30px 60px rgba(0,0,0,0.4);\n  }\n  .gallery-head{\n    display:flex; align-items:center; justify-content:space-between;\n    padding:14px 18px; border-bottom:1px solid rgba(255,255,255,0.1); flex:none;\n  }\n  .gallery-head h3{ font-size:1rem; }\n  .gallery-close{\n    background: rgba(255,255,255,0.1); border:1px solid rgba(255,255,255,0.25);\n    color:#fff; width:34px; height:34px; border-radius:50%;\n    font-size:1rem; line-height:1; cursor:pointer;\n  }\n  .gallery-close:hover{ background: rgba(255,255,255,0.2); }\n  .gallery-stage{\n    position:relative; width:100%; aspect-ratio:16\/9; flex:none;\n    touch-action: pan-y;\n  }\n  .gallery-slide{\n    position:absolute; inset:0; display:none; cursor:default;\n    align-items:center; justify-content:center; text-align:center;\n    flex-direction:column; gap:10px; padding:20px;\n  }\n  .gallery-slide.active{ display:flex; }\n  .gallery-slide .slide-icon{ font-size:2.4rem; opacity:0.85; }\n  .gallery-slide .slide-label{ font-family:var(--font-head); font-size:1.1rem; }\n  .gallery-slide .slide-sub{ font-size:0.8rem; color:#B9C7D6; max-width:34ch; }\n  .slide-photo-label{\n    position:absolute; left:0; right:0; bottom:0;\n    padding:26px 16px 12px; text-align:left;\n    background: linear-gradient(0deg, rgba(4,35,60,0.85), transparent);\n    color:#fff; font-size:0.85rem; font-weight:600;\n  }\n  .gallery-nav{\n    position:absolute; top:50%; transform:translateY(-50%);\n    width:42px; height:42px; border-radius:50%;\n    background: rgba(4,35,60,0.55); border:1px solid rgba(255,255,255,0.35);\n    color:#fff; font-size:1.2rem; cursor:pointer; z-index:2;\n    display:flex; align-items:center; justify-content:center;\n  }\n  .gallery-nav:hover{ background: rgba(4,35,60,0.85); }\n  .gallery-prev{ left:12px; }\n  .gallery-next{ right:12px; }\n  .gallery-dots{\n    display:flex; gap:7px; justify-content:center; align-items:center;\n    padding:14px; flex:none;\n  }\n  .gallery-dots button{\n    width:9px; height:9px; border-radius:50%; border:none; padding:0;\n    background: rgba(255,255,255,0.3); cursor:pointer;\n  }\n  .gallery-dots button.active{ background: var(--amber-400); }\n  .gallery-caption{\n    padding:0 18px 16px; font-size:0.78rem; color:#B9C7D6; text-align:center; flex:none;\n  }\n\n  \/* Touch\/tablet: keep nav arrows generous enough to tap comfortably *\/\n  @media (max-width:700px){\n    .gallery-box{ max-width:100%; border-radius:12px; }\n    .gallery-stage{ aspect-ratio:4\/3; }\n    .gallery-nav{ width:40px; height:40px; }\n    .gallery-head h3{ font-size:0.92rem; }\n  }\n\n  \/* ---------- Mascot buddy ---------- *\/\n  .mascot-widget{\n    --mascot-size: 132px;\n    position:fixed; right:18px; bottom:18px; z-index:220;\n    width:var(--mascot-size); height:var(--mascot-size); border:none; background:none; padding:0;\n    cursor:pointer; filter: drop-shadow(0 10px 18px rgba(4,35,60,0.35));\n    animation: mascot-bob 2.6s ease-in-out infinite;\n  }\n  .mascot-figure{ display:block; width:100%; height:100%; }\n  .mascot-widget img{ width:100%; height:100%; object-fit:contain; }\n  .mascot-arm{ transform-origin: 34px 78px; animation: mascot-wave 1.7s ease-in-out infinite; }\n  @keyframes mascot-bob{ 0%,100%{ transform: translateY(0); } 50%{ transform: translateY(-9px); } }\n  @keyframes mascot-wave{ 0%,100%{ transform: rotate(0deg); } 50%{ transform: rotate(-22deg); } }\n  @media (prefers-reduced-motion: reduce){\n    .mascot-widget{ animation:none; }\n    .mascot-arm{ animation:none; }\n  }\n  .mascot-bubble{\n    position:absolute; bottom:100%; right:0; margin-bottom:12px;\n    min-width:150px; max-width:210px;\n    background:#fff; color:var(--navy-800); font-size:0.82rem; font-weight:500;\n    padding:10px 14px; border-radius:14px; text-align:left;\n    box-shadow: 0 14px 28px rgba(4,35,60,0.28);\n    opacity:0; transform:translateY(6px) scale(0.96);\n    transition: opacity 0.25s ease, transform 0.25s ease;\n    pointer-events:none;\n  }\n  .mascot-bubble::after{\n    content:\"\"; position:absolute; top:100%; right:22px;\n    border:7px solid transparent; border-top-color:#fff;\n  }\n  .mascot-bubble.show{ opacity:1; transform:translateY(0) scale(1); }\n  @media (max-width:480px){\n    .mascot-widget{ --mascot-size: 96px; right:14px; bottom:14px; }\n    .mascot-bubble{ max-width:170px; font-size:0.78rem; }\n  }\n\n  \/* Container Overrides *\/\n        [class*=\"p-j2c\"] {\n            padding-top: 0 !important;\n            padding-bottom: 0 !important;\n            padding-left: 0 !important;\n            padding-right: 0 !important;\n        }\n\n        .banner {\n            padding: 0 !important;\n            margin: 0 !important;\n        }\n<\/style>\n\n\n\n<main id=\"top\">\n\n  <!-- HERO BANNER -->\n  <section class=\"hero\">\n    <!--\n      Background layer. Swap this for a real photo of the venue by\n      replacing the <svg>...<\/svg> block below with:\n        <img decoding=\"async\" src=\"assets\/img\/hero-venue.jpg\" alt=\"\">\n      The .hero-scrim div (right after) already darkens the left side\n      so the headline stays readable over any image you drop in \u2014\n      no other change needed.\n    -->\n    <div class=\"hero-media\" aria-hidden=\"true\">\n      <img decoding=\"async\" src=\"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/08\/earth-scaled.webp\" alt=\"ssciex_earth\">\n        <defs>\n          <lineargradient id=\"heroGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n            <stop offset=\"0%\" stop-color=\"#073A62\">\n            <stop offset=\"55%\" stop-color=\"#0A5F80\">\n            <stop offset=\"100%\" stop-color=\"#0B7C90\">\n          <\/stop><\/stop><\/stop><\/lineargradient>\n          <pattern id=\"windowGrid\" width=\"38\" height=\"38\" patternunits=\"userSpaceOnUse\">\n            <rect x=\"4\" y=\"4\" width=\"30\" height=\"30\" fill=\"none\" stroke=\"#FFFFFF\" stroke-opacity=\"0.14\" stroke-width=\"1.5\">\n          <\/rect><\/pattern>\n        <\/defs>\n\n        <rect x=\"0\" y=\"0\" width=\"1600\" height=\"640\" fill=\"url(#heroGrad)\">\n\n        <!-- distant tree line -->\n        <g fill=\"#04233C\" opacity=\"0.35\">\n          <ellipse cx=\"60\" cy=\"560\" rx=\"90\" ry=\"46\">\n          <ellipse cx=\"160\" cy=\"580\" rx=\"110\" ry=\"52\">\n          <ellipse cx=\"290\" cy=\"565\" rx=\"80\" ry=\"42\">\n          <ellipse cx=\"1520\" cy=\"590\" rx=\"100\" ry=\"48\">\n          <ellipse cx=\"1400\" cy=\"600\" rx=\"80\" ry=\"40\">\n        <\/ellipse><\/ellipse><\/ellipse><\/ellipse><\/ellipse><\/g>\n\n        <!-- building: upper cantilevered roof + glass volume -->\n        <polygon points=\"860,150 1480,95 1520,150 900,205\" fill=\"#04233C\" opacity=\"0.28\">\n        <polygon points=\"860,150 1480,95 1520,150 900,205\" fill=\"none\" stroke=\"#00D3C5\" stroke-opacity=\"0.55\" stroke-width=\"2.5\">\n        <rect x=\"900\" y=\"205\" width=\"520\" height=\"175\" fill=\"#04233C\" opacity=\"0.22\">\n        <rect x=\"900\" y=\"205\" width=\"520\" height=\"175\" fill=\"url(#windowGrid)\">\n        <rect x=\"900\" y=\"205\" width=\"520\" height=\"175\" fill=\"none\" stroke=\"#FFFFFF\" stroke-opacity=\"0.25\" stroke-width=\"1.5\">\n\n        <!-- building: lower staggered roof + glass volume, extends further left -->\n        <polygon points=\"760,320 1560,270 1590,325 800,378\" fill=\"#04233C\" opacity=\"0.28\">\n        <polygon points=\"760,320 1560,270 1590,325 800,378\" fill=\"none\" stroke=\"#FFFFFF\" stroke-opacity=\"0.3\" stroke-width=\"2.5\">\n        <rect x=\"780\" y=\"378\" width=\"760\" height=\"160\" fill=\"#04233C\" opacity=\"0.22\">\n        <rect x=\"780\" y=\"378\" width=\"760\" height=\"160\" fill=\"url(#windowGrid)\">\n        <rect x=\"780\" y=\"378\" width=\"760\" height=\"160\" fill=\"none\" stroke=\"#FFFFFF\" stroke-opacity=\"0.25\" stroke-width=\"1.5\">\n\n        <!-- support columns -->\n        <g stroke=\"#FFFFFF\" stroke-opacity=\"0.25\" stroke-width=\"3\">\n          <line x1=\"820\" y1=\"538\" x2=\"820\" y2=\"596\">\n          <line x1=\"960\" y1=\"538\" x2=\"960\" y2=\"596\">\n          <line x1=\"1100\" y1=\"538\" x2=\"1100\" y2=\"596\">\n          <line x1=\"1240\" y1=\"538\" x2=\"1240\" y2=\"596\">\n          <line x1=\"1380\" y1=\"538\" x2=\"1380\" y2=\"596\">\n          <line x1=\"1500\" y1=\"538\" x2=\"1500\" y2=\"596\">\n        <\/line><\/line><\/line><\/line><\/line><\/line><\/g>\n\n        <!-- ground line -->\n        <line x1=\"0\" y1=\"596\" x2=\"1600\" y2=\"596\" stroke=\"#04233C\" stroke-opacity=\"0.4\" stroke-width=\"2\">\n\n        <!-- foreground shrubs -->\n        <g fill=\"#04233C\" opacity=\"0.45\">\n          <ellipse cx=\"40\" cy=\"612\" rx=\"70\" ry=\"30\">\n          <ellipse cx=\"130\" cy=\"618\" rx=\"90\" ry=\"32\">\n          <ellipse cx=\"1550\" cy=\"614\" rx=\"70\" ry=\"28\">\n          <ellipse cx=\"1460\" cy=\"620\" rx=\"85\" ry=\"30\">\n        <\/ellipse><\/ellipse><\/ellipse><\/ellipse><\/g>\n\n        <text x=\"1560\" y=\"620\" text-anchor=\"end\" font-family=\"'Space Grotesk', sans-serif\" font-size=\"20\" letter-spacing=\"3\" fill=\"#FFFFFF\" opacity=\"0.25\">SARAWAK SCIENCE CENTRE<\/text>\n      \n    <\/line><\/rect><\/rect><\/rect><\/polygon><\/polygon><\/rect><\/rect><\/rect><\/polygon><\/polygon><\/rect><\/div>\n    <div class=\"hero-scrim\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"wrap hero-inner\">\n      <span class=\"eyebrow-tag\">Venue for Hire<\/span>\n      <h1>Host your next event inside Sarawak&#8217;s <span>first science centre<\/span><\/h1>\n      <p class=\"lead\">From board meetings to product launches and graduation ceremonies, hire a ready-made space at SSCiEX and give your event a backdrop no hotel ballroom can match.<\/p>\n      <div class=\"hero-ctas\">\n        <a class=\"btn btn-primary\" href=\"https:\/\/ssciex.org.my\/venue-booking\/booking.php\">Request a Quote<\/a>\n        <a class=\"btn btn-ghost\" href=\"#venues\">View the Spaces<\/a>\n      <\/div>\n      <div class=\"hero-stats\">\n        <div><strong>6<\/strong><span>Bookable venues<\/span><\/div>\n        <div><strong>10.97<\/strong><span>Acre campus<\/span><\/div>\n        <div><strong>22<\/strong><span>Galleries nearby<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n  <!-- INTRO -->\n  <section class=\"intro\">\n    <div class=\"wrap intro-grid reveal\">\n      <h2>Not just a venue<\/h2>\n      <p>At Sarawak Science Centre, your event sits inside a working science destination \u2014 five storeys of interactive galleries, a rainforest of exhibits, and a theatre built for spectacle. Whether it&#8217;s a corporate seminar, a conference, or a public screening, our venues come with flexible layouts, in-house AV, and the option to weave a science experience straight into your programme.<\/p>\n    <\/div>\n  <\/section>\n\n  <!-- VENUES -->\n  <section class=\"venues\" id=\"venues\">\n    <div class=\"wrap\">\n      <div class=\"section-head reveal\">\n        <h2>Spaces available for hire<\/h2>\n        <p>Six venues, each suited to a different kind of gathering \u2014 from an intimate boardroom discussion to a full auditorium screening.<\/p>\n      <\/div>\n\n      <div class=\"venue-grid stagger\">\n\n        <article class=\"venue-card reveal\">\n          <div class=\"venue-media m1\" data-venue=\"auditorium\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\" aria-label=\"View Auditorium photos\">\n            <span class=\"tag\">Auditorium<\/span>\n            <span class=\"view-photos\">\u2922 View Photos<\/span>\n          <\/div>\n          <div class=\"venue-body\">\n            <h3>Auditorium<\/h3>\n            <p class=\"desc\">Make your big moment unforgettable. Situated on the fourth floor, our expansive, tiered auditorium hall commands attention. Whether you are hosting an industry conference, a grand awards ceremony, or a groundbreaking product launch, this space delivers the ultimate stage for your vision.<\/p>\n            <div class=\"venue-specs\"><span><b>Capacity<\/b> up to 196 pax*<\/span><span><b>Layout<\/b> Tiered seating<\/span><\/div>\n            <div class=\"venue-tags\"><span>Conferences<\/span><span>Ceremonies<\/span><span>Launches<\/span><\/div>\n            <a class=\"btn btn-outline\" href=\"https:\/\/ssciex.org.my\/venue-booking\/booking.php\">Enquire<\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"venue-card reveal\">\n          <div class=\"venue-media m2\" data-venue=\"theatre\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\" aria-label=\"View Theatre photos\">\n            <span class=\"tag\">Theatre<\/span>\n            <span class=\"view-photos\">\u2922 View Photos<\/span>\n          <\/div>\n          <div class=\"venue-body\">\n            <h3>Theatre<\/h3>\n            <p class=\"desc\">First Floor Theatre: A dynamic venue built for wonder. From spectacular live demonstrations and cinematic screenings to fully immersive presentations, this is the ultimate stage for bringing ideas to life.<\/p>\n            <div class=\"venue-specs\"><span><b>Capacity<\/b> up to 95 pax*<\/span><span><b>Layout<\/b> Fixed seating<\/span><\/div>\n            <div class=\"venue-tags\"><span>Screenings<\/span><span>Shows<\/span><span>Talks<\/span><\/div>\n            <a class=\"btn btn-outline\" href=\"https:\/\/ssciex.org.my\/venue-booking\/booking.php\">Enquire<\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"venue-card reveal\">\n          <div class=\"venue-media m3\" data-venue=\"conference-room-1\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\" aria-label=\"View Conference Room 1 photos\">\n            <span class=\"tag\">Conference Room<\/span>\n            <span class=\"view-photos\">\u2922 View Photos<\/span>\n          <\/div>\n          <div class=\"venue-body\">\n            <h3>Conference Room 1<\/h3>\n            <p class=\"desc\">Located on the fourth floor, Conference Room 1 offers a quiet, professional boardroom-style setting designed for focused meetings, executive briefings, and small strategic sessions.<\/p>\n            <div class=\"venue-specs\"><span><b>Capacity<\/b> up to 43 pax*<\/span><span><b>Layout<\/b> Boardroom<\/span><\/div>\n            <div class=\"venue-tags\"><span>Meetings<\/span><span>Briefings<\/span><\/div>\n            <a class=\"btn btn-outline\" href=\"https:\/\/ssciex.org.my\/venue-booking\/booking.php\">Enquire<\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"venue-card reveal\">\n          <div class=\"venue-media m4\" data-venue=\"conference-room-2\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\" aria-label=\"View Conference Room 2 photos\">\n            <span class=\"tag\">Conference Room<\/span>\n            <span class=\"view-photos\">\u2922 View Photos<\/span>\n          <\/div>\n          <div class=\"venue-body\">\n            <h3>Conference Room 2<\/h3>\n            <p class=\"desc\">Located on the fourth floor, this versatile venue serves as an ideal counterpart for parallel sessions, professional interviews, or a dedicated secondary breakout track.<\/p>\n            <div class=\"venue-specs\"><span><b>Capacity<\/b> up to 29 pax*<\/span><span><b>Layout<\/b> Boardroom<\/span><\/div>\n            <div class=\"venue-tags\"><span>Meetings<\/span><span>Interviews<\/span><\/div>\n            <a class=\"btn btn-outline\" href=\"https:\/\/ssciex.org.my\/venue-booking\/booking.php\">Enquire<\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"venue-card reveal\">\n          <div class=\"venue-media m5\" data-venue=\"seminar-room-1\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\" aria-label=\"View Seminar Room 1 photos\">\n            <span class=\"tag\">Seminar Room<\/span>\n            <span class=\"view-photos\">\u2922 View Photos<\/span>\n          <\/div>\n          <div class=\"venue-body\">\n            <h3>Seminar Room 1<\/h3>\n            <p class=\"desc\">Perfect for interactive workshops and professional training. This classroom-style space easily adapts to your event size: configured as a single open area to host up to 80 pax, or divided into two independent spaces for up to 40 pax each.<\/p>\n            <div class=\"venue-specs\"><span><b>Capacity<\/b> up to 40 pax*<\/span><span><b>Layout<\/b> Classroom<\/span><\/div>\n            <div class=\"venue-tags\"><span>Workshops<\/span><span>Training<\/span><\/div>\n            <a class=\"btn btn-outline\" href=\"https:\/\/ssciex.org.my\/venue-booking\/booking.php\">Enquire<\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"venue-card reveal\">\n          <div class=\"venue-media m1\" data-venue=\"seminar-room-2\" role=\"button\" tabindex=\"0\" aria-haspopup=\"dialog\" aria-label=\"View Seminar Room 2 photos\">\n            <span class=\"tag\">Seminar Room<\/span>\n            <span class=\"view-photos\">\u2922 View Photos<\/span>\n          <\/div>\n          <div class=\"venue-body\">\n            <h3>Seminar Room 2<\/h3>\n            <p class=\"desc\">Functioning as the twin counterpart to Seminar Room 1, this flexible, classroom-style space is ideal for workshops, training sessions, and mid-sized seminars for up to 40 pax. It can be used completely independently for targeted sessions or fully combined with Seminar Room 1 to open up a spacious layout accommodating up to 80 pax.<\/p>\n            <div class=\"venue-specs\"><span><b>Capacity<\/b> up to 40 pax*<\/span><span><b>Layout<\/b> Classroom<\/span><\/div>\n            <div class=\"venue-tags\"><span>Workshops<\/span><span>Combined events<\/span><\/div>\n            <a class=\"btn btn-outline\" href=\"https:\/\/ssciex.org.my\/venue-booking\/booking.php\">Enquire<\/a>\n          <\/div>\n        <\/article>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- WHY HOST -->\n  <section class=\"why\">\n    <div class=\"wrap\">\n      <div class=\"section-head reveal\">\n        <h2>What comes with every booking<\/h2>\n        <p>Every venue hire includes the essentials, with science-centre extras available on request.<\/p>\n      <\/div>\n      <div class=\"why-grid stagger\">\n        <div class=\"why-item reveal\">\n          <div class=\"icon\"><\/div>\n          <h3>In-house AV<\/h3>\n          <p>Projector, screen, and sound system fitted as standard in every room.<\/p>\n        <\/div>\n        <div class=\"why-item reveal\">\n          <div class=\"icon\"><\/div>\n          <h3>Flexible layouts<\/h3>\n          <p>Theatre, classroom, boardroom, or U-shape \u2014 set up to match your programme.<\/p>\n        <\/div>\n        <div class=\"why-item reveal\">\n          <div class=\"icon\"><\/div>\n          <h3>On-site parking<\/h3>\n          <p>Ample parking for guests and event vendors within the 10.97-acre campus.<\/p>\n        <\/div>\n        <div class=\"why-item reveal\">\n          <div class=\"icon\"><\/div>\n          <h3>Gallery add-ons<\/h3>\n          <p>Pair your event with a guided gallery tour or a science show for delegates.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ENQUIRE -->\n  <section class=\"cta-band\" id=\"enquire\">\n    <div class=\"wrap\">\n      <div class=\"cta-card reveal\">\n        <div>\n          <h2>Plan your event with us<\/h2>\n          <p>Tell us about your event \u2014 the venue, headcount, and date \u2014 and our team will get back to you with availability and a quote.<\/p>\n          <a class=\"btn btn-primary\" href=\"https:\/\/ssciex.org.my\/venue-booking\/booking.php\">Start a Booking Request<\/a>\n        <\/div>\n        <div class=\"contact-list\">\n          <div><span class=\"dot\"><\/span><div><b>Email<\/b><span>venue@ssciex.org.my<\/span><\/div><\/div>\n          <div><span class=\"dot\"><\/span><div><b>Phone<\/b><span>+60 12-650 9694<\/span><\/div><\/div>\n          <div><span class=\"dot\"><\/span><div><b>Address<\/b><span>Sarawak Science Centre, Jalan Stadium, 93050 Kuching, Sarawak<\/span><\/div><\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/main>\n\n<!--\n  Venue photo gallery modal \u2014 the pop-up itself. To add your photos,\n  scroll down to the \"VENUE PHOTOS\" section near the top of the\n  <script> below and paste image URLs into the venueGalleries object.\n  No other edits needed here.\n-->\n<div class=\"gallery-overlay\" id=\"gallery-overlay\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Venue photo gallery\">\n  <div class=\"gallery-box\">\n    <div class=\"gallery-head\">\n      <h3 id=\"gallery-title\">Venue<\/h3>\n      <button type=\"button\" class=\"gallery-close\" id=\"gallery-close\" aria-label=\"Close gallery\">\u2715<\/button>\n    <\/div>\n    <div class=\"gallery-stage\" id=\"gallery-stage\">\n      <button type=\"button\" class=\"gallery-nav gallery-prev\" id=\"gallery-prev\" aria-label=\"Previous photo\">\u2039<\/button>\n      <button type=\"button\" class=\"gallery-nav gallery-next\" id=\"gallery-next\" aria-label=\"Next photo\">\u203a<\/button>\n    <\/div>\n    <div class=\"gallery-dots\" id=\"gallery-dots\"><\/div>\n    <p class=\"gallery-caption\" id=\"gallery-caption\"><\/p>\n  <\/div>\n<\/div>\n\n<!--\n  Fun little mascot buddy \u2014 bobs in the corner and waves hello. To use\n  your own mascot image\/GIF instead of the default character, scroll\n  to \"MASCOT\" near the top of the script below and paste its URL in.\n-->\n<button type=\"button\" class=\"mascot-widget\" id=\"mascot-btn\" aria-label=\"Say hi to the SSCiEX mascot\">\n  <span class=\"mascot-bubble\" id=\"mascot-bubble\"><\/span>\n  <span class=\"mascot-figure\" id=\"mascot-figure\">\n    <svg viewBox=\"0 0 120 140\" width=\"100%\" height=\"100%\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n      <defs>\n        <linearGradient id=\"mascotGrad\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n          <stop offset=\"0%\" stop-color=\"#0B7C90\"><\/stop>\n          <stop offset=\"100%\" stop-color=\"#5959E9\"><\/stop>\n        <\/linearGradient>\n      <\/defs>\n      <!-- waving arm -->\n      <g class=\"mascot-arm\">\n        <line x1=\"34\" y1=\"78\" x2=\"10\" y2=\"58\" stroke=\"#0B1B2B\" stroke-width=\"6\" stroke-linecap=\"round\"><\/line>\n        <circle cx=\"8\" cy=\"54\" r=\"8\" fill=\"#FFD9A0\"><\/circle>\n      <\/g>\n      <!-- flask body -->\n      <path d=\"M50 20 L50 55 L22 108 Q18 118 30 118 L90 118 Q102 118 98 108 L70 55 L70 20 Z\" fill=\"url(#mascotGrad)\" stroke=\"#0B1B2B\" stroke-width=\"4\" stroke-linejoin=\"round\"><\/path>\n      <rect x=\"46\" y=\"14\" width=\"28\" height=\"12\" rx=\"4\" fill=\"#0B1B2B\"><\/rect>\n      <!-- liquid bubbles -->\n      <circle cx=\"45\" cy=\"95\" r=\"5\" fill=\"#00D3C5\" opacity=\"0.8\"><\/circle>\n      <circle cx=\"62\" cy=\"102\" r=\"4\" fill=\"#FFFFFF\" opacity=\"0.6\"><\/circle>\n      <circle cx=\"55\" cy=\"88\" r=\"3\" fill=\"#FFFFFF\" opacity=\"0.5\"><\/circle>\n      <!-- face -->\n      <circle cx=\"52\" cy=\"78\" r=\"5\" fill=\"#0B1B2B\"><\/circle>\n      <circle cx=\"68\" cy=\"78\" r=\"5\" fill=\"#0B1B2B\"><\/circle>\n      <path d=\"M50 90 Q60 98 70 90\" stroke=\"#0B1B2B\" stroke-width=\"4\" fill=\"none\" stroke-linecap=\"round\"><\/path>\n    <\/svg>\n  <\/span>\n<\/button>\n\n<script>\n  \/\/ Scroll-reveal: elements fade\/slide in once as they enter the viewport.\n  if ('IntersectionObserver' in window){\n    var revealEls = document.querySelectorAll('.reveal');\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(entry){\n        if (entry.isIntersecting){\n          entry.target.classList.add('in-view');\n          io.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\n    revealEls.forEach(function(el){ io.observe(el); });\n  } else {\n    document.querySelectorAll('.reveal').forEach(function(el){ el.classList.add('in-view'); });\n  }\n<\/script>\n\n<script>\n  \/\/ ============================================================\n  \/\/ MASCOT \u2014 paste an image\/GIF URL below to use your own mascot\n  \/\/ instead of the default flask character, and edit the speech\n  \/\/ bubble messages to whatever you like.\n  \/\/ ============================================================\n  var mascotConfig = {\n    image: 'https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/09\/boyen.webp',   \/\/ e.g. 'assets\/img\/mascot.png' \u2014 leave '' to keep the default flask buddy\n    messages: [\n      \"Hi! Looking for a venue? \ud83d\udc4b\",\n      \"We've got 6 spaces to choose from!\",\n      \"Tap a card to see photos \ud83d\udcf8\",\n      \"Flexible, reasonable rates tailored to fit every budget and event size.\",\n      \"Ready to book? I'll wait right here \ud83d\ude0a\"\n    ]\n  };\n\n  (function(){\n    var btn = document.getElementById('mascot-btn');\n    var bubble = document.getElementById('mascot-bubble');\n    var figure = document.getElementById('mascot-figure');\n    if (!btn) return;\n\n    if (mascotConfig.image){\n      figure.innerHTML = '<img decoding=\"async\" src=\"' + mascotConfig.image + '\" alt=\"Mascot\">';\n    }\n\n    var msgIndex = 0;\n    var hideTimer = null;\n\n    function showMessage(){\n      bubble.textContent = mascotConfig.messages[msgIndex % mascotConfig.messages.length];\n      bubble.classList.add('show');\n      msgIndex++;\n      clearTimeout(hideTimer);\n      hideTimer = setTimeout(function(){ bubble.classList.remove('show'); }, 4200);\n    }\n\n    \/\/ Say hello shortly after the page loads, then pop up again every\n    \/\/ so often to stay playful without being annoying.\n    setTimeout(showMessage, 1800);\n    setInterval(showMessage, 11000);\n\n    btn.addEventListener('click', showMessage);\n  })();\n<\/script>\n\n<script>\n  \/\/ ============================================================\n  \/\/ VENUE PHOTOS \u2014 paste your image URLs below, that's it.\n  \/\/\n  \/\/ - \"thumbnail\" is the photo shown on the card in the grid.\n  \/\/ - \"slides\" is the list of photos shown in the pop-up gallery\n  \/\/   (add or remove entries freely \u2014 1 photo or 10 both work).\n  \/\/ - Leave an image as '' (empty quotes) to keep the placeholder\n  \/\/   panel for that spot until you have a real photo.\n  \/\/ - Any image URL works: a link to a photo already online\n  \/\/   (https:\/\/...), or a local file if you upload your photos\n  \/\/   into this project \u2014 e.g. \"assets\/img\/auditorium-1.jpg\".\n  \/\/ ============================================================\n  var venueGalleries = {\n    'auditorium': {\n      title: 'Auditorium',\n      cardClass: 'm1',\n      thumbnail: 'https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/09\/DSC06765-scaled.webp',\n      slides: [\n        { image: 'https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/09\/IMG_20260806_104432-scaled.webp', label: '', sub: 'View from the rear of the hall' },\n        { image: 'https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/09\/IMG_20260806_104336-scaled.webp', label: '', sub: 'View looking back from the stage' },\n      ]\n    },\n    'theatre': {\n      title: 'Theatre',\n      cardClass: 'm2',\n      thumbnail: 'https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_fh2w0tfh2w0tfh2w.webp',\n      slides: [\n        { image: 'https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/09\/IMG_2183-scaled.webp', label: '', sub: 'View facing the main screen' },\n        { image: 'https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/09\/IMG_2182-scaled.webp', label: '', sub: 'Looking down the side aisle' },\n      ]\n    },\n    'conference-room-1': {\n      title: 'Conference Room 1',\n      cardClass: 'm3',\n      thumbnail: 'https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/09\/IMG_20260917_132431-scaled.webp',\n      slides: [\n        { image: 'https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/09\/IMG_2178-scaled.webp', label: '', sub: 'Standard boardroom table layout' },\n        { image: 'https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/09\/IMG20260917105711-scaled.webp', label: '', sub: 'Natural light along one wall' },\n      ]\n    },\n    'conference-room-2': {\n      title: 'Conference Room 2',\n      cardClass: 'm4',\n      thumbnail: 'https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/09\/conf-12_01-scaled.webp',\n      slides: [\n        { image: 'https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/09\/conf-12_01-scaled.webp', label: '', sub: 'Standard boardroom table layout' },\n        { image: 'https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/09\/conf-12_02-scaled.webp', label: '', sub: 'Built-in screen and AV point' },\n      ]\n    },\n    'seminar-room-1': {\n      title: 'Seminar Room 1',\n      cardClass: 'm5',\n      thumbnail: 'https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/09\/seminar-room_-scaled.webp',\n      slides: [\n        { image: 'https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/09\/IMG_20260806_104550-scaled.webp', label: '', sub: 'Rows facing the front screen' },\n        { image: 'https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/09\/IMG_20260806_104610-scaled.webp', label: '', sub: 'Alternative workshop layout' },\n        { image: 'https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/09\/IMG_20260806_105111-scaled.webp', label: '', sub: 'Room entrance from the corridor' }\n      ]\n    },\n    'seminar-room-2': {\n      title: 'Seminar Room 2',\n      cardClass: 'm1',\n      thumbnail: 'https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_h75j9jh75j9jh75j.webp',\n      slides: [\n        { image: 'https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/09\/IMG_20260806_104550-scaled.webp', label: '', sub: 'Rows facing the front screen' },\n        { image: 'https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/09\/IMG_20260806_104610-scaled.webp', label: '', sub: 'Alternative workshop layout' },\n        { image: 'https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/09\/IMG_20260806_105111-scaled.webp', label: '', sub: 'Room entrance from the corridor' }\n      ]\n    }\n  };\n\n  \/\/ Apply any card thumbnails that were set above (runs once on load).\n  document.querySelectorAll('.venue-media[data-venue]').forEach(function(el){\n    var data = venueGalleries[el.dataset.venue];\n    if (data && data.thumbnail){\n      el.style.backgroundImage = 'url(' + JSON.stringify(data.thumbnail).slice(1,-1) + ')';\n      el.style.backgroundSize = 'cover';\n      el.style.backgroundPosition = 'center';\n    }\n  });\n\n  (function(){\n    var overlay = document.getElementById('gallery-overlay');\n    var stage = document.getElementById('gallery-stage');\n    var titleEl = document.getElementById('gallery-title');\n    var dotsEl = document.getElementById('gallery-dots');\n    var captionEl = document.getElementById('gallery-caption');\n    var prevBtn = document.getElementById('gallery-prev');\n    var nextBtn = document.getElementById('gallery-next');\n    var closeBtn = document.getElementById('gallery-close');\n\n    var currentKey = null;\n    var currentIndex = 0;\n    var lastFocused = null;\n\n    \/\/ Builds one slide. If slide.image is set, it fills the slide with\n    \/\/ that photo; otherwise it falls back to the placeholder panel.\n    function buildSlide(slide, cardClass){\n      var el = document.createElement('div');\n      el.style.position = 'absolute';\n      if (slide.image){\n        el.className = 'gallery-slide';\n        var img = document.createElement('img');\n        img.src = slide.image;\n        img.alt = slide.label || '';\n        img.style.width = '100%';\n        img.style.height = '100%';\n        img.style.objectFit = 'cover';\n        el.appendChild(img);\n        if (slide.label){\n          var cap = document.createElement('span');\n          cap.className = 'slide-photo-label';\n          cap.textContent = slide.label;\n          el.appendChild(cap);\n        }\n        el.style.padding = '0';\n      } else {\n        el.className = 'gallery-slide venue-media ' + cardClass;\n        el.innerHTML =\n          '<span class=\"slide-icon\">\ud83d\uddbc\ufe0f<\/span>' +\n          '<span class=\"slide-label\">' + slide.label + '<\/span>' +\n          '<span class=\"slide-sub\">' + (slide.sub || 'Photo coming soon') + '<\/span>';\n      }\n      return el;\n    }\n\n    function render(){\n      var data = venueGalleries[currentKey];\n      if (!data) return;\n      titleEl.textContent = data.title;\n\n      \/\/ Rebuild slides\n      stage.querySelectorAll('.gallery-slide').forEach(function(n){ n.remove(); });\n      data.slides.forEach(function(slide, i){\n        var el = buildSlide(slide, data.cardClass);\n        if (i === currentIndex) el.classList.add('active');\n        stage.appendChild(el);\n      });\n\n      \/\/ Dots\n      dotsEl.innerHTML = '';\n      data.slides.forEach(function(_, i){\n        var dot = document.createElement('button');\n        dot.type = 'button';\n        dot.setAttribute('aria-label', 'Go to photo ' + (i+1));\n        if (i === currentIndex) dot.classList.add('active');\n        dot.addEventListener('click', function(){ currentIndex = i; render(); });\n        dotsEl.appendChild(dot);\n      });\n\n      captionEl.textContent = (currentIndex + 1) + ' of ' + data.slides.length + ' \u2014 ' + data.slides[currentIndex].label;\n    }\n\n    function open(key){\n      if (!venueGalleries[key]) return;\n      currentKey = key;\n      currentIndex = 0;\n      lastFocused = document.activeElement;\n      render();\n      overlay.classList.add('open');\n      document.body.style.overflow = 'hidden';\n      closeBtn.focus();\n    }\n\n    function close(){\n      overlay.classList.remove('open');\n      document.body.style.overflow = '';\n      currentKey = null;\n      if (lastFocused && lastFocused.focus) lastFocused.focus();\n    }\n\n    function next(){\n      var data = venueGalleries[currentKey];\n      if (!data) return;\n      currentIndex = (currentIndex + 1) % data.slides.length;\n      render();\n    }\n    function prev(){\n      var data = venueGalleries[currentKey];\n      if (!data) return;\n      currentIndex = (currentIndex - 1 + data.slides.length) % data.slides.length;\n      render();\n    }\n\n    \/\/ Triggers: every venue-media thumbnail on the cards\n    document.querySelectorAll('.venue-media[data-venue]').forEach(function(el){\n      el.addEventListener('click', function(){ open(el.dataset.venue); });\n      el.addEventListener('keydown', function(e){\n        if (e.key === 'Enter' || e.key === ' '){\n          e.preventDefault();\n          open(el.dataset.venue);\n        }\n      });\n    });\n\n    closeBtn.addEventListener('click', close);\n    nextBtn.addEventListener('click', next);\n    prevBtn.addEventListener('click', prev);\n\n    overlay.addEventListener('click', function(e){\n      if (e.target === overlay) close();\n    });\n\n    document.addEventListener('keydown', function(e){\n      if (!overlay.classList.contains('open')) return;\n      if (e.key === 'Escape') close();\n      if (e.key === 'ArrowRight') next();\n      if (e.key === 'ArrowLeft') prev();\n    });\n\n    \/\/ Touch swipe support for mobile\/tablet\n    var touchStartX = null;\n    stage.addEventListener('touchstart', function(e){\n      touchStartX = e.changedTouches[0].clientX;\n    }, { passive: true });\n    stage.addEventListener('touchend', function(e){\n      if (touchStartX === null) return;\n      var dx = e.changedTouches[0].clientX - touchStartX;\n      if (Math.abs(dx) > 40){\n        if (dx < 0) next(); else prev();\n      }\n      touchStartX = null;\n    }, { passive: true });\n  })();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Venue for Hire | Sarawak Science Centre (SSCiEX) SARAWAK SCIENCE CENTRE Venue for Hire Host your next event inside Sarawak&#8217;s first science centre From board meetings to product launches and graduation ceremonies, hire a ready-made space at SSCiEX and give your event a backdrop no hotel ballroom can match. Request a Quote View the Spaces [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-1802","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Venue Hire | Sarawak Science Centre (SSCiEX) | Official Website<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ssciex.org.my\/home\/venue-hire\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Venue Hire | Sarawak Science Centre (SSCiEX) | Official Website\" \/>\n<meta property=\"og:description\" content=\"Venue for Hire | Sarawak Science Centre (SSCiEX) SARAWAK SCIENCE CENTRE Venue for Hire Host your next event inside Sarawak&#8217;s first science centre From board meetings to product launches and graduation ceremonies, hire a ready-made space at SSCiEX and give your event a backdrop no hotel ballroom can match. Request a Quote View the Spaces [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ssciex.org.my\/home\/venue-hire\/\" \/>\n<meta property=\"og:site_name\" content=\"Sarawak Science Centre (SSCiEX) | Official Website\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/people\/Sarawak-Science-Centre\/61579936965360\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-23T01:44:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/08\/earth-scaled.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ssciex.org.my\/home\/venue-hire\/\",\"url\":\"https:\/\/ssciex.org.my\/home\/venue-hire\/\",\"name\":\"Venue Hire | Sarawak Science Centre (SSCiEX) | Official Website\",\"isPartOf\":{\"@id\":\"https:\/\/ssciex.org.my\/home\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ssciex.org.my\/home\/venue-hire\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ssciex.org.my\/home\/venue-hire\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/08\/earth-scaled.webp\",\"datePublished\":\"2026-09-22T00:15:10+00:00\",\"dateModified\":\"2026-09-23T01:44:13+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ssciex.org.my\/home\/venue-hire\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ssciex.org.my\/home\/venue-hire\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/ssciex.org.my\/home\/venue-hire\/#primaryimage\",\"url\":\"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/08\/earth-scaled.webp\",\"contentUrl\":\"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/08\/earth-scaled.webp\",\"width\":2560,\"height\":1440,\"caption\":\"ssciex_earth\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ssciex.org.my\/home\/venue-hire\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ssciex.org.my\/home\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Venue Hire\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ssciex.org.my\/home\/#website\",\"url\":\"https:\/\/ssciex.org.my\/home\/\",\"name\":\"Sarawak Science Centre (SSCiEX)\",\"description\":\"Igniting Curiousity\",\"publisher\":{\"@id\":\"https:\/\/ssciex.org.my\/home\/#organization\"},\"alternateName\":\"SSCiEX\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ssciex.org.my\/home\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ssciex.org.my\/home\/#organization\",\"name\":\"Sarawak Science Centre (SSCiEX)\",\"url\":\"https:\/\/ssciex.org.my\/home\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/ssciex.org.my\/home\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/01\/cropped-cropped-update-logo.png\",\"contentUrl\":\"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/01\/cropped-cropped-update-logo.png\",\"width\":512,\"height\":512,\"caption\":\"Sarawak Science Centre (SSCiEX)\"},\"image\":{\"@id\":\"https:\/\/ssciex.org.my\/home\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/people\/Sarawak-Science-Centre\/61579936965360\/\",\"https:\/\/www.instagram.com\/sarawaksciencecentre?igsh=N2FxZ3FjMXdqcDQx\",\"https:\/\/www.tiktok.com\/@ssciex.official\",\"https:\/\/www.linkedin.com\/in\/ssciex\/\",\"https:\/\/www.youtube.com\/@sarawaksciencecentre\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Venue Hire | Sarawak Science Centre (SSCiEX) | Official Website","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ssciex.org.my\/home\/venue-hire\/","og_locale":"en_GB","og_type":"article","og_title":"Venue Hire | Sarawak Science Centre (SSCiEX) | Official Website","og_description":"Venue for Hire | Sarawak Science Centre (SSCiEX) SARAWAK SCIENCE CENTRE Venue for Hire Host your next event inside Sarawak&#8217;s first science centre From board meetings to product launches and graduation ceremonies, hire a ready-made space at SSCiEX and give your event a backdrop no hotel ballroom can match. Request a Quote View the Spaces [&hellip;]","og_url":"https:\/\/ssciex.org.my\/home\/venue-hire\/","og_site_name":"Sarawak Science Centre (SSCiEX) | Official Website","article_publisher":"https:\/\/www.facebook.com\/people\/Sarawak-Science-Centre\/61579936965360\/","article_modified_time":"2026-09-23T01:44:13+00:00","og_image":[{"url":"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/08\/earth-scaled.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ssciex.org.my\/home\/venue-hire\/","url":"https:\/\/ssciex.org.my\/home\/venue-hire\/","name":"Venue Hire | Sarawak Science Centre (SSCiEX) | Official Website","isPartOf":{"@id":"https:\/\/ssciex.org.my\/home\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ssciex.org.my\/home\/venue-hire\/#primaryimage"},"image":{"@id":"https:\/\/ssciex.org.my\/home\/venue-hire\/#primaryimage"},"thumbnailUrl":"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/08\/earth-scaled.webp","datePublished":"2026-09-22T00:15:10+00:00","dateModified":"2026-09-23T01:44:13+00:00","breadcrumb":{"@id":"https:\/\/ssciex.org.my\/home\/venue-hire\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ssciex.org.my\/home\/venue-hire\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/ssciex.org.my\/home\/venue-hire\/#primaryimage","url":"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/08\/earth-scaled.webp","contentUrl":"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/08\/earth-scaled.webp","width":2560,"height":1440,"caption":"ssciex_earth"},{"@type":"BreadcrumbList","@id":"https:\/\/ssciex.org.my\/home\/venue-hire\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ssciex.org.my\/home\/"},{"@type":"ListItem","position":2,"name":"Venue Hire"}]},{"@type":"WebSite","@id":"https:\/\/ssciex.org.my\/home\/#website","url":"https:\/\/ssciex.org.my\/home\/","name":"Sarawak Science Centre (SSCiEX)","description":"Igniting Curiousity","publisher":{"@id":"https:\/\/ssciex.org.my\/home\/#organization"},"alternateName":"SSCiEX","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ssciex.org.my\/home\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/ssciex.org.my\/home\/#organization","name":"Sarawak Science Centre (SSCiEX)","url":"https:\/\/ssciex.org.my\/home\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/ssciex.org.my\/home\/#\/schema\/logo\/image\/","url":"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/01\/cropped-cropped-update-logo.png","contentUrl":"https:\/\/ssciex.org.my\/home\/wp-content\/uploads\/2026\/01\/cropped-cropped-update-logo.png","width":512,"height":512,"caption":"Sarawak Science Centre (SSCiEX)"},"image":{"@id":"https:\/\/ssciex.org.my\/home\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/people\/Sarawak-Science-Centre\/61579936965360\/","https:\/\/www.instagram.com\/sarawaksciencecentre?igsh=N2FxZ3FjMXdqcDQx","https:\/\/www.tiktok.com\/@ssciex.official","https:\/\/www.linkedin.com\/in\/ssciex\/","https:\/\/www.youtube.com\/@sarawaksciencecentre"]}]}},"_links":{"self":[{"href":"https:\/\/ssciex.org.my\/home\/wp-json\/wp\/v2\/pages\/1802","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ssciex.org.my\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ssciex.org.my\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ssciex.org.my\/home\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/ssciex.org.my\/home\/wp-json\/wp\/v2\/comments?post=1802"}],"version-history":[{"count":6,"href":"https:\/\/ssciex.org.my\/home\/wp-json\/wp\/v2\/pages\/1802\/revisions"}],"predecessor-version":[{"id":1875,"href":"https:\/\/ssciex.org.my\/home\/wp-json\/wp\/v2\/pages\/1802\/revisions\/1875"}],"wp:attachment":[{"href":"https:\/\/ssciex.org.my\/home\/wp-json\/wp\/v2\/media?parent=1802"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}