{"id":2566,"date":"2026-03-26T21:55:34","date_gmt":"2026-03-26T21:55:34","guid":{"rendered":"https:\/\/loopchicago.local\/?page_id=2566"},"modified":"2026-06-22T08:56:32","modified_gmt":"2026-06-22T13:56:32","slug":"loop-arts-district","status":"publish","type":"page","link":"https:\/\/loopchicago.com\/es\/experience-chicago-loop\/loop-arts-district\/","title":{"rendered":"Distrito Art\u00edstico Loop"},"content":{"rendered":"<style id=\"loopchicago-hero-inline-css\">:root {--white: #ffffff;--black: #000000;--gray-black: #2d2a27;--brand-light-green: #bad536;--a11y-focus: #0066cc;--spacing-sm: 0.5rem;--spacing-md: 1rem;--spacing-xl: 2rem;--radius-lg: 0.9375rem;}\/**\n * Home Page Hero Block Styles\n *\n * @package LoopChicago\n * @since 1.0.0\n *\/\n\n\/* Hero Container - Full viewport width breakout *\/\n.hero-block.hero-block.alignfull {\n\tposition: relative;\n\twidth: 100vw;\n\tmax-width: none;\n\tmin-height: max(700px, 100vh);\n\toverflow: visible;\n\tleft: 50%;\n\tmargin-left: 0;\n\tmargin-right: 0;\n\ttransform: translateX(-50%);\n\tbackground-color: var(--brand-light-green);\n\tdisplay: flex;\n\tflex-direction: column;\n}\n\n\/* Hero Content Section - Contains video and all overlays *\/\n.hero-content-section {\n\tposition: relative;\n\twidth: 100%;\n\tflex: 1;\n\tmin-height: calc(max(700px, 100vh) - 80px); \/* Total height minus advisories bar *\/\n}\n\n\/* Large screens: Increase min-height to prevent squishing *\/\n@media (width >= 100rem) {\n\t\/* 100rem = 1600px (large screens) *\/\n\t.hero-block.hero-block.alignfull {\n\t\tmin-height: max(1000px, 100vh);\n\t}\n\n\t.hero-content-section {\n\t\tmin-height: calc(max(1000px, 100vh) - 80px); \/* 920px minimum, grows with viewport *\/\n\t}\n}\n\n\/* Video Background *\/\n.hero-video-container {\n\tposition: absolute;\n\ttop: 0;\n\t\/* Extend 1px past each horizontal edge so the hairline gap caused by\n\t   sub-pixel rounding on .hero-block.alignfull's translateX(-50%) centering\n\t   is covered by the poster\/video instead of exposing the green section\n\t   background. overflow: hidden clips the bleed; border-radius still paints. *\/\n\tleft: -1px;\n\twidth: calc(100% + 2px);\n\theight: 100%;\n\tz-index: 1;\n\toverflow: hidden;\n\tborder-bottom-right-radius: 40px;\n\tborder-bottom-left-radius: 40px;\n}\n\n.hero-video-container iframe {\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\twidth: 100vw;\n\theight: 56.25vw; \/* 16:9 aspect ratio *\/\n\tmin-height: 100vh;\n\tmin-width: 177.77vh; \/* 16:9 aspect ratio *\/\n\ttransform: translate(-50%, -50%);\n\tz-index: 1;\n}\n\n\/* Desktop poster-as-background: sits behind the iframe so it shows during the\n   Vimeo load flash and also covers any sub-pixel gap at the iframe's left edge\n   that would otherwise expose the green section background. *\/\n.hero-video-container .hero-video-poster-bg {\n\tposition: absolute;\n\tinset: 0;\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: cover;\n\tobject-position: center;\n\tz-index: 0;\n}\n\n\/* Hide Firefox Picture-in-Picture button overlay *\/\n.hero-video-container iframe::-moz-picture-in-picture-toggle {\n\tdisplay: none;\n}\n\n\/* Video Pause\/Play Toggle Button *\/\n.hero-video-toggle {\n\tposition: absolute;\n\tbottom: 20px;\n\tleft: 20px;\n\tz-index: 3;\n\twidth: 44px;\n\theight: 44px;\n\tmin-width: 44px;\n\tmin-height: 44px;\n\tbackground: rgb(0 0 0 \/ 60%);\n\tborder: 2px solid rgb(255 255 255 \/ 80%);\n\tborder-radius: 50%;\n\tcolor: white;\n\tcursor: pointer;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\ttransition: all 0.2s ease;\n}\n\n\/* Tablet and up: Move to bottom right *\/\n@media (min-width: 768px) {\n\t.hero-video-toggle {\n\t\tleft: auto;\n\t\tright: 20px;\n\t}\n}\n\n.hero-video-toggle:hover {\n\tbackground: rgb(0 0 0 \/ 80%);\n\tborder-color: white;\n\ttransform: scale(1.05);\n}\n\n.hero-video-toggle:focus-visible {\n\toutline: 3px solid var(--a11y-focus);\n\toutline-offset: 2px;\n}\n\n.hero-video-toggle__icon {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 24px;\n\theight: 24px;\n\tmin-width: 24px;\n\tmin-height: 24px;\n\tflex-shrink: 0;\n}\n\n.hero-video-toggle__icon svg {\n\twidth: 24px;\n\theight: 24px;\n\tdisplay: block;\n}\n\n\/* Gradient Overlay *\/\n.hero-gradient-overlay {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n  opacity: .9;\n\tbackground: linear-gradient(180deg, #000 7.06%, rgb(102 102 102 \/ 20%) 52.61%, rgb(102 102 102 \/ 0%) 98.62%);\n\tz-index: 2;\n\tpointer-events: none;\n}\n\n\/* Main Headline Container - Vertically centered with minimum top clearance *\/\n.hero-headline {\n\tposition: absolute;\n\ttop: max(50%, 120px);\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n\tz-index: 10;\n\tmargin: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\t\/* Fluid width: 84% of viewport, clamped between 269px and 430px *\/\n\twidth: clamp(269px, 84vw, 430px);\n}\n\n\/* Tablet and up: fluid width using two blended linear functions (steep 1280-1440, gentle 1440+) *\/\n@media (min-width: 768px) {\n\t.hero-headline {\n\t\twidth: clamp(430px, min(calc(102.5vw - 882px), calc(30vw + 162px)), 928px);\n\t}\n}\n\n\/* Headline SVG - fills available space within padding *\/\n.hero-headline__svg {\n\twidth: 100%;\n\theight: auto;\n\tdisplay: block;\n\tfilter: drop-shadow(0 4px 4px rgb(0 0 0 \/ 25%));\n}\n\n\/* Trademark \/ registered symbol \u2014 positioned absolutely so it sits just\n   outside the right edge of the logo without shrinking the SVG (which is\n   width: 100% of its flex parent). Vertically centered on the image. *\/\n.hero-headline__trademark {\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 100%;\n\ttransform: translateY(-50%);\n\tmargin-inline-start: 0.15em;\n\t\/* System font sidesteps the webfont swap CLS \u2014 TM\/\u00ae glyphs are\n\t   visually identical across system fonts so there's no design cost. *\/\n\tfont-family: system-ui, -apple-system, \"Segoe UI\", sans-serif;\n\tfont-size: clamp(1.75rem, 3.2vw, 2rem);\n\tline-height: 1;\n\tcolor: var(--white);\n\ttext-shadow: 0 2px 4px rgb(0 0 0 \/ 25%);\n\tfont-weight: normal;\n}\n\n\/* Overlay SVGs - positioned in lower right corner *\/\n.hero-overlay-svg-mobile,\n.hero-overlay-svg-desktop {\n\tposition: absolute;\n\tz-index: 5;\n\tpointer-events: none;\n}\n\n.hero-overlay-svg-mobile {\n\twidth: 80vw;\n\tmax-width: 500px;\n\tright: 0;\n\tbottom: 0;\n\tdisplay: block;\n}\n\n.hero-overlay-svg-desktop {\n\tbottom: 0;\n\tright: 0;\n\twidth: 43vw;\n\tdisplay: none;\n}\n\n\/* Show\/hide overlays at tablet breakpoint (768px) *\/\n@media (min-width: 768px) {\n\t.hero-block .hero-overlay-svg-mobile {\n\t\tdisplay: none;\n\t}\n\n\t.hero-block .hero-overlay-svg-desktop {\n\t\tdisplay: block;\n\t}\n}\n\n\/* Editor-specific: Ensure only desktop overlay shows in editor (always desktop width) *\/\n.editor-styles-wrapper .hero-block .hero-overlay-svg-mobile {\n\tdisplay: none;\n}\n\n.editor-styles-wrapper .hero-block .hero-overlay-svg-desktop {\n\tdisplay: block;\n}\n\n\/* Social Links - Lower left corner aligned with logo *\/\n.hero-social-links {\n\tposition: absolute;\n\tbottom: calc(16px + var(--spacing-xl)); \/* Above advisories bar *\/\n\tleft: 30px; \/* Aligns with logo left edge (header padding) *\/\n\tz-index: 10;\n\tbackground: var(--gray-black);\n\tborder-radius: var(--radius-lg);\n\tpadding: var(--spacing-sm) var(--spacing-md);\n\twidth: fit-content;\n}\n\n\/* Large screens: Account for centered grid container (max-width 1440px) *\/\n@media (width > 1440px) {\n\t.hero-social-links {\n\t\tleft: calc((100vw - 1440px) \/ 2 + 30px); \/* Centered container margin + header padding *\/\n\t}\n}\n\n.hero-social-links .wp-block-social-links {\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: var(--spacing-sm);\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n  background: none;\n}\n\n.hero-social-links .wp-social-link {\n\tmargin: 0;\n\tbackground: transparent;\n}\n\n.hero-social-links .wp-social-link a {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 44px;\n\theight: 44px;\n\tmin-width: 44px;\n\tmin-height: 44px;\n\tborder-radius: 50%;\n\tbackground: transparent;\n\tcolor: var(--white);\n\ttransition: all 0.2s ease;\n}\n\n.hero-social-links .wp-social-link svg {\n\twidth: 24px;\n\theight: 24px;\n\tfill: var(--white);\n}\n\n.hero-social-links .wp-social-link a:hover svg,\n.hero-social-links .wp-social-link a:focus svg {\n  fill: var(--brand-light-green);\n}\n\n\n\/* Scroll Down Button *\/\n.hero-scroll-button {\n\tposition: absolute;\n\tbottom: var(--spacing-xl); \/* Above advisories bar *\/\n\tleft: 50%;\n\ttransform: translateX(-50%);\n\tz-index: 10;\n\tbackground: transparent;\n\tborder: none;\n\tpadding: 0;\n\twidth: 88px; \/* Double the original 44px *\/\n\theight: 88px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tcursor: pointer;\n\ttransition: all 0.3s ease;\n\ttext-decoration: none;\n}\n\n.hero-scroll-button:hover,\n.hero-scroll-button:focus {\n\ttransform: translateX(-50%) translateY(5px);\n}\n\n.hero-scroll-button__icon {\n\twidth: 48px; \/* Double the original 24px *\/\n\theight: 48px;\n\tdisplay: block;\n}\n\n@keyframes hero-bounce {\n\t0%,\n\t20%,\n\t50%,\n\t80%,\n\t100% {\n\t\ttransform: translateY(0);\n\t}\n\n\t40% {\n\t\ttransform: translateY(-10px);\n\t}\n\n\t60% {\n\t\ttransform: translateY(-5px);\n\t}\n}\n\n@media (prefers-reduced-motion: reduce) {\n\t.hero-scroll-button__icon {\n\t\tanimation: none;\n\t}\n\n\t.hero-scroll-button:hover,\n\t.hero-scroll-button:focus {\n\t\ttransform: translateX(-50%) translateY(0);\n\t}\n}\n\n\/* Loop Advisories Bar *\/\n.hero-advisories-bar {\n\tposition: relative;\n\twidth: 100%;\n\theight: 80px;\n\tbackground-color: var(--brand-light-green);\n\tz-index: 10;\n}\n\n.hero-advisories-content {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\theight: 100%;\n\tpadding: 18px 30px; \/* Match .inside-header padding *\/\n\tgap: var(--spacing-md);\n\tmargin: 0 auto; \/* Center the grid-container *\/\n}\n\n\/* Mobile: keep items on same line *\/\n@media (max-width: 767px) {\n\t.hero-advisories-bar {\n\t\theight: 96px;\n\t\tpadding: 0;\n\t}\n\n\t.hero-advisories-content {\n\t\tflex-wrap: nowrap; \/* Prevent wrapping *\/\n\t\tpadding: 0 var(--spacing-md); \/* Viewport-edge breathing room (~16px) *\/\n\t\tgap: 0; \/* Spacing handled entirely by pipe margins so both sides of the divider stay equal *\/\n\t\tjustify-content: center;\n\t\tmin-width: 0; \/* Allow flex children to shrink below their content size *\/\n\t}\n\n\t\/* Specificity bumped (.hero-advisories-bar prefix) so these win over the\n\t   unqualified base rule further down in source order. *\/\n\t.hero-advisories-bar .hero-advisories-title {\n\t\tflex: 0 1 auto;\n\t\tmin-width: 0; \/* Required for ellipsis inside flex *\/\n\t\tmax-width: 60%; \/* Hard cap so the button always has room *\/\n\t\tmin-height: 44px; \/* Match button min-height so flex centering aligns both visually *\/\n\t\tfont-size: 24px;\n\t\tline-height: 1; \/* Tight line box so the optical center matches the button text *\/\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\t\/* Symmetric pipe spacing: equal whitespace on both sides of the divider.\n\t   Flex gap and button padding-left are both 0 on mobile so these margins\n\t   are the only thing contributing to the visible gaps. Roomy at the upper\n\t   end of mobile; tightened in the narrower breakpoints below. *\/\n\t.hero-advisories-bar .hero-advisories-title::after {\n\t\tmargin-left: var(--spacing-md);\n\t\tmargin-right: var(--spacing-md);\n\t}\n\n\t.hero-advisories-content .lc-btn.hero-advisories-button {\n\t\tflex: 0 0 auto;\n\t\twhite-space: nowrap; \/* Prevent button label from wrapping to a 2nd line *\/\n\t\tmargin-left: 0; \/* Override desktop -1rem pull that otherwise overlaps the title separator *\/\n\t\tpadding: 12px 0; \/* No horizontal padding so pipe margins own the visible gap *\/\n\t\tgap: 8px; \/* Tighter than base 16px (text \u2194 arrow icon inside the button) *\/\n\t}\n\n\t\/* Mid-narrow phones: tighten pipe spacing + shrink button text to free up room *\/\n\t@media (max-width: 499px) {\n\t\t.hero-advisories-bar .hero-advisories-title::after {\n\t\t\tmargin-left: var(--spacing-sm);\n\t\t\tmargin-right: var(--spacing-sm);\n\t\t}\n\n\t\t.hero-advisories-content .lc-btn,\n\t\t.hero-advisories-content .lc-btn.hero-advisories-button {\n\t\t\tmargin-left: 0; \/* Override desktop -1rem pull *\/\n\t\t\tfont-size: 16px;\n\t\t}\n\t}\n\n\t\/* Extra-narrow phones: drop title a step so \"Loop Advisories\" still fits *\/\n\t@media (max-width: 399px) {\n\t\t.hero-advisories-bar .hero-advisories-title {\n\t\t\tfont-size: 20px;\n\t\t}\n\t}\n\n\t.hero-scroll-button {\n\t\tbottom: calc(var(--spacing-md) * 7); \/* Adjust for taller mobile bar and lines *\/\n\t}\n}\n\n\/* Tablet: tighten horizontal padding to prevent text overflow *\/\n@media (min-width: 768px) and (max-width: 1010px) {\n\t.hero-advisories-content {\n\t\tpadding: 18px 20px;\n\t}\n}\n\n\/* Advisory section title and subtitle styling *\/\n.hero-advisories-title {\n  color: var(--black);\n  margin: 0;\n  display: flex;\n  align-items: center;\n  font-family: var(--font-family-heading);\n  font-size: 28.5px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: normal;\n}\n\n\/* Base \u2014 hidden via Tailwind `hidden` class; shown at 960px+ by the media query below *\/\n.hero-advisories-subtitle {\n  align-items: center;\n}\n\n\/* 960px+: show and style (hidden below to prevent layout issues around 840px) *\/\n@media (min-width: 960px) {\n  .hero-advisories-subtitle {\n    display: flex;\n    color: var(--black);\n    margin: 0;\n    text-transform: none;\n    font-size: 18px;\n  }\n}\n\n\/* Add pipe separators after title and subtitle using even spacing *\/\n.hero-advisories-title::after,\n.hero-advisories-subtitle::after {\n  content: '';\n  display: inline-block;\n  width: 1px;\n  height: 16px;\n  background-color: var(--black);\n  margin-left: calc(var(--spacing-md) + var(--spacing-sm));\n  margin-right: var(--spacing-sm);\n  flex-shrink: 0;\n}\n\n.hero-advisories-content .lc-btn {\n\tmargin-left: -1rem;\n}\n\n\/* Advisories button - text-only style with underline on hover *\/\n.hero-advisories-button {\n  font-size: 18px;\n\tbackground: transparent !important;\n\tcolor: var(--black) !important;\n\ttext-decoration: none;\n\ttransition: text-decoration 0.2s ease;\n}\n\n.hero-advisories-button:hover,\n.hero-advisories-button:focus {\n\tbackground: transparent !important;\n\tcolor: var(--black) !important;\n\ttext-decoration: underline;\n\ttransform: none !important;\n}\n\n.hero-advisories-button svg {\n    margin-left: 8px;\n}\n\n\/* Keep icon colors consistent - reversed colors (black bg, light green fg) *\/\n.hero-advisories-button .button-arrow-bg {\n\tfill: var(--black) !important;\n\ttransition: none !important;\n}\n\n.hero-advisories-button .button-arrow-fg {\n\tfill: var(--brand-light-green) !important;\n\ttransition: none !important;\n}\n\n.hero-advisories-button:hover .button-arrow-bg,\n.hero-advisories-button:focus .button-arrow-bg {\n\tfill: var(--black) !important;\n}\n\n.hero-advisories-button:hover .button-arrow-fg,\n.hero-advisories-button:focus .button-arrow-fg {\n\tfill: var(--brand-light-green) !important;\n}\n\n\/* Poster Image *\/\n.hero-poster-container {\n\tposition: absolute;\n\ttop: 0;\n\t\/* Match .hero-video-container's 1px horizontal bleed so sub-pixel rounding\n\t   on .hero-block.alignfull's translateX(-50%) centering doesn't expose the\n\t   green section background at the edges on mobile. *\/\n\tleft: -1px;\n\twidth: calc(100% + 2px);\n\theight: 100%;\n\tz-index: 1;\n\toverflow: hidden;\n\t\/* Match .hero-video-container's bottom rounding so the green section corners\n\t   still show when this container takes over (reduced-motion users, or mobile\n\t   poster-only path). Top stays square because the section already meets the\n\t   header flush. *\/\n\tborder-bottom-right-radius: 40px;\n\tborder-bottom-left-radius: 40px;\n}\n\n.hero-poster-container img {\n\twidth: 100%;\n\theight: 100%;\n\tobject-fit: cover;\n}\n\n\/* Transit line z-index override \u2014 must sit above video (z-index: 1) *\/\n.hero-block .lc-tl {\n\tz-index: 5;\n}\n\n\/* Close the hairline seam between the bend  and the stretched extend\n    on edge-extend lines. Sub-pixel rounding between the fixed-size bend\n   and the 100%-background extend can expose a 1px gap; overlap by 1px to\n   hide it without shifting the visual layout perceptibly.\n   For align-right (row): extend sits to the right of the bend, pull its left in.\n   For align-left (row-reverse): extend sits to the left of the bend, pull its right in. *\/\n.hero-block .lc-tl--edge-extend.lc-tl--align-right .lc-tl__extend {\n\tmargin-left: -1px;\n\twidth: calc(100% - var(--lc-tl-bend-width, 0px) + 1px);\n}\n\n.hero-block .lc-tl--edge-extend.lc-tl--align-left .lc-tl__extend {\n\tmargin-right: -1px;\n\twidth: calc(100% - var(--lc-tl-bend-width, 0px) + 1px);\n}\n\n\/* Scope transit line frame to content area only \u2014 stop above advisories bar.\n   lc_render_transit_line() is called after  per convention, so the\n   frame covers the full block. Offset bottom to exclude the fixed-height bar.\n   z-index + isolation lift the whole frame above the Vimeo iframe (z-index: 1),\n   which otherwise renders on its own GPU layer and can cover z-index:auto siblings. *\/\n.hero-block > .lc-tl-frame {\n\tbottom: 80px; \/* Must match .hero-advisories-bar rendered height (desktop) *\/\n\t\/* Safari treats overflow-x:visible + overflow-y:clip as clip-on-both-axes,\n\t   which hid the edge-extend stretch projecting past the 1440px frame.\n\t   clip-path crops vertically only, leaving horizontal unclipped. *\/\n\tclip-path: inset(0 -100vw);\n\tz-index: 5;\n\tisolation: isolate;\n}\n\n@media (max-width: 767px) {\n\t.hero-block > .lc-tl-frame {\n\t\tbottom: 96px; \/* Must match .hero-advisories-bar rendered height (mobile) *\/\n\t}\n\n\t\/* Cap bend width at viewport so lines scale down progressively on narrow screens\n\t   instead of overflowing. Uses min() of the scaled bend and 100vw. *\/\n\t.hero-block .lc-tl--edge-extend {\n\t\t--lc-tl-bend-width: min(\n\t\t\tcalc(var(--lc-tl-bend-width-base, 0px) * var(--lc-tl-mobile-scale, 0.75)),\n\t\t\t100vw\n\t\t);\n\t}\n}\n\n\n\/* When video plays on mobile, suppress the static mobile poster on small screens\n   so the video plays alone (prevents same-z-index stacking ambiguity with the\n   iframe). The reduced-motion rule below uses !important to override this and\n   restore the static poster as the fallback for users who opt out of motion. *\/\n.hero-poster-container--video-fallback {\n\tdisplay: none;\n}\n\n\/* Reduced Motion - Show poster instead of video *\/\n@media (prefers-reduced-motion: reduce) {\n\t.hero-video-container {\n\t\tdisplay: none !important;\n\t}\n\n\t.hero-poster-container {\n\t\tdisplay: block !important;\n\t}\n}<\/style>\n<section class=\"hero-block alignfull\" aria-label=\"Home page hero section\" x-data=\"heroScroll\">\n\t\n\t<div class=\"hero-content-section\">\n\t\t\t\t\t\t<!-- Video on all devices -->\n\t\t\t<div class=\"hero-video-container\" x-data=\"{ videoPaused: false }\">\n\t\t\t\t\t\t<picture>\n\t\t\t\t\t\t\t<source media=\"(max-width: 767px)\" srcset=\"https:\/\/loopchicago.com\/wp-content\/uploads\/2026\/05\/chicago-loop-alliance-loop-arts-district-hero-video-1024x1400.png\">\n\t\t\t\t\t\t<img width=\"2500\" height=\"1500\" src=\"https:\/\/loopchicago.com\/wp-content\/uploads\/2026\/05\/chicago-loop-alliance-loop-arts-district-hero-video.png\" class=\"hero-video-poster-bg\" alt=\"\" role=\"presentation\" aria-hidden=\"true\" loading=\"eager\" decoding=\"async\" fetchpriority=\"high\" srcset=\"https:\/\/loopchicago.com\/wp-content\/uploads\/2026\/05\/chicago-loop-alliance-loop-arts-district-hero-video.png 2500w, https:\/\/loopchicago.com\/wp-content\/uploads\/2026\/05\/chicago-loop-alliance-loop-arts-district-hero-video-300x180.png 300w, https:\/\/loopchicago.com\/wp-content\/uploads\/2026\/05\/chicago-loop-alliance-loop-arts-district-hero-video-1024x614.png 1024w, https:\/\/loopchicago.com\/wp-content\/uploads\/2026\/05\/chicago-loop-alliance-loop-arts-district-hero-video-768x461.png 768w, https:\/\/loopchicago.com\/wp-content\/uploads\/2026\/05\/chicago-loop-alliance-loop-arts-district-hero-video-1536x922.png 1536w, https:\/\/loopchicago.com\/wp-content\/uploads\/2026\/05\/chicago-loop-alliance-loop-arts-district-hero-video-2048x1229.png 2048w, https:\/\/loopchicago.com\/wp-content\/uploads\/2026\/05\/chicago-loop-alliance-loop-arts-district-hero-video-18x12.png 18w\" sizes=\"(max-width: 2500px) 100vw, 2500px\" \/>\t\t<\/picture>\n\t\t\t\t\t\t<iframe src=\"https:\/\/player.vimeo.com\/video\/1176641396?background=1&#038;autoplay=1&#038;loop=1&#038;muted=1&#038;controls=0&#038;autopause=0&#038;playsinline=1&#038;pip=0&#038;dnt=1\"\n\t\t\t\t\t\tframeborder=\"0\"\n\t\t\t\t\t\tallow=\"autoplay; fullscreen\"\n\t\t\t\t\t\tloading=\"eager\"\n\t\t\t\t\t\ttitle=\"Background video\"\n\t\t\t\t\t\tx-ref=\"videoIframe\"><\/iframe>\n\n\t\t\t\t\t\t\t\t\t<!-- Pause\/Play Toggle Button -->\n\t\t\t\t\t<button type=\"button\"\n\t\t\t\t\t\t\tclass=\"hero-video-toggle lc-focus-ring\"\n\t\t\t\t\t\t\t@click=\"videoPaused = !videoPaused; $refs.videoIframe.contentWindow.postMessage(JSON.stringify({method: videoPaused ? 'pause' : 'play'}), 'https:\/\/player.vimeo.com')\"\n\t\t\t\t\t\t\t:aria-label=\"videoPaused ? 'Play background video' : 'Pause background video'\">\n\t\t\t\t\t\t<span x-show=\"!videoPaused\" class=\"hero-video-toggle__icon\">\n\t\t\t\t\t\t\t<svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n\t<path d=\"M6 4h4v16H6V4zm8 0h4v16h-4V4z\" fill=\"currentColor\"\/>\n<\/svg>\n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t<span x-show=\"videoPaused\" x-cloak class=\"hero-video-toggle__icon\">\n\t\t\t\t\t\t\t<svg width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n\t<path d=\"M8 5v14l11-7z\" fill=\"currentColor\"\/>\n<\/svg>\n\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t<div class=\"hero-poster-container md:hidden hero-poster-container--video-fallback\">\n\t\t\t<img width=\"1024\" height=\"1400\" src=\"https:\/\/loopchicago.com\/wp-content\/uploads\/2026\/05\/chicago-loop-alliance-loop-arts-district-hero-video-1024x1400.png\" class=\"attachment-bg-mobile size-bg-mobile\" alt=\"\" loading=\"eager\" decoding=\"async\" sizes=\"100vw\" role=\"presentation\" aria-hidden=\"true\" \/>\t\t<\/div>\n\t\n\t\t\t<div class=\"hero-gradient-overlay\" aria-hidden=\"true\"><\/div>\n\t\n\t<!-- Headline -->\n\t\t\t<h1 class=\"hero-headline\">\n\t\t\t<img decoding=\"async\" src=\"https:\/\/loopchicago.com\/wp-content\/uploads\/2026\/05\/Loop-Arts-District-Logo-Vertical_White-1.svg\"\n\t\t\t\t alt=\"Loop Arts District\"\n\t\t\t\t class=\"hero-headline__svg\">\n\t\t\t\t\t<\/h1>\n\t\n\t<!-- Social Media Links -->\n\t\n\t<!-- Scroll Down Button -->\n\t\t\t<a href=\"#feel\"\n\t\t   class=\"hero-scroll-button lc-focus-ring\"\n\t\t   aria-label=\"Scroll to next section\">\n\t\t\t<img decoding=\"async\" src=\"https:\/\/loopchicago.com\/wp-content\/uploads\/2026\/05\/chicago-loop-alliance-hero-down-icon.svg\"\n\t\t\t     alt=\"\"\n\t\t\t     aria-hidden=\"true\"\n\t\t\t     class=\"hero-scroll-button__icon\">\n\t\t<\/a>\n\t\n\t<\/div>\n\n\t<!-- Loop Advisories Bar -->\n\t<div class=\"hero-advisories-bar\">\n\t\t<div class=\"hero-advisories-content grid-container\">\n\n\t\t\t\t\t\t\t\t\t<span class=\"hero-advisories-title lc-text-button\" data-acf-inline-contenteditable=\"1\" data-acf-inline-contenteditable-field-slug=\"advisories_title\" data-acf-placeholder=\"Type to edit...\" >\n\t\t\t\t\t\tDistrito Art\u00edstico Loop\t\t\t\t\t<\/span>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<span class=\"hero-advisories-subtitle lc-text-button hidden\" data-acf-inline-contenteditable=\"1\" data-acf-inline-contenteditable-field-slug=\"advisories_subtitle\" data-acf-placeholder=\"Type to edit...\" >\n\t\t\t\t\t\t| Chicago\u2019s newest arts district is coming soon\t\t\t\t\t<\/span>\n\t\t\t\t\n\t\t\t\t\t<a href=\"\/es\/experience-chicago-loop\/loop-arts-district\/#gform_wrapper_1\" class=\"lc-btn lc-btn-light lc-btn lc-btn-light hero-advisories-button\">\n\t\tLOOP ME IN\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewbox=\"0 0 25 25\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\">\n  <path class=\"button-arrow-bg\" d=\"M0.105469 10.8522C0.881961 4.72895 5.92647 0 12.0359 0C18.1454 0 23.1926 4.72615 23.9691 10.8522C24.0392 11.3926 24.0743 11.9414 24.0743 12.5013C24.0743 13.0613 24.0392 13.6101 23.9691 14.1505C23.1926 20.2765 18.1454 25.0027 12.0359 25.0027C5.92646 25.0027 0.881961 20.2765 0.105469 14.1505L15.2201 14.1505L12.0899 16.0656L9.60671 17.5831L6.68679 19.3694L8.20741 21.7745L12.0899 19.2182L14.573 17.5859L19.7928 14.1505L22.2975 12.5013L19.7928 10.8522L14.573 7.41961L12.0899 5.7845L8.20741 3.22824L6.68679 5.63052L9.60671 7.41682L12.0899 8.93714L15.2201 10.8522L0.105469 10.8522Z\" fill=\"black\"\/>\n  <path class=\"button-arrow-fg\" d=\"M22.2972 12.5014L19.7925 14.1505L14.5727 17.5859L12.0896 19.2182L8.2071 21.7745L6.68647 19.3694L9.60639 17.5831L12.0896 16.0656L15.2198 14.1505L0.105152 14.1505C0.0350492 13.6101 0 13.0614 0 12.5014C0 11.9414 0.0350492 11.3926 0.105152 10.8523L15.2198 10.8523L12.0896 8.93717L9.60639 7.41686L6.68647 5.63055L8.2071 3.22827L12.0896 5.78454L14.5727 7.41964L19.7925 10.8523L22.2972 12.5014Z\" fill=\"#BAD536\"\/>\n<\/svg>\n\t<\/a>\n\t\n\t\t<\/div>\n\t<\/div>\n\n<\/section>\n\n\n\n<section  class=\"lc-section-outer lc-section-container alignfull lc-bg-variation lc-bg-black lc-section-overlap\">\n\n\t\n\t\n\t\t<div class=\"lc-tl-frame\" aria-hidden=\"true\">\n\t\t<div class=\"lc-tl lc-tl--sandwich-v lc-tl--loop-means-business lc-tl--align-left lc-tl--pos-bottom\" style=\"--lc-tl-width: 763px; --lc-tl-mobile-scale: 0.8\">\n\t\t\t<img decoding=\"async\" class=\"lc-tl__bend lc-tl__bend--top\" src=\"https:\/\/loopchicago.com\/wp-content\/uploads\/2026\/03\/bend_top_svg-7.svg\" alt=\"\" loading=\"lazy\">\n\t\t\t<div class=\"lc-tl__stretch lc-tl__stretch--v\" style=\"background-image: url('https:\/\/loopchicago.com\/wp-content\/uploads\/2026\/03\/straight_v_svg-7.svg');\"><\/div>\n\t\t\t<img decoding=\"async\" class=\"lc-tl__bend lc-tl__bend--bottom\" src=\"https:\/\/loopchicago.com\/wp-content\/uploads\/2026\/03\/bend_bottom_svg-7.svg\" alt=\"\" loading=\"lazy\">\n\t\t<\/div>\n\t<\/div>\n\t\n\t<div class=\"lc-section-inner lc-sc-inner\">\n\t\t\n\n<div class=\"lficr-row lficr-row--image-left\">\n\n\t<!-- Content Card -->\n\t\t<div class=\"lc-content-card lc-frame lficr-card\">\n\t\t\t\t\t<h2 class=\"lc-content-card__heading lc-text-h1\">You Don\u2019t Just See It,\u2028You Feel It.<\/h2>\n\t\t\n\t\t\t\t\t<p class=\"lc-content-card__subheading lc-text-h2\">The Loop Arts District is Chicago\u2019s cultural current. It is the arts district in the heart of downtown where arts and culture move on the same grid as the city\u2019s business, transit, and everyday life. Led by the Loop Arts District Caucus in collaboration with Chicago Loop Alliance, it connects institutions, public art, performances, and street\u2011level creativity into one shared experience.<\/p>\n\t\t\n\t\t\n\t\t\t\t\t<div class=\"lc-content-card__button-wrapper\">\n\t\t\t\t\t<a href=\"#\" class=\"lc-btn lc-btn-dark\">\n\t\tDON&#039;T MISS A BEAT\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewbox=\"0 0 25 25\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\">\n  <path class=\"button-arrow-bg\" d=\"M0.105469 10.8522C0.881961 4.72895 5.92647 0 12.0359 0C18.1454 0 23.1926 4.72615 23.9691 10.8522C24.0392 11.3926 24.0743 11.9414 24.0743 12.5013C24.0743 13.0613 24.0392 13.6101 23.9691 14.1505C23.1926 20.2765 18.1454 25.0027 12.0359 25.0027C5.92646 25.0027 0.881961 20.2765 0.105469 14.1505L15.2201 14.1505L12.0899 16.0656L9.60671 17.5831L6.68679 19.3694L8.20741 21.7745L12.0899 19.2182L14.573 17.5859L19.7928 14.1505L22.2975 12.5013L19.7928 10.8522L14.573 7.41961L12.0899 5.7845L8.20741 3.22824L6.68679 5.63052L9.60671 7.41682L12.0899 8.93714L15.2201 10.8522L0.105469 10.8522Z\" fill=\"black\"\/>\n  <path class=\"button-arrow-fg\" d=\"M22.2972 12.5014L19.7925 14.1505L14.5727 17.5859L12.0896 19.2182L8.2071 21.7745L6.68647 19.3694L9.60639 17.5831L12.0896 16.0656L15.2198 14.1505L0.105152 14.1505C0.0350492 13.6101 0 13.0614 0 12.5014C0 11.9414 0.0350492 11.3926 0.105152 10.8523L15.2198 10.8523L12.0896 8.93717L9.60639 7.41686L6.68647 5.63055L8.2071 3.22827L12.0896 5.78454L14.5727 7.41964L19.7925 10.8523L22.2972 12.5014Z\" fill=\"#BAD536\"\/>\n<\/svg>\n\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\n\t<!-- Image(s) -->\n\t\t<div class=\"lc-image-composition lc-image-composition--three-images lficr-images\">\n\t\t\t<div class=\"lc-framed-image lc-frame lc-image-composition__image-large\">\n\t\t<img decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/loopchicago.com\/wp-content\/uploads\/2026\/05\/chicago-loop-alliance-the-loop-means-business-pedestrians-crossing-photo-summer-faith-decker-1024x683.jpg\" class=\"lc-framed-image__img lc-framed-image__img--ar-16-9\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/loopchicago.com\/wp-content\/uploads\/2026\/05\/chicago-loop-alliance-the-loop-means-business-pedestrians-crossing-photo-summer-faith-decker-1024x683.jpg 1024w, https:\/\/loopchicago.com\/wp-content\/uploads\/2026\/05\/chicago-loop-alliance-the-loop-means-business-pedestrians-crossing-photo-summer-faith-decker-300x200.jpg 300w, https:\/\/loopchicago.com\/wp-content\/uploads\/2026\/05\/chicago-loop-alliance-the-loop-means-business-pedestrians-crossing-photo-summer-faith-decker-768x512.jpg 768w, https:\/\/loopchicago.com\/wp-content\/uploads\/2026\/05\/chicago-loop-alliance-the-loop-means-business-pedestrians-crossing-photo-summer-faith-decker-18x12.jpg 18w, https:\/\/loopchicago.com\/wp-content\/uploads\/2026\/05\/chicago-loop-alliance-the-loop-means-business-pedestrians-crossing-photo-summer-faith-decker.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t<\/div>\n\t\t<div class=\"lc-image-composition__row\">\n\t\t\t<div class=\"lc-framed-image lc-frame lc-image-composition__image-small\">\n\t\t<img decoding=\"async\" width=\"768\" height=\"768\" src=\"https:\/\/loopchicago.com\/wp-content\/uploads\/2026\/05\/chicago-loop-alliance-loopedin-roof-on-thewit-photo-purple-photo-co-768x768.png\" class=\"lc-framed-image__img lc-framed-image__img--ar-1\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/loopchicago.com\/wp-content\/uploads\/2026\/05\/chicago-loop-alliance-loopedin-roof-on-thewit-photo-purple-photo-co-768x768.png 768w, https:\/\/loopchicago.com\/wp-content\/uploads\/2026\/05\/chicago-loop-alliance-loopedin-roof-on-thewit-photo-purple-photo-co-300x300.png 300w, https:\/\/loopchicago.com\/wp-content\/uploads\/2026\/05\/chicago-loop-alliance-loopedin-roof-on-thewit-photo-purple-photo-co-150x150.png 150w, https:\/\/loopchicago.com\/wp-content\/uploads\/2026\/05\/chicago-loop-alliance-loopedin-roof-on-thewit-photo-purple-photo-co-12x12.png 12w, https:\/\/loopchicago.com\/wp-content\/uploads\/2026\/05\/chicago-loop-alliance-loopedin-roof-on-thewit-photo-purple-photo-co.png 1000w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\t<\/div>\n\t\t<div class=\"lc-framed-image lc-frame lc-image-composition__image-small\">\n\t\t<img decoding=\"async\" width=\"768\" height=\"768\" src=\"https:\/\/loopchicago.com\/wp-content\/uploads\/2026\/05\/chicago-loop-alliance-sundays-on-state-crowd-photo-768x768.png\" class=\"lc-framed-image__img lc-framed-image__img--ar-1\" alt=\"\" loading=\"lazy\" srcset=\"https:\/\/loopchicago.com\/wp-content\/uploads\/2026\/05\/chicago-loop-alliance-sundays-on-state-crowd-photo-768x768.png 768w, https:\/\/loopchicago.com\/wp-content\/uploads\/2026\/05\/chicago-loop-alliance-sundays-on-state-crowd-photo-300x300.png 300w, https:\/\/loopchicago.com\/wp-content\/uploads\/2026\/05\/chicago-loop-alliance-sundays-on-state-crowd-photo-150x150.png 150w, https:\/\/loopchicago.com\/wp-content\/uploads\/2026\/05\/chicago-loop-alliance-sundays-on-state-crowd-photo-12x12.png 12w, https:\/\/loopchicago.com\/wp-content\/uploads\/2026\/05\/chicago-loop-alliance-sundays-on-state-crowd-photo.png 1000w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/>\t<\/div>\n\t\t<\/div>\n\t\t<\/div>\n\t\n<\/div>\n\n\n\t<\/div>\n\n<div class=\"lc-tl-clearance-spacer lc-tl-clearance-spacer--bottom\" aria-hidden=\"true\"><\/div><\/section>\n\n\n\n<div class=\"gb-element-6e659818 lc-cta-3-col alignfull\">\n<div class=\"gb-element-a10cb065\">\n<div>\n<div>\n<h3 class=\"gb-text gb-text-c3fd5f33\">Defendiendo el bucle<\/h3>\n\n\n\n<div>\n<p class=\"has-text-align-center wp-block-paragraph\">Chicago Loop Alliance champions the Loop as a thriving, vibrant business and cultural district in Chicago&#8217;s heart.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-dark-alt\"><a class=\"wp-block-button__link wp-element-button\" href=\"\/es\/about\/our-story\/\">M\u00e1s informaci\u00f3n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewbox=\"0 0 25 25\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\">\n  <path class=\"button-arrow-bg\" d=\"M0.105469 10.8522C0.881961 4.72895 5.92647 0 12.0359 0C18.1454 0 23.1926 4.72615 23.9691 10.8522C24.0392 11.3926 24.0743 11.9414 24.0743 12.5013C24.0743 13.0613 24.0392 13.6101 23.9691 14.1505C23.1926 20.2765 18.1454 25.0027 12.0359 25.0027C5.92646 25.0027 0.881961 20.2765 0.105469 14.1505L15.2201 14.1505L12.0899 16.0656L9.60671 17.5831L6.68679 19.3694L8.20741 21.7745L12.0899 19.2182L14.573 17.5859L19.7928 14.1505L22.2975 12.5013L19.7928 10.8522L14.573 7.41961L12.0899 5.7845L8.20741 3.22824L6.68679 5.63052L9.60671 7.41682L12.0899 8.93714L15.2201 10.8522L0.105469 10.8522Z\" fill=\"black\"\/>\n  <path class=\"button-arrow-fg\" d=\"M22.2972 12.5014L19.7925 14.1505L14.5727 17.5859L12.0896 19.2182L8.2071 21.7745L6.68647 19.3694L9.60639 17.5831L12.0896 16.0656L15.2198 14.1505L0.105152 14.1505C0.0350492 13.6101 0 13.0614 0 12.5014C0 11.9414 0.0350492 11.3926 0.105152 10.8523L15.2198 10.8523L12.0896 8.93717L9.60639 7.41686L6.68647 5.63055L8.2071 3.22827L12.0896 5.78454L14.5727 7.41964L19.7925 10.8523L22.2972 12.5014Z\" fill=\"#BAD536\"\/>\n<\/svg>\n<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div>\n<div>\n<h3 class=\"gb-text gb-text-857c286e\">Apoye la vitalidad del Loop<\/h3>\n\n\n\n<div>\n<p class=\"has-text-align-center wp-block-paragraph\">Su donaci\u00f3n nos ayuda a crear programas que mejoran la calidad de vida en la comunidad del centro de Chicago.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-dark-alt\"><a class=\"wp-block-button__link wp-element-button\" href=\"\/es\/donate\/\">Donar ahora<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewbox=\"0 0 25 25\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\">\n  <path class=\"button-arrow-bg\" d=\"M0.105469 10.8522C0.881961 4.72895 5.92647 0 12.0359 0C18.1454 0 23.1926 4.72615 23.9691 10.8522C24.0392 11.3926 24.0743 11.9414 24.0743 12.5013C24.0743 13.0613 24.0392 13.6101 23.9691 14.1505C23.1926 20.2765 18.1454 25.0027 12.0359 25.0027C5.92646 25.0027 0.881961 20.2765 0.105469 14.1505L15.2201 14.1505L12.0899 16.0656L9.60671 17.5831L6.68679 19.3694L8.20741 21.7745L12.0899 19.2182L14.573 17.5859L19.7928 14.1505L22.2975 12.5013L19.7928 10.8522L14.573 7.41961L12.0899 5.7845L8.20741 3.22824L6.68679 5.63052L9.60671 7.41682L12.0899 8.93714L15.2201 10.8522L0.105469 10.8522Z\" fill=\"black\"\/>\n  <path class=\"button-arrow-fg\" d=\"M22.2972 12.5014L19.7925 14.1505L14.5727 17.5859L12.0896 19.2182L8.2071 21.7745L6.68647 19.3694L9.60639 17.5831L12.0896 16.0656L15.2198 14.1505L0.105152 14.1505C0.0350492 13.6101 0 13.0614 0 12.5014C0 11.9414 0.0350492 11.3926 0.105152 10.8523L15.2198 10.8523L12.0896 8.93717L9.60639 7.41686L6.68647 5.63055L8.2071 3.22827L12.0896 5.78454L14.5727 7.41964L19.7925 10.8523L22.2972 12.5014Z\" fill=\"#BAD536\"\/>\n<\/svg>\n<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div>\n<div>\n<h3 class=\"gb-text gb-text-70f6cf60\">SSA #1-2015<\/h3>\n\n\n\n<div>\n<p class=\"has-text-align-center wp-block-paragraph\">State Street Special Service Area #1-2015 is a taxing district that funds enhanced services in Chicago&#8217;s downtown.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-fe48e5de wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-dark-alt\"><a class=\"wp-block-button__link wp-element-button\" href=\"\/es\/about\/ssa-information\/\">M\u00e1s informaci\u00f3n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"25\" height=\"25\" viewbox=\"0 0 25 25\" fill=\"none\" aria-hidden=\"true\" focusable=\"false\">\n  <path class=\"button-arrow-bg\" d=\"M0.105469 10.8522C0.881961 4.72895 5.92647 0 12.0359 0C18.1454 0 23.1926 4.72615 23.9691 10.8522C24.0392 11.3926 24.0743 11.9414 24.0743 12.5013C24.0743 13.0613 24.0392 13.6101 23.9691 14.1505C23.1926 20.2765 18.1454 25.0027 12.0359 25.0027C5.92646 25.0027 0.881961 20.2765 0.105469 14.1505L15.2201 14.1505L12.0899 16.0656L9.60671 17.5831L6.68679 19.3694L8.20741 21.7745L12.0899 19.2182L14.573 17.5859L19.7928 14.1505L22.2975 12.5013L19.7928 10.8522L14.573 7.41961L12.0899 5.7845L8.20741 3.22824L6.68679 5.63052L9.60671 7.41682L12.0899 8.93714L15.2201 10.8522L0.105469 10.8522Z\" fill=\"black\"\/>\n  <path class=\"button-arrow-fg\" d=\"M22.2972 12.5014L19.7925 14.1505L14.5727 17.5859L12.0896 19.2182L8.2071 21.7745L6.68647 19.3694L9.60639 17.5831L12.0896 16.0656L15.2198 14.1505L0.105152 14.1505C0.0350492 13.6101 0 13.0614 0 12.5014C0 11.9414 0.0350492 11.3926 0.105152 10.8523L15.2198 10.8523L12.0896 8.93717L9.60639 7.41686L6.68647 5.63055L8.2071 3.22827L12.0896 5.78454L14.5727 7.41964L19.7925 10.8523L22.2972 12.5014Z\" fill=\"#BAD536\"\/>\n<\/svg>\n<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Championing the Loop Chicago Loop Alliance champions the Loop as a thriving, vibrant business and cultural district in Chicago&#8217;s heart. Support the Loop&#8217;s Vibrancy Your donation helps us create programs that improve quality of life in Chicago&#8217;s downtown community. SSA #1-2015 State Street Special Service Area #1-2015 is a taxing district that funds enhanced services &#8230;<\/p>","protected":false},"author":1,"featured_media":0,"parent":32,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":true,"footnotes":""},"class_list":["post-2566","page","type-page","status-publish"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Loop Arts District | Chicago&#039;s Arts &amp; Culture Hub | Loop Chicago<\/title>\n<meta name=\"description\" content=\"More museums, theaters &amp; galleries per square mile than almost anywhere in the country. The Loop Arts District is Chicago&#039;s global arts destination \u2014 come feel it.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/loopchicago.com\/es\/experience-chicago-loop\/loop-arts-district\/\" \/>\n<meta property=\"og:locale\" content=\"es_MX\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Loop Arts District | Chicago&#039;s Arts &amp; Culture Hub | Loop Chicago\" \/>\n<meta property=\"og:description\" content=\"More museums, theaters &amp; galleries per square mile than almost anywhere in the country. The Loop Arts District is Chicago&#039;s global arts destination \u2014 come feel it.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/loopchicago.com\/es\/experience-chicago-loop\/loop-arts-district\/\" \/>\n<meta property=\"og:site_name\" content=\"Loop Chicago\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-22T13:56:32+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/loopchicago.com\\\/experience-chicago-loop\\\/loop-arts-district\\\/\",\"url\":\"https:\\\/\\\/loopchicago.com\\\/experience-chicago-loop\\\/loop-arts-district\\\/\",\"name\":\"Loop Arts District | Chicago's Arts & Culture Hub | Loop Chicago\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/loopchicago.com\\\/#website\"},\"datePublished\":\"2026-03-26T21:55:34+00:00\",\"dateModified\":\"2026-06-22T13:56:32+00:00\",\"description\":\"More museums, theaters & galleries per square mile than almost anywhere in the country. The Loop Arts District is Chicago's global arts destination \u2014 come feel it.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/loopchicago.com\\\/experience-chicago-loop\\\/loop-arts-district\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/loopchicago.com\\\/experience-chicago-loop\\\/loop-arts-district\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/loopchicago.com\\\/experience-chicago-loop\\\/loop-arts-district\\\/#breadcrumb\",\"itemListElement\":[]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/loopchicago.com\\\/#website\",\"url\":\"https:\\\/\\\/loopchicago.com\\\/\",\"name\":\"Loop Chicago\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/loopchicago.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/loopchicago.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/loopchicago.com\\\/#organization\",\"name\":\"Loop Chicago\",\"url\":\"https:\\\/\\\/loopchicago.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/loopchicago.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/loopchicago.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/chicago-loop-alliance-brand-logo.svg\",\"contentUrl\":\"https:\\\/\\\/loopchicago.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/chicago-loop-alliance-brand-logo.svg\",\"width\":215,\"height\":96,\"caption\":\"Loop Chicago\"},\"image\":{\"@id\":\"https:\\\/\\\/loopchicago.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Loop Arts District | Chicago's Arts & Culture Hub | Loop Chicago","description":"More museums, theaters & galleries per square mile than almost anywhere in the country. The Loop Arts District is Chicago's global arts destination \u2014 come feel it.","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:\/\/loopchicago.com\/es\/experience-chicago-loop\/loop-arts-district\/","og_locale":"es_MX","og_type":"article","og_title":"Loop Arts District | Chicago's Arts & Culture Hub | Loop Chicago","og_description":"More museums, theaters & galleries per square mile than almost anywhere in the country. The Loop Arts District is Chicago's global arts destination \u2014 come feel it.","og_url":"https:\/\/loopchicago.com\/es\/experience-chicago-loop\/loop-arts-district\/","og_site_name":"Loop Chicago","article_modified_time":"2026-06-22T13:56:32+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/loopchicago.com\/experience-chicago-loop\/loop-arts-district\/","url":"https:\/\/loopchicago.com\/experience-chicago-loop\/loop-arts-district\/","name":"Loop Arts District | Chicago's Arts & Culture Hub | Loop Chicago","isPartOf":{"@id":"https:\/\/loopchicago.com\/#website"},"datePublished":"2026-03-26T21:55:34+00:00","dateModified":"2026-06-22T13:56:32+00:00","description":"More museums, theaters & galleries per square mile than almost anywhere in the country. The Loop Arts District is Chicago's global arts destination \u2014 come feel it.","breadcrumb":{"@id":"https:\/\/loopchicago.com\/experience-chicago-loop\/loop-arts-district\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/loopchicago.com\/experience-chicago-loop\/loop-arts-district\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/loopchicago.com\/experience-chicago-loop\/loop-arts-district\/#breadcrumb","itemListElement":[]},{"@type":"WebSite","@id":"https:\/\/loopchicago.com\/#website","url":"https:\/\/loopchicago.com\/","name":"Loop Chicago","description":"","publisher":{"@id":"https:\/\/loopchicago.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/loopchicago.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/loopchicago.com\/#organization","name":"Loop Chicago","url":"https:\/\/loopchicago.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/loopchicago.com\/#\/schema\/logo\/image\/","url":"https:\/\/loopchicago.com\/wp-content\/uploads\/2025\/12\/chicago-loop-alliance-brand-logo.svg","contentUrl":"https:\/\/loopchicago.com\/wp-content\/uploads\/2025\/12\/chicago-loop-alliance-brand-logo.svg","width":215,"height":96,"caption":"Loop Chicago"},"image":{"@id":"https:\/\/loopchicago.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/loopchicago.com\/es\/wp-json\/wp\/v2\/pages\/2566","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loopchicago.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/loopchicago.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/loopchicago.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/loopchicago.com\/es\/wp-json\/wp\/v2\/comments?post=2566"}],"version-history":[{"count":0,"href":"https:\/\/loopchicago.com\/es\/wp-json\/wp\/v2\/pages\/2566\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/loopchicago.com\/es\/wp-json\/wp\/v2\/pages\/32"}],"wp:attachment":[{"href":"https:\/\/loopchicago.com\/es\/wp-json\/wp\/v2\/media?parent=2566"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}