Het Chupitos Concept \u2014 150+ shots, vuur, show<\/title>\n <meta name=\"description\" content=\"Wat is het concept van Chupitos? Geen saaie shotjes, maar shows aan de bar. Meer dan 150 shots, vuur, signature drinks. Drie steden, \u00e9\u00e9n DNA. Sinds 2010.\">\n <link rel=\"canonical\" href=\"https:\/\/chupitos.nl\/?pagename=concept\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;700&display=swap\">\n <style>\n\/* ============================================================\n Chupitos \u2014 House of Shots\n Replica of shot-show-flow.base44.app\n ============================================================ *\/\n\n\/* --- Design tokens --- *\/\n:root {\n --bg: #0a0a0a;\n --card: #121212;\n --card-50: rgba(18, 18, 18, 0.5);\n --fg: #e0e0e0;\n --fg-muted: rgba(224, 224, 224, 0.7);\n --fg-soft: rgba(224, 224, 224, 0.5);\n --primary: #ff4d00;\n --primary-hover: #e64500;\n --white: #ffffff;\n --border: rgba(255, 255, 255, 0.08);\n --nav-bg: rgba(10, 10, 10, 0.8);\n\n --font-body: ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif;\n --font-heading: \"Space Grotesk\", var(--font-body);\n\n --container: 1200px;\n --radius: 12px;\n}\n\n\/* --- WP block-theme override: defeat content-size constraint so our full-width\n sections (header\/hero\/sections\/footer) actually fill the viewport.\n Twenty Twenty-Five caps children of .is-layout-constrained at ~645px. --- *\/\n.wp-block-post-content,\n.wp-block-post-content > .wp-block-html,\n.is-layout-constrained > * { max-width: none !important; }\n.wp-block-post-content { padding: 0 !important; }\n.wp-site-blocks > * + * { margin-block-start: 0 !important; }\n\n\/* --- Reset --- *\/\n*, *::before, *::after { box-sizing: border-box; }\nhtml, body { margin: 0; padding: 0; }\nimg { max-width: 100%; height: auto; display: block; }\na { color: inherit; text-decoration: none; }\nbutton { font: inherit; cursor: pointer; border: 0; background: none; color: inherit; }\nul { list-style: none; padding: 0; margin: 0; }\n\nbody {\n background: var(--bg);\n color: var(--fg);\n font-family: var(--font-body);\n font-size: 16px;\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n}\n\nh1, h2, h3, h4 {\n font-family: var(--font-heading);\n font-weight: 700;\n color: var(--white);\n margin: 0;\n line-height: 1.1;\n letter-spacing: -0.02em;\n}\n\np { margin: 0 0 1em; }\n\n\/* --- Layout --- *\/\n.container { max-width: var(--container); margin: 0 auto; padding: 0 1.5rem; }\n.section { padding: 6rem 0; }\n.section-tight { padding: 4rem 0; }\n.text-center { text-align: center; }\n.text-primary { color: var(--primary); }\n.text-muted { color: var(--fg-muted); }\n\n\/* --- Header \/ Nav --- *\/\n.site-header {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 50;\n background: var(--nav-bg);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n border-bottom: 1px solid var(--border);\n transition: transform 0.28s ease;\n}\n.site-header.is-hidden { transform: translateY(-100%); }\n.site-header.is-open { transform: translateY(0) !important; } \/* always visible when menu open *\/\n.nav-inner {\n max-width: var(--container);\n margin: 0 auto;\n padding: 1rem 1.5rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 2rem;\n}\n.nav-logo img { height: 56px; width: auto; }\n.nav-list {\n display: flex;\n gap: 2rem;\n align-items: center;\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.875rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n.nav-list a {\n color: var(--fg-muted);\n transition: color 0.2s;\n}\n.nav-list a:hover, .nav-list a.is-active { color: var(--white); }\n.nav-list a.nav-cta {\n border: 2px solid var(--primary);\n color: var(--primary);\n padding: 0.5rem 1.25rem;\n border-radius: 8px;\n}\n.nav-list a.nav-cta:hover {\n background: var(--primary);\n color: var(--white);\n}\n.nav-toggle {\n display: none;\n background: none;\n border: 0;\n color: var(--white);\n width: 44px;\n height: 44px;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n position: relative;\n}\n.nav-toggle span,\n.nav-toggle span::before,\n.nav-toggle span::after {\n content: \"\";\n display: block;\n width: 24px;\n height: 2px;\n background: var(--white);\n position: absolute;\n left: 50%;\n margin-left: -12px;\n transition: transform 0.25s, top 0.25s, opacity 0.2s;\n}\n.nav-toggle span { top: 50%; }\n.nav-toggle span::before { top: -8px; }\n.nav-toggle span::after { top: 8px; }\n.site-header.is-open .nav-toggle span { background: transparent; }\n.site-header.is-open .nav-toggle span::before { top: 0; transform: rotate(45deg); }\n.site-header.is-open .nav-toggle span::after { top: 0; transform: rotate(-45deg); }\n\n\/* --- Buttons --- *\/\n.btn {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 1rem 2rem;\n border-radius: 8px;\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.875rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n transition: all 0.2s;\n}\n.btn-primary {\n background: var(--primary);\n color: var(--white);\n}\n.btn-primary:hover { background: var(--primary-hover); }\n.btn-outline {\n border: 2px solid var(--border);\n color: var(--white);\n}\n.btn-outline:hover { border-color: var(--white); }\n\n\/* --- Eyebrow \/ kicker --- *\/\n.eyebrow {\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.875rem;\n color: var(--primary);\n text-transform: uppercase;\n letter-spacing: 0.15em;\n margin-bottom: 1.5rem;\n display: block;\n}\n\n\/* --- Hero --- *\/\n.hero {\n position: relative;\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n padding: 6rem 1.5rem 4rem;\n}\n.hero-bg {\n position: absolute;\n inset: 0;\n z-index: 0;\n}\n.hero-bg img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n.hero-bg::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(to bottom, rgba(10,10,10,0.9), rgba(10,10,10,0.7), var(--bg));\n}\n.hero-inner {\n position: relative;\n z-index: 1;\n text-align: center;\n max-width: 56rem;\n margin: 0 auto;\n}\n.hero-logo { display: flex; justify-content: center; margin-bottom: 1.5rem; }\n.hero-logo img { width: clamp(18rem, 32vw, 26rem); }\n.hero h1 {\n font-size: clamp(2rem, 7vw, 3.75rem);\n margin-bottom: 1.5rem;\n letter-spacing: -0.025em;\n}\n.hero-tagline {\n font-style: italic;\n font-size: clamp(1rem, 2vw, 1.25rem);\n color: var(--fg-muted);\n margin-bottom: 1rem;\n}\n.hero-intro {\n color: var(--fg-soft);\n font-size: clamp(0.95rem, 1.5vw, 1.125rem);\n max-width: 36rem;\n margin: 0 auto 2.5rem;\n}\n.hero-ctas {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n align-items: center;\n justify-content: center;\n}\n\n\/* --- Section heading block --- *\/\n.section-head {\n text-align: center;\n max-width: 48rem;\n margin: 0 auto 4rem;\n}\n.section-head h2 {\n font-size: clamp(1.75rem, 4vw, 2.5rem);\n margin-bottom: 1rem;\n}\n.section-head h2 .accent { color: var(--primary); }\n.section-head p { color: var(--fg-muted); font-size: 1.125rem; }\n\n\/* --- About \/ story copy --- *\/\n.story {\n max-width: 48rem;\n margin: 0 auto;\n}\n.story h2 { font-size: clamp(1.5rem, 3vw, 2rem); margin-bottom: 2rem; line-height: 1.2; }\n.story p { color: var(--fg-muted); font-size: 1.0625rem; margin-bottom: 1.25rem; }\n\n\/* --- DNA features grid --- *\/\n.dna-bg { background: var(--card-50); }\n.dna-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 2rem;\n max-width: 64rem;\n margin: 0 auto;\n}\n.dna-item {\n text-align: center;\n padding: 1rem;\n}\n.dna-item h3 {\n font-size: 1.5rem;\n color: var(--primary);\n margin-bottom: 0.75rem;\n}\n.dna-item p {\n color: var(--fg-muted);\n font-size: 0.9375rem;\n margin: 0;\n}\n\n\/* --- Signature shots carousel (auto-scrolling marquee) --- *\/\n.shots-marquee {\n position: relative;\n overflow: hidden;\n -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);\n mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);\n}\n.shots-track {\n display: flex;\n gap: 1rem;\n width: max-content;\n animation: shots-scroll 40s linear infinite;\n}\n.shots-marquee:hover .shots-track { animation-play-state: paused; }\n.shots-track figure {\n margin: 0;\n flex: 0 0 240px;\n aspect-ratio: 3\/4;\n overflow: hidden;\n border-radius: var(--radius);\n}\n.shots-track img { width: 100%; height: 100%; object-fit: cover; }\n@keyframes shots-scroll {\n from { transform: translateX(0); }\n to { transform: translateX(-50%); }\n}\n@media (prefers-reduced-motion: reduce) {\n .shots-track { animation: none; }\n}\n\n\/* --- Home variant: each figure is image + name caption --- *\/\n.home-shots-marquee .shots-track figure {\n aspect-ratio: auto;\n flex: 0 0 220px;\n overflow: visible;\n border-radius: 0;\n display: flex;\n flex-direction: column;\n gap: 0.625rem;\n}\n.home-shots-marquee .shots-track figure > img {\n width: 220px;\n height: 220px;\n object-fit: cover;\n border-radius: var(--radius);\n}\n.home-shots-marquee .shots-track figcaption {\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.9375rem;\n color: var(--white);\n text-align: center;\n letter-spacing: 0.01em;\n line-height: 1.2;\n}\n@media (max-width: 600px) {\n .home-shots-marquee .shots-track figure { flex: 0 0 160px; }\n .home-shots-marquee .shots-track figure > img { width: 160px; height: 160px; }\n .home-shots-marquee .shots-track figcaption { font-size: 0.8125rem; }\n}\n\n\/* --- Shot menu carousel (icons + names from PDF, no prices) --- *\/\n.shots-menu {\n position: relative;\n overflow: hidden;\n -webkit-mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);\n mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);\n}\n.shots-menu-track {\n display: flex;\n gap: 0.75rem;\n width: max-content;\n animation: shots-scroll 240s linear infinite;\n}\n.shots-menu:hover .shots-menu-track { animation-play-state: paused; }\n.shots-menu-track figure {\n margin: 0;\n flex: 0 0 180px;\n aspect-ratio: 4\/3;\n overflow: hidden;\n border-radius: 10px;\n border: 1px solid var(--border);\n background: var(--card);\n}\n.shots-menu-track img { width: 100%; height: 100%; object-fit: cover; display: block; }\n@media (prefers-reduced-motion: reduce) {\n .shots-menu-track { animation: none; }\n}\n\n\/* --- Vestigingen cards --- *\/\n.vestigingen-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n.vestiging-card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 2rem;\n transition: border-color 0.2s, transform 0.2s;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n}\n.vestiging-card:hover {\n border-color: var(--primary);\n transform: translateY(-4px);\n}\n.vestiging-card .city { color: var(--primary); font-family: var(--font-heading); font-weight: 700; font-size: 0.875rem; text-transform: uppercase; letter-spacing: 0.1em; }\n.vestiging-card h3 { font-size: 1.5rem; }\n.vestiging-card .address { color: var(--fg-muted); font-size: 0.9375rem; }\n.vestiging-card .tagline { color: var(--fg-soft); font-style: italic; margin-top: auto; padding-top: 0.5rem; }\n.vestiging-card .link { color: var(--primary); font-weight: 700; font-size: 0.875rem; text-transform: uppercase; letter-spacing: 0.05em; margin-top: 0.5rem; }\n\n\/* --- Page hero (sub-pages, smaller than home hero) --- *\/\n.page-hero {\n padding: 10rem 1.5rem 4rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n.page-hero.with-image { padding: 12rem 1.5rem 6rem; min-height: 60vh; display: flex; align-items: center; justify-content: center; }\n.page-hero.with-image .hero-bg {\n position: absolute;\n inset: 0;\n z-index: 0;\n}\n.page-hero.with-image .hero-bg img { width: 100%; height: 100%; object-fit: cover; opacity: 0.4; }\n.page-hero.with-image .hero-bg::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(to bottom, rgba(10,10,10,0.6), var(--bg));\n}\n.page-hero-inner {\n position: relative;\n z-index: 1;\n max-width: 48rem;\n margin: 0 auto;\n}\n.page-hero h1 {\n font-size: clamp(2.25rem, 5vw, 3.5rem);\n margin-bottom: 1.5rem;\n}\n.page-hero h1 .accent { color: var(--primary); }\n.page-hero p {\n color: var(--fg-muted);\n font-size: 1.125rem;\n max-width: 36rem;\n margin: 0 auto;\n}\n\n\/* --- City tabs --- *\/\n.city-tabs {\n display: flex;\n gap: 0.5rem;\n justify-content: center;\n margin-bottom: 3rem;\n flex-wrap: wrap;\n}\n.city-tab {\n padding: 0.75rem 1.75rem;\n border: 1px solid var(--border);\n border-radius: 999px;\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.875rem;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--fg-muted);\n background: transparent;\n transition: all 0.2s;\n}\n.city-tab:hover { color: var(--white); border-color: var(--fg-soft); }\n.city-tab.is-active {\n background: var(--primary);\n color: var(--white);\n border-color: var(--primary);\n}\n\n\/* --- Vestiging detail --- *\/\n.vestiging-panel { display: none; }\n.vestiging-panel.is-active { display: block; }\n.vestiging-detail {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: start;\n}\n.vestiging-detail h2 {\n font-size: clamp(1.75rem, 3vw, 2.25rem);\n margin-bottom: 1.5rem;\n}\n.vestiging-detail h2 .accent { color: var(--primary); }\n.vestiging-detail .lead {\n color: var(--fg-muted);\n font-size: 1.0625rem;\n margin-bottom: 2rem;\n}\n.detail-block {\n display: flex;\n gap: 1rem;\n margin-bottom: 1.5rem;\n align-items: flex-start;\n}\n.detail-block .icon {\n flex: 0 0 24px;\n color: var(--primary);\n margin-top: 0.25rem;\n}\n.detail-block .label {\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--fg-soft);\n display: block;\n margin-bottom: 0.25rem;\n}\n.detail-block .value { color: var(--white); }\n.detail-block .value a { color: var(--primary); }\n.map-embed {\n margin-top: 2rem;\n border-radius: var(--radius);\n overflow: hidden;\n border: 1px solid var(--border);\n}\n.map-embed iframe { display: block; width: 100%; height: 280px; border: 0; filter: grayscale(20%) brightness(0.95); }\n\n\/* --- Week schedule + special events --- *\/\n.schedule-card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 2rem;\n}\n.schedule-card h3 {\n font-size: 1.25rem;\n margin-bottom: 1.5rem;\n display: flex;\n align-items: baseline;\n gap: 0.5rem;\n flex-wrap: wrap;\n}\n.schedule-note {\n font-family: var(--font-body);\n font-size: 0.8125rem;\n font-weight: 400;\n color: var(--fg-soft);\n font-style: italic;\n}\n.schedule-card h3::before { content: \"\ud83d\udcc5\"; }\n.schedule-list { display: flex; flex-direction: column; }\n.schedule-row {\n display: grid;\n grid-template-columns: 1fr auto;\n gap: 1rem;\n padding: 0.75rem 0;\n border-bottom: 1px solid var(--border);\n font-size: 0.9375rem;\n}\n.schedule-row:last-child { border-bottom: 0; }\n.schedule-row .day { color: var(--white); font-weight: 600; }\n.schedule-row .label { color: var(--fg-muted); display: block; font-weight: 400; font-size: 0.8125rem; margin-top: 0.125rem; }\n.schedule-row .hours { color: var(--primary); font-family: var(--font-heading); font-weight: 700; font-size: 0.875rem; white-space: nowrap; }\n.events-card {\n margin-top: 1.5rem;\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 1.5rem;\n}\n.events-card h3 { font-size: 1.125rem; margin-bottom: 0.75rem; }\n.events-card p { color: var(--fg-muted); margin: 0; font-size: 0.9375rem; }\n\n\/* --- Workshop card --- *\/\n.workshop-card {\n display: grid;\n grid-template-columns: 1fr 1fr;\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n margin-bottom: 2rem;\n}\n.workshop-card .ws-image { aspect-ratio: 4\/5; }\n.workshop-card .ws-image img { width: 100%; height: 100%; object-fit: cover; }\n.workshop-card .ws-content { padding: 2.5rem; display: flex; flex-direction: column; gap: 1rem; }\n.workshop-card h3 {\n font-size: 1.75rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n.workshop-card h3::before { content: \"\ud83e\udd43\"; font-size: 1.25rem; }\n.workshop-card .cities { display: flex; gap: 0.5rem; flex-wrap: wrap; }\n.workshop-card .city-pill {\n padding: 0.25rem 0.75rem;\n background: rgba(255, 77, 0, 0.12);\n color: var(--primary);\n border-radius: 999px;\n font-size: 0.75rem;\n font-family: var(--font-heading);\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n.workshop-card .desc { color: var(--fg-muted); font-size: 0.9375rem; }\n.workshop-card ul.features {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n margin: 0;\n padding: 0;\n list-style: none;\n font-size: 0.9375rem;\n color: var(--fg);\n}\n.workshop-card ul.features li::before {\n content: \"\u2713 \";\n color: var(--primary);\n font-weight: 700;\n}\n.workshop-card .btn { align-self: flex-start; margin-top: 0.5rem; }\n\n\/* --- Op locatie image grid --- *\/\n.op-locatie-layout {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: center;\n}\n.op-locatie-text p { color: var(--fg-muted); font-size: 1rem; margin-bottom: 1.25rem; }\n.op-locatie-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1rem;\n}\n.op-locatie-grid figure {\n margin: 0;\n aspect-ratio: 1;\n overflow: hidden;\n border-radius: var(--radius);\n position: relative;\n}\n.op-locatie-grid img { width: 100%; height: 100%; object-fit: cover; }\n\n.event-types {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n margin-top: 3rem;\n}\n.event-type {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 1.5rem;\n text-align: center;\n font-family: var(--font-heading);\n font-weight: 700;\n color: var(--white);\n}\n\n\/* --- Contact cards --- *\/\n.contact-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n max-width: 56rem;\n margin: 0 auto 4rem;\n}\n.contact-card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 2rem;\n}\n.contact-card h3 { font-size: 1.25rem; margin-bottom: 0.75rem; }\n.contact-card p { color: var(--fg-muted); font-size: 0.9375rem; margin-bottom: 1rem; }\n.contact-card .email { color: var(--primary); font-weight: 600; display: block; margin-bottom: 0.5rem; }\n.contact-card .address { color: var(--fg-muted); font-size: 0.875rem; }\n\n\/* --- Shot Selector quiz --- *\/\n.selector-skip {\n text-align: center;\n margin: 3rem 0 1rem;\n padding-top: 2.5rem;\n border-top: 1px solid var(--border);\n}\n.btn-large {\n padding: 1.25rem 2.5rem;\n font-size: 1rem;\n}\n.selector-skip-note {\n color: var(--fg-soft);\n font-size: 0.875rem;\n font-style: italic;\n margin: 0.75rem 0 0;\n}\n\n.selector-quiz {\n max-width: 56rem;\n margin: 0 auto;\n}\n.selector-progress {\n display: flex;\n justify-content: space-between;\n font-family: var(--font-heading);\n font-size: 0.875rem;\n font-weight: 700;\n color: var(--fg-muted);\n margin-bottom: 0.5rem;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n}\n.selector-progressbar {\n height: 4px;\n background: var(--card);\n border-radius: 999px;\n overflow: hidden;\n margin-bottom: 3rem;\n}\n.selector-progressbar > div {\n height: 100%;\n background: var(--primary);\n width: 0;\n transition: width 0.4s ease;\n}\n.selector-question {\n display: none;\n text-align: center;\n}\n.selector-question.is-active { display: block; }\n.selector-question h2 {\n font-size: clamp(1.5rem, 3vw, 2rem);\n margin-bottom: 2.5rem;\n}\n.selector-options {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-bottom: 2rem;\n}\n.selector-option {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 1.5rem 1.25rem;\n font-family: var(--font-heading);\n font-size: 1.0625rem;\n font-weight: 700;\n color: var(--white);\n text-align: left;\n cursor: pointer;\n transition: all 0.2s;\n}\n.selector-option:hover {\n border-color: var(--primary);\n background: rgba(255, 77, 0, 0.08);\n transform: translateY(-2px);\n}\n.selector-back {\n background: none;\n border: 0;\n color: var(--fg-muted);\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.875rem;\n cursor: pointer;\n padding: 0.5rem;\n}\n.selector-back:hover { color: var(--white); }\n\n.selector-result {\n display: none;\n text-align: center;\n}\n.selector-result.is-active { display: block; }\n.selector-result .eyebrow {\n margin-bottom: 1.5rem;\n}\n.result-card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 2.5rem;\n display: grid;\n grid-template-columns: 280px 1fr;\n gap: 2rem;\n align-items: center;\n text-align: left;\n}\n.result-image {\n width: 280px;\n height: 280px;\n border-radius: var(--radius);\n overflow: hidden;\n background: rgba(0, 0, 0, 0.3);\n}\n.result-image img { width: 100%; height: 100%; object-fit: cover; display: block; }\n.result-meta h2 {\n font-size: clamp(2rem, 4vw, 2.75rem);\n margin: 0.5rem 0 1rem;\n color: var(--white);\n}\n.result-category {\n font-family: var(--font-heading);\n font-size: 0.8125rem;\n font-weight: 700;\n color: var(--primary);\n letter-spacing: 0.15em;\n margin: 0;\n}\n.result-blurb {\n color: var(--fg-muted);\n font-size: 1.0625rem;\n margin-bottom: 2rem;\n}\n.result-ctas {\n display: flex;\n gap: 0.75rem;\n flex-wrap: wrap;\n margin-bottom: 1.5rem;\n}\n.selector-restart {\n background: none;\n border: 0;\n color: var(--primary);\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.875rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n cursor: pointer;\n padding: 0.5rem 0;\n}\n.selector-restart:hover { color: var(--white); }\n\n@media (max-width: 640px) {\n .selector-options { grid-template-columns: 1fr; }\n .result-card { grid-template-columns: 1fr; text-align: center; }\n .result-image { width: 100%; max-width: 280px; margin: 0 auto; }\n .result-ctas { justify-content: center; }\n}\n\n\/* --- FAQ accordion --- *\/\n.faq-list {\n max-width: 48rem;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n}\n.faq-item {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 1rem 1.25rem;\n}\n.faq-item summary {\n cursor: pointer;\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 1rem;\n color: var(--white);\n list-style: none;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n}\n.faq-item summary::-webkit-details-marker { display: none; }\n.faq-item summary::after {\n content: \"+\";\n color: var(--primary);\n font-size: 1.5rem;\n line-height: 1;\n font-weight: 400;\n transition: transform 0.2s;\n}\n.faq-item[open] summary::after { content: \"\u2212\"; }\n.faq-item p {\n margin: 0.75rem 0 0;\n color: var(--fg-muted);\n font-size: 0.9375rem;\n line-height: 1.6;\n}\n\n\/* --- CTA card (rounded callout) --- *\/\n.cta-card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 3rem 2rem;\n text-align: center;\n max-width: 48rem;\n margin: 0 auto;\n}\n.cta-card h2 { font-size: clamp(1.5rem, 3vw, 2rem); margin-bottom: 1rem; }\n.cta-card p { color: var(--fg-muted); margin-bottom: 2rem; max-width: 32rem; margin-left: auto; margin-right: auto; }\n.cta-card .ctas { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }\n\n\/* --- Shotkaart search input --- *\/\n.shot-search {\n max-width: 480px;\n margin: 0 auto 2rem;\n}\n.shot-search-input {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 999px;\n padding: 0.625rem 1rem;\n transition: border-color 0.2s;\n}\n.shot-search-input:focus-within {\n border-color: var(--primary);\n}\n.shot-search-icon {\n font-size: 1rem;\n opacity: 0.7;\n}\n.shot-search-input input {\n flex: 1;\n background: none;\n border: 0;\n color: var(--white);\n font-family: var(--font-body);\n font-size: 0.9375rem;\n outline: none;\n padding: 0.25rem 0;\n min-width: 0;\n}\n.shot-search-input input::placeholder { color: var(--fg-soft); }\n.shot-search-input input::-webkit-search-cancel-button { display: none; }\n.shot-search-clear {\n background: rgba(255,255,255,0.08);\n border: 0;\n color: var(--white);\n font-size: 1.125rem;\n width: 28px;\n height: 28px;\n border-radius: 50%;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n line-height: 1;\n}\n.shot-search-clear:hover { background: rgba(255,255,255,0.16); }\n.shot-search-status {\n text-align: center;\n color: var(--fg-muted);\n font-size: 0.875rem;\n margin: 0.75rem 0 0;\n}\n.shot-card.is-hidden { display: none !important; }\n.shot-panel.has-no-results .shot-cat-title { opacity: 0.4; }\n.shot-panel.has-no-results .shot-marquee { display: none; }\n\n\/* --- Shotkaart: category tabs + card grid with CSS-clipped icons --- *\/\n.shot-tabs {\n display: flex;\n gap: 0.5rem;\n flex-wrap: wrap;\n justify-content: center;\n margin-bottom: 3rem;\n}\n.shot-tab {\n padding: 0.625rem 1.25rem;\n border: 1px solid var(--border);\n border-radius: 999px;\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.8125rem;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: var(--fg-muted);\n background: transparent;\n cursor: pointer;\n transition: all 0.2s;\n}\n.shot-tab:hover { color: var(--white); border-color: var(--fg-soft); }\n.shot-tab.is-active {\n background: var(--primary);\n color: var(--white);\n border-color: var(--primary);\n}\n\n.shot-panel { display: none; margin-bottom: 3rem; }\n.shot-panel.is-active { display: block; }\n.shot-cat-title {\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 1.5rem;\n color: var(--primary);\n margin-bottom: 1.5rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\n.shot-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));\n gap: 0.75rem;\n}\n\n\/* --- Per-category carousel: auto-scrolls via JS, also manually scrollable --- *\/\n.shot-marquee {\n position: relative;\n overflow-x: auto;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n scroll-behavior: auto;\n cursor: grab;\n -webkit-mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);\n mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);\n scrollbar-width: thin;\n scrollbar-color: rgba(255,255,255,0.2) transparent;\n}\n.shot-marquee::-webkit-scrollbar { height: 4px; }\n.shot-marquee::-webkit-scrollbar-track { background: transparent; }\n.shot-marquee::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.2); border-radius: 4px; }\n.shot-marquee.is-grabbing { cursor: grabbing; }\n.shot-marquee.is-grabbing .shot-card { pointer-events: none; }\n.shot-marquee-track {\n display: flex;\n gap: 0.75rem;\n width: max-content;\n}\n.shot-marquee .shot-card {\n flex: 0 0 180px;\n user-select: none;\n}\n.shot-card {\n background: rgba(0, 0, 0, 0.25);\n border: 1px solid rgba(255, 255, 255, 0.06);\n border-radius: 12px;\n padding: 0.75rem 0.5rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n transition: border-color 0.25s, background 0.25s, transform 0.25s;\n}\n.shot-card:hover {\n border-color: rgba(255, 255, 255, 0.2);\n background: rgba(0, 0, 0, 0.4);\n transform: translateY(-2px);\n}\n.shot-icon {\n width: 160px;\n height: 130px;\n overflow: hidden;\n flex-shrink: 0;\n border-radius: 8px;\n background: rgba(0,0,0,0.2);\n}\n.shot-icon img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n pointer-events: none;\n user-select: none;\n}\n.shot-name {\n font-family: var(--font-heading);\n font-size: 0.8125rem;\n font-weight: 700;\n color: var(--white);\n margin: 0.5rem 0 0;\n line-height: 1.2;\n letter-spacing: 0.01em;\n}\n\n@media (max-width: 600px) {\n .shot-grid { grid-template-columns: repeat(auto-fill, minmax(95px, 1fr)); }\n .shot-icon { width: 130px; height: 110px; }\n .shot-marquee .shot-card { flex: 0 0 150px; }\n .shot-name { font-size: 0.8125rem; }\n}\n\n\/* --- Footer --- *\/\n.site-footer {\n border-top: 1px solid var(--border);\n padding: 4rem 0 2rem;\n margin-top: 4rem;\n}\n.footer-grid {\n display: grid;\n grid-template-columns: 1.5fr 1fr 1fr 1fr;\n gap: 3rem;\n margin-bottom: 3rem;\n}\n.footer-brand img { width: 80px; margin-bottom: 1rem; }\n.footer-brand p { color: var(--fg-soft); font-size: 0.9375rem; max-width: 16rem; }\n.footer-col h4 {\n font-family: var(--font-heading);\n font-size: 0.875rem;\n font-weight: 700;\n color: var(--primary);\n text-transform: uppercase;\n letter-spacing: 0.1em;\n margin-bottom: 1rem;\n}\n.footer-col ul li { margin-bottom: 0.5rem; }\n.footer-col a, .footer-col li { color: var(--fg-muted); font-size: 0.9375rem; }\n.footer-col a:hover { color: var(--white); }\n.footer-col .vestiging-line .city-name { display: block; color: var(--white); font-weight: 600; }\n.footer-col .vestiging-line + .vestiging-line { margin-top: 0.75rem; }\n.footer-bottom {\n padding-top: 2rem;\n border-top: 1px solid var(--border);\n text-align: center;\n color: var(--fg-soft);\n font-size: 0.8125rem;\n}\n\n\/* --- Responsive --- *\/\n@media (min-width: 640px) {\n .hero-ctas { flex-direction: row; }\n}\n@media (max-width: 880px) {\n .nav-toggle { display: flex; margin-left: auto; }\n .nav-inner > nav { display: contents; } \/* let toggle + drawer position freely *\/\n .nav-list {\n display: none;\n position: absolute;\n top: 100%;\n left: 0; right: 0;\n background: var(--bg);\n border-bottom: 1px solid var(--border);\n flex-direction: column;\n padding: 0.5rem 1.5rem 1.5rem;\n gap: 0;\n text-transform: uppercase;\n box-shadow: 0 12px 24px rgba(0,0,0,0.4);\n }\n .site-header.is-open .nav-list { display: flex; }\n .nav-list li {\n width: 100%;\n border-top: 1px solid var(--border);\n }\n .nav-list li:first-child { border-top: 0; }\n .nav-list a {\n display: block;\n padding: 1rem 0;\n font-size: 1rem;\n }\n .nav-list a.nav-cta {\n margin-top: 0.75rem;\n text-align: center;\n padding: 0.875rem 1.25rem;\n }\n .footer-grid { grid-template-columns: 1fr 1fr; }\n .footer-brand { grid-column: 1 \/ -1; }\n .vestiging-detail,\n .workshop-card,\n .op-locatie-layout { grid-template-columns: 1fr; }\n .workshop-card .ws-image { aspect-ratio: 16\/10; }\n}\n@media (max-width: 480px) {\n .footer-grid { grid-template-columns: 1fr; }\n .section { padding: 4rem 0; }\n}\n\n<\/style>\n<\/head>\n<body>\n\n<header class=\"site-header\">\n <div class=\"nav-inner\">\n <a class=\"nav-logo\" href=\"\/\"><img decoding=\"async\" src=\"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/c27496359_chupitos_logo_transparent.png\" alt=\"Chupitos logo\"><\/a>\n <button class=\"nav-toggle\" aria-label=\"Menu\" aria-expanded=\"false\"><span><\/span><\/button>\n <nav>\n <ul class=\"nav-list\">\n <li><a href=\"\/\">Home<\/a><\/li>\n <li><a href=\"\/?pagename=concept\" class=\"is-active\">Concept<\/a><\/li>\n <li><a href=\"\/?pagename=shotkaart\">Shotkaart<\/a><\/li>\n <li><a href=\"\/?pagename=shot-selector\">\ud83c\udfaf Shot Selector<\/a><\/li>\n <li><a href=\"\/?pagename=vestigingen\">Vestigingen<\/a><\/li>\n <li><a href=\"\/?pagename=workshops\">Workshops<\/a><\/li>\n <li><a href=\"\/?pagename=op-locatie\">Op Locatie<\/a><\/li>\n <li><a href=\"\/?pagename=contact\" class=\"nav-cta\">Contact<\/a><\/li>\n <\/ul>\n <\/nav>\n <\/div>\n<\/header>\n\n<section class=\"page-hero with-image\">\n <div class=\"hero-bg\"><img decoding=\"async\" src=\"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/cf038d885_HarryPotterVet.jpg\" alt=\"Chupitos signature shot met vuur\"><\/div>\n <div class=\"page-hero-inner\">\n <span class=\"eyebrow\">Over Chupitos<\/span>\n <h1>Het Chupitos<br><span class=\"accent\">Concept<\/span><\/h1>\n <p>Niet de saaie tequila. Niet de zoveelste cocktailbar. Chupitos is ontstaan uit \u00e9\u00e9n eenvoudig idee: shotjes weer leuk maken.<\/p>\n <\/div>\n<\/section>\n\n<section class=\"section\">\n <div class=\"container\">\n <div class=\"story\">\n <h2>Het verhaal \u2014 sinds 2010<\/h2>\n <p>Amsterdam, 2010. Een groep ondernemers vond dat shots te lang waren afgedaan als de “verplichte ronde” — die ene tequila aan het einde van een avond. Het kon beter. Het m\u00f3\u00e9st beter. Een bar waar shots de hoofdrol speelden, niet de uitsmijter. Een plek waar bartenders entertainers waren. Waar vuur, kleur en theater bij elke bestelling hoorden.<\/p>\n <p>Zo ontstond Chupitos. E\u00e9n bar, \u00e9\u00e9n idee, 150+ creaties later. Inmiddels staan we ook in Utrecht (2015) en Groningen — drie steden, drie bars, \u00e9\u00e9n DNA.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section dna-bg\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"eyebrow\">Het Chupitos DNA<\/span>\n <h2>De vier pijlers van Chupitos<\/h2>\n <\/div>\n <div class=\"dna-grid\">\n <div class=\"dna-item\">\n <h3>1. Vuur & Show<\/h3>\n <p>Onze bartenders zijn niet alleen drank-makers — het zijn performers. Vlammen op de bar, shots in brand, rituelen die de hele rij gasten in beweging zetten. Wij maken shots tot een ervaring die je niet alleen drinkt, maar ook ziet en hoort.<\/p>\n <\/div>\n <div class=\"dna-item\">\n <h3>2. 150+ Shots<\/h3>\n <p>Meer dan 150 verschillende shots op de kaart, en ze rouleren. Van klassiekers (Tequila, Sambuca, J\u00e4germeister) tot bizarre eigen creaties die nergens anders bestaan. Sommige zoet, sommige sterk, sommige met een gimmick — allemaal Chupitos.<\/p>\n <\/div>\n <div class=\"dna-item\">\n <h3>3. Signature Shots<\/h3>\n <p>De Harry Potter. De Headbanger. Chemistry. Marshmallow. Black Energy. Eigen recepten, eigen rituelen, eigen verhalen. Deze shots zijn hier uitgevonden — en hier nog steeds het beste.<\/p>\n <\/div>\n <div class=\"dna-item\">\n <h3>4. Sfeer & Energie<\/h3>\n <p>Geen rustige cocktailbar. Geen super-nette wine-and-dine. Chupitos is de plek waar avonden langer duren dan gepland en waar je nieuwe vrienden maakt tussen twee shots door. We zijn er voor de feestvierders.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"eyebrow\">Drie steden, \u00e9\u00e9n Chupitos<\/span>\n <h2>Onze vestigingen<\/h2>\n <p>Amsterdam was de start. Utrecht volgde. Groningen sloot aan. Drie steden, drie bars, \u00e9\u00e9n concept — en in elke stad eigen huis-shots en eigen sfeer.<\/p>\n <\/div>\n <div class=\"vestigingen-grid\">\n <a class=\"vestiging-card\" href=\"\/?pagename=amsterdam\">\n <span class=\"city\">Sinds 2010<\/span>\n <h3>Chupitos Amsterdam →<\/h3>\n <p class=\"tagline\">Korte Leidsedwarsstraat 129<\/p>\n <\/a>\n <a class=\"vestiging-card\" href=\"\/?pagename=utrecht\">\n <span class=\"city\">Sinds 2015<\/span>\n <h3>Chupitos Utrecht →<\/h3>\n <p class=\"tagline\">Loeff Berchmakerstraat 10<\/p>\n <\/a>\n <a class=\"vestiging-card\" href=\"\/?pagename=groningen\">\n <span class=\"city\">Studentenhart<\/span>\n <h3>Chupitos Groningen →<\/h3>\n <p class=\"tagline\">Peperstraat 9<\/p>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section\">\n <div class=\"container\">\n <div class=\"cta-card\">\n <h2>Zelf ervaren?<\/h2>\n <p>Beste manier om Chupitos te begrijpen is om langs te komen. Geen reservering nodig voor een gewoon shotje. Voor groepen vanaf 8 personen wel handig om vooraf te mailen.<\/p>\n <div class=\"ctas\">\n <a class=\"btn btn-primary\" href=\"\/?pagename=vestigingen\">Vind je vestiging<\/a>\n <a class=\"btn btn-outline\" href=\"\/?pagename=workshops\">Of boek een shotworkshop →<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<footer class=\"site-footer\">\n <div class=\"container\">\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <img decoding=\"async\" src=\"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/c27496359_chupitos_logo_transparent.png\" alt=\"Chupitos logo\">\n <p>House of Shots — waar shotjes een show worden. Sinds 2010.<\/p>\n <\/div>\n <div class=\"footer-col\">\n <h4>Navigatie<\/h4>\n <ul>\n <li><a href=\"\/\">Home<\/a><\/li>\n <li><a href=\"\/?pagename=concept\">Concept<\/a><\/li>\n <li><a href=\"\/?pagename=shotkaart\">Shotkaart<\/a><\/li>\n <li><a href=\"\/?pagename=shot-selector\">\ud83c\udfaf Shot Selector<\/a><\/li>\n <li><a href=\"\/?pagename=vestigingen\">Vestigingen<\/a><\/li>\n <li><a href=\"\/?pagename=workshops\">Workshops<\/a><\/li>\n <li><a href=\"\/?pagename=contact\">Contact<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h4>Vestigingen<\/h4>\n <div class=\"vestiging-line\"><span class=\"city-name\">Amsterdam<\/span>Korte Leidsedwarsstraat 129<\/div>\n <div class=\"vestiging-line\"><span class=\"city-name\">Groningen<\/span>Peperstraat 9<\/div>\n <div class=\"vestiging-line\"><span class=\"city-name\">Utrecht<\/span>Loeff Berchmakerstraat 10<\/div>\n <\/div>\n <div class=\"footer-col\">\n <h4>Contact<\/h4>\n <ul><li><a href=\"mailto:info@chupitos.nl\">info@chupitos.nl<\/a><\/li><\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">© 2026 Chupitos — House of Shots. Alle rechten voorbehouden.<\/div>\n <\/div>\n<\/footer>\n\n<script>\n (function() {\n const toggle = document.querySelector('.nav-toggle');\n const header = document.querySelector('.site-header');\n if (toggle && header) {\n toggle.addEventListener('click', () => {\n const open = header.classList.toggle('is-open');\n toggle.setAttribute('aria-expanded', open ? 'true' : 'false');\n });\n document.querySelectorAll('.nav-list a').forEach(a => {\n a.addEventListener('click', () => header.classList.remove('is-open'));\n });\n \/\/ Auto-hide on scroll down (mobile-friendly UX); show on scroll up\n let lastY = window.scrollY, ticking = false;\n window.addEventListener('scroll', () => {\n if (ticking) return;\n ticking = true;\n requestAnimationFrame(() => {\n const y = window.scrollY;\n const diff = y - lastY;\n if (y > 120 && diff > 4) header.classList.add('is-hidden');\n else if (diff < -4 || y < 120) header.classList.remove('is-hidden');\n lastY = y;\n ticking = false;\n });\n }, { passive: true });\n }\n })();\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Het Chupitos Concept \u2014 150+ shots, vuur, show Home Concept Shotkaart \ud83c\udfaf Shot Selector Vestigingen Workshops Op Locatie Contact Over Chupitos Het ChupitosConcept Niet de saaie tequila. Niet de zoveelste cocktailbar. Chupitos is ontstaan uit \u00e9\u00e9n eenvoudig idee: shotjes weer leuk maken. Het verhaal \u2014 sinds 2010 Amsterdam, 2010. Een groep ondernemers vond dat shots […]<\/p>\n","protected":false},"author":1,"featured_media":868,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"chupitos-blank","meta":{"footnotes":""},"class_list":["post-30","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>Het Chupitos Concept - Chupitos<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/chupitos.nl\/?page_id=30\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Het Chupitos Concept - Chupitos\" \/>\n<meta property=\"og:description\" content=\"Het Chupitos Concept \u2014 150+ shots, vuur, show Home Concept Shotkaart \ud83c\udfaf Shot Selector Vestigingen Workshops Op Locatie Contact Over Chupitos Het ChupitosConcept Niet de saaie tequila. Niet de zoveelste cocktailbar. Chupitos is ontstaan uit \u00e9\u00e9n eenvoudig idee: shotjes weer leuk maken. Het verhaal \u2014 sinds 2010 Amsterdam, 2010. Een groep ondernemers vond dat shots […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/chupitos.nl\/?page_id=30\" \/>\n<meta property=\"og:site_name\" content=\"Chupitos\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/chupitosutrecht\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-01T17:47:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/chupitos-og-image.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/chupitos.nl\\\/?page_id=30\",\"url\":\"https:\\\/\\\/chupitos.nl\\\/?page_id=30\",\"name\":\"Het Chupitos Concept - Chupitos\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/chupitos.nl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/chupitos.nl\\\/?page_id=30#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/chupitos.nl\\\/?page_id=30#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/chupitos.nl\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/chupitos-og-image.jpg\",\"datePublished\":\"2026-05-15T12:18:57+00:00\",\"dateModified\":\"2026-06-01T17:47:23+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/chupitos.nl\\\/?page_id=30#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/chupitos.nl\\\/?page_id=30\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/chupitos.nl\\\/?page_id=30#primaryimage\",\"url\":\"https:\\\/\\\/chupitos.nl\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/chupitos-og-image.jpg\",\"contentUrl\":\"https:\\\/\\\/chupitos.nl\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/chupitos-og-image.jpg\",\"width\":1200,\"height\":630,\"caption\":\"Chupitos shotbar \u2014 Amsterdam, Utrecht, Groningen\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/chupitos.nl\\\/?page_id=30#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/chupitos.nl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Het Chupitos Concept\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/chupitos.nl\\\/#website\",\"url\":\"https:\\\/\\\/chupitos.nl\\\/\",\"name\":\"Chupitos\",\"description\":\"House of Shots\",\"publisher\":{\"@id\":\"https:\\\/\\\/chupitos.nl\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/chupitos.nl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/chupitos.nl\\\/#organization\",\"name\":\"Chupitos\",\"url\":\"https:\\\/\\\/chupitos.nl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/chupitos.nl\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/chupitos.nl\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Logo-Chupitos-scaled.png\",\"contentUrl\":\"https:\\\/\\\/chupitos.nl\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Logo-Chupitos-scaled.png\",\"width\":2560,\"height\":2560,\"caption\":\"Chupitos\"},\"image\":{\"@id\":\"https:\\\/\\\/chupitos.nl\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/chupitosutrecht\\\/\",\"https:\\\/\\\/www.instagram.com\\\/chupitos.amsterdam\\\/\",\"https:\\\/\\\/www.instagram.com\\\/chupitos.utrecht\\\/\",\"https:\\\/\\\/www.instagram.com\\\/chupitos.groningen\\\/\"]}]}<\/script>\n","yoast_head_json":{"title":"Het Chupitos Concept - Chupitos","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/chupitos.nl\/?page_id=30","og_locale":"nl_NL","og_type":"article","og_title":"Het Chupitos Concept - Chupitos","og_description":"Het Chupitos Concept \u2014 150+ shots, vuur, show Home Concept Shotkaart \ud83c\udfaf Shot Selector Vestigingen Workshops Op Locatie Contact Over Chupitos Het ChupitosConcept Niet de saaie tequila. Niet de zoveelste cocktailbar. Chupitos is ontstaan uit \u00e9\u00e9n eenvoudig idee: shotjes weer leuk maken. Het verhaal \u2014 sinds 2010 Amsterdam, 2010. Een groep ondernemers vond dat shots […]","og_url":"https:\/\/chupitos.nl\/?page_id=30","og_site_name":"Chupitos","article_publisher":"https:\/\/www.facebook.com\/chupitosutrecht\/","article_modified_time":"2026-06-01T17:47:23+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/chupitos-og-image.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Geschatte leestijd":"2 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/chupitos.nl\/?page_id=30","url":"https:\/\/chupitos.nl\/?page_id=30","name":"Het Chupitos Concept - Chupitos","isPartOf":{"@id":"https:\/\/chupitos.nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/chupitos.nl\/?page_id=30#primaryimage"},"image":{"@id":"https:\/\/chupitos.nl\/?page_id=30#primaryimage"},"thumbnailUrl":"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/chupitos-og-image.jpg","datePublished":"2026-05-15T12:18:57+00:00","dateModified":"2026-06-01T17:47:23+00:00","breadcrumb":{"@id":"https:\/\/chupitos.nl\/?page_id=30#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/chupitos.nl\/?page_id=30"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/chupitos.nl\/?page_id=30#primaryimage","url":"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/chupitos-og-image.jpg","contentUrl":"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/chupitos-og-image.jpg","width":1200,"height":630,"caption":"Chupitos shotbar \u2014 Amsterdam, Utrecht, Groningen"},{"@type":"BreadcrumbList","@id":"https:\/\/chupitos.nl\/?page_id=30#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/chupitos.nl\/"},{"@type":"ListItem","position":2,"name":"Het Chupitos Concept"}]},{"@type":"WebSite","@id":"https:\/\/chupitos.nl\/#website","url":"https:\/\/chupitos.nl\/","name":"Chupitos","description":"House of Shots","publisher":{"@id":"https:\/\/chupitos.nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/chupitos.nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/chupitos.nl\/#organization","name":"Chupitos","url":"https:\/\/chupitos.nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/chupitos.nl\/#\/schema\/logo\/image\/","url":"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/Logo-Chupitos-scaled.png","contentUrl":"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/Logo-Chupitos-scaled.png","width":2560,"height":2560,"caption":"Chupitos"},"image":{"@id":"https:\/\/chupitos.nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/chupitosutrecht\/","https:\/\/www.instagram.com\/chupitos.amsterdam\/","https:\/\/www.instagram.com\/chupitos.utrecht\/","https:\/\/www.instagram.com\/chupitos.groningen\/"]}]}},"_links":{"self":[{"href":"https:\/\/chupitos.nl\/index.php?rest_route=\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chupitos.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chupitos.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chupitos.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chupitos.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=30"}],"version-history":[{"count":22,"href":"https:\/\/chupitos.nl\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":1148,"href":"https:\/\/chupitos.nl\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions\/1148"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/chupitos.nl\/index.php?rest_route=\/wp\/v2\/media\/868"}],"wp:attachment":[{"href":"https:\/\/chupitos.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":30,"date":"2026-05-15T12:18:57","date_gmt":"2026-05-15T12:18:57","guid":{"rendered":"https:\/\/chupitos.nl\/?page_id=30"},"modified":"2026-06-01T17:47:23","modified_gmt":"2026-06-01T17:47:23","slug":"concept","status":"publish","type":"page","link":"https:\/\/chupitos.nl\/?page_id=30","title":{"rendered":"Het Chupitos Concept"},"content":{"rendered":"\n\n\n\n \n \n Het Chupitos Concept \u2014 150+ shots, vuur, show<\/title>\n <meta name=\"description\" content=\"Wat is het concept van Chupitos? Geen saaie shotjes, maar shows aan de bar. Meer dan 150 shots, vuur, signature drinks. Drie steden, \u00e9\u00e9n DNA. Sinds 2010.\">\n <link rel=\"canonical\" href=\"https:\/\/chupitos.nl\/?pagename=concept\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;700&display=swap\">\n <style>\n\/* ============================================================\n Chupitos \u2014 House of Shots\n Replica of shot-show-flow.base44.app\n ============================================================ *\/\n\n\/* --- Design tokens --- *\/\n:root {\n --bg: #0a0a0a;\n --card: #121212;\n --card-50: rgba(18, 18, 18, 0.5);\n --fg: #e0e0e0;\n --fg-muted: rgba(224, 224, 224, 0.7);\n --fg-soft: rgba(224, 224, 224, 0.5);\n --primary: #ff4d00;\n --primary-hover: #e64500;\n --white: #ffffff;\n --border: rgba(255, 255, 255, 0.08);\n --nav-bg: rgba(10, 10, 10, 0.8);\n\n --font-body: ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif;\n --font-heading: \"Space Grotesk\", var(--font-body);\n\n --container: 1200px;\n --radius: 12px;\n}\n\n\/* --- WP block-theme override: defeat content-size constraint so our full-width\n sections (header\/hero\/sections\/footer) actually fill the viewport.\n Twenty Twenty-Five caps children of .is-layout-constrained at ~645px. --- *\/\n.wp-block-post-content,\n.wp-block-post-content > .wp-block-html,\n.is-layout-constrained > * { max-width: none !important; }\n.wp-block-post-content { padding: 0 !important; }\n.wp-site-blocks > * + * { margin-block-start: 0 !important; }\n\n\/* --- Reset --- *\/\n*, *::before, *::after { box-sizing: border-box; }\nhtml, body { margin: 0; padding: 0; }\nimg { max-width: 100%; height: auto; display: block; }\na { color: inherit; text-decoration: none; }\nbutton { font: inherit; cursor: pointer; border: 0; background: none; color: inherit; }\nul { list-style: none; padding: 0; margin: 0; }\n\nbody {\n background: var(--bg);\n color: var(--fg);\n font-family: var(--font-body);\n font-size: 16px;\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n}\n\nh1, h2, h3, h4 {\n font-family: var(--font-heading);\n font-weight: 700;\n color: var(--white);\n margin: 0;\n line-height: 1.1;\n letter-spacing: -0.02em;\n}\n\np { margin: 0 0 1em; }\n\n\/* --- Layout --- *\/\n.container { max-width: var(--container); margin: 0 auto; padding: 0 1.5rem; }\n.section { padding: 6rem 0; }\n.section-tight { padding: 4rem 0; }\n.text-center { text-align: center; }\n.text-primary { color: var(--primary); }\n.text-muted { color: var(--fg-muted); }\n\n\/* --- Header \/ Nav --- *\/\n.site-header {\n position: fixed;\n top: 0; left: 0; right: 0;\n z-index: 50;\n background: var(--nav-bg);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n border-bottom: 1px solid var(--border);\n transition: transform 0.28s ease;\n}\n.site-header.is-hidden { transform: translateY(-100%); }\n.site-header.is-open { transform: translateY(0) !important; } \/* always visible when menu open *\/\n.nav-inner {\n max-width: var(--container);\n margin: 0 auto;\n padding: 1rem 1.5rem;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 2rem;\n}\n.nav-logo img { height: 56px; width: auto; }\n.nav-list {\n display: flex;\n gap: 2rem;\n align-items: center;\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.875rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n.nav-list a {\n color: var(--fg-muted);\n transition: color 0.2s;\n}\n.nav-list a:hover, .nav-list a.is-active { color: var(--white); }\n.nav-list a.nav-cta {\n border: 2px solid var(--primary);\n color: var(--primary);\n padding: 0.5rem 1.25rem;\n border-radius: 8px;\n}\n.nav-list a.nav-cta:hover {\n background: var(--primary);\n color: var(--white);\n}\n.nav-toggle {\n display: none;\n background: none;\n border: 0;\n color: var(--white);\n width: 44px;\n height: 44px;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n position: relative;\n}\n.nav-toggle span,\n.nav-toggle span::before,\n.nav-toggle span::after {\n content: \"\";\n display: block;\n width: 24px;\n height: 2px;\n background: var(--white);\n position: absolute;\n left: 50%;\n margin-left: -12px;\n transition: transform 0.25s, top 0.25s, opacity 0.2s;\n}\n.nav-toggle span { top: 50%; }\n.nav-toggle span::before { top: -8px; }\n.nav-toggle span::after { top: 8px; }\n.site-header.is-open .nav-toggle span { background: transparent; }\n.site-header.is-open .nav-toggle span::before { top: 0; transform: rotate(45deg); }\n.site-header.is-open .nav-toggle span::after { top: 0; transform: rotate(-45deg); }\n\n\/* --- Buttons --- *\/\n.btn {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 1rem 2rem;\n border-radius: 8px;\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.875rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n transition: all 0.2s;\n}\n.btn-primary {\n background: var(--primary);\n color: var(--white);\n}\n.btn-primary:hover { background: var(--primary-hover); }\n.btn-outline {\n border: 2px solid var(--border);\n color: var(--white);\n}\n.btn-outline:hover { border-color: var(--white); }\n\n\/* --- Eyebrow \/ kicker --- *\/\n.eyebrow {\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.875rem;\n color: var(--primary);\n text-transform: uppercase;\n letter-spacing: 0.15em;\n margin-bottom: 1.5rem;\n display: block;\n}\n\n\/* --- Hero --- *\/\n.hero {\n position: relative;\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n padding: 6rem 1.5rem 4rem;\n}\n.hero-bg {\n position: absolute;\n inset: 0;\n z-index: 0;\n}\n.hero-bg img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n.hero-bg::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(to bottom, rgba(10,10,10,0.9), rgba(10,10,10,0.7), var(--bg));\n}\n.hero-inner {\n position: relative;\n z-index: 1;\n text-align: center;\n max-width: 56rem;\n margin: 0 auto;\n}\n.hero-logo { display: flex; justify-content: center; margin-bottom: 1.5rem; }\n.hero-logo img { width: clamp(18rem, 32vw, 26rem); }\n.hero h1 {\n font-size: clamp(2rem, 7vw, 3.75rem);\n margin-bottom: 1.5rem;\n letter-spacing: -0.025em;\n}\n.hero-tagline {\n font-style: italic;\n font-size: clamp(1rem, 2vw, 1.25rem);\n color: var(--fg-muted);\n margin-bottom: 1rem;\n}\n.hero-intro {\n color: var(--fg-soft);\n font-size: clamp(0.95rem, 1.5vw, 1.125rem);\n max-width: 36rem;\n margin: 0 auto 2.5rem;\n}\n.hero-ctas {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n align-items: center;\n justify-content: center;\n}\n\n\/* --- Section heading block --- *\/\n.section-head {\n text-align: center;\n max-width: 48rem;\n margin: 0 auto 4rem;\n}\n.section-head h2 {\n font-size: clamp(1.75rem, 4vw, 2.5rem);\n margin-bottom: 1rem;\n}\n.section-head h2 .accent { color: var(--primary); }\n.section-head p { color: var(--fg-muted); font-size: 1.125rem; }\n\n\/* --- About \/ story copy --- *\/\n.story {\n max-width: 48rem;\n margin: 0 auto;\n}\n.story h2 { font-size: clamp(1.5rem, 3vw, 2rem); margin-bottom: 2rem; line-height: 1.2; }\n.story p { color: var(--fg-muted); font-size: 1.0625rem; margin-bottom: 1.25rem; }\n\n\/* --- DNA features grid --- *\/\n.dna-bg { background: var(--card-50); }\n.dna-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\n gap: 2rem;\n max-width: 64rem;\n margin: 0 auto;\n}\n.dna-item {\n text-align: center;\n padding: 1rem;\n}\n.dna-item h3 {\n font-size: 1.5rem;\n color: var(--primary);\n margin-bottom: 0.75rem;\n}\n.dna-item p {\n color: var(--fg-muted);\n font-size: 0.9375rem;\n margin: 0;\n}\n\n\/* --- Signature shots carousel (auto-scrolling marquee) --- *\/\n.shots-marquee {\n position: relative;\n overflow: hidden;\n -webkit-mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);\n mask-image: linear-gradient(to right, transparent, #000 8%, #000 92%, transparent);\n}\n.shots-track {\n display: flex;\n gap: 1rem;\n width: max-content;\n animation: shots-scroll 40s linear infinite;\n}\n.shots-marquee:hover .shots-track { animation-play-state: paused; }\n.shots-track figure {\n margin: 0;\n flex: 0 0 240px;\n aspect-ratio: 3\/4;\n overflow: hidden;\n border-radius: var(--radius);\n}\n.shots-track img { width: 100%; height: 100%; object-fit: cover; }\n@keyframes shots-scroll {\n from { transform: translateX(0); }\n to { transform: translateX(-50%); }\n}\n@media (prefers-reduced-motion: reduce) {\n .shots-track { animation: none; }\n}\n\n\/* --- Home variant: each figure is image + name caption --- *\/\n.home-shots-marquee .shots-track figure {\n aspect-ratio: auto;\n flex: 0 0 220px;\n overflow: visible;\n border-radius: 0;\n display: flex;\n flex-direction: column;\n gap: 0.625rem;\n}\n.home-shots-marquee .shots-track figure > img {\n width: 220px;\n height: 220px;\n object-fit: cover;\n border-radius: var(--radius);\n}\n.home-shots-marquee .shots-track figcaption {\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.9375rem;\n color: var(--white);\n text-align: center;\n letter-spacing: 0.01em;\n line-height: 1.2;\n}\n@media (max-width: 600px) {\n .home-shots-marquee .shots-track figure { flex: 0 0 160px; }\n .home-shots-marquee .shots-track figure > img { width: 160px; height: 160px; }\n .home-shots-marquee .shots-track figcaption { font-size: 0.8125rem; }\n}\n\n\/* --- Shot menu carousel (icons + names from PDF, no prices) --- *\/\n.shots-menu {\n position: relative;\n overflow: hidden;\n -webkit-mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);\n mask-image: linear-gradient(to right, transparent, #000 6%, #000 94%, transparent);\n}\n.shots-menu-track {\n display: flex;\n gap: 0.75rem;\n width: max-content;\n animation: shots-scroll 240s linear infinite;\n}\n.shots-menu:hover .shots-menu-track { animation-play-state: paused; }\n.shots-menu-track figure {\n margin: 0;\n flex: 0 0 180px;\n aspect-ratio: 4\/3;\n overflow: hidden;\n border-radius: 10px;\n border: 1px solid var(--border);\n background: var(--card);\n}\n.shots-menu-track img { width: 100%; height: 100%; object-fit: cover; display: block; }\n@media (prefers-reduced-motion: reduce) {\n .shots-menu-track { animation: none; }\n}\n\n\/* --- Vestigingen cards --- *\/\n.vestigingen-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n}\n.vestiging-card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 2rem;\n transition: border-color 0.2s, transform 0.2s;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n}\n.vestiging-card:hover {\n border-color: var(--primary);\n transform: translateY(-4px);\n}\n.vestiging-card .city { color: var(--primary); font-family: var(--font-heading); font-weight: 700; font-size: 0.875rem; text-transform: uppercase; letter-spacing: 0.1em; }\n.vestiging-card h3 { font-size: 1.5rem; }\n.vestiging-card .address { color: var(--fg-muted); font-size: 0.9375rem; }\n.vestiging-card .tagline { color: var(--fg-soft); font-style: italic; margin-top: auto; padding-top: 0.5rem; }\n.vestiging-card .link { color: var(--primary); font-weight: 700; font-size: 0.875rem; text-transform: uppercase; letter-spacing: 0.05em; margin-top: 0.5rem; }\n\n\/* --- Page hero (sub-pages, smaller than home hero) --- *\/\n.page-hero {\n padding: 10rem 1.5rem 4rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n}\n.page-hero.with-image { padding: 12rem 1.5rem 6rem; min-height: 60vh; display: flex; align-items: center; justify-content: center; }\n.page-hero.with-image .hero-bg {\n position: absolute;\n inset: 0;\n z-index: 0;\n}\n.page-hero.with-image .hero-bg img { width: 100%; height: 100%; object-fit: cover; opacity: 0.4; }\n.page-hero.with-image .hero-bg::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background: linear-gradient(to bottom, rgba(10,10,10,0.6), var(--bg));\n}\n.page-hero-inner {\n position: relative;\n z-index: 1;\n max-width: 48rem;\n margin: 0 auto;\n}\n.page-hero h1 {\n font-size: clamp(2.25rem, 5vw, 3.5rem);\n margin-bottom: 1.5rem;\n}\n.page-hero h1 .accent { color: var(--primary); }\n.page-hero p {\n color: var(--fg-muted);\n font-size: 1.125rem;\n max-width: 36rem;\n margin: 0 auto;\n}\n\n\/* --- City tabs --- *\/\n.city-tabs {\n display: flex;\n gap: 0.5rem;\n justify-content: center;\n margin-bottom: 3rem;\n flex-wrap: wrap;\n}\n.city-tab {\n padding: 0.75rem 1.75rem;\n border: 1px solid var(--border);\n border-radius: 999px;\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.875rem;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--fg-muted);\n background: transparent;\n transition: all 0.2s;\n}\n.city-tab:hover { color: var(--white); border-color: var(--fg-soft); }\n.city-tab.is-active {\n background: var(--primary);\n color: var(--white);\n border-color: var(--primary);\n}\n\n\/* --- Vestiging detail --- *\/\n.vestiging-panel { display: none; }\n.vestiging-panel.is-active { display: block; }\n.vestiging-detail {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: start;\n}\n.vestiging-detail h2 {\n font-size: clamp(1.75rem, 3vw, 2.25rem);\n margin-bottom: 1.5rem;\n}\n.vestiging-detail h2 .accent { color: var(--primary); }\n.vestiging-detail .lead {\n color: var(--fg-muted);\n font-size: 1.0625rem;\n margin-bottom: 2rem;\n}\n.detail-block {\n display: flex;\n gap: 1rem;\n margin-bottom: 1.5rem;\n align-items: flex-start;\n}\n.detail-block .icon {\n flex: 0 0 24px;\n color: var(--primary);\n margin-top: 0.25rem;\n}\n.detail-block .label {\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.75rem;\n text-transform: uppercase;\n letter-spacing: 0.1em;\n color: var(--fg-soft);\n display: block;\n margin-bottom: 0.25rem;\n}\n.detail-block .value { color: var(--white); }\n.detail-block .value a { color: var(--primary); }\n.map-embed {\n margin-top: 2rem;\n border-radius: var(--radius);\n overflow: hidden;\n border: 1px solid var(--border);\n}\n.map-embed iframe { display: block; width: 100%; height: 280px; border: 0; filter: grayscale(20%) brightness(0.95); }\n\n\/* --- Week schedule + special events --- *\/\n.schedule-card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 2rem;\n}\n.schedule-card h3 {\n font-size: 1.25rem;\n margin-bottom: 1.5rem;\n display: flex;\n align-items: baseline;\n gap: 0.5rem;\n flex-wrap: wrap;\n}\n.schedule-note {\n font-family: var(--font-body);\n font-size: 0.8125rem;\n font-weight: 400;\n color: var(--fg-soft);\n font-style: italic;\n}\n.schedule-card h3::before { content: \"\ud83d\udcc5\"; }\n.schedule-list { display: flex; flex-direction: column; }\n.schedule-row {\n display: grid;\n grid-template-columns: 1fr auto;\n gap: 1rem;\n padding: 0.75rem 0;\n border-bottom: 1px solid var(--border);\n font-size: 0.9375rem;\n}\n.schedule-row:last-child { border-bottom: 0; }\n.schedule-row .day { color: var(--white); font-weight: 600; }\n.schedule-row .label { color: var(--fg-muted); display: block; font-weight: 400; font-size: 0.8125rem; margin-top: 0.125rem; }\n.schedule-row .hours { color: var(--primary); font-family: var(--font-heading); font-weight: 700; font-size: 0.875rem; white-space: nowrap; }\n.events-card {\n margin-top: 1.5rem;\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 1.5rem;\n}\n.events-card h3 { font-size: 1.125rem; margin-bottom: 0.75rem; }\n.events-card p { color: var(--fg-muted); margin: 0; font-size: 0.9375rem; }\n\n\/* --- Workshop card --- *\/\n.workshop-card {\n display: grid;\n grid-template-columns: 1fr 1fr;\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n overflow: hidden;\n margin-bottom: 2rem;\n}\n.workshop-card .ws-image { aspect-ratio: 4\/5; }\n.workshop-card .ws-image img { width: 100%; height: 100%; object-fit: cover; }\n.workshop-card .ws-content { padding: 2.5rem; display: flex; flex-direction: column; gap: 1rem; }\n.workshop-card h3 {\n font-size: 1.75rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n}\n.workshop-card h3::before { content: \"\ud83e\udd43\"; font-size: 1.25rem; }\n.workshop-card .cities { display: flex; gap: 0.5rem; flex-wrap: wrap; }\n.workshop-card .city-pill {\n padding: 0.25rem 0.75rem;\n background: rgba(255, 77, 0, 0.12);\n color: var(--primary);\n border-radius: 999px;\n font-size: 0.75rem;\n font-family: var(--font-heading);\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n.workshop-card .desc { color: var(--fg-muted); font-size: 0.9375rem; }\n.workshop-card ul.features {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n margin: 0;\n padding: 0;\n list-style: none;\n font-size: 0.9375rem;\n color: var(--fg);\n}\n.workshop-card ul.features li::before {\n content: \"\u2713 \";\n color: var(--primary);\n font-weight: 700;\n}\n.workshop-card .btn { align-self: flex-start; margin-top: 0.5rem; }\n\n\/* --- Op locatie image grid --- *\/\n.op-locatie-layout {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 3rem;\n align-items: center;\n}\n.op-locatie-text p { color: var(--fg-muted); font-size: 1rem; margin-bottom: 1.25rem; }\n.op-locatie-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 1rem;\n}\n.op-locatie-grid figure {\n margin: 0;\n aspect-ratio: 1;\n overflow: hidden;\n border-radius: var(--radius);\n position: relative;\n}\n.op-locatie-grid img { width: 100%; height: 100%; object-fit: cover; }\n\n.event-types {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 1rem;\n margin-top: 3rem;\n}\n.event-type {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 1.5rem;\n text-align: center;\n font-family: var(--font-heading);\n font-weight: 700;\n color: var(--white);\n}\n\n\/* --- Contact cards --- *\/\n.contact-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.5rem;\n max-width: 56rem;\n margin: 0 auto 4rem;\n}\n.contact-card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 2rem;\n}\n.contact-card h3 { font-size: 1.25rem; margin-bottom: 0.75rem; }\n.contact-card p { color: var(--fg-muted); font-size: 0.9375rem; margin-bottom: 1rem; }\n.contact-card .email { color: var(--primary); font-weight: 600; display: block; margin-bottom: 0.5rem; }\n.contact-card .address { color: var(--fg-muted); font-size: 0.875rem; }\n\n\/* --- Shot Selector quiz --- *\/\n.selector-skip {\n text-align: center;\n margin: 3rem 0 1rem;\n padding-top: 2.5rem;\n border-top: 1px solid var(--border);\n}\n.btn-large {\n padding: 1.25rem 2.5rem;\n font-size: 1rem;\n}\n.selector-skip-note {\n color: var(--fg-soft);\n font-size: 0.875rem;\n font-style: italic;\n margin: 0.75rem 0 0;\n}\n\n.selector-quiz {\n max-width: 56rem;\n margin: 0 auto;\n}\n.selector-progress {\n display: flex;\n justify-content: space-between;\n font-family: var(--font-heading);\n font-size: 0.875rem;\n font-weight: 700;\n color: var(--fg-muted);\n margin-bottom: 0.5rem;\n letter-spacing: 0.05em;\n text-transform: uppercase;\n}\n.selector-progressbar {\n height: 4px;\n background: var(--card);\n border-radius: 999px;\n overflow: hidden;\n margin-bottom: 3rem;\n}\n.selector-progressbar > div {\n height: 100%;\n background: var(--primary);\n width: 0;\n transition: width 0.4s ease;\n}\n.selector-question {\n display: none;\n text-align: center;\n}\n.selector-question.is-active { display: block; }\n.selector-question h2 {\n font-size: clamp(1.5rem, 3vw, 2rem);\n margin-bottom: 2.5rem;\n}\n.selector-options {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 1rem;\n margin-bottom: 2rem;\n}\n.selector-option {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 1.5rem 1.25rem;\n font-family: var(--font-heading);\n font-size: 1.0625rem;\n font-weight: 700;\n color: var(--white);\n text-align: left;\n cursor: pointer;\n transition: all 0.2s;\n}\n.selector-option:hover {\n border-color: var(--primary);\n background: rgba(255, 77, 0, 0.08);\n transform: translateY(-2px);\n}\n.selector-back {\n background: none;\n border: 0;\n color: var(--fg-muted);\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.875rem;\n cursor: pointer;\n padding: 0.5rem;\n}\n.selector-back:hover { color: var(--white); }\n\n.selector-result {\n display: none;\n text-align: center;\n}\n.selector-result.is-active { display: block; }\n.selector-result .eyebrow {\n margin-bottom: 1.5rem;\n}\n.result-card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 2.5rem;\n display: grid;\n grid-template-columns: 280px 1fr;\n gap: 2rem;\n align-items: center;\n text-align: left;\n}\n.result-image {\n width: 280px;\n height: 280px;\n border-radius: var(--radius);\n overflow: hidden;\n background: rgba(0, 0, 0, 0.3);\n}\n.result-image img { width: 100%; height: 100%; object-fit: cover; display: block; }\n.result-meta h2 {\n font-size: clamp(2rem, 4vw, 2.75rem);\n margin: 0.5rem 0 1rem;\n color: var(--white);\n}\n.result-category {\n font-family: var(--font-heading);\n font-size: 0.8125rem;\n font-weight: 700;\n color: var(--primary);\n letter-spacing: 0.15em;\n margin: 0;\n}\n.result-blurb {\n color: var(--fg-muted);\n font-size: 1.0625rem;\n margin-bottom: 2rem;\n}\n.result-ctas {\n display: flex;\n gap: 0.75rem;\n flex-wrap: wrap;\n margin-bottom: 1.5rem;\n}\n.selector-restart {\n background: none;\n border: 0;\n color: var(--primary);\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.875rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n cursor: pointer;\n padding: 0.5rem 0;\n}\n.selector-restart:hover { color: var(--white); }\n\n@media (max-width: 640px) {\n .selector-options { grid-template-columns: 1fr; }\n .result-card { grid-template-columns: 1fr; text-align: center; }\n .result-image { width: 100%; max-width: 280px; margin: 0 auto; }\n .result-ctas { justify-content: center; }\n}\n\n\/* --- FAQ accordion --- *\/\n.faq-list {\n max-width: 48rem;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n}\n.faq-item {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: var(--radius);\n padding: 1rem 1.25rem;\n}\n.faq-item summary {\n cursor: pointer;\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 1rem;\n color: var(--white);\n list-style: none;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 1rem;\n}\n.faq-item summary::-webkit-details-marker { display: none; }\n.faq-item summary::after {\n content: \"+\";\n color: var(--primary);\n font-size: 1.5rem;\n line-height: 1;\n font-weight: 400;\n transition: transform 0.2s;\n}\n.faq-item[open] summary::after { content: \"\u2212\"; }\n.faq-item p {\n margin: 0.75rem 0 0;\n color: var(--fg-muted);\n font-size: 0.9375rem;\n line-height: 1.6;\n}\n\n\/* --- CTA card (rounded callout) --- *\/\n.cta-card {\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 16px;\n padding: 3rem 2rem;\n text-align: center;\n max-width: 48rem;\n margin: 0 auto;\n}\n.cta-card h2 { font-size: clamp(1.5rem, 3vw, 2rem); margin-bottom: 1rem; }\n.cta-card p { color: var(--fg-muted); margin-bottom: 2rem; max-width: 32rem; margin-left: auto; margin-right: auto; }\n.cta-card .ctas { display: flex; gap: 1rem; justify-content: center; flex-wrap: wrap; }\n\n\/* --- Shotkaart search input --- *\/\n.shot-search {\n max-width: 480px;\n margin: 0 auto 2rem;\n}\n.shot-search-input {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n background: var(--card);\n border: 1px solid var(--border);\n border-radius: 999px;\n padding: 0.625rem 1rem;\n transition: border-color 0.2s;\n}\n.shot-search-input:focus-within {\n border-color: var(--primary);\n}\n.shot-search-icon {\n font-size: 1rem;\n opacity: 0.7;\n}\n.shot-search-input input {\n flex: 1;\n background: none;\n border: 0;\n color: var(--white);\n font-family: var(--font-body);\n font-size: 0.9375rem;\n outline: none;\n padding: 0.25rem 0;\n min-width: 0;\n}\n.shot-search-input input::placeholder { color: var(--fg-soft); }\n.shot-search-input input::-webkit-search-cancel-button { display: none; }\n.shot-search-clear {\n background: rgba(255,255,255,0.08);\n border: 0;\n color: var(--white);\n font-size: 1.125rem;\n width: 28px;\n height: 28px;\n border-radius: 50%;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n line-height: 1;\n}\n.shot-search-clear:hover { background: rgba(255,255,255,0.16); }\n.shot-search-status {\n text-align: center;\n color: var(--fg-muted);\n font-size: 0.875rem;\n margin: 0.75rem 0 0;\n}\n.shot-card.is-hidden { display: none !important; }\n.shot-panel.has-no-results .shot-cat-title { opacity: 0.4; }\n.shot-panel.has-no-results .shot-marquee { display: none; }\n\n\/* --- Shotkaart: category tabs + card grid with CSS-clipped icons --- *\/\n.shot-tabs {\n display: flex;\n gap: 0.5rem;\n flex-wrap: wrap;\n justify-content: center;\n margin-bottom: 3rem;\n}\n.shot-tab {\n padding: 0.625rem 1.25rem;\n border: 1px solid var(--border);\n border-radius: 999px;\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 0.8125rem;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: var(--fg-muted);\n background: transparent;\n cursor: pointer;\n transition: all 0.2s;\n}\n.shot-tab:hover { color: var(--white); border-color: var(--fg-soft); }\n.shot-tab.is-active {\n background: var(--primary);\n color: var(--white);\n border-color: var(--primary);\n}\n\n.shot-panel { display: none; margin-bottom: 3rem; }\n.shot-panel.is-active { display: block; }\n.shot-cat-title {\n font-family: var(--font-heading);\n font-weight: 700;\n font-size: 1.5rem;\n color: var(--primary);\n margin-bottom: 1.5rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n}\n\n.shot-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));\n gap: 0.75rem;\n}\n\n\/* --- Per-category carousel: auto-scrolls via JS, also manually scrollable --- *\/\n.shot-marquee {\n position: relative;\n overflow-x: auto;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n scroll-behavior: auto;\n cursor: grab;\n -webkit-mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);\n mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);\n scrollbar-width: thin;\n scrollbar-color: rgba(255,255,255,0.2) transparent;\n}\n.shot-marquee::-webkit-scrollbar { height: 4px; }\n.shot-marquee::-webkit-scrollbar-track { background: transparent; }\n.shot-marquee::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.2); border-radius: 4px; }\n.shot-marquee.is-grabbing { cursor: grabbing; }\n.shot-marquee.is-grabbing .shot-card { pointer-events: none; }\n.shot-marquee-track {\n display: flex;\n gap: 0.75rem;\n width: max-content;\n}\n.shot-marquee .shot-card {\n flex: 0 0 180px;\n user-select: none;\n}\n.shot-card {\n background: rgba(0, 0, 0, 0.25);\n border: 1px solid rgba(255, 255, 255, 0.06);\n border-radius: 12px;\n padding: 0.75rem 0.5rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n transition: border-color 0.25s, background 0.25s, transform 0.25s;\n}\n.shot-card:hover {\n border-color: rgba(255, 255, 255, 0.2);\n background: rgba(0, 0, 0, 0.4);\n transform: translateY(-2px);\n}\n.shot-icon {\n width: 160px;\n height: 130px;\n overflow: hidden;\n flex-shrink: 0;\n border-radius: 8px;\n background: rgba(0,0,0,0.2);\n}\n.shot-icon img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n pointer-events: none;\n user-select: none;\n}\n.shot-name {\n font-family: var(--font-heading);\n font-size: 0.8125rem;\n font-weight: 700;\n color: var(--white);\n margin: 0.5rem 0 0;\n line-height: 1.2;\n letter-spacing: 0.01em;\n}\n\n@media (max-width: 600px) {\n .shot-grid { grid-template-columns: repeat(auto-fill, minmax(95px, 1fr)); }\n .shot-icon { width: 130px; height: 110px; }\n .shot-marquee .shot-card { flex: 0 0 150px; }\n .shot-name { font-size: 0.8125rem; }\n}\n\n\/* --- Footer --- *\/\n.site-footer {\n border-top: 1px solid var(--border);\n padding: 4rem 0 2rem;\n margin-top: 4rem;\n}\n.footer-grid {\n display: grid;\n grid-template-columns: 1.5fr 1fr 1fr 1fr;\n gap: 3rem;\n margin-bottom: 3rem;\n}\n.footer-brand img { width: 80px; margin-bottom: 1rem; }\n.footer-brand p { color: var(--fg-soft); font-size: 0.9375rem; max-width: 16rem; }\n.footer-col h4 {\n font-family: var(--font-heading);\n font-size: 0.875rem;\n font-weight: 700;\n color: var(--primary);\n text-transform: uppercase;\n letter-spacing: 0.1em;\n margin-bottom: 1rem;\n}\n.footer-col ul li { margin-bottom: 0.5rem; }\n.footer-col a, .footer-col li { color: var(--fg-muted); font-size: 0.9375rem; }\n.footer-col a:hover { color: var(--white); }\n.footer-col .vestiging-line .city-name { display: block; color: var(--white); font-weight: 600; }\n.footer-col .vestiging-line + .vestiging-line { margin-top: 0.75rem; }\n.footer-bottom {\n padding-top: 2rem;\n border-top: 1px solid var(--border);\n text-align: center;\n color: var(--fg-soft);\n font-size: 0.8125rem;\n}\n\n\/* --- Responsive --- *\/\n@media (min-width: 640px) {\n .hero-ctas { flex-direction: row; }\n}\n@media (max-width: 880px) {\n .nav-toggle { display: flex; margin-left: auto; }\n .nav-inner > nav { display: contents; } \/* let toggle + drawer position freely *\/\n .nav-list {\n display: none;\n position: absolute;\n top: 100%;\n left: 0; right: 0;\n background: var(--bg);\n border-bottom: 1px solid var(--border);\n flex-direction: column;\n padding: 0.5rem 1.5rem 1.5rem;\n gap: 0;\n text-transform: uppercase;\n box-shadow: 0 12px 24px rgba(0,0,0,0.4);\n }\n .site-header.is-open .nav-list { display: flex; }\n .nav-list li {\n width: 100%;\n border-top: 1px solid var(--border);\n }\n .nav-list li:first-child { border-top: 0; }\n .nav-list a {\n display: block;\n padding: 1rem 0;\n font-size: 1rem;\n }\n .nav-list a.nav-cta {\n margin-top: 0.75rem;\n text-align: center;\n padding: 0.875rem 1.25rem;\n }\n .footer-grid { grid-template-columns: 1fr 1fr; }\n .footer-brand { grid-column: 1 \/ -1; }\n .vestiging-detail,\n .workshop-card,\n .op-locatie-layout { grid-template-columns: 1fr; }\n .workshop-card .ws-image { aspect-ratio: 16\/10; }\n}\n@media (max-width: 480px) {\n .footer-grid { grid-template-columns: 1fr; }\n .section { padding: 4rem 0; }\n}\n\n<\/style>\n<\/head>\n<body>\n\n<header class=\"site-header\">\n <div class=\"nav-inner\">\n <a class=\"nav-logo\" href=\"\/\"><img decoding=\"async\" src=\"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/c27496359_chupitos_logo_transparent.png\" alt=\"Chupitos logo\"><\/a>\n <button class=\"nav-toggle\" aria-label=\"Menu\" aria-expanded=\"false\"><span><\/span><\/button>\n <nav>\n <ul class=\"nav-list\">\n <li><a href=\"\/\">Home<\/a><\/li>\n <li><a href=\"\/?pagename=concept\" class=\"is-active\">Concept<\/a><\/li>\n <li><a href=\"\/?pagename=shotkaart\">Shotkaart<\/a><\/li>\n <li><a href=\"\/?pagename=shot-selector\">\ud83c\udfaf Shot Selector<\/a><\/li>\n <li><a href=\"\/?pagename=vestigingen\">Vestigingen<\/a><\/li>\n <li><a href=\"\/?pagename=workshops\">Workshops<\/a><\/li>\n <li><a href=\"\/?pagename=op-locatie\">Op Locatie<\/a><\/li>\n <li><a href=\"\/?pagename=contact\" class=\"nav-cta\">Contact<\/a><\/li>\n <\/ul>\n <\/nav>\n <\/div>\n<\/header>\n\n<section class=\"page-hero with-image\">\n <div class=\"hero-bg\"><img decoding=\"async\" src=\"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/cf038d885_HarryPotterVet.jpg\" alt=\"Chupitos signature shot met vuur\"><\/div>\n <div class=\"page-hero-inner\">\n <span class=\"eyebrow\">Over Chupitos<\/span>\n <h1>Het Chupitos<br><span class=\"accent\">Concept<\/span><\/h1>\n <p>Niet de saaie tequila. Niet de zoveelste cocktailbar. Chupitos is ontstaan uit \u00e9\u00e9n eenvoudig idee: shotjes weer leuk maken.<\/p>\n <\/div>\n<\/section>\n\n<section class=\"section\">\n <div class=\"container\">\n <div class=\"story\">\n <h2>Het verhaal \u2014 sinds 2010<\/h2>\n <p>Amsterdam, 2010. Een groep ondernemers vond dat shots te lang waren afgedaan als de “verplichte ronde” — die ene tequila aan het einde van een avond. Het kon beter. Het m\u00f3\u00e9st beter. Een bar waar shots de hoofdrol speelden, niet de uitsmijter. Een plek waar bartenders entertainers waren. Waar vuur, kleur en theater bij elke bestelling hoorden.<\/p>\n <p>Zo ontstond Chupitos. E\u00e9n bar, \u00e9\u00e9n idee, 150+ creaties later. Inmiddels staan we ook in Utrecht (2015) en Groningen — drie steden, drie bars, \u00e9\u00e9n DNA.<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section dna-bg\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"eyebrow\">Het Chupitos DNA<\/span>\n <h2>De vier pijlers van Chupitos<\/h2>\n <\/div>\n <div class=\"dna-grid\">\n <div class=\"dna-item\">\n <h3>1. Vuur & Show<\/h3>\n <p>Onze bartenders zijn niet alleen drank-makers — het zijn performers. Vlammen op de bar, shots in brand, rituelen die de hele rij gasten in beweging zetten. Wij maken shots tot een ervaring die je niet alleen drinkt, maar ook ziet en hoort.<\/p>\n <\/div>\n <div class=\"dna-item\">\n <h3>2. 150+ Shots<\/h3>\n <p>Meer dan 150 verschillende shots op de kaart, en ze rouleren. Van klassiekers (Tequila, Sambuca, J\u00e4germeister) tot bizarre eigen creaties die nergens anders bestaan. Sommige zoet, sommige sterk, sommige met een gimmick — allemaal Chupitos.<\/p>\n <\/div>\n <div class=\"dna-item\">\n <h3>3. Signature Shots<\/h3>\n <p>De Harry Potter. De Headbanger. Chemistry. Marshmallow. Black Energy. Eigen recepten, eigen rituelen, eigen verhalen. Deze shots zijn hier uitgevonden — en hier nog steeds het beste.<\/p>\n <\/div>\n <div class=\"dna-item\">\n <h3>4. Sfeer & Energie<\/h3>\n <p>Geen rustige cocktailbar. Geen super-nette wine-and-dine. Chupitos is de plek waar avonden langer duren dan gepland en waar je nieuwe vrienden maakt tussen twee shots door. We zijn er voor de feestvierders.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section\">\n <div class=\"container\">\n <div class=\"section-head\">\n <span class=\"eyebrow\">Drie steden, \u00e9\u00e9n Chupitos<\/span>\n <h2>Onze vestigingen<\/h2>\n <p>Amsterdam was de start. Utrecht volgde. Groningen sloot aan. Drie steden, drie bars, \u00e9\u00e9n concept — en in elke stad eigen huis-shots en eigen sfeer.<\/p>\n <\/div>\n <div class=\"vestigingen-grid\">\n <a class=\"vestiging-card\" href=\"\/?pagename=amsterdam\">\n <span class=\"city\">Sinds 2010<\/span>\n <h3>Chupitos Amsterdam →<\/h3>\n <p class=\"tagline\">Korte Leidsedwarsstraat 129<\/p>\n <\/a>\n <a class=\"vestiging-card\" href=\"\/?pagename=utrecht\">\n <span class=\"city\">Sinds 2015<\/span>\n <h3>Chupitos Utrecht →<\/h3>\n <p class=\"tagline\">Loeff Berchmakerstraat 10<\/p>\n <\/a>\n <a class=\"vestiging-card\" href=\"\/?pagename=groningen\">\n <span class=\"city\">Studentenhart<\/span>\n <h3>Chupitos Groningen →<\/h3>\n <p class=\"tagline\">Peperstraat 9<\/p>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<section class=\"section\">\n <div class=\"container\">\n <div class=\"cta-card\">\n <h2>Zelf ervaren?<\/h2>\n <p>Beste manier om Chupitos te begrijpen is om langs te komen. Geen reservering nodig voor een gewoon shotje. Voor groepen vanaf 8 personen wel handig om vooraf te mailen.<\/p>\n <div class=\"ctas\">\n <a class=\"btn btn-primary\" href=\"\/?pagename=vestigingen\">Vind je vestiging<\/a>\n <a class=\"btn btn-outline\" href=\"\/?pagename=workshops\">Of boek een shotworkshop →<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<footer class=\"site-footer\">\n <div class=\"container\">\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <img decoding=\"async\" src=\"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/c27496359_chupitos_logo_transparent.png\" alt=\"Chupitos logo\">\n <p>House of Shots — waar shotjes een show worden. Sinds 2010.<\/p>\n <\/div>\n <div class=\"footer-col\">\n <h4>Navigatie<\/h4>\n <ul>\n <li><a href=\"\/\">Home<\/a><\/li>\n <li><a href=\"\/?pagename=concept\">Concept<\/a><\/li>\n <li><a href=\"\/?pagename=shotkaart\">Shotkaart<\/a><\/li>\n <li><a href=\"\/?pagename=shot-selector\">\ud83c\udfaf Shot Selector<\/a><\/li>\n <li><a href=\"\/?pagename=vestigingen\">Vestigingen<\/a><\/li>\n <li><a href=\"\/?pagename=workshops\">Workshops<\/a><\/li>\n <li><a href=\"\/?pagename=contact\">Contact<\/a><\/li>\n <\/ul>\n <\/div>\n <div class=\"footer-col\">\n <h4>Vestigingen<\/h4>\n <div class=\"vestiging-line\"><span class=\"city-name\">Amsterdam<\/span>Korte Leidsedwarsstraat 129<\/div>\n <div class=\"vestiging-line\"><span class=\"city-name\">Groningen<\/span>Peperstraat 9<\/div>\n <div class=\"vestiging-line\"><span class=\"city-name\">Utrecht<\/span>Loeff Berchmakerstraat 10<\/div>\n <\/div>\n <div class=\"footer-col\">\n <h4>Contact<\/h4>\n <ul><li><a href=\"mailto:info@chupitos.nl\">info@chupitos.nl<\/a><\/li><\/ul>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">© 2026 Chupitos — House of Shots. Alle rechten voorbehouden.<\/div>\n <\/div>\n<\/footer>\n\n<script>\n (function() {\n const toggle = document.querySelector('.nav-toggle');\n const header = document.querySelector('.site-header');\n if (toggle && header) {\n toggle.addEventListener('click', () => {\n const open = header.classList.toggle('is-open');\n toggle.setAttribute('aria-expanded', open ? 'true' : 'false');\n });\n document.querySelectorAll('.nav-list a').forEach(a => {\n a.addEventListener('click', () => header.classList.remove('is-open'));\n });\n \/\/ Auto-hide on scroll down (mobile-friendly UX); show on scroll up\n let lastY = window.scrollY, ticking = false;\n window.addEventListener('scroll', () => {\n if (ticking) return;\n ticking = true;\n requestAnimationFrame(() => {\n const y = window.scrollY;\n const diff = y - lastY;\n if (y > 120 && diff > 4) header.classList.add('is-hidden');\n else if (diff < -4 || y < 120) header.classList.remove('is-hidden');\n lastY = y;\n ticking = false;\n });\n }, { passive: true });\n }\n })();\n<\/script>\n\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Het Chupitos Concept \u2014 150+ shots, vuur, show Home Concept Shotkaart \ud83c\udfaf Shot Selector Vestigingen Workshops Op Locatie Contact Over Chupitos Het ChupitosConcept Niet de saaie tequila. Niet de zoveelste cocktailbar. Chupitos is ontstaan uit \u00e9\u00e9n eenvoudig idee: shotjes weer leuk maken. Het verhaal \u2014 sinds 2010 Amsterdam, 2010. Een groep ondernemers vond dat shots […]<\/p>\n","protected":false},"author":1,"featured_media":868,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"chupitos-blank","meta":{"footnotes":""},"class_list":["post-30","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"\n<title>Het Chupitos Concept - Chupitos<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/chupitos.nl\/?page_id=30\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Het Chupitos Concept - Chupitos\" \/>\n<meta property=\"og:description\" content=\"Het Chupitos Concept \u2014 150+ shots, vuur, show Home Concept Shotkaart \ud83c\udfaf Shot Selector Vestigingen Workshops Op Locatie Contact Over Chupitos Het ChupitosConcept Niet de saaie tequila. Niet de zoveelste cocktailbar. Chupitos is ontstaan uit \u00e9\u00e9n eenvoudig idee: shotjes weer leuk maken. Het verhaal \u2014 sinds 2010 Amsterdam, 2010. Een groep ondernemers vond dat shots […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/chupitos.nl\/?page_id=30\" \/>\n<meta property=\"og:site_name\" content=\"Chupitos\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/chupitosutrecht\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-01T17:47:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/chupitos-og-image.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/chupitos.nl\\\/?page_id=30\",\"url\":\"https:\\\/\\\/chupitos.nl\\\/?page_id=30\",\"name\":\"Het Chupitos Concept - Chupitos\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/chupitos.nl\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/chupitos.nl\\\/?page_id=30#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/chupitos.nl\\\/?page_id=30#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/chupitos.nl\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/chupitos-og-image.jpg\",\"datePublished\":\"2026-05-15T12:18:57+00:00\",\"dateModified\":\"2026-06-01T17:47:23+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/chupitos.nl\\\/?page_id=30#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/chupitos.nl\\\/?page_id=30\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/chupitos.nl\\\/?page_id=30#primaryimage\",\"url\":\"https:\\\/\\\/chupitos.nl\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/chupitos-og-image.jpg\",\"contentUrl\":\"https:\\\/\\\/chupitos.nl\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/chupitos-og-image.jpg\",\"width\":1200,\"height\":630,\"caption\":\"Chupitos shotbar \u2014 Amsterdam, Utrecht, Groningen\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/chupitos.nl\\\/?page_id=30#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/chupitos.nl\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Het Chupitos Concept\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/chupitos.nl\\\/#website\",\"url\":\"https:\\\/\\\/chupitos.nl\\\/\",\"name\":\"Chupitos\",\"description\":\"House of Shots\",\"publisher\":{\"@id\":\"https:\\\/\\\/chupitos.nl\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/chupitos.nl\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/chupitos.nl\\\/#organization\",\"name\":\"Chupitos\",\"url\":\"https:\\\/\\\/chupitos.nl\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\\\/\\\/chupitos.nl\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/chupitos.nl\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Logo-Chupitos-scaled.png\",\"contentUrl\":\"https:\\\/\\\/chupitos.nl\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Logo-Chupitos-scaled.png\",\"width\":2560,\"height\":2560,\"caption\":\"Chupitos\"},\"image\":{\"@id\":\"https:\\\/\\\/chupitos.nl\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/chupitosutrecht\\\/\",\"https:\\\/\\\/www.instagram.com\\\/chupitos.amsterdam\\\/\",\"https:\\\/\\\/www.instagram.com\\\/chupitos.utrecht\\\/\",\"https:\\\/\\\/www.instagram.com\\\/chupitos.groningen\\\/\"]}]}<\/script>\n","yoast_head_json":{"title":"Het Chupitos Concept - Chupitos","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/chupitos.nl\/?page_id=30","og_locale":"nl_NL","og_type":"article","og_title":"Het Chupitos Concept - Chupitos","og_description":"Het Chupitos Concept \u2014 150+ shots, vuur, show Home Concept Shotkaart \ud83c\udfaf Shot Selector Vestigingen Workshops Op Locatie Contact Over Chupitos Het ChupitosConcept Niet de saaie tequila. Niet de zoveelste cocktailbar. Chupitos is ontstaan uit \u00e9\u00e9n eenvoudig idee: shotjes weer leuk maken. Het verhaal \u2014 sinds 2010 Amsterdam, 2010. Een groep ondernemers vond dat shots […]","og_url":"https:\/\/chupitos.nl\/?page_id=30","og_site_name":"Chupitos","article_publisher":"https:\/\/www.facebook.com\/chupitosutrecht\/","article_modified_time":"2026-06-01T17:47:23+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/chupitos-og-image.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Geschatte leestijd":"2 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/chupitos.nl\/?page_id=30","url":"https:\/\/chupitos.nl\/?page_id=30","name":"Het Chupitos Concept - Chupitos","isPartOf":{"@id":"https:\/\/chupitos.nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/chupitos.nl\/?page_id=30#primaryimage"},"image":{"@id":"https:\/\/chupitos.nl\/?page_id=30#primaryimage"},"thumbnailUrl":"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/chupitos-og-image.jpg","datePublished":"2026-05-15T12:18:57+00:00","dateModified":"2026-06-01T17:47:23+00:00","breadcrumb":{"@id":"https:\/\/chupitos.nl\/?page_id=30#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/chupitos.nl\/?page_id=30"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/chupitos.nl\/?page_id=30#primaryimage","url":"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/chupitos-og-image.jpg","contentUrl":"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/chupitos-og-image.jpg","width":1200,"height":630,"caption":"Chupitos shotbar \u2014 Amsterdam, Utrecht, Groningen"},{"@type":"BreadcrumbList","@id":"https:\/\/chupitos.nl\/?page_id=30#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/chupitos.nl\/"},{"@type":"ListItem","position":2,"name":"Het Chupitos Concept"}]},{"@type":"WebSite","@id":"https:\/\/chupitos.nl\/#website","url":"https:\/\/chupitos.nl\/","name":"Chupitos","description":"House of Shots","publisher":{"@id":"https:\/\/chupitos.nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/chupitos.nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/chupitos.nl\/#organization","name":"Chupitos","url":"https:\/\/chupitos.nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/chupitos.nl\/#\/schema\/logo\/image\/","url":"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/Logo-Chupitos-scaled.png","contentUrl":"https:\/\/chupitos.nl\/wp-content\/uploads\/2026\/05\/Logo-Chupitos-scaled.png","width":2560,"height":2560,"caption":"Chupitos"},"image":{"@id":"https:\/\/chupitos.nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/chupitosutrecht\/","https:\/\/www.instagram.com\/chupitos.amsterdam\/","https:\/\/www.instagram.com\/chupitos.utrecht\/","https:\/\/www.instagram.com\/chupitos.groningen\/"]}]}},"_links":{"self":[{"href":"https:\/\/chupitos.nl\/index.php?rest_route=\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chupitos.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chupitos.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chupitos.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chupitos.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=30"}],"version-history":[{"count":22,"href":"https:\/\/chupitos.nl\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":1148,"href":"https:\/\/chupitos.nl\/index.php?rest_route=\/wp\/v2\/pages\/30\/revisions\/1148"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/chupitos.nl\/index.php?rest_route=\/wp\/v2\/media\/868"}],"wp:attachment":[{"href":"https:\/\/chupitos.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}