{"id":7,"date":"2026-10-12T22:14:36","date_gmt":"2026-10-12T22:14:36","guid":{"rendered":"https:\/\/joenabellephotobooth.com\/?page_id=7"},"modified":"2026-10-26T16:59:46","modified_gmt":"2026-10-26T16:59:46","slug":"home","status":"publish","type":"page","link":"https:\/\/joenabellephotobooth.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7\" class=\"elementor elementor-7\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65d9826b e-flex e-con-boxed e-con e-parent\" data-id=\"65d9826b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f4e1d2 elementor-widget elementor-widget-html\" data-id=\"4f4e1d2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- JOENA BELL PHOTO BOOTH \u2014 Elementor HTML widget\n     Paste this entire snippet into ONE Elementor HTML widget on a full-width page.\n     Before publishing, replace REPLACE_WITH_BUSINESS_EMAIL in the script with the business email,\n     or replace this prototype form with an Elementor Form widget connected to email.\n     Replace placeholder image URLs with Janis's own photo booth images.\n-->\n<style>\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap\");\n\n    \n.jb-site {\n      --night: #100b20;\n      --night-2: #18102d;\n      --ink: #211532;\n      --muted: #746980;\n      --white: #fffaff;\n      --lavender: #d8c3ff;\n      --purple: #8b50ee;\n      --pink: #ff79c9;\n      --blue: #72baff;\n      --line: rgba(255,255,255,.15);\n      --serif: \"Playfair Display\", Georgia, serif;\n      --sans: \"DM Sans\", Arial, sans-serif;\n      --shadow: 0 24px 70px rgba(39, 13, 72, .18);\n    }\n\n    \n.jb-site * { box-sizing: border-box; }\n\n    \n.jb-site { scroll-behavior: smooth; }\n\n    \n.jb-site { margin: 0; width: 100%; position: relative; overflow: hidden; font-family: var(--sans); color: var(--ink); background: var(--white); line-height: 1.6; }\n\n    \n.jb-site a { color: inherit; text-decoration: none; }\n\n    \n.jb-site button,\n.jb-site input,\n.jb-site textarea,\n.jb-site select { font: inherit; }\n\n    \n.jb-site img { max-width: 100%; display: block; }\n\n    \n.jb-site .wrap { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }\n\n    \n.jb-site .eyebrow { display: inline-flex; align-items: center; gap: 10px; font-size: .72rem; text-transform: uppercase; letter-spacing: .2em; font-weight: 700; }\n\n    \n.jb-site .eyebrow::before { content: \"\"; width: 24px; height: 1px; background: currentColor; opacity: .7; }\n\n    \n.jb-site .serif { font-family: var(--serif); font-weight: 500; letter-spacing: -.04em; }\n\n    \n.jb-site .btn { display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 14px 21px; border-radius: 999px; border: 1px solid transparent; font-size: .86rem; font-weight: 700; transition: transform .25s ease, box-shadow .25s ease, background .25s ease; cursor: pointer; }\n\n    \n.jb-site .btn:hover { transform: translateY(-3px); }\n\n    \n.jb-site .btn-primary { color: #fff; background: linear-gradient(110deg, #9859f4 0%, #d45ed4 52%, #648fff 100%); box-shadow: 0 12px 34px rgba(151, 78, 225, .28); }\n\n    \n.jb-site .btn-primary:hover { box-shadow: 0 16px 40px rgba(151, 78, 225, .4); }\n\n    \n.jb-site .btn-ghost { color: #fff; border-color: rgba(255,255,255,.32); background: rgba(255,255,255,.04); }\n\n    \n.jb-site .btn-ghost:hover { background: rgba(255,255,255,.1); }\n\n    \n.jb-site .arrow { font-size: 1.1rem; line-height: 1; }\n\n\n    \n\/* Navigation *\/\n\n    \n.jb-site .site-header { position: absolute; inset: 0 0 auto; z-index: 20; color: white; }\n\n    \n.jb-site .nav { min-height: 94px; display: flex; align-items: center; justify-content: space-between; gap: 28px; border-bottom: 1px solid rgba(255,255,255,.13); }\n\n    \n.jb-site .brand { display: flex; align-items: center; gap: 12px; min-width: 230px; }\n\n    \n.jb-site .brand-mark { width: 42px; height: 42px; border: 1px solid rgba(255,255,255,.48); border-radius: 50%; display: grid; place-items: center; position: relative; background: linear-gradient(135deg, rgba(255,121,201,.24), rgba(114,186,255,.16)); }\n\n    \n.jb-site .brand-mark::before { content: \"\u2727\"; font-size: 25px; color: #f6dfff; }\n\n    \n.jb-site .brand-name { font-family: var(--serif); font-size: 1.12rem; line-height: 1.1; }\n\n    \n.jb-site .brand-sub { display: block; font-family: var(--sans); font-size: .58rem; text-transform: uppercase; letter-spacing: .19em; opacity: .68; margin-top: 5px; }\n\n    \n.jb-site .nav-links { display: flex; align-items: center; gap: clamp(18px, 2.5vw, 34px); font-size: .82rem; color: rgba(255,255,255,.82); }\n\n    \n.jb-site .nav-links a:not(.btn):hover { color: #fff; }\n\n    \n.jb-site .nav .btn { padding: 12px 17px; font-size: .78rem; }\n\n    \n.jb-site .menu-toggle { display: none; border: 1px solid var(--line); background: transparent; color: white; width: 44px; height: 44px; border-radius: 50%; font-size: 1.3rem; }\n\n\n    \n\/* Hero *\/\n\n    \n.jb-site .hero { position: relative; min-height: 790px; display: flex; align-items: center; overflow: hidden; color: white; isolation: isolate; background: var(--night); }\n\n    \n.jb-site .hero::before { content: \"\"; position: absolute; z-index: -3; inset: 0; background: linear-gradient(90deg, rgba(16,11,32,.98) 0%, rgba(16,11,32,.88) 36%, rgba(16,11,32,.28) 73%, rgba(16,11,32,.34) 100%), url(\"https:\/\/images.unsplash.com\/photo-1492684223066-81342ee5ff30?auto=format&fit=crop&w=2000&q=88\") center 46%\/cover; transform: scale(1.02); }\n\n    \n.jb-site .hero::after { content: \"\"; position: absolute; inset: 0; z-index: -2; background: radial-gradient(ellipse at 72% 27%, rgba(179,86,255,.3), transparent 29%), radial-gradient(ellipse at 78% 74%, rgba(57,143,255,.24), transparent 31%), linear-gradient(180deg, transparent 70%, rgba(16,11,32,.72)); pointer-events: none; }\n\n    \n.jb-site .hero-orb { position: absolute; z-index: -1; border-radius: 50%; filter: blur(1px); pointer-events: none; }\n\n    \n.jb-site .hero-orb.one { width: 320px; height: 320px; top: 19%; right: 9%; border: 1px solid rgba(255,255,255,.22); box-shadow: inset 0 0 60px rgba(255,121,201,.12), 0 0 80px rgba(146,84,242,.13); }\n\n    \n.jb-site .hero-orb.two { width: 14px; height: 14px; top: 26%; right: 22%; background: #f8d8ff; box-shadow: 0 0 26px 8px rgba(232,166,255,.58); }\n\n    \n.jb-site .hero-orb.three { width: 7px; height: 7px; top: 64%; right: 13%; background: #93caff; box-shadow: 0 0 25px 8px rgba(114,186,255,.45); }\n\n    \n.jb-site .hero-content { padding-top: 130px; padding-bottom: 105px; max-width: 760px; position: relative; }\n\n    \n.jb-site .hero .eyebrow { color: #e6d4ff; }\n\n    \n.jb-site .hero h1 { font-size: clamp(3.5rem, 7.2vw, 6.9rem); line-height: .99; margin: 25px 0 24px; max-width: 780px; }\n\n    \n.jb-site .hero h1 em { color: #e3caff; font-weight: 500; }\n\n    \n.jb-site .hero-copy { color: rgba(255,255,255,.79); font-size: clamp(1rem, 1.4vw, 1.15rem); max-width: 520px; margin: 0 0 30px; }\n\n    \n.jb-site .hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 13px; }\n\n    \n.jb-site .hero-note { display: flex; align-items: center; gap: 12px; margin-top: 42px; color: rgba(255,255,255,.7); font-size: .75rem; letter-spacing: .04em; }\n\n    \n.jb-site .mini-stars { color: #f6c8ff; letter-spacing: .16em; font-size: 1rem; }\n\n    \n.jb-site .hero-side-note { position: absolute; right: 3.5%; bottom: 19%; writing-mode: vertical-rl; color: rgba(255,255,255,.64); font-size: .64rem; text-transform: uppercase; letter-spacing: .22em; }\n\n    \n.jb-site .hero-bottom { position: absolute; bottom: 0; left: 0; right: 0; border-top: 1px solid rgba(255,255,255,.16); background: rgba(16,11,32,.38); backdrop-filter: blur(14px); }\n\n    \n.jb-site .hero-bottom-inner { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; color: rgba(255,255,255,.78); font-size: .75rem; }\n\n    \n.jb-site .hero-bottom strong { color: white; font-weight: 600; }\n\n    \n.jb-site .hero-bottom .bottom-links { display: flex; gap: 26px; flex-wrap: wrap; }\n\n\n    \n\/* Shared sections *\/\n\n    \n.jb-site section { scroll-margin-top: 28px; }\n\n    \n.jb-site .section-pad { padding: 112px 0; }\n\n    \n.jb-site .section-head { max-width: 680px; margin-bottom: 48px; }\n\n    \n.jb-site .section-head .eyebrow { color: #8053bf; }\n\n    \n.jb-site .section-head h2 { font-size: clamp(2.5rem, 4.8vw, 4.35rem); line-height: 1.06; margin: 17px 0 18px; }\n\n    \n.jb-site .section-head p { color: var(--muted); max-width: 560px; margin: 0; }\n\n    \n.jb-site .center { text-align: center; margin-inline: auto; }\n\n    \n.jb-site .center .eyebrow { justify-content: center; }\n\n    \n.jb-site .center p { margin-inline: auto; }\n\n\n    \n\/* Brand story *\/\n\n    \n.jb-site .story { background: #fbf8ff; position: relative; overflow: hidden; }\n\n    \n.jb-site .story::before { content: \"\"; position: absolute; width: 480px; height: 480px; right: -220px; top: -190px; border-radius: 50%; background: radial-gradient(circle, rgba(215,185,255,.32), transparent 68%); }\n\n    \n.jb-site .story-grid { display: grid; grid-template-columns: .95fr 1.05fr; align-items: center; gap: clamp(48px, 8vw, 105px); position: relative; }\n\n    \n.jb-site .story-art { min-height: 560px; position: relative; }\n\n    \n.jb-site .story-photo { position: absolute; inset: 0 48px 38px 0; overflow: hidden; border-radius: 220px 220px 18px 18px; background: linear-gradient(160deg, #b98aff, #f7b8e4 45%, #7fb8ff); box-shadow: var(--shadow); }\n\n    \n.jb-site .story-photo img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; opacity: .88; }\n\n    \n.jb-site .story-photo::after { content: \"\"; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(119,66,190,.04), rgba(38,17,68,.34)); }\n\n    \n.jb-site .story-orbit { position: absolute; width: 200px; height: 200px; right: 0; bottom: 0; border: 1px solid #b9a0e8; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(140deg, rgba(255,255,255,.86), rgba(231,216,255,.74)); box-shadow: 0 15px 50px rgba(88,54,134,.16); text-align: center; color: #6b429e; transform: rotate(7deg); }\n\n    \n.jb-site .story-orbit span { display: block; font-size: 2rem; line-height: 1.1; }\n\n    \n.jb-site .story-orbit small { display: block; max-width: 120px; margin: 8px auto 0; font-size: .66rem; line-height: 1.4; letter-spacing: .12em; text-transform: uppercase; }\n\n    \n.jb-site .story-copy .eyebrow { color: #8053bf; }\n\n    \n.jb-site .story-copy h2 { font-size: clamp(2.5rem, 4.5vw, 4.15rem); line-height: 1.05; margin: 18px 0 24px; }\n\n    \n.jb-site .story-copy h2 em { color: #9863d8; }\n\n    \n.jb-site .story-copy p { color: #746980; }\n\n    \n.jb-site .story-signoff { display: flex; align-items: center; gap: 14px; margin-top: 29px; padding-top: 24px; border-top: 1px solid #e8dff3; }\n\n    \n.jb-site .sign-mark { display: grid; place-items: center; width: 45px; height: 45px; border-radius: 50%; background: linear-gradient(135deg, #cba7ff, #ffb7e4); color: white; font-size: 1.4rem; }\n\n    \n.jb-site .story-signoff strong { display: block; font-size: .9rem; }\n\n    \n.jb-site .story-signoff span { display: block; color: #8b7e99; font-size: .75rem; }\n\n\n    \n\/* Experiences *\/\n\n    \n.jb-site .experiences { background: white; }\n\n    \n.jb-site .experience-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }\n\n    \n.jb-site .experience-card { position: relative; min-height: 390px; overflow: hidden; border-radius: 16px; isolation: isolate; color: white; background: #241437; }\n\n    \n.jb-site .experience-card::before { content: \"\"; position: absolute; inset: 0; z-index: -2; background-position: center; background-size: cover; transition: transform .7s ease; }\n\n    \n.jb-site .experience-card:hover::before { transform: scale(1.06); }\n\n    \n.jb-site .experience-card::after { content: \"\"; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(18,10,35,.02) 15%, rgba(18,10,35,.22) 42%, rgba(18,10,35,.91) 100%); }\n\n    \n.jb-site .experience-card.weddings::before { background-image: url(\"https:\/\/images.unsplash.com\/photo-1519741497674-611481863552?auto=format&fit=crop&w=900&q=85\"); }\n\n    \n.jb-site .experience-card.parties::before { background-image: url(\"https:\/\/images.unsplash.com\/photo-1519671482749-fd09be7ccebf?auto=format&fit=crop&w=900&q=85\"); }\n\n    \n.jb-site .experience-card.corporate::before { background-image: url(\"https:\/\/images.unsplash.com\/photo-1511795409834-ef04bbd61622?auto=format&fit=crop&w=900&q=85\"); }\n\n    \n.jb-site .card-number { position: absolute; top: 22px; left: 22px; color: rgba(255,255,255,.85); font-size: .68rem; letter-spacing: .17em; }\n\n    \n.jb-site .card-content { position: absolute; left: 27px; right: 25px; bottom: 27px; }\n\n    \n.jb-site .card-content .small-label { font-size: .67rem; text-transform: uppercase; letter-spacing: .16em; color: #e8d7ff; }\n\n    \n.jb-site .card-content h3 { font-family: var(--serif); font-size: 2rem; font-weight: 500; line-height: 1.08; margin: 8px 0 9px; }\n\n    \n.jb-site .card-content p { margin: 0 0 17px; color: rgba(255,255,255,.76); font-size: .83rem; max-width: 280px; }\n\n    \n.jb-site .text-link { display: inline-flex; gap: 10px; align-items: center; font-size: .8rem; font-weight: 700; }\n\n    \n.jb-site .text-link span { transition: transform .2s ease; }\n\n    \n.jb-site .text-link:hover span { transform: translateX(4px); }\n\n\n    \n\/* Statement banner *\/\n\n    \n.jb-site .statement { position: relative; padding: 86px 0; overflow: hidden; color: white; background: linear-gradient(112deg, #6130aa 0%, #a94db8 48%, #4f78d8 100%); }\n\n    \n.jb-site .statement::before,\n.jb-site .statement::after { content: \"\"; position: absolute; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; width: 380px; height: 380px; top: -230px; left: -40px; }\n\n    \n.jb-site .statement::after { width: 500px; height: 500px; top: auto; bottom: -410px; left: auto; right: 4%; }\n\n    \n.jb-site .statement-inner { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 40px; }\n\n    \n.jb-site .statement blockquote { margin: 0; max-width: 780px; font-family: var(--serif); font-size: clamp(2.5rem, 5vw, 4.6rem); line-height: 1.08; letter-spacing: -.035em; }\n\n    \n.jb-site .statement blockquote em { color: #f9d9ff; }\n\n    \n.jb-site .statement .btn { flex-shrink: 0; }\n\n\n    \n\/* Gallery *\/\n\n    \n.jb-site .gallery { background: #f8f4ff; }\n\n    \n.jb-site .gallery-grid { display: grid; grid-template-columns: 1.1fr .8fr .8fr; grid-template-rows: 230px 230px; gap: 14px; }\n\n    \n.jb-site .gallery-item { overflow: hidden; border-radius: 13px; position: relative; background: linear-gradient(135deg, #c5a4ff, #f7b6e1 50%, #8dc9ff); }\n\n    \n.jb-site .gallery-item:first-child { grid-row: span 2; }\n\n    \n.jb-site .gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }\n\n    \n.jb-site .gallery-item:hover img { transform: scale(1.06); }\n\n    \n.jb-site .gallery-item::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, transparent 65%, rgba(25,12,44,.42)); }\n\n    \n.jb-site .gallery-note { text-align: center; margin: 26px auto 0; color: #8b7e99; font-size: .76rem; }\n\n\n    \n\/* Why us *\/\n\n    \n.jb-site .why { background: white; }\n\n    \n.jb-site .why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; }\n\n    \n.jb-site .why-visual { min-height: 510px; border-radius: 18px; overflow: hidden; position: relative; background: linear-gradient(145deg, rgba(101,55,177,.15), rgba(255,121,201,.2)), url(\"https:\/\/images.unsplash.com\/photo-1527529482837-4698179dc6ce?auto=format&fit=crop&w=1100&q=85\") center\/cover; }\n\n    \n.jb-site .why-visual::after { content: \"\"; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(39,16,69,.02), rgba(39,16,69,.25)); }\n\n    \n.jb-site .why-stamp { position: absolute; z-index: 2; bottom: 24px; left: 24px; right: 24px; padding: 21px 23px; border: 1px solid rgba(255,255,255,.4); border-radius: 13px; color: white; background: rgba(27,14,48,.42); backdrop-filter: blur(14px); }\n\n    \n.jb-site .why-stamp strong { display: block; font-family: var(--serif); font-size: 1.55rem; font-weight: 500; }\n\n    \n.jb-site .why-stamp span { font-size: .76rem; color: rgba(255,255,255,.8); }\n\n    \n.jb-site .why-copy .section-head { margin-bottom: 30px; }\n\n    \n.jb-site .benefit-list { display: grid; gap: 21px; }\n\n    \n.jb-site .benefit { display: grid; grid-template-columns: 46px 1fr; gap: 15px; align-items: start; }\n\n    \n.jb-site .benefit-icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(135deg, #eee0ff, #ffe1f4); color: #8250bc; font-size: 1.1rem; }\n\n    \n.jb-site .benefit h3 { margin: 0 0 4px; font-size: .96rem; }\n\n    \n.jb-site .benefit p { margin: 0; color: var(--muted); font-size: .84rem; }\n\n\n    \n\/* CTA \/ form *\/\n\n    \n.jb-site .contact { position: relative; overflow: hidden; background: var(--night); color: white; }\n\n    \n.jb-site .contact::before { content: \"\"; position: absolute; width: 650px; height: 650px; top: -340px; left: -180px; border-radius: 50%; background: radial-gradient(circle, rgba(155,78,238,.35), transparent 67%); }\n\n    \n.jb-site .contact::after { content: \"\"; position: absolute; width: 620px; height: 620px; bottom: -400px; right: -100px; border-radius: 50%; background: radial-gradient(circle, rgba(80,139,255,.3), transparent 67%); }\n\n    \n.jb-site .contact-grid { position: relative; z-index: 1; display: grid; grid-template-columns: .9fr 1.1fr; gap: 90px; align-items: start; }\n\n    \n.jb-site .contact-copy .eyebrow { color: #d6bdff; }\n\n    \n.jb-site .contact-copy h2 { font-family: var(--serif); font-size: clamp(2.9rem, 5vw, 4.6rem); font-weight: 500; line-height: 1.02; letter-spacing: -.04em; margin: 20px 0; }\n\n    \n.jb-site .contact-copy h2 em { color: #dfbaff; }\n\n    \n.jb-site .contact-copy p { color: rgba(255,255,255,.7); max-width: 410px; }\n\n    \n.jb-site .contact-details { margin-top: 34px; display: grid; gap: 13px; color: rgba(255,255,255,.78); font-size: .83rem; }\n\n    \n.jb-site .contact-details span { display: flex; gap: 11px; align-items: center; }\n\n    \n.jb-site .contact-details b { color: #e2c9ff; font-size: 1rem; font-weight: 500; }\n\n    \n.jb-site .contact-form { border: 1px solid rgba(255,255,255,.17); border-radius: 18px; padding: clamp(24px, 4vw, 39px); background: rgba(255,255,255,.055); backdrop-filter: blur(15px); box-shadow: 0 20px 70px rgba(0,0,0,.14); }\n\n    \n.jb-site .form-title { margin: 0 0 22px; font-family: var(--serif); font-size: 1.7rem; font-weight: 500; }\n\n    \n.jb-site .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }\n\n    \n.jb-site .field { display: grid; gap: 7px; margin-bottom: 16px; }\n\n    \n.jb-site .field label { color: rgba(255,255,255,.78); font-size: .74rem; font-weight: 600; }\n\n    \n.jb-site .field input,\n.jb-site .field select,\n.jb-site .field textarea { width: 100%; border: 1px solid rgba(255,255,255,.17); border-radius: 9px; padding: 13px 14px; background: rgba(12,7,25,.4); color: white; outline: none; font-size: .84rem; }\n\n    \n.jb-site .field input::placeholder,\n.jb-site .field textarea::placeholder { color: rgba(255,255,255,.38); }\n\n    \n.jb-site .field input:focus,\n.jb-site .field select:focus,\n.jb-site .field textarea:focus { border-color: #cb9eff; box-shadow: 0 0 0 3px rgba(169,111,255,.12); }\n\n    \n.jb-site .field select option { color: #211532; }\n\n    \n.jb-site .field textarea { min-height: 95px; resize: vertical; }\n\n    \n.jb-site .form-footnote { color: rgba(255,255,255,.48); font-size: .67rem; margin: 12px 0 0; }\n\n    \n.jb-site .form-status { color: #e3caff; font-size: .8rem; margin-top: 12px; }\n\n\n    \n\/* Footer *\/\n\n    \n.jb-site .site-footer { background: #0b0716; color: rgba(255,255,255,.7); padding: 30px 0; font-size: .73rem; }\n\n    \n.jb-site .footer-inner { display: flex; justify-content: space-between; align-items: center; gap: 20px; }\n\n    \n.jb-site .footer-brand { color: white; font-family: var(--serif); font-size: 1rem; }\n\n    \n.jb-site .footer-links { display: flex; gap: 20px; flex-wrap: wrap; }\n\n    \n.jb-site .footer-links a:hover { color: white; }\n\n    \n.jb-site .back-top { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; color: white; }\n\n\n    \n\/* Motion *\/\n\n    \n.jb-site .reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s ease; }\n\n    \n.jb-site .reveal.visible { opacity: 1; transform: translateY(0); }\n\n    \n@media (prefers-reduced-motion: reduce) {\n \n.jb-site { scroll-behavior: auto; }\n \n.jb-site *,\n.jb-site *::before,\n.jb-site *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }\n \n.jb-site .reveal { opacity: 1; transform: none; }\n \n}\n\n\n    \n@media (max-width: 900px) {\n\n      \n.jb-site .nav-links { gap: 15px; }\n\n      \n.jb-site .nav-links a:not(.btn) { display: none; }\n\n      \n.jb-site .hero { min-height: 740px; }\n\n      \n.jb-site .hero::before { background-position: 58% center; }\n\n      \n.jb-site .hero-side-note { display: none; }\n\n      \n.jb-site .story-grid,\n.jb-site .why-grid { gap: 48px; }\n\n      \n.jb-site .story-art { min-height: 480px; }\n\n      \n.jb-site .story-orbit { width: 160px; height: 160px; }\n\n      \n.jb-site .experience-card { min-height: 340px; }\n\n      \n.jb-site .contact-grid { gap: 45px; }\n\n    \n}\n\n    \n@media (max-width: 680px) {\n\n      \n.jb-site .wrap { width: min(100% - 36px, 540px); }\n\n      \n.jb-site .nav { min-height: 78px; }\n\n      \n.jb-site .brand { min-width: 0; }\n\n      \n.jb-site .brand-name { font-size: 1rem; }\n\n      \n.jb-site .brand-mark { width: 38px; height: 38px; }\n\n      \n.jb-site .nav-links { display: none; position: absolute; top: 78px; left: 0; right: 0; padding: 20px 22px 24px; background: rgba(16,11,32,.97); border-bottom: 1px solid var(--line); flex-direction: column; align-items: stretch; gap: 17px; }\n\n      \n.jb-site .nav-links.open { display: flex; }\n\n      \n.jb-site .nav-links a:not(.btn) { display: block; }\n\n      \n.jb-site .nav-links .btn { width: 100%; }\n\n      \n.jb-site .menu-toggle { display: grid; place-items: center; }\n\n      \n.jb-site .hero { min-height: 790px; align-items: flex-start; }\n\n      \n.jb-site .hero::before { background-image: linear-gradient(90deg, rgba(16,11,32,.9), rgba(16,11,32,.48)), linear-gradient(180deg, rgba(16,11,32,.2), rgba(16,11,32,.75)), url(\"https:\/\/images.unsplash.com\/photo-1492684223066-81342ee5ff30?auto=format&fit=crop&w=1000&q=85\"); background-position: 57% center; }\n\n      \n.jb-site .hero-content { padding-top: 150px; padding-bottom: 160px; }\n\n      \n.jb-site .hero h1 { font-size: clamp(3.4rem, 15vw, 5.3rem); }\n\n      \n.jb-site .hero-copy { max-width: 390px; }\n\n      \n.jb-site .hero-bottom-inner { padding: 17px 0; align-items: flex-start; flex-direction: column; gap: 9px; }\n\n      \n.jb-site .hero-bottom .bottom-links { gap: 14px; }\n\n      \n.jb-site .hero-orb.one { right: -140px; top: 24%; }\n\n      \n.jb-site .section-pad { padding: 78px 0; }\n\n      \n.jb-site .section-head { margin-bottom: 34px; }\n\n      \n.jb-site .story-grid,\n.jb-site .why-grid,\n.jb-site .contact-grid { grid-template-columns: 1fr; }\n\n      \n.jb-site .story-grid { gap: 48px; }\n\n      \n.jb-site .story-art { min-height: 470px; max-width: 440px; width: 100%; margin: 0 auto; }\n\n      \n.jb-site .story-photo { right: 32px; bottom: 27px; }\n\n      \n.jb-site .story-orbit { right: 0; width: 145px; height: 145px; }\n\n      \n.jb-site .experience-grid { grid-template-columns: 1fr; }\n\n      \n.jb-site .experience-card { min-height: 390px; }\n\n      \n.jb-site .statement { padding: 72px 0; }\n\n      \n.jb-site .statement-inner { align-items: flex-start; flex-direction: column; gap: 26px; }\n\n      \n.jb-site .statement blockquote { font-size: clamp(2.6rem, 11vw, 4rem); }\n\n      \n.jb-site .gallery-grid { grid-template-columns: 1fr 1fr; grid-template-rows: 240px 170px 170px; }\n\n      \n.jb-site .gallery-item:first-child { grid-column: span 2; grid-row: auto; }\n\n      \n.jb-site .why-grid { gap: 38px; }\n\n      \n.jb-site .why-visual { min-height: 390px; order: 2; }\n\n      \n.jb-site .contact-grid { gap: 38px; }\n\n      \n.jb-site .form-row { grid-template-columns: 1fr; gap: 0; }\n\n      \n.jb-site .footer-inner { align-items: flex-start; flex-direction: column; }\n\n    \n}\n\n  \n<\/style>\n<div class=\"jb-site\">\n<header class=\"site-header\" id=\"top\">\n    <div class=\"wrap nav\">\n      <a class=\"brand\" href=\"#top\" aria-label=\"Joena Bell Photo Booth home\">\n        <span class=\"brand-mark\" aria-hidden=\"true\"><\/span>\n        <span class=\"brand-name\">Joena Bell<span class=\"brand-sub\">Photo Booth \u00b7 San Diego<\/span><\/span>\n      <\/a>\n      <nav class=\"nav-links\" id=\"navLinks\" aria-label=\"Main navigation\">\n        <a href=\"#experience\">The Experience<\/a>\n        <a href=\"#story\">Our Story<\/a>\n        <a href=\"#gallery\">Gallery<\/a>\n        <a href=\"#why\">Why Joena Bell<\/a>\n        <a class=\"btn btn-primary\" href=\"#contact\">Let's Make Memories <span class=\"arrow\">\u2197<\/span><\/a>\n      <\/nav>\n      <button class=\"menu-toggle\" id=\"menuToggle\" aria-label=\"Open navigation\" aria-expanded=\"false\" aria-controls=\"navLinks\">\u2630<\/button>\n    <\/div>\n  <\/header>\n\n  <main>\n    <section class=\"hero\" aria-labelledby=\"hero-title\">\n      <span class=\"hero-orb one\" aria-hidden=\"true\"><\/span><span class=\"hero-orb two\" aria-hidden=\"true\"><\/span><span class=\"hero-orb three\" aria-hidden=\"true\"><\/span>\n      <div class=\"wrap hero-content\">\n        <span class=\"eyebrow\">San Diego photo booth experiences<\/span>\n        <h1 class=\"serif\" id=\"hero-title\">Always the<br \/><em>life of the party.<\/em><\/h1>\n        <p class=\"hero-copy\">A little magic. A lot of personality. Unforgettable moments. Bring your people together and give them a reason to strike a pose.<\/p>\n        <div class=\"hero-actions\">\n          <a class=\"btn btn-primary\" href=\"#contact\">Make your event unforgettable <span class=\"arrow\">\u2197<\/span><\/a>\n          <a class=\"btn btn-ghost\" href=\"#experience\">Explore the experience <span class=\"arrow\">\u2193<\/span><\/a>\n        <\/div>\n        <div class=\"hero-note\"><span class=\"mini-stars\">\u2726 \u2727 \u2726<\/span><span>Made for the moments you never want to forget.<\/span><\/div>\n      <\/div>\n      <div class=\"hero-side-note\">Good people \u00b7 Great parties \u00b7 Beautiful memories<\/div>\n      <div class=\"hero-bottom\"><div class=\"wrap hero-bottom-inner\"><span><strong>Thoughtfully made for your kind of celebration.<\/strong><\/span><div class=\"bottom-links\"><span>Weddings<\/span><span>Parties<\/span><span>Corporate events<\/span><span>Milestones<\/span><\/div><\/div><\/div>\n    <\/section>\n\n    <section class=\"story section-pad\" id=\"story\">\n      <div class=\"wrap story-grid\">\n        <div class=\"story-art reveal\">\n          <div class=\"story-photo\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511795409834-ef04bbd61622?auto=format&fit=crop&w=1000&q=85\" alt=\"Guests sharing a joyful moment at a celebration\" loading=\"lazy\" \/><\/div>\n          <div class=\"story-orbit\"><div><span>\u2727<\/span><small>A legacy of laughter, love & light<\/small><\/div><\/div>\n        <\/div>\n        <div class=\"story-copy reveal\">\n          <span class=\"eyebrow\">A name with a little extra meaning<\/span>\n          <h2 class=\"serif\">Inspired by a woman who made <em>every room brighter.<\/em><\/h2>\n          <p>Joena Bell was the kind of person who brought the party with her. Her warmth, spirit, and love of celebrating life inspired a business built around those same beautiful things: people coming together, letting go, and making memories.<\/p>\n          <p>Created by San Diego photographer Janis Foley, Joena Bell Photo Booth is a tribute to her mother and a reminder that the best moments are the ones we share. Every celebration is a chance to keep that spirit shining.<\/p>\n          <div class=\"story-signoff\"><span class=\"sign-mark\">\u2727<\/span><div><strong>For Joena, and for every reason to celebrate.<\/strong><span>Always the life of the party.<\/span><\/div><\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"experiences section-pad\" id=\"experience\">\n      <div class=\"wrap\">\n        <div class=\"section-head center reveal\"><span class=\"eyebrow\">Your people. Your moment.<\/span><h2 class=\"serif\">Every gathering deserves<br \/>a little <em>extra sparkle.<\/em><\/h2><p>From once-in-a-lifetime milestones to a just-because celebration, create a shared experience your guests will talk about long after the last song.<\/p><\/div>\n        <div class=\"experience-grid\">\n          <article class=\"experience-card weddings reveal\"><span class=\"card-number\">01 \/ THE BIG YES<\/span><div class=\"card-content\"><span class=\"small-label\">Love in the spotlight<\/span><h3>Weddings &<br \/>engagements<\/h3><p>Give your guests another way to celebrate your favorite day together.<\/p><a class=\"text-link\" href=\"#contact\">Plan your wedding <span>\u2197<\/span><\/a><\/div><\/article>\n          <article class=\"experience-card parties reveal\"><span class=\"card-number\">02 \/ LET'S CELEBRATE<\/span><div class=\"card-content\"><span class=\"small-label\">All the good energy<\/span><h3>Parties &<br \/>milestones<\/h3><p>Birthdays, anniversaries, reunions, and nights worth remembering.<\/p><a class=\"text-link\" href=\"#contact\">Bring on the fun <span>\u2197<\/span><\/a><\/div><\/article>\n          <article class=\"experience-card corporate reveal\"><span class=\"card-number\">03 \/ MAKE AN IMPRESSION<\/span><div class=\"card-content\"><span class=\"small-label\">Bring people together<\/span><h3>Corporate<br \/>experiences<\/h3><p>Add personality and connection to company events and celebrations.<\/p><a class=\"text-link\" href=\"#contact\">Let's collaborate <span>\u2197<\/span><\/a><\/div><\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"statement\">\n      <div class=\"wrap statement-inner reveal\">\n        <blockquote>Some memories fade.<br \/>The best ones <em>make you smile all over again.<\/em><\/blockquote>\n        <a class=\"btn btn-ghost\" href=\"#gallery\">See the feeling <span class=\"arrow\">\u2197<\/span><\/a>\n      <\/div>\n    <\/section>\n\n    <section class=\"gallery section-pad\" id=\"gallery\">\n      <div class=\"wrap\">\n        <div class=\"section-head reveal\"><span class=\"eyebrow\">A little glimpse of the magic<\/span><h2 class=\"serif\">The kind of fun<br \/>that <em>shows up in every photo.<\/em><\/h2><p>Real smiles, spontaneous poses, and the wonderfully unexpected moments that make a celebration yours.<\/p><\/div>\n        <div class=\"gallery-grid reveal\">\n          <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511795409834-ef04bbd61622?auto=format&fit=crop&w=1000&q=85\" alt=\"Elegant celebration with guests gathered together\" loading=\"lazy\" \/><\/div>\n          <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519671482749-fd09be7ccebf?auto=format&fit=crop&w=700&q=85\" alt=\"Friends celebrating together\" loading=\"lazy\" \/><\/div>\n          <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1464366400600-7168b8af9bc3?auto=format&fit=crop&w=700&q=85\" alt=\"Beautiful event details ready for a celebration\" loading=\"lazy\" \/><\/div>\n          <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519671482749-fd09be7ccebf?auto=format&fit=crop&w=700&q=85\" alt=\"Colorful party decorations\" loading=\"lazy\" \/><\/div>\n          <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1492684223066-81342ee5ff30?auto=format&fit=crop&w=700&q=85\" alt=\"A lively event full of energy and lights\" loading=\"lazy\" \/><\/div>\n        <\/div>\n        <p class=\"gallery-note\">Design concept imagery shown for inspiration. Replace with Joena Bell Photo Booth's own event and booth photography before launch.<\/p>\n      <\/div>\n    <\/section>\n\n    <section class=\"why section-pad\" id=\"why\">\n      <div class=\"wrap why-grid\">\n        <div class=\"why-copy reveal\">\n          <div class=\"section-head\"><span class=\"eyebrow\">A thoughtful touch makes all the difference<\/span><h2 class=\"serif\">The right kind of magic is <em>personal.<\/em><\/h2><p>Created by a photographer who understands that the little moments often become the biggest memories.<\/p><\/div>\n          <div class=\"benefit-list\">\n            <div class=\"benefit\"><span class=\"benefit-icon\">\u2727<\/span><div><h3>An artist's eye<\/h3><p>Photography experience and an appreciation for the moments, details, and people that make your event unique.<\/p><\/div><\/div>\n            <div class=\"benefit\"><span class=\"benefit-icon\">\u2661<\/span><div><h3>Made for connection<\/h3><p>An easy, joyful way for friends, family, colleagues, and new acquaintances to share a moment.<\/p><\/div><\/div>\n            <div class=\"benefit\"><span class=\"benefit-icon\">\u263c<\/span><div><h3>A story behind the sparkle<\/h3><p>A heartfelt local brand built around a simple belief: life's best moments are meant to be celebrated.<\/p><\/div><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"why-visual reveal\"><div class=\"why-stamp\"><strong>Good energy looks good on you.<\/strong><span>Let's make a memory worth keeping.<\/span><\/div><\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"contact section-pad\" id=\"contact\">\n      <div class=\"wrap contact-grid\">\n        <div class=\"contact-copy reveal\">\n          <span class=\"eyebrow\">Your party is calling<\/span>\n          <h2>Let's make<br \/><em>some magic.<\/em><\/h2>\n          <p>Tell us a little about your event and what you're dreaming up. We'll be in touch to talk through the details and help you find the right fit.<\/p>\n          <div class=\"contact-details\"><span><b>\u2727<\/b> Proudly serving San Diego and surrounding areas<\/span><span><b>\u2661<\/b> Weddings, celebrations & corporate events<\/span><span><b>\u2709<\/b> Personalized event inquiries welcome<\/span><\/div>\n        <\/div>\n        <form class=\"contact-form reveal\" id=\"inquiryForm\">\n          <h3 class=\"form-title\">Tell us about your event<\/h3>\n          <div class=\"form-row\">\n            <div class=\"field\"><label for=\"name\">Your name *<\/label><input id=\"name\" name=\"name\" type=\"text\" placeholder=\"Name\" required \/><\/div>\n            <div class=\"field\"><label for=\"email\">Email address *<\/label><input id=\"email\" name=\"email\" type=\"email\" placeholder=\"you@example.com\" required \/><\/div>\n          <\/div>\n          <div class=\"form-row\">\n            <div class=\"field\"><label for=\"eventType\">What are you celebrating?<\/label><select id=\"eventType\" name=\"eventType\"><option value=\"Not sure yet\">Choose an event type<\/option><option>Wedding \/ Engagement<\/option><option>Birthday \/ Private Party<\/option><option>Corporate Event<\/option><option>School \/ Community Event<\/option><option>Other Celebration<\/option><\/select><\/div>\n            <div class=\"field\"><label for=\"eventDate\">Event date<\/label><input id=\"eventDate\" name=\"eventDate\" type=\"date\" \/><\/div>\n          <\/div>\n          <div class=\"field\"><label for=\"details\">Anything else you'd like us to know?<\/label><textarea id=\"details\" name=\"details\" placeholder=\"Venue, guest count, the vibe you're imagining\u2026\"><\/textarea><\/div>\n          <button class=\"btn btn-primary\" type=\"submit\">Start the conversation <span class=\"arrow\">\u2197<\/span><\/button>\n          <p class=\"form-footnote\">This concept form opens an email draft in your email app. Connect it to your preferred form service or WordPress form plugin before publishing.<\/p>\n          <div class=\"form-status\" id=\"formStatus\" role=\"status\" aria-live=\"polite\"><\/div>\n        <\/form>\n      <\/div>\n    <\/section>\n  <\/main>\n\n  <footer class=\"site-footer\"><div class=\"wrap footer-inner\"><div><div class=\"footer-brand\">Joena Bell Photo Booth<\/div><div>Always the life of the party. \u00b7 San Diego, California<\/div><\/div><div class=\"footer-links\"><a href=\"#experience\">Experience<\/a><a href=\"#story\">Our Story<\/a><a href=\"#gallery\">Gallery<\/a><a href=\"#contact\">Contact<\/a><\/div><a class=\"back-top\" href=\"#top\" aria-label=\"Back to top\">\u2191<\/a><\/div><\/footer>\n<\/div>\n<script>\nconst root = document.querySelector('.jb-site');\n    const menuToggle = root.querySelector('#menuToggle');\n    const navLinks = root.querySelector('#navLinks');\n    menuToggle.addEventListener('click', () => {\n      const open = navLinks.classList.toggle('open');\n      menuToggle.setAttribute('aria-expanded', String(open));\n      menuToggle.setAttribute('aria-label', open ? 'Close navigation' : 'Open navigation');\n      menuToggle.textContent = open ? '\u00d7' : '\u2630';\n    });\n    navLinks.querySelectorAll('a').forEach(link => link.addEventListener('click', () => {\n      navLinks.classList.remove('open');\n      menuToggle.setAttribute('aria-expanded', 'false');\n      menuToggle.textContent = '\u2630';\n    }));\n\n    const revealObserver = ('IntersectionObserver' in window) ? new IntersectionObserver(entries => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('visible');\n          revealObserver.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.12 }) : null;\n    root.querySelectorAll('.reveal').forEach(el => {\n      if (revealObserver) revealObserver.observe(el); else el.classList.add('visible');\n    });\n\n    \/\/ Prototype behavior only: creates an email draft. Replace with a secure form endpoint\/plugin for production.\n    root.querySelector('#inquiryForm').addEventListener('submit', event => {\n      event.preventDefault();\n      const form = event.currentTarget;\n      if (!form.reportValidity()) return;\n      const data = new FormData(form);\n      const subject = encodeURIComponent('Photo booth inquiry \u2014 ' + (data.get('eventType') || 'Event'));\n      const body = encodeURIComponent(\n        'Hello Joena Bell Photo Booth,\\n\\nI would love to learn more about your photo booth services.\\n\\n' +\n        'Name: ' + data.get('name') + '\\n' +\n        'Email: ' + data.get('email') + '\\n' +\n        'Event type: ' + data.get('eventType') + '\\n' +\n        'Event date: ' + (data.get('eventDate') || 'Not specified') + '\\n\\n' +\n        'Details: ' + (data.get('details') || 'Not provided') + '\\n\\nThank you!'\n      );\n      root.querySelector('#formStatus').textContent = 'Your email draft is ready. Add the business email address to the mailto link in this prototype before using it.';\n      window.location.href = 'mailto:REPLACE_WITH_BUSINESS_EMAIL?subject=' + subject + '&body=' + body;\n    });\n<\/script>\n<!-- JOENA BELL PHOTO BOOTH \u2014 Elementor HTML widget\n     Paste this entire snippet into ONE Elementor HTML widget on a full-width page.\n     Before publishing, replace REPLACE_WITH_BUSINESS_EMAIL in the script with the business email,\n     or replace this prototype form with an Elementor Form widget connected to email.\n     Replace placeholder image URLs with Janis's own photo booth images.\n-->\n<style>\n@import url(\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap\");\n\n    \n.jb-site {\n      --night: #100b20;\n      --night-2: #18102d;\n      --ink: #211532;\n      --muted: #746980;\n      --white: #fffaff;\n      --lavender: #d8c3ff;\n      --purple: #8b50ee;\n      --pink: #ff79c9;\n      --blue: #72baff;\n      --line: rgba(255,255,255,.15);\n      --serif: \"Playfair Display\", Georgia, serif;\n      --sans: \"DM Sans\", Arial, sans-serif;\n      --shadow: 0 24px 70px rgba(39, 13, 72, .18);\n    }\n\n    \n.jb-site * { box-sizing: border-box; }\n\n    \n.jb-site { scroll-behavior: smooth; }\n\n    \n.jb-site { margin: 0; width: 100%; position: relative; overflow: hidden; font-family: var(--sans); color: var(--ink); background: var(--white); line-height: 1.6; }\n\n    \n.jb-site a { color: inherit; text-decoration: none; }\n\n    \n.jb-site button,\n.jb-site input,\n.jb-site textarea,\n.jb-site select { font: inherit; }\n\n    \n.jb-site img { max-width: 100%; display: block; }\n\n    \n.jb-site .wrap { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }\n\n    \n.jb-site .eyebrow { display: inline-flex; align-items: center; gap: 10px; font-size: .72rem; text-transform: uppercase; letter-spacing: .2em; font-weight: 700; }\n\n    \n.jb-site .eyebrow::before { content: \"\"; width: 24px; height: 1px; background: currentColor; opacity: .7; }\n\n    \n.jb-site .serif { font-family: var(--serif); font-weight: 500; letter-spacing: -.04em; }\n\n    \n.jb-site .btn { display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 14px 21px; border-radius: 999px; border: 1px solid transparent; font-size: .86rem; font-weight: 700; transition: transform .25s ease, box-shadow .25s ease, background .25s ease; cursor: pointer; }\n\n    \n.jb-site .btn:hover { transform: translateY(-3px); }\n\n    \n.jb-site .btn-primary { color: #fff; background: linear-gradient(110deg, #9859f4 0%, #d45ed4 52%, #648fff 100%); box-shadow: 0 12px 34px rgba(151, 78, 225, .28); }\n\n    \n.jb-site .btn-primary:hover { box-shadow: 0 16px 40px rgba(151, 78, 225, .4); }\n\n    \n.jb-site .btn-ghost { color: #fff; border-color: rgba(255,255,255,.32); background: rgba(255,255,255,.04); }\n\n    \n.jb-site .btn-ghost:hover { background: rgba(255,255,255,.1); }\n\n    \n.jb-site .arrow { font-size: 1.1rem; line-height: 1; }\n\n\n    \n\/* Navigation *\/\n\n    \n.jb-site .site-header { position: absolute; inset: 0 0 auto; z-index: 20; color: white; }\n\n    \n.jb-site .nav { min-height: 94px; display: flex; align-items: center; justify-content: space-between; gap: 28px; border-bottom: 1px solid rgba(255,255,255,.13); }\n\n    \n.jb-site .brand { display: flex; align-items: center; gap: 12px; min-width: 230px; }\n\n    \n.jb-site .brand-mark { width: 42px; height: 42px; border: 1px solid rgba(255,255,255,.48); border-radius: 50%; display: grid; place-items: center; position: relative; background: linear-gradient(135deg, rgba(255,121,201,.24), rgba(114,186,255,.16)); }\n\n    \n.jb-site .brand-mark::before { content: \"\u2727\"; font-size: 25px; color: #f6dfff; }\n\n    \n.jb-site .brand-name { font-family: var(--serif); font-size: 1.12rem; line-height: 1.1; }\n\n    \n.jb-site .brand-sub { display: block; font-family: var(--sans); font-size: .58rem; text-transform: uppercase; letter-spacing: .19em; opacity: .68; margin-top: 5px; }\n\n    \n.jb-site .nav-links { display: flex; align-items: center; gap: clamp(18px, 2.5vw, 34px); font-size: .82rem; color: rgba(255,255,255,.82); }\n\n    \n.jb-site .nav-links a:not(.btn):hover { color: #fff; }\n\n    \n.jb-site .nav .btn { padding: 12px 17px; font-size: .78rem; }\n\n    \n.jb-site .menu-toggle { display: none; border: 1px solid var(--line); background: transparent; color: white; width: 44px; height: 44px; border-radius: 50%; font-size: 1.3rem; }\n\n\n    \n\/* Hero *\/\n\n    \n.jb-site .hero { position: relative; min-height: 790px; display: flex; align-items: center; overflow: hidden; color: white; isolation: isolate; background: var(--night); }\n\n    \n.jb-site .hero::before { content: \"\"; position: absolute; z-index: -3; inset: 0; background: linear-gradient(90deg, rgba(16,11,32,.98) 0%, rgba(16,11,32,.88) 36%, rgba(16,11,32,.28) 73%, rgba(16,11,32,.34) 100%), url(\"https:\/\/images.unsplash.com\/photo-1492684223066-81342ee5ff30?auto=format&fit=crop&w=2000&q=88\") center 46%\/cover; transform: scale(1.02); }\n\n    \n.jb-site .hero::after { content: \"\"; position: absolute; inset: 0; z-index: -2; background: radial-gradient(ellipse at 72% 27%, rgba(179,86,255,.3), transparent 29%), radial-gradient(ellipse at 78% 74%, rgba(57,143,255,.24), transparent 31%), linear-gradient(180deg, transparent 70%, rgba(16,11,32,.72)); pointer-events: none; }\n\n    \n.jb-site .hero-orb { position: absolute; z-index: -1; border-radius: 50%; filter: blur(1px); pointer-events: none; }\n\n    \n.jb-site .hero-orb.one { width: 320px; height: 320px; top: 19%; right: 9%; border: 1px solid rgba(255,255,255,.22); box-shadow: inset 0 0 60px rgba(255,121,201,.12), 0 0 80px rgba(146,84,242,.13); }\n\n    \n.jb-site .hero-orb.two { width: 14px; height: 14px; top: 26%; right: 22%; background: #f8d8ff; box-shadow: 0 0 26px 8px rgba(232,166,255,.58); }\n\n    \n.jb-site .hero-orb.three { width: 7px; height: 7px; top: 64%; right: 13%; background: #93caff; box-shadow: 0 0 25px 8px rgba(114,186,255,.45); }\n\n    \n.jb-site .hero-content { padding-top: 130px; padding-bottom: 105px; max-width: 760px; position: relative; }\n\n    \n.jb-site .hero .eyebrow { color: #e6d4ff; }\n\n    \n.jb-site .hero h1 { font-size: clamp(3.5rem, 7.2vw, 6.9rem); line-height: .99; margin: 25px 0 24px; max-width: 780px; }\n\n    \n.jb-site .hero h1 em { color: #e3caff; font-weight: 500; }\n\n    \n.jb-site .hero-copy { color: rgba(255,255,255,.79); font-size: clamp(1rem, 1.4vw, 1.15rem); max-width: 520px; margin: 0 0 30px; }\n\n    \n.jb-site .hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 13px; }\n\n    \n.jb-site .hero-note { display: flex; align-items: center; gap: 12px; margin-top: 42px; color: rgba(255,255,255,.7); font-size: .75rem; letter-spacing: .04em; }\n\n    \n.jb-site .mini-stars { color: #f6c8ff; letter-spacing: .16em; font-size: 1rem; }\n\n    \n.jb-site .hero-side-note { position: absolute; right: 3.5%; bottom: 19%; writing-mode: vertical-rl; color: rgba(255,255,255,.64); font-size: .64rem; text-transform: uppercase; letter-spacing: .22em; }\n\n    \n.jb-site .hero-bottom { position: absolute; bottom: 0; left: 0; right: 0; border-top: 1px solid rgba(255,255,255,.16); background: rgba(16,11,32,.38); backdrop-filter: blur(14px); }\n\n    \n.jb-site .hero-bottom-inner { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; color: rgba(255,255,255,.78); font-size: .75rem; }\n\n    \n.jb-site .hero-bottom strong { color: white; font-weight: 600; }\n\n    \n.jb-site .hero-bottom .bottom-links { display: flex; gap: 26px; flex-wrap: wrap; }\n\n\n    \n\/* Shared sections *\/\n\n    \n.jb-site section { scroll-margin-top: 28px; }\n\n    \n.jb-site .section-pad { padding: 112px 0; }\n\n    \n.jb-site .section-head { max-width: 680px; margin-bottom: 48px; }\n\n    \n.jb-site .section-head .eyebrow { color: #8053bf; }\n\n    \n.jb-site .section-head h2 { font-size: clamp(2.5rem, 4.8vw, 4.35rem); line-height: 1.06; margin: 17px 0 18px; }\n\n    \n.jb-site .section-head p { color: var(--muted); max-width: 560px; margin: 0; }\n\n    \n.jb-site .center { text-align: center; margin-inline: auto; }\n\n    \n.jb-site .center .eyebrow { justify-content: center; }\n\n    \n.jb-site .center p { margin-inline: auto; }\n\n\n    \n\/* Brand story *\/\n\n    \n.jb-site .story { background: #fbf8ff; position: relative; overflow: hidden; }\n\n    \n.jb-site .story::before { content: \"\"; position: absolute; width: 480px; height: 480px; right: -220px; top: -190px; border-radius: 50%; background: radial-gradient(circle, rgba(215,185,255,.32), transparent 68%); }\n\n    \n.jb-site .story-grid { display: grid; grid-template-columns: .95fr 1.05fr; align-items: center; gap: clamp(48px, 8vw, 105px); position: relative; }\n\n    \n.jb-site .story-art { min-height: 560px; position: relative; }\n\n    \n.jb-site .story-photo { position: absolute; inset: 0 48px 38px 0; overflow: hidden; border-radius: 220px 220px 18px 18px; background: linear-gradient(160deg, #b98aff, #f7b8e4 45%, #7fb8ff); box-shadow: var(--shadow); }\n\n    \n.jb-site .story-photo img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: multiply; opacity: .88; }\n\n    \n.jb-site .story-photo::after { content: \"\"; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(119,66,190,.04), rgba(38,17,68,.34)); }\n\n    \n.jb-site .story-orbit { position: absolute; width: 200px; height: 200px; right: 0; bottom: 0; border: 1px solid #b9a0e8; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(140deg, rgba(255,255,255,.86), rgba(231,216,255,.74)); box-shadow: 0 15px 50px rgba(88,54,134,.16); text-align: center; color: #6b429e; transform: rotate(7deg); }\n\n    \n.jb-site .story-orbit span { display: block; font-size: 2rem; line-height: 1.1; }\n\n    \n.jb-site .story-orbit small { display: block; max-width: 120px; margin: 8px auto 0; font-size: .66rem; line-height: 1.4; letter-spacing: .12em; text-transform: uppercase; }\n\n    \n.jb-site .story-copy .eyebrow { color: #8053bf; }\n\n    \n.jb-site .story-copy h2 { font-size: clamp(2.5rem, 4.5vw, 4.15rem); line-height: 1.05; margin: 18px 0 24px; }\n\n    \n.jb-site .story-copy h2 em { color: #9863d8; }\n\n    \n.jb-site .story-copy p { color: #746980; }\n\n    \n.jb-site .story-signoff { display: flex; align-items: center; gap: 14px; margin-top: 29px; padding-top: 24px; border-top: 1px solid #e8dff3; }\n\n    \n.jb-site .sign-mark { display: grid; place-items: center; width: 45px; height: 45px; border-radius: 50%; background: linear-gradient(135deg, #cba7ff, #ffb7e4); color: white; font-size: 1.4rem; }\n\n    \n.jb-site .story-signoff strong { display: block; font-size: .9rem; }\n\n    \n.jb-site .story-signoff span { display: block; color: #8b7e99; font-size: .75rem; }\n\n\n    \n\/* Experiences *\/\n\n    \n.jb-site .experiences { background: white; }\n\n    \n.jb-site .experience-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }\n\n    \n.jb-site .experience-card { position: relative; min-height: 390px; overflow: hidden; border-radius: 16px; isolation: isolate; color: white; background: #241437; }\n\n    \n.jb-site .experience-card::before { content: \"\"; position: absolute; inset: 0; z-index: -2; background-position: center; background-size: cover; transition: transform .7s ease; }\n\n    \n.jb-site .experience-card:hover::before { transform: scale(1.06); }\n\n    \n.jb-site .experience-card::after { content: \"\"; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(18,10,35,.02) 15%, rgba(18,10,35,.22) 42%, rgba(18,10,35,.91) 100%); }\n\n    \n.jb-site .experience-card.weddings::before { background-image: url(\"https:\/\/images.unsplash.com\/photo-1519741497674-611481863552?auto=format&fit=crop&w=900&q=85\"); }\n\n    \n.jb-site .experience-card.parties::before { background-image: url(\"https:\/\/images.unsplash.com\/photo-1519671482749-fd09be7ccebf?auto=format&fit=crop&w=900&q=85\"); }\n\n    \n.jb-site .experience-card.corporate::before { background-image: url(\"https:\/\/images.unsplash.com\/photo-1511795409834-ef04bbd61622?auto=format&fit=crop&w=900&q=85\"); }\n\n    \n.jb-site .card-number { position: absolute; top: 22px; left: 22px; color: rgba(255,255,255,.85); font-size: .68rem; letter-spacing: .17em; }\n\n    \n.jb-site .card-content { position: absolute; left: 27px; right: 25px; bottom: 27px; }\n\n    \n.jb-site .card-content .small-label { font-size: .67rem; text-transform: uppercase; letter-spacing: .16em; color: #e8d7ff; }\n\n    \n.jb-site .card-content h3 { font-family: var(--serif); font-size: 2rem; font-weight: 500; line-height: 1.08; margin: 8px 0 9px; }\n\n    \n.jb-site .card-content p { margin: 0 0 17px; color: rgba(255,255,255,.76); font-size: .83rem; max-width: 280px; }\n\n    \n.jb-site .text-link { display: inline-flex; gap: 10px; align-items: center; font-size: .8rem; font-weight: 700; }\n\n    \n.jb-site .text-link span { transition: transform .2s ease; }\n\n    \n.jb-site .text-link:hover span { transform: translateX(4px); }\n\n\n    \n\/* Statement banner *\/\n\n    \n.jb-site .statement { position: relative; padding: 86px 0; overflow: hidden; color: white; background: linear-gradient(112deg, #6130aa 0%, #a94db8 48%, #4f78d8 100%); }\n\n    \n.jb-site .statement::before,\n.jb-site .statement::after { content: \"\"; position: absolute; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; width: 380px; height: 380px; top: -230px; left: -40px; }\n\n    \n.jb-site .statement::after { width: 500px; height: 500px; top: auto; bottom: -410px; left: auto; right: 4%; }\n\n    \n.jb-site .statement-inner { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 40px; }\n\n    \n.jb-site .statement blockquote { margin: 0; max-width: 780px; font-family: var(--serif); font-size: clamp(2.5rem, 5vw, 4.6rem); line-height: 1.08; letter-spacing: -.035em; }\n\n    \n.jb-site .statement blockquote em { color: #f9d9ff; }\n\n    \n.jb-site .statement .btn { flex-shrink: 0; }\n\n\n    \n\/* Gallery *\/\n\n    \n.jb-site .gallery { background: #f8f4ff; }\n\n    \n.jb-site .gallery-grid { display: grid; grid-template-columns: 1.1fr .8fr .8fr; grid-template-rows: 230px 230px; gap: 14px; }\n\n    \n.jb-site .gallery-item { overflow: hidden; border-radius: 13px; position: relative; background: linear-gradient(135deg, #c5a4ff, #f7b6e1 50%, #8dc9ff); }\n\n    \n.jb-site .gallery-item:first-child { grid-row: span 2; }\n\n    \n.jb-site .gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }\n\n    \n.jb-site .gallery-item:hover img { transform: scale(1.06); }\n\n    \n.jb-site .gallery-item::after { content: \"\"; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, transparent 65%, rgba(25,12,44,.42)); }\n\n    \n.jb-site .gallery-note { text-align: center; margin: 26px auto 0; color: #8b7e99; font-size: .76rem; }\n\n\n    \n\/* Why us *\/\n\n    \n.jb-site .why { background: white; }\n\n    \n.jb-site .why-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; align-items: center; }\n\n    \n.jb-site .why-visual { min-height: 510px; border-radius: 18px; overflow: hidden; position: relative; background: linear-gradient(145deg, rgba(101,55,177,.15), rgba(255,121,201,.2)), url(\"https:\/\/images.unsplash.com\/photo-1527529482837-4698179dc6ce?auto=format&fit=crop&w=1100&q=85\") center\/cover; }\n\n    \n.jb-site .why-visual::after { content: \"\"; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(39,16,69,.02), rgba(39,16,69,.25)); }\n\n    \n.jb-site .why-stamp { position: absolute; z-index: 2; bottom: 24px; left: 24px; right: 24px; padding: 21px 23px; border: 1px solid rgba(255,255,255,.4); border-radius: 13px; color: white; background: rgba(27,14,48,.42); backdrop-filter: blur(14px); }\n\n    \n.jb-site .why-stamp strong { display: block; font-family: var(--serif); font-size: 1.55rem; font-weight: 500; }\n\n    \n.jb-site .why-stamp span { font-size: .76rem; color: rgba(255,255,255,.8); }\n\n    \n.jb-site .why-copy .section-head { margin-bottom: 30px; }\n\n    \n.jb-site .benefit-list { display: grid; gap: 21px; }\n\n    \n.jb-site .benefit { display: grid; grid-template-columns: 46px 1fr; gap: 15px; align-items: start; }\n\n    \n.jb-site .benefit-icon { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(135deg, #eee0ff, #ffe1f4); color: #8250bc; font-size: 1.1rem; }\n\n    \n.jb-site .benefit h3 { margin: 0 0 4px; font-size: .96rem; }\n\n    \n.jb-site .benefit p { margin: 0; color: var(--muted); font-size: .84rem; }\n\n\n    \n\/* CTA \/ form *\/\n\n    \n.jb-site .contact { position: relative; overflow: hidden; background: var(--night); color: white; }\n\n    \n.jb-site .contact::before { content: \"\"; position: absolute; width: 650px; height: 650px; top: -340px; left: -180px; border-radius: 50%; background: radial-gradient(circle, rgba(155,78,238,.35), transparent 67%); }\n\n    \n.jb-site .contact::after { content: \"\"; position: absolute; width: 620px; height: 620px; bottom: -400px; right: -100px; border-radius: 50%; background: radial-gradient(circle, rgba(80,139,255,.3), transparent 67%); }\n\n    \n.jb-site .contact-grid { position: relative; z-index: 1; display: grid; grid-template-columns: .9fr 1.1fr; gap: 90px; align-items: start; }\n\n    \n.jb-site .contact-copy .eyebrow { color: #d6bdff; }\n\n    \n.jb-site .contact-copy h2 { font-family: var(--serif); font-size: clamp(2.9rem, 5vw, 4.6rem); font-weight: 500; line-height: 1.02; letter-spacing: -.04em; margin: 20px 0; }\n\n    \n.jb-site .contact-copy h2 em { color: #dfbaff; }\n\n    \n.jb-site .contact-copy p { color: rgba(255,255,255,.7); max-width: 410px; }\n\n    \n.jb-site .contact-details { margin-top: 34px; display: grid; gap: 13px; color: rgba(255,255,255,.78); font-size: .83rem; }\n\n    \n.jb-site .contact-details span { display: flex; gap: 11px; align-items: center; }\n\n    \n.jb-site .contact-details b { color: #e2c9ff; font-size: 1rem; font-weight: 500; }\n\n    \n.jb-site .contact-form { border: 1px solid rgba(255,255,255,.17); border-radius: 18px; padding: clamp(24px, 4vw, 39px); background: rgba(255,255,255,.055); backdrop-filter: blur(15px); box-shadow: 0 20px 70px rgba(0,0,0,.14); }\n\n    \n.jb-site .form-title { margin: 0 0 22px; font-family: var(--serif); font-size: 1.7rem; font-weight: 500; }\n\n    \n.jb-site .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }\n\n    \n.jb-site .field { display: grid; gap: 7px; margin-bottom: 16px; }\n\n    \n.jb-site .field label { color: rgba(255,255,255,.78); font-size: .74rem; font-weight: 600; }\n\n    \n.jb-site .field input,\n.jb-site .field select,\n.jb-site .field textarea { width: 100%; border: 1px solid rgba(255,255,255,.17); border-radius: 9px; padding: 13px 14px; background: rgba(12,7,25,.4); color: white; outline: none; font-size: .84rem; }\n\n    \n.jb-site .field input::placeholder,\n.jb-site .field textarea::placeholder { color: rgba(255,255,255,.38); }\n\n    \n.jb-site .field input:focus,\n.jb-site .field select:focus,\n.jb-site .field textarea:focus { border-color: #cb9eff; box-shadow: 0 0 0 3px rgba(169,111,255,.12); }\n\n    \n.jb-site .field select option { color: #211532; }\n\n    \n.jb-site .field textarea { min-height: 95px; resize: vertical; }\n\n    \n.jb-site .form-footnote { color: rgba(255,255,255,.48); font-size: .67rem; margin: 12px 0 0; }\n\n    \n.jb-site .form-status { color: #e3caff; font-size: .8rem; margin-top: 12px; }\n\n\n    \n\/* Footer *\/\n\n    \n.jb-site .site-footer { background: #0b0716; color: rgba(255,255,255,.7); padding: 30px 0; font-size: .73rem; }\n\n    \n.jb-site .footer-inner { display: flex; justify-content: space-between; align-items: center; gap: 20px; }\n\n    \n.jb-site .footer-brand { color: white; font-family: var(--serif); font-size: 1rem; }\n\n    \n.jb-site .footer-links { display: flex; gap: 20px; flex-wrap: wrap; }\n\n    \n.jb-site .footer-links a:hover { color: white; }\n\n    \n.jb-site .back-top { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; color: white; }\n\n\n    \n\/* Motion *\/\n\n    \n.jb-site .reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s ease; }\n\n    \n.jb-site .reveal.visible { opacity: 1; transform: translateY(0); }\n\n    \n@media (prefers-reduced-motion: reduce) {\n \n.jb-site { scroll-behavior: auto; }\n \n.jb-site *,\n.jb-site *::before,\n.jb-site *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }\n \n.jb-site .reveal { opacity: 1; transform: none; }\n \n}\n\n\n    \n@media (max-width: 900px) {\n\n      \n.jb-site .nav-links { gap: 15px; }\n\n      \n.jb-site .nav-links a:not(.btn) { display: none; }\n\n      \n.jb-site .hero { min-height: 740px; }\n\n      \n.jb-site .hero::before { background-position: 58% center; }\n\n      \n.jb-site .hero-side-note { display: none; }\n\n      \n.jb-site .story-grid,\n.jb-site .why-grid { gap: 48px; }\n\n      \n.jb-site .story-art { min-height: 480px; }\n\n      \n.jb-site .story-orbit { width: 160px; height: 160px; }\n\n      \n.jb-site .experience-card { min-height: 340px; }\n\n      \n.jb-site .contact-grid { gap: 45px; }\n\n    \n}\n\n    \n@media (max-width: 680px) {\n\n      \n.jb-site .wrap { width: min(100% - 36px, 540px); }\n\n      \n.jb-site .nav { min-height: 78px; }\n\n      \n.jb-site .brand { min-width: 0; }\n\n      \n.jb-site .brand-name { font-size: 1rem; }\n\n      \n.jb-site .brand-mark { width: 38px; height: 38px; }\n\n      \n.jb-site .nav-links { display: none; position: absolute; top: 78px; left: 0; right: 0; padding: 20px 22px 24px; background: rgba(16,11,32,.97); border-bottom: 1px solid var(--line); flex-direction: column; align-items: stretch; gap: 17px; }\n\n      \n.jb-site .nav-links.open { display: flex; }\n\n      \n.jb-site .nav-links a:not(.btn) { display: block; }\n\n      \n.jb-site .nav-links .btn { width: 100%; }\n\n      \n.jb-site .menu-toggle { display: grid; place-items: center; }\n\n      \n.jb-site .hero { min-height: 790px; align-items: flex-start; }\n\n      \n.jb-site .hero::before { background-image: linear-gradient(90deg, rgba(16,11,32,.9), rgba(16,11,32,.48)), linear-gradient(180deg, rgba(16,11,32,.2), rgba(16,11,32,.75)), url(\"https:\/\/images.unsplash.com\/photo-1492684223066-81342ee5ff30?auto=format&fit=crop&w=1000&q=85\"); background-position: 57% center; }\n\n      \n.jb-site .hero-content { padding-top: 150px; padding-bottom: 160px; }\n\n      \n.jb-site .hero h1 { font-size: clamp(3.4rem, 15vw, 5.3rem); }\n\n      \n.jb-site .hero-copy { max-width: 390px; }\n\n      \n.jb-site .hero-bottom-inner { padding: 17px 0; align-items: flex-start; flex-direction: column; gap: 9px; }\n\n      \n.jb-site .hero-bottom .bottom-links { gap: 14px; }\n\n      \n.jb-site .hero-orb.one { right: -140px; top: 24%; }\n\n      \n.jb-site .section-pad { padding: 78px 0; }\n\n      \n.jb-site .section-head { margin-bottom: 34px; }\n\n      \n.jb-site .story-grid,\n.jb-site .why-grid,\n.jb-site .contact-grid { grid-template-columns: 1fr; }\n\n      \n.jb-site .story-grid { gap: 48px; }\n\n      \n.jb-site .story-art { min-height: 470px; max-width: 440px; width: 100%; margin: 0 auto; }\n\n      \n.jb-site .story-photo { right: 32px; bottom: 27px; }\n\n      \n.jb-site .story-orbit { right: 0; width: 145px; height: 145px; }\n\n      \n.jb-site .experience-grid { grid-template-columns: 1fr; }\n\n      \n.jb-site .experience-card { min-height: 390px; }\n\n      \n.jb-site .statement { padding: 72px 0; }\n\n      \n.jb-site .statement-inner { align-items: flex-start; flex-direction: column; gap: 26px; }\n\n      \n.jb-site .statement blockquote { font-size: clamp(2.6rem, 11vw, 4rem); }\n\n      \n.jb-site .gallery-grid { grid-template-columns: 1fr 1fr; grid-template-rows: 240px 170px 170px; }\n\n      \n.jb-site .gallery-item:first-child { grid-column: span 2; grid-row: auto; }\n\n      \n.jb-site .why-grid { gap: 38px; }\n\n      \n.jb-site .why-visual { min-height: 390px; order: 2; }\n\n      \n.jb-site .contact-grid { gap: 38px; }\n\n      \n.jb-site .form-row { grid-template-columns: 1fr; gap: 0; }\n\n      \n.jb-site .footer-inner { align-items: flex-start; flex-direction: column; }\n\n    \n}\n\n  \n<\/style>\n<div class=\"jb-site\">\n<header class=\"site-header\" id=\"top\">\n    <div class=\"wrap nav\">\n      <a class=\"brand\" href=\"#top\" aria-label=\"Joena Bell Photo Booth home\">\n        <span class=\"brand-mark\" aria-hidden=\"true\"><\/span>\n        <span class=\"brand-name\">Joena Bell<span class=\"brand-sub\">Photo Booth \u00b7 San Diego<\/span><\/span>\n      <\/a>\n      <nav class=\"nav-links\" id=\"navLinks\" aria-label=\"Main navigation\">\n        <a href=\"#experience\">The Experience<\/a>\n        <a href=\"#story\">Our Story<\/a>\n        <a href=\"#gallery\">Gallery<\/a>\n        <a href=\"#why\">Why Joena Bell<\/a>\n        <a class=\"btn btn-primary\" href=\"#contact\">Let's Make Memories <span class=\"arrow\">\u2197<\/span><\/a>\n      <\/nav>\n      <button class=\"menu-toggle\" id=\"menuToggle\" aria-label=\"Open navigation\" aria-expanded=\"false\" aria-controls=\"navLinks\">\u2630<\/button>\n    <\/div>\n  <\/header>\n\n  <main>\n    <section class=\"hero\" aria-labelledby=\"hero-title\">\n      <span class=\"hero-orb one\" aria-hidden=\"true\"><\/span><span class=\"hero-orb two\" aria-hidden=\"true\"><\/span><span class=\"hero-orb three\" aria-hidden=\"true\"><\/span>\n      <div class=\"wrap hero-content\">\n        <span class=\"eyebrow\">San Diego photo booth experiences<\/span>\n        <h1 class=\"serif\" id=\"hero-title\">Always the<br \/><em>life of the party.<\/em><\/h1>\n        <p class=\"hero-copy\">A little magic. A lot of personality. Unforgettable moments. Bring your people together and give them a reason to strike a pose.<\/p>\n        <div class=\"hero-actions\">\n          <a class=\"btn btn-primary\" href=\"#contact\">Make your event unforgettable <span class=\"arrow\">\u2197<\/span><\/a>\n          <a class=\"btn btn-ghost\" href=\"#experience\">Explore the experience <span class=\"arrow\">\u2193<\/span><\/a>\n        <\/div>\n        <div class=\"hero-note\"><span class=\"mini-stars\">\u2726 \u2727 \u2726<\/span><span>Made for the moments you never want to forget.<\/span><\/div>\n      <\/div>\n      <div class=\"hero-side-note\">Good people \u00b7 Great parties \u00b7 Beautiful memories<\/div>\n      <div class=\"hero-bottom\"><div class=\"wrap hero-bottom-inner\"><span><strong>Thoughtfully made for your kind of celebration.<\/strong><\/span><div class=\"bottom-links\"><span>Weddings<\/span><span>Parties<\/span><span>Corporate events<\/span><span>Milestones<\/span><\/div><\/div><\/div>\n    <\/section>\n\n    <section class=\"story section-pad\" id=\"story\">\n      <div class=\"wrap story-grid\">\n        <div class=\"story-art reveal\">\n          <div class=\"story-photo\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511795409834-ef04bbd61622?auto=format&fit=crop&w=1000&q=85\" alt=\"Guests sharing a joyful moment at a celebration\" loading=\"lazy\" \/><\/div>\n          <div class=\"story-orbit\"><div><span>\u2727<\/span><small>A legacy of laughter, love & light<\/small><\/div><\/div>\n        <\/div>\n        <div class=\"story-copy reveal\">\n          <span class=\"eyebrow\">A name with a little extra meaning<\/span>\n          <h2 class=\"serif\">Inspired by a woman who made <em>every room brighter.<\/em><\/h2>\n          <p>Joena Bell was the kind of person who brought the party with her. Her warmth, spirit, and love of celebrating life inspired a business built around those same beautiful things: people coming together, letting go, and making memories.<\/p>\n          <p>Created by San Diego photographer Janis Foley, Joena Bell Photo Booth is a tribute to her mother and a reminder that the best moments are the ones we share. Every celebration is a chance to keep that spirit shining.<\/p>\n          <div class=\"story-signoff\"><span class=\"sign-mark\">\u2727<\/span><div><strong>For Joena, and for every reason to celebrate.<\/strong><span>Always the life of the party.<\/span><\/div><\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"experiences section-pad\" id=\"experience\">\n      <div class=\"wrap\">\n        <div class=\"section-head center reveal\"><span class=\"eyebrow\">Your people. Your moment.<\/span><h2 class=\"serif\">Every gathering deserves<br \/>a little <em>extra sparkle.<\/em><\/h2><p>From once-in-a-lifetime milestones to a just-because celebration, create a shared experience your guests will talk about long after the last song.<\/p><\/div>\n        <div class=\"experience-grid\">\n          <article class=\"experience-card weddings reveal\"><span class=\"card-number\">01 \/ THE BIG YES<\/span><div class=\"card-content\"><span class=\"small-label\">Love in the spotlight<\/span><h3>Weddings &<br \/>engagements<\/h3><p>Give your guests another way to celebrate your favorite day together.<\/p><a class=\"text-link\" href=\"#contact\">Plan your wedding <span>\u2197<\/span><\/a><\/div><\/article>\n          <article class=\"experience-card parties reveal\"><span class=\"card-number\">02 \/ LET'S CELEBRATE<\/span><div class=\"card-content\"><span class=\"small-label\">All the good energy<\/span><h3>Parties &<br \/>milestones<\/h3><p>Birthdays, anniversaries, reunions, and nights worth remembering.<\/p><a class=\"text-link\" href=\"#contact\">Bring on the fun <span>\u2197<\/span><\/a><\/div><\/article>\n          <article class=\"experience-card corporate reveal\"><span class=\"card-number\">03 \/ MAKE AN IMPRESSION<\/span><div class=\"card-content\"><span class=\"small-label\">Bring people together<\/span><h3>Corporate<br \/>experiences<\/h3><p>Add personality and connection to company events and celebrations.<\/p><a class=\"text-link\" href=\"#contact\">Let's collaborate <span>\u2197<\/span><\/a><\/div><\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"statement\">\n      <div class=\"wrap statement-inner reveal\">\n        <blockquote>Some memories fade.<br \/>The best ones <em>make you smile all over again.<\/em><\/blockquote>\n        <a class=\"btn btn-ghost\" href=\"#gallery\">See the feeling <span class=\"arrow\">\u2197<\/span><\/a>\n      <\/div>\n    <\/section>\n\n    <section class=\"gallery section-pad\" id=\"gallery\">\n      <div class=\"wrap\">\n        <div class=\"section-head reveal\"><span class=\"eyebrow\">A little glimpse of the magic<\/span><h2 class=\"serif\">The kind of fun<br \/>that <em>shows up in every photo.<\/em><\/h2><p>Real smiles, spontaneous poses, and the wonderfully unexpected moments that make a celebration yours.<\/p><\/div>\n        <div class=\"gallery-grid reveal\">\n          <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511795409834-ef04bbd61622?auto=format&fit=crop&w=1000&q=85\" alt=\"Elegant celebration with guests gathered together\" loading=\"lazy\" \/><\/div>\n          <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519671482749-fd09be7ccebf?auto=format&fit=crop&w=700&q=85\" alt=\"Friends celebrating together\" loading=\"lazy\" \/><\/div>\n          <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1464366400600-7168b8af9bc3?auto=format&fit=crop&w=700&q=85\" alt=\"Beautiful event details ready for a celebration\" loading=\"lazy\" \/><\/div>\n          <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519671482749-fd09be7ccebf?auto=format&fit=crop&w=700&q=85\" alt=\"Colorful party decorations\" loading=\"lazy\" \/><\/div>\n          <div class=\"gallery-item\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1492684223066-81342ee5ff30?auto=format&fit=crop&w=700&q=85\" alt=\"A lively event full of energy and lights\" loading=\"lazy\" \/><\/div>\n        <\/div>\n        <p class=\"gallery-note\">Design concept imagery shown for inspiration. Replace with Joena Bell Photo Booth's own event and booth photography before launch.<\/p>\n      <\/div>\n    <\/section>\n\n    <section class=\"why section-pad\" id=\"why\">\n      <div class=\"wrap why-grid\">\n        <div class=\"why-copy reveal\">\n          <div class=\"section-head\"><span class=\"eyebrow\">A thoughtful touch makes all the difference<\/span><h2 class=\"serif\">The right kind of magic is <em>personal.<\/em><\/h2><p>Created by a photographer who understands that the little moments often become the biggest memories.<\/p><\/div>\n          <div class=\"benefit-list\">\n            <div class=\"benefit\"><span class=\"benefit-icon\">\u2727<\/span><div><h3>An artist's eye<\/h3><p>Photography experience and an appreciation for the moments, details, and people that make your event unique.<\/p><\/div><\/div>\n            <div class=\"benefit\"><span class=\"benefit-icon\">\u2661<\/span><div><h3>Made for connection<\/h3><p>An easy, joyful way for friends, family, colleagues, and new acquaintances to share a moment.<\/p><\/div><\/div>\n            <div class=\"benefit\"><span class=\"benefit-icon\">\u263c<\/span><div><h3>A story behind the sparkle<\/h3><p>A heartfelt local brand built around a simple belief: life's best moments are meant to be celebrated.<\/p><\/div><\/div>\n          <\/div>\n        <\/div>\n        <div class=\"why-visual reveal\"><div class=\"why-stamp\"><strong>Good energy looks good on you.<\/strong><span>Let's make a memory worth keeping.<\/span><\/div><\/div>\n      <\/div>\n    <\/section>\n\n    <section class=\"contact section-pad\" id=\"contact\">\n      <div class=\"wrap contact-grid\">\n        <div class=\"contact-copy reveal\">\n          <span class=\"eyebrow\">Your party is calling<\/span>\n          <h2>Let's make<br \/><em>some magic.<\/em><\/h2>\n          <p>Tell us a little about your event and what you're dreaming up. We'll be in touch to talk through the details and help you find the right fit.<\/p>\n          <div class=\"contact-details\"><span><b>\u2727<\/b> Proudly serving San Diego and surrounding areas<\/span><span><b>\u2661<\/b> Weddings, celebrations & corporate events<\/span><span><b>\u2709<\/b> Personalized event inquiries welcome<\/span><\/div>\n        <\/div>\n        <form class=\"contact-form reveal\" id=\"inquiryForm\">\n          <h3 class=\"form-title\">Tell us about your event<\/h3>\n          <div class=\"form-row\">\n            <div class=\"field\"><label for=\"name\">Your name *<\/label><input id=\"name\" name=\"name\" type=\"text\" placeholder=\"Name\" required \/><\/div>\n            <div class=\"field\"><label for=\"email\">Email address *<\/label><input id=\"email\" name=\"email\" type=\"email\" placeholder=\"you@example.com\" required \/><\/div>\n          <\/div>\n          <div class=\"form-row\">\n            <div class=\"field\"><label for=\"eventType\">What are you celebrating?<\/label><select id=\"eventType\" name=\"eventType\"><option value=\"Not sure yet\">Choose an event type<\/option><option>Wedding \/ Engagement<\/option><option>Birthday \/ Private Party<\/option><option>Corporate Event<\/option><option>School \/ Community Event<\/option><option>Other Celebration<\/option><\/select><\/div>\n            <div class=\"field\"><label for=\"eventDate\">Event date<\/label><input id=\"eventDate\" name=\"eventDate\" type=\"date\" \/><\/div>\n          <\/div>\n          <div class=\"field\"><label for=\"details\">Anything else you'd like us to know?<\/label><textarea id=\"details\" name=\"details\" placeholder=\"Venue, guest count, the vibe you're imagining\u2026\"><\/textarea><\/div>\n          <button class=\"btn btn-primary\" type=\"submit\">Start the conversation <span class=\"arrow\">\u2197<\/span><\/button>\n          <p class=\"form-footnote\">This concept form opens an email draft in your email app. Connect it to your preferred form service or WordPress form plugin before publishing.<\/p>\n          <div class=\"form-status\" id=\"formStatus\" role=\"status\" aria-live=\"polite\"><\/div>\n        <\/form>\n      <\/div>\n    <\/section>\n  <\/main>\n\n  <footer class=\"site-footer\"><div class=\"wrap footer-inner\"><div><div class=\"footer-brand\">Joena Bell Photo Booth<\/div><div>Always the life of the party. \u00b7 San Diego, California<\/div><\/div><div class=\"footer-links\"><a href=\"#experience\">Experience<\/a><a href=\"#story\">Our Story<\/a><a href=\"#gallery\">Gallery<\/a><a href=\"#contact\">Contact<\/a><\/div><a class=\"back-top\" href=\"#top\" aria-label=\"Back to top\">\u2191<\/a><\/div><\/footer>\n<\/div>\n<script>\nconst root = document.querySelector('.jb-site');\n    const menuToggle = root.querySelector('#menuToggle');\n    const navLinks = root.querySelector('#navLinks');\n    menuToggle.addEventListener('click', () => {\n      const open = navLinks.classList.toggle('open');\n      menuToggle.setAttribute('aria-expanded', String(open));\n      menuToggle.setAttribute('aria-label', open ? 'Close navigation' : 'Open navigation');\n      menuToggle.textContent = open ? '\u00d7' : '\u2630';\n    });\n    navLinks.querySelectorAll('a').forEach(link => link.addEventListener('click', () => {\n      navLinks.classList.remove('open');\n      menuToggle.setAttribute('aria-expanded', 'false');\n      menuToggle.textContent = '\u2630';\n    }));\n\n    const revealObserver = ('IntersectionObserver' in window) ? new IntersectionObserver(entries => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('visible');\n          revealObserver.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.12 }) : null;\n    root.querySelectorAll('.reveal').forEach(el => {\n      if (revealObserver) revealObserver.observe(el); else el.classList.add('visible');\n    });\n\n    \/\/ Prototype behavior only: creates an email draft. Replace with a secure form endpoint\/plugin for production.\n    root.querySelector('#inquiryForm').addEventListener('submit', event => {\n      event.preventDefault();\n      const form = event.currentTarget;\n      if (!form.reportValidity()) return;\n      const data = new FormData(form);\n      const subject = encodeURIComponent('Photo booth inquiry \u2014 ' + (data.get('eventType') || 'Event'));\n      const body = encodeURIComponent(\n        'Hello Joena Bell Photo Booth,\\n\\nI would love to learn more about your photo booth services.\\n\\n' +\n        'Name: ' + data.get('name') + '\\n' +\n        'Email: ' + data.get('email') + '\\n' +\n        'Event type: ' + data.get('eventType') + '\\n' +\n        'Event date: ' + (data.get('eventDate') || 'Not specified') + '\\n\\n' +\n        'Details: ' + (data.get('details') || 'Not provided') + '\\n\\nThank you!'\n      );\n      root.querySelector('#formStatus').textContent = 'Your email draft is ready. Add the business email address to the mailto link in this prototype before using it.';\n      window.location.href = 'mailto:REPLACE_WITH_BUSINESS_EMAIL?subject=' + subject + '&body=' + body;\n    });\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f1c3893 elementor-widget elementor-widget-text-editor\" data-id=\"f1c3893\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\n<div class=\"wp-block-cover alignfull is-light\" style=\"min-height: 720px;aspect-ratio:unset;\">\n<div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"inherit-container-width wp-block-group alignwide is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile is-vertically-aligned-center\" style=\"grid-template-columns: auto 43%;\">\n<div class=\"wp-block-media-text__content\">\n<h1 class=\"has-text-align-left has-white-color has-text-color wp-block-heading\">Joena Belle Photo Booth!<\/h1>\n\n<p class=\"has-white-color has-text-color wp-block-paragraph\">Premiere Photo Booth Rental in San Diego and Southern California.<\/p>\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"\/contact\">Schedule Your Event<\/a><\/div>\n<\/div>\n<\/div>\n<figure class=\"wp-block-media-text__media\"><img fetchpriority=\"high\" decoding=\"async\" class=\"wp-image-118 size-full\" src=\"https:\/\/joenabellephotobooth.com\/wp-content\/themes\/astra\/inc\/assets\/images\/starter-content\/hero-img.svg\" alt=\"\" width=\"512\" height=\"444\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-group alignfull has-ast-global-color-5-background-color has-background is-layout-constrained wp-container-core-group-is-layout-43229c7f wp-block-group-is-layout-constrained\" style=\"padding-bottom: 0px;\">\n<h2 class=\"screen-reader-text wp-block-heading\">What We Offer<\/h2>\n\n<div class=\"wp-block-columns are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-fa703c11 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-container-core-column-is-layout-cbc690f8 wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" class=\"wp-image-134\" src=\"https:\/\/joenabellephotobooth.com\/wp-content\/themes\/astra\/inc\/assets\/images\/starter-content\/building.svg\" alt=\"\" width=\"48\" height=\"48\" \/><\/figure>\n\n<h3 class=\"has-text-align-left wp-block-heading\" style=\"margin-top: 16px;\">San Diego Photo Booth Rental<\/h3>\n\n<p class=\"has-text-align-left wp-block-paragraph\">Top Photo Booth Rental Company in San Diego, La Jolla and Del Mar.<\/p>\n<\/div>\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-container-core-column-is-layout-cbc690f8 wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" class=\"wp-image-135\" src=\"https:\/\/joenabellephotobooth.com\/wp-content\/themes\/astra\/inc\/assets\/images\/starter-content\/shopping-bag.svg\" alt=\"\" width=\"48\" height=\"48\" \/><\/figure>\n\n<h3 class=\"has-text-align-left wp-block-heading\" style=\"margin-top: 16px;\">High Quality Props<\/h3>\n\n<p class=\"has-text-align-left wp-block-paragraph\">Top Props and Fun Costumes.<\/p>\n<\/div>\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-container-core-column-is-layout-cbc690f8 wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-136\" src=\"https:\/\/joenabellephotobooth.com\/wp-content\/themes\/astra\/inc\/assets\/images\/starter-content\/blog.svg\" alt=\"\" width=\"48\" height=\"48\" \/><\/figure>\n\n<h3 class=\"has-text-align-left wp-block-heading\" style=\"margin-top: 16px;\">Blogging<\/h3>\n\n<p class=\"has-text-align-left wp-block-paragraph\">Lorem ipsum dolor consectetur adipiscing elit eiusmod.<\/p>\n<\/div>\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-container-core-column-is-layout-cbc690f8 wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-137\" src=\"https:\/\/joenabellephotobooth.com\/wp-content\/themes\/astra\/inc\/assets\/images\/starter-content\/portfolio.svg\" alt=\"\" width=\"48\" height=\"48\" \/><\/figure>\n\n<h3 class=\"has-text-align-left wp-block-heading\" style=\"margin-top: 16px;\">Portfolio<\/h3>\n\n<p class=\"has-text-align-left wp-block-paragraph\">Lorem ipsum dolor consectetur adipiscing elit eiusmod.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n<div id=\"services\" class=\"wp-block-group alignfull is-layout-constrained wp-container-core-group-is-layout-4e34db42 wp-block-group-is-layout-constrained\" style=\"padding-top: 144px; padding-bottom: 0px;\">\n<h2 class=\"wp-block-heading\">Our Services<\/h2>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-23cffd99 wp-block-columns-is-layout-flex\" style=\"margin-top: 50px;\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-cbc690f8 wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-230\" src=\"https:\/\/joenabellephotobooth.com\/wp-content\/themes\/astra\/inc\/assets\/images\/starter-content\/branding.jpg\" alt=\"\" width=\"480\" height=\"600\" \/><\/figure>\n\n<h3 class=\"wp-block-heading\" style=\"margin-top: 16px;\">Branding Design<\/h3>\n\n<p class=\"wp-block-paragraph\">Sem quis erat nibh id neque tincidunt molestie convallis ut nibh vel, lorem consequat ullamcorper.<\/p>\n<\/div>\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-cbc690f8 wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-232\" src=\"https:\/\/joenabellephotobooth.com\/wp-content\/themes\/astra\/inc\/assets\/images\/starter-content\/graphic.jpg\" alt=\"\" width=\"480\" height=\"600\" \/><\/figure>\n\n<h3 class=\"wp-block-heading\" style=\"margin-top: 16px;\">Graphic Design<\/h3>\n\n<p class=\"wp-block-paragraph\">Sem quis erat nibh id neque tincidunt molestie convallis ut nibh vel, lorem consequat ullamcorper.<\/p>\n<\/div>\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-cbc690f8 wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-231\" src=\"https:\/\/joenabellephotobooth.com\/wp-content\/themes\/astra\/inc\/assets\/images\/starter-content\/web.jpg\" alt=\"\" width=\"480\" height=\"600\" \/><\/figure>\n\n<h3 class=\"wp-block-heading\" style=\"margin-top: 16px;\">Web Development<\/h3>\n\n<p class=\"wp-block-paragraph\">Sem quis erat nibh id neque tincidunt molestie convallis ut nibh vel, lorem consequat ullamcorper.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n<div id=\"about\" class=\"wp-block-group alignfull has-ast-global-color-5-background-color has-background is-layout-constrained wp-container-core-group-is-layout-33933fb1 wp-block-group-is-layout-constrained\" style=\"padding-top: 143px; padding-bottom: 144px;\">\n<div class=\"wp-block-media-text has-media-on-the-right is-stacked-on-mobile is-vertically-aligned-center\">\n<div class=\"wp-block-media-text__content\">\n<div class=\"inherit-container-width wp-block-group is-layout-constrained wp-container-core-group-is-layout-03eff548 wp-block-group-is-layout-constrained\" style=\"padding-right: 80px;\">\n<h2 class=\"wp-block-heading\" style=\"padding-right: 40px;\">We help teams build the business of their dreams<\/h2>\n\n<p class=\"wp-block-paragraph\">Et in risus egestas nec vitae odio ac nibh vestibulum volutpat aliquet aenean erat lobortis non.<\/p>\n\n<p class=\"wp-block-paragraph\">Nibh egestas dictumst cursus est turpis quis tincidunt pulvinar maecenas eget massa vel, ante nam blandit egestas enim id quis sit maecenas id nunc tempus auctor orci, enim imperdiet proin nibh mattis.<\/p>\n<\/div>\n<\/div>\n<figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-237 size-full\" src=\"https:\/\/joenabellephotobooth.com\/wp-content\/themes\/astra\/inc\/assets\/images\/starter-content\/about-us.jpg\" alt=\"\" width=\"600\" height=\"480\" \/><\/figure>\n<\/div>\n<\/div>\n\n<div id=\"reviews\" class=\"wp-block-group alignfull has-ast-global-color-4-background-color has-background is-layout-constrained wp-container-core-group-is-layout-8dd8e200 wp-block-group-is-layout-constrained\">\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-235\" src=\"https:\/\/joenabellephotobooth.com\/wp-content\/themes\/astra\/inc\/assets\/images\/starter-content\/avatar.png\" alt=\"\" width=\"64\" height=\"64\" \/><\/figure>\n\n<p class=\"\u201dhas-text-align-center wp-block-paragraph\" style=\"\u201dfont-size: 22px; line-height: 1.6\u201d;\">\u201dThe best part is that Astra comes with hundreds of professionally designed templates for just about every industry, makes it super easy for non-techy users to build a website.\u201d<\/p>\n\n<p class=\"has-text-align-center has-ast-global-color-2-color has-text-color wp-block-paragraph\"><strong>Wade Warren<\/strong><\/p>\n<\/div>\n\n<div id=\"whyus\" class=\"wp-block-group alignfull is-layout-constrained wp-container-core-group-is-layout-c2ecd478 wp-block-group-is-layout-constrained\" style=\"padding-top: 144px; padding-bottom: 144px;\">\n<h2 class=\"wp-block-heading\">Why Choose Us<\/h2>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-be1b85cf wp-block-columns-is-layout-flex\" style=\"margin-top: 60px;\">\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-cbc690f8 wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-162\" src=\"https:\/\/joenabellephotobooth.com\/wp-content\/themes\/astra\/inc\/assets\/images\/starter-content\/passionate.svg\" alt=\"\" width=\"48\" height=\"48\" \/><\/figure>\n\n<h3 class=\"wp-block-heading\" style=\"margin-top: 16px;\">Passionate<\/h3>\n\n<p class=\"wp-block-paragraph\">Tempor ullamcorper urna, est, lectus amet sit tempor pretium mi sed morbi cras posuere sit ultrices bibendum augue sit ornare.<\/p>\n<\/div>\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-cbc690f8 wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-163\" src=\"https:\/\/joenabellephotobooth.com\/wp-content\/themes\/astra\/inc\/assets\/images\/starter-content\/professional.svg\" alt=\"\" width=\"48\" height=\"48\" \/><\/figure>\n\n<h3 class=\"wp-block-heading\" style=\"margin-top: 16px;\">Professional<\/h3>\n\n<p class=\"wp-block-paragraph\">Tempor ullamcorper urna, est, lectus amet sit tempor pretium mi sed morbi cras posuere sit ultrices bibendum augue sit ornare.<\/p>\n<\/div>\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-cbc690f8 wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-164\" src=\"https:\/\/joenabellephotobooth.com\/wp-content\/themes\/astra\/inc\/assets\/images\/starter-content\/support.svg\" alt=\"\" width=\"48\" height=\"48\" \/><\/figure>\n\n<h3 class=\"wp-block-heading\" style=\"margin-top: 16px;\">Support<\/h3>\n\n<p class=\"wp-block-paragraph\">Tempor ullamcorper urna, est, lectus amet sit tempor pretium mi sed morbi cras posuere sit ultrices bibendum augue sit ornare.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n<div id=\"contact\" class=\"wp-block-group alignfull has-background is-layout-constrained wp-container-core-group-is-layout-64045e40 wp-block-group-is-layout-constrained\" style=\"background: linear-gradient(35deg,#060097 0%,#8204ff 64%,#c10fff 98%); padding-top: 104px; padding-bottom: 104px;\">\n<h2 class=\"has-text-align-center has-text-color wp-block-heading\" style=\"color: #ffffff;\">Get a professional website today!<\/h2>\n\n<div class=\"wp-block-buttons alignwide is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-5efe3877 wp-block-buttons-is-layout-flex\" style=\"margin-top: 50px;\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\">Make a Website<\/a><\/div>\n<\/div>\n<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Joena BellPhoto Booth \u00b7 San Diego The Experience Our Story Gallery Why Joena Bell Let&#8217;s Make Memories \u2197 \u2630 San [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","_templately_pack_id":"","_templately_imported_at":"","_templately_source":"","_templately_import_session_id":"","site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/joenabellephotobooth.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/joenabellephotobooth.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/joenabellephotobooth.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/joenabellephotobooth.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/joenabellephotobooth.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":11,"href":"https:\/\/joenabellephotobooth.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":40,"href":"https:\/\/joenabellephotobooth.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/40"}],"wp:attachment":[{"href":"https:\/\/joenabellephotobooth.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}