{"id":1460,"date":"2025-06-04T16:23:00","date_gmt":"2025-06-04T21:23:00","guid":{"rendered":"https:\/\/pages.stolaf.edu\/cc2025\/?page_id=1460"},"modified":"2025-06-12T01:40:45","modified_gmt":"2025-06-12T06:40:45","slug":"film-fest","status":"publish","type":"page","link":"https:\/\/pages.stolaf.edu\/cc2025\/film-fest\/","title":{"rendered":"Film Fest"},"content":{"rendered":"<p><div class=\"et_d4_element et_pb_section et_pb_section_0 et_pb_section_parallax et_pb_with_background  et_pb_css_mix_blend_mode et_section_regular et_block_section\" >\n\t\t\t\t\n\t\t\t\t<span class=\"et_parallax_bg_wrap et-pb-parallax-wrapper\"><span\n\t\t\t\t\t\tclass=\"et_parallax_bg et_parallax_bg--et_pb_section_0\"\n\t\t\t\t\t\tstyle=\"background-image: url(https:\/\/pages.stolaf.edu\/cc2025\/wp-content\/uploads\/sites\/1715\/2024\/03\/restauration-photo.jpeg);\"\n\t\t\t\t\t><\/span><span\n\t\t\t\t\t\tclass=\"et_parallax_gradient\"\n\t\t\t\t\t\tstyle=\"background-image: radial-gradient( circle at , rgba(0,0,0,0.5) 0%, #000000 100% );\"\n\t\t\t\t\t><\/span><\/span>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_d4_element et_pb_row et_pb_row_0  et_pb_css_mix_blend_mode et_block_row\">\n\t\t\t\t<div class=\"et_d4_element et_pb_column_4_4 et_pb_column et_pb_column_0  et_pb_css_mix_blend_mode et-last-child et_block_column\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module et_d4_element et_pb_text et_pb_text_0  et_pb_text_align_center et_pb_bg_layout_light\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_text_inner\"><h2>Histories Cross. Cinema Connects.<\/h2>\n<p>&nbsp;<\/p><\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element et_pb_text et_pb_text_1 et_animated  et_pb_text_align_left et_pb_bg_layout_light\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_text_inner\"><blockquote>\n<p>Hosted by St. Olaf College, this film festival features a compelling lineup of dramas, documentaries, and short films, highlighting powerful stories of movement, identity, and cultural encounter across borders.<\/p>\n<\/blockquote><\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div><div class=\"et_d4_element et_pb_section et_pb_section_1  et_pb_css_mix_blend_mode et_section_regular et_block_section\" >\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_d4_element et_pb_row et_pb_row_1  et_pb_css_mix_blend_mode et_block_row\">\n\t\t\t\t<div class=\"et_d4_element et_pb_column_4_4 et_pb_column et_pb_column_1  et_pb_css_mix_blend_mode et-last-child et_block_column\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module et_d4_element et_pb_code et_pb_code_0\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_code_inner\" data-et-multi-view=\"{&quot;schema&quot;:{&quot;content&quot;:{&quot;desktop&quot;:&quot;&lt;!-- DOCUMENTARIES CAROUSEL --&gt;\\n\\n&lt;h2 class=\\&quot;docu-heading\\&quot;&gt;Documentaries&lt;\\\/h2&gt;\\n\\n&lt;div class=\\&quot;film-carousel-wrapper\\&quot;&gt;\\n  &lt;button class=\\&quot;carousel-nav prev\\&quot;&gt;\\u276e&lt;\\\/button&gt;\\n  &lt;div class=\\&quot;film-carousel\\&quot; id=\\&quot;documentaries-carousel\\&quot;&gt;\\n\\n    &lt;!-- On High Heels in America --&gt;\\n    &lt;div class=\\&quot;carousel-item\\&quot;&gt;\\n      &lt;img src=\\&quot;https:\\\/\\\/pages.stolaf.edu\\\/cc2025\\\/wp-content\\\/uploads\\\/sites\\\/1715\\\/2025\\\/03\\\/On-High-Heels-in-America-Gunhild-Westhagen-Magnor-300x420-1.jpg\\&quot; alt=\\&quot;On High Heels in America\\&quot;\\\/&gt;\\n      &lt;div class=\\&quot;overlay\\&quot;&gt;\\n        &lt;div class=\\&quot;overlay-content\\&quot;&gt;\\n          &lt;h3&gt;On High Heels in America&lt;\\\/h3&gt;\\n          Gunhild W. Magnor \\u00b7 2023 \\u00b7 60 min\\n          &lt;a href=\\&quot;https:\\\/\\\/pages.stolaf.edu\\\/cc2025\\\/on-high-heels-in-america\\\/\\&quot; class=\\&quot;more-info-btn\\&quot;&gt;More Info&lt;\\\/a&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n    &lt;\\\/div&gt;\\n\\n   &lt;!-- 15 Years Later --&gt;\\n&lt;div class=\\&quot;carousel-item\\&quot;&gt;\\n  &lt;img src=\\&quot;https:\\\/\\\/pages.stolaf.edu\\\/cc2025\\\/wp-content\\\/uploads\\\/sites\\\/1715\\\/2025\\\/03\\\/15-years-later-Charlotte-Rohder-Tvedt-300x420-1.jpg\\&quot; alt=\\&quot;15 Years Later\\&quot;\\\/&gt;\\n  &lt;div class=\\&quot;overlay\\&quot;&gt;\\n    &lt;div class=\\&quot;overlay-content\\&quot;&gt;\\n      &lt;h3&gt;15 Years Later&lt;\\\/h3&gt;\\n      Charlotte R. Tvedt \\u00b7 2022 \\u00b7 95 min\\n      &lt;a href=\\&quot;https:\\\/\\\/pages.stolaf.edu\\\/cc2025\\\/15-years-later\\\/\\&quot; class=\\&quot;more-info-btn\\&quot;&gt;More Info&lt;\\\/a&gt;\\n    &lt;\\\/div&gt;\\n  &lt;\\\/div&gt;\\n&lt;\\\/div&gt;\\n\\n    &lt;!-- Great Grandmother\\u2019s Journey --&gt;\\n    &lt;div class=\\&quot;carousel-item\\&quot;&gt;\\n      &lt;img src=\\&quot;https:\\\/\\\/pages.stolaf.edu\\\/cc2025\\\/wp-content\\\/uploads\\\/sites\\\/1715\\\/2025\\\/03\\\/Great-grandmothers-Journey-Harald-Tonassen-300x420-1.jpg\\&quot; alt=\\&quot;Great Grandmother\\u2019s Journey\\&quot;\\\/&gt;\\n      &lt;div class=\\&quot;overlay\\&quot;&gt;\\n        &lt;div class=\\&quot;overlay-content\\&quot;&gt;\\n          &lt;h3&gt;Great Grandmother\\u2019s Journey&lt;\\\/h3&gt;\\n          Jan Harald Tomassen \\u00b7 2023 \\u00b7 50 min\\n          &lt;a href=\\&quot;https:\\\/\\\/pages.stolaf.edu\\\/cc2025\\\/my-great-grandmothers-journey-oldemors-reise\\\/\\&quot; class=\\&quot;more-info-btn\\&quot;&gt;More Info&lt;\\\/a&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n    &lt;\\\/div&gt;\\n\\n    &lt;!-- Separated --&gt;\\n    &lt;div class=\\&quot;carousel-item\\&quot;&gt;\\n      &lt;img src=\\&quot;https:\\\/\\\/pages.stolaf.edu\\\/cc2025\\\/wp-content\\\/uploads\\\/sites\\\/1715\\\/2025\\\/03\\\/Separated-Errol-Morris-300x420-1.jpg\\&quot; alt=\\&quot;Separated\\&quot;\\\/&gt;\\n      &lt;div class=\\&quot;overlay\\&quot;&gt;\\n        &lt;div class=\\&quot;overlay-content\\&quot;&gt;\\n          &lt;h3&gt;Separated&lt;\\\/h3&gt;\\n          Errol Morris \\u00b7 2021 \\u00b7 93 min\\n          &lt;a href=\\&quot;https:\\\/\\\/pages.stolaf.edu\\\/cc2025\\\/separated\\\/\\&quot; class=\\&quot;more-info-btn\\&quot;&gt;More Info&lt;\\\/a&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt;\\n    &lt;\\\/div&gt;\\n\\n  &lt;\\\/div&gt;\\n  &lt;button class=\\&quot;carousel-nav next\\&quot;&gt;\\u276f&lt;\\\/button&gt;\\n&lt;\\\/div&gt;\\n\\n&lt;style&gt;\\n@import url(&#039;https:\\\/\\\/fonts.googleapis.com\\\/css2?family=Alegreya+Sans+SC:wght@700&amp;family=Mulish:wght@400;600&amp;display=swap&#039;);\\n\\n.film-carousel-wrapper {\\n  position: relative;\\n  overflow: hidden;\\n  width: 100%;\\n  max-width: 1200px;\\n  margin: auto;\\n  display: flex;\\n  align-items: center;\\n}\\n.more-info-btn {\\n  margin-top: 10px;\\n  display: inline-block;\\n  background-color: #282b51; \\\/* Navy blue *\\\/\\n  color: #ffffff; \\\/* White text *\\\/\\n  padding: 8px 16px;\\n  border-radius: 4px;\\n  text-decoration: none;\\n  font-weight: 600;\\n  font-family: &#039;Mulish&#039;, sans-serif;\\n  transition: all 0.3s ease;\\n}\\n\\n.more-info-btn:hover {\\n  background-color: #fcfbe6; \\\/* Cream white *\\\/\\n  color: #282b51; \\\/* Navy text *\\\/\\n}\\n\\n.more-info-btn:active {\\n  transform: scale(0.95); \\\/* Button shrink effect *\\\/\\n}\\n.film-carousel {\\n  display: flex;\\n  gap: 20px;\\n  overflow-x: auto;\\n  scroll-behavior: smooth;\\n  padding: 20px 0;\\n  scroll-snap-type: x mandatory;\\n}\\n.film-carousel::-webkit-scrollbar {\\n  display: none;\\n}\\n.docu-heading {\\n  text-align: center;\\n  font-size: 5rem;\\n  font-family: &#039;Abhaya Libre&#039;, serif;\\n  color: #b89553;\\n  margin: 3rem auto 2rem;\\n}\\n.film-carousel {\\n  -ms-overflow-style: none;\\n  scrollbar-width: none;\\n}\\n\\n.carousel-item {\\n  min-width: 150px;\\n  height: auto;\\n  position: relative;\\n  flex-shrink: 0;\\n  scroll-snap-align: start;\\n  transition: transform 0.3s ease;\\n}\\n\\n.carousel-item img {\\n  width: 100%;\\n  border-radius: 10px;\\n  display: block;\\n}\\n\\n.overlay {\\n  position: absolute;\\n  top: 0; left: 0;\\n  height: 100%; width: 100%;\\n  background: rgba(0, 0, 0, 0.6);\\n  opacity: 0;\\n  transition: 0.3s;\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n  text-align: center;\\n}\\n\\n.carousel-item:hover .overlay {\\n  opacity: 1;\\n}\\n\\n.overlay-content {\\n  color: white;\\n  font-family: &#039;Mulish&#039;, sans-serif;\\n}\\n\\n.overlay-content h3 {\\n  font-family: &#039;Alegreya Sans SC&#039;, sans-serif;\\n  color: #b89553;\\n  margin-bottom: 0.3em;\\n}\\n\\n.more-info-btn {\\n  margin-top: 10px;\\n  display: inline-block;\\n  background-color: #282b51;\\n  color: white;\\n  padding: 8px 16px;\\n  border-radius: 4px;\\n  text-decoration: none;\\n  font-weight: 600;\\n}\\n\\n.carousel-nav {\\n  position: absolute;\\n  top: 50%;\\n  transform: translateY(-50%);\\n  font-size: 2rem;\\n  background: none;\\n  border: none;\\n  color: black;\\n  cursor: pointer;\\n  z-index: 1;\\n  padding: 10px;\\n}\\n.carousel-nav.prev { left: 5px; }\\n.carousel-nav.next { right: 5px; }\\n.carousel-nav:hover { color: #b89553; }\\n&lt;\\\/style&gt;\\n\\n&lt;script&gt;\\ndocument.addEventListener(&#039;DOMContentLoaded&#039;, function () {\\n  const carousel = document.querySelector(&#039;#documentaries-carousel&#039;);\\n  const prevBtn = document.querySelector(&#039;.carousel-nav.prev&#039;);\\n  const nextBtn = document.querySelector(&#039;.carousel-nav.next&#039;);\\n  const scrollAmount = 270;\\n\\n  function scrollNext() {\\n    carousel.scrollBy({ left: scrollAmount, behavior: &#039;smooth&#039; });\\n  }\\n\\n  function scrollPrev() {\\n    carousel.scrollBy({ left: -scrollAmount, behavior: &#039;smooth&#039; });\\n  }\\n\\n  nextBtn.addEventListener(&#039;click&#039;, scrollNext);\\n  prevBtn.addEventListener(&#039;click&#039;, scrollPrev);\\n\\n  setInterval(scrollNext, 5000); \\\/\\\/ Auto-scroll every 5s\\n});\\n&lt;\\\/script&gt;\\n&quot;,&quot;phone&quot;:&quot;&lt;!-- DOCUMENTARIES CAROUSEL --&gt;&lt;h2 class=\\&quot;docu-heading\\&quot;&gt;Documentaries&lt;\\\/h2&gt;&lt;div class=\\&quot;film-carousel-wrapper\\&quot;&gt;  &lt;button class=\\&quot;carousel-nav prev\\&quot;&gt;\\u276e&lt;\\\/button&gt;&lt;div class=\\&quot;film-carousel\\&quot; id=\\&quot;documentaries-carousel\\&quot;&gt;    &lt;!-- On High Heels in America --&gt;&lt;div class=\\&quot;carousel-item\\&quot;&gt;      &lt;img src=\\&quot;https:\\\/\\\/pages.stolaf.edu\\\/cc2025\\\/wp-content\\\/uploads\\\/sites\\\/1715\\\/2025\\\/03\\\/On-High-Heels-in-America-Gunhild-Westhagen-Magnor-300x420-1.jpg\\&quot; alt=\\&quot;On High Heels in America\\&quot;\\\/&gt;&lt;div class=\\&quot;overlay\\&quot;&gt;&lt;div class=\\&quot;overlay-content\\&quot;&gt;&lt;h3&gt;On High Heels in America&lt;\\\/h3&gt;Gunhild W. Magnor \\u00b7 2023 \\u00b7 60 min          &lt;a href=\\&quot;https:\\\/\\\/pages.stolaf.edu\\\/cc2025\\\/on-high-heels-in-america\\\/\\&quot; class=\\&quot;more-info-btn\\&quot;&gt;More Info&lt;\\\/a&gt;        &lt;\\\/div&gt;&lt;\\\/div&gt;&lt;\\\/div&gt;   &lt;!-- 15 Years Later --&gt;&lt;div class=\\&quot;carousel-item\\&quot;&gt;  &lt;img src=\\&quot;https:\\\/\\\/pages.stolaf.edu\\\/cc2025\\\/wp-content\\\/uploads\\\/sites\\\/1715\\\/2025\\\/03\\\/15-years-later-Charlotte-Rohder-Tvedt-300x420-1.jpg\\&quot; alt=\\&quot;15 Years Later\\&quot;\\\/&gt;&lt;div class=\\&quot;overlay\\&quot;&gt;&lt;div class=\\&quot;overlay-content\\&quot;&gt;&lt;h3&gt;15 Years Later&lt;\\\/h3&gt;Charlotte R. Tvedt \\u00b7 2022 \\u00b7 95 min      &lt;a href=\\&quot;https:\\\/\\\/pages.stolaf.edu\\\/cc2025\\\/15-years-later\\\/\\&quot; class=\\&quot;more-info-btn\\&quot;&gt;More Info&lt;\\\/a&gt;    &lt;\\\/div&gt;&lt;\\\/div&gt;&lt;\\\/div&gt;    &lt;!-- Great Grandmother\\u2019s Journey --&gt;&lt;div class=\\&quot;carousel-item\\&quot;&gt;      &lt;img src=\\&quot;https:\\\/\\\/pages.stolaf.edu\\\/cc2025\\\/wp-content\\\/uploads\\\/sites\\\/1715\\\/2025\\\/03\\\/Great-grandmothers-Journey-Harald-Tonassen-300x420-1.jpg\\&quot; alt=\\&quot;Great Grandmother\\u2019s Journey\\&quot;\\\/&gt;&lt;div class=\\&quot;overlay\\&quot;&gt;&lt;div class=\\&quot;overlay-content\\&quot;&gt;&lt;h3&gt;Great Grandmother\\u2019s Journey&lt;\\\/h3&gt;Jan Harald Tomassen \\u00b7 2023 \\u00b7 50 min          &lt;a href=\\&quot;https:\\\/\\\/pages.stolaf.edu\\\/cc2025\\\/my-great-grandmothers-journey-oldemors-reise\\\/\\&quot; class=\\&quot;more-info-btn\\&quot;&gt;More Info&lt;\\\/a&gt;        &lt;\\\/div&gt;&lt;\\\/div&gt;&lt;\\\/div&gt;    &lt;!-- Separated --&gt;&lt;div class=\\&quot;carousel-item\\&quot;&gt;      &lt;img src=\\&quot;https:\\\/\\\/pages.stolaf.edu\\\/cc2025\\\/wp-content\\\/uploads\\\/sites\\\/1715\\\/2025\\\/03\\\/Separated-Errol-Morris-300x420-1.jpg\\&quot; alt=\\&quot;Separated\\&quot;\\\/&gt;&lt;div class=\\&quot;overlay\\&quot;&gt;&lt;div class=\\&quot;overlay-content\\&quot;&gt;&lt;h3&gt;Separated&lt;\\\/h3&gt;Errol Morris \\u00b7 2021 \\u00b7 93 min          &lt;a href=\\&quot;https:\\\/\\\/pages.stolaf.edu\\\/cc2025\\\/separated\\\/\\&quot; class=\\&quot;more-info-btn\\&quot;&gt;More Info&lt;\\\/a&gt;        &lt;\\\/div&gt;&lt;\\\/div&gt;&lt;\\\/div&gt;&lt;\\\/div&gt;  &lt;button class=\\&quot;carousel-nav next\\&quot;&gt;\\u276f&lt;\\\/button&gt;&lt;\\\/div&gt;&lt;style&gt;@import url(&#039;https:\\\/\\\/fonts.googleapis.com\\\/css2?family=Alegreya+Sans+SC:wght@700&amp;family=Mulish:wght@400;600&amp;display=swap&#039;);.film-carousel-wrapper {  position: relative;  overflow: hidden;  width: 100%;  max-width: 1200px;  margin: auto;  display: flex;  align-items: center;}.more-info-btn {  margin-top: 10px;  display: inline-block;  background-color: #282b51; \\\/* Navy blue *\\\/  color: #ffffff; \\\/* White text *\\\/  padding: 8px 16px;  border-radius: 4px;  text-decoration: none;  font-weight: 600;  font-family: &#039;Mulish&#039;, sans-serif;  transition: all 0.3s ease;}.more-info-btn:hover {  background-color: #fcfbe6; \\\/* Cream white *\\\/  color: #282b51; \\\/* Navy text *\\\/}.more-info-btn:active {  transform: scale(0.95); \\\/* Button shrink effect *\\\/}.film-carousel {  display: flex;  gap: 10px;  overflow-x: auto;  scroll-behavior: smooth;  padding: 10px 0;  scroll-snap-type: x mandatory;}.film-carousel::-webkit-scrollbar {  display: none;}.docu-heading {  text-align: center;  font-size: 3rem;  font-family: &#039;Abhaya Libre&#039;, serif;  color: #b89553;  margin: 3rem auto 2rem;}.film-carousel {  -ms-overflow-style: none;  scrollbar-width: none;}.carousel-item {  width: 150px;  height: 150px;  position: relative;  flex-shrink: 0;  scroll-snap-align: start;  transition: transform 0.3s ease;}.carousel-item img {  width: 100%;  border-radius: 10px;  display: block;}.overlay {  position: absolute;  top: 0; left: 0;  height: 100%; width: 100%;  background: rgba(0, 0, 0, 0.6);  opacity: 0;  transition: 0.3s;  display: flex;  justify-content: center;  align-items: center;  text-align: center;}.carousel-item:hover .overlay {  opacity: 1;}.overlay-content {  color: white;  font-family: &#039;Mulish&#039;, sans-serif;}.overlay-content h3 {  font-family: &#039;Alegreya Sans SC&#039;, sans-serif;  color: #b89553;  margin-bottom: 0.3em;}.more-info-btn {  margin-top: 10px;  display: inline-block;  background-color: #282b51;  color: white;  padding: 8px 16px;  border-radius: 4px;  text-decoration: none;  font-weight: 600;}.carousel-nav {  position: absolute;  top: 50%;  transform: translateY(-50%);  font-size: 2rem;  background: none;  border: none;  color: black;  cursor: pointer;  z-index: 1;  padding: 10px;}.carousel-nav.prev { left: 5px; }.carousel-nav.next { right: 5px; }.carousel-nav:hover { color: #b89553; }&lt;\\\/style&gt;&lt;script&gt;document.addEventListener(&#039;DOMContentLoaded&#039;, function () {  const carousel = document.querySelector(&#039;#documentaries-carousel&#039;);  const prevBtn = document.querySelector(&#039;.carousel-nav.prev&#039;);  const nextBtn = document.querySelector(&#039;.carousel-nav.next&#039;);  const scrollAmount = 270;  function scrollNext() {    carousel.scrollBy({ left: scrollAmount, behavior: &#039;smooth&#039; });  }  function scrollPrev() {    carousel.scrollBy({ left: -scrollAmount, behavior: &#039;smooth&#039; });  }  nextBtn.addEventListener(&#039;click&#039;, scrollNext);  prevBtn.addEventListener(&#039;click&#039;, scrollPrev);  setInterval(scrollNext, 5000); \\\/\\\/ Auto-scroll every 5s});&lt;\\\/script&gt;&lt;br \\\/&gt;&quot;},&quot;target&quot;:&quot;&quot;,&quot;hover_selector&quot;:&quot;&quot;},&quot;slug&quot;:&quot;et_pb_code&quot;}\" data-et-multi-view-load-phone-hidden=\"true\"><!-- DOCUMENTARIES CAROUSEL -->\n\n<h2 class=\"docu-heading\">Documentaries<\/h2>\n\n<div class=\"film-carousel-wrapper\">\n  <button class=\"carousel-nav prev\">\u276e<\/button>\n  <div class=\"film-carousel\" id=\"documentaries-carousel\">\n\n    <!-- On High Heels in America -->\n    <div class=\"carousel-item\">\n      <img decoding=\"async\" src=\"https:\/\/pages.stolaf.edu\/cc2025\/wp-content\/uploads\/sites\/1715\/2025\/03\/On-High-Heels-in-America-Gunhild-Westhagen-Magnor-300x420-1.jpg\" alt=\"On High Heels in America\"\/>\n      <div class=\"overlay\">\n        <div class=\"overlay-content\">\n          <h3>On High Heels in America<\/h3>\n          Gunhild W. Magnor \u00b7 2023 \u00b7 60 min\n          <a href=\"https:\/\/pages.stolaf.edu\/cc2025\/on-high-heels-in-america\/\" class=\"more-info-btn\">More Info<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n   <!-- 15 Years Later -->\n<div class=\"carousel-item\">\n  <img decoding=\"async\" src=\"https:\/\/pages.stolaf.edu\/cc2025\/wp-content\/uploads\/sites\/1715\/2025\/03\/15-years-later-Charlotte-Rohder-Tvedt-300x420-1.jpg\" alt=\"15 Years Later\"\/>\n  <div class=\"overlay\">\n    <div class=\"overlay-content\">\n      <h3>15 Years Later<\/h3>\n      Charlotte R. Tvedt \u00b7 2022 \u00b7 95 min\n      <a href=\"https:\/\/pages.stolaf.edu\/cc2025\/15-years-later\/\" class=\"more-info-btn\">More Info<\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n    <!-- Great Grandmother\u2019s Journey -->\n    <div class=\"carousel-item\">\n      <img decoding=\"async\" src=\"https:\/\/pages.stolaf.edu\/cc2025\/wp-content\/uploads\/sites\/1715\/2025\/03\/Great-grandmothers-Journey-Harald-Tonassen-300x420-1.jpg\" alt=\"Great Grandmother\u2019s Journey\"\/>\n      <div class=\"overlay\">\n        <div class=\"overlay-content\">\n          <h3>Great Grandmother\u2019s Journey<\/h3>\n          Jan Harald Tomassen \u00b7 2023 \u00b7 50 min\n          <a href=\"https:\/\/pages.stolaf.edu\/cc2025\/my-great-grandmothers-journey-oldemors-reise\/\" class=\"more-info-btn\">More Info<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Separated -->\n    <div class=\"carousel-item\">\n      <img decoding=\"async\" src=\"https:\/\/pages.stolaf.edu\/cc2025\/wp-content\/uploads\/sites\/1715\/2025\/03\/Separated-Errol-Morris-300x420-1.jpg\" alt=\"Separated\"\/>\n      <div class=\"overlay\">\n        <div class=\"overlay-content\">\n          <h3>Separated<\/h3>\n          Errol Morris \u00b7 2021 \u00b7 93 min\n          <a href=\"https:\/\/pages.stolaf.edu\/cc2025\/separated\/\" class=\"more-info-btn\">More Info<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n  <button class=\"carousel-nav next\">\u276f<\/button>\n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Alegreya+Sans+SC:wght@700&family=Mulish:wght@400;600&display=swap');\n\n.film-carousel-wrapper {\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n  max-width: 1200px;\n  margin: auto;\n  display: flex;\n  align-items: center;\n}\n.more-info-btn {\n  margin-top: 10px;\n  display: inline-block;\n  background-color: #282b51; \/* Navy blue *\/\n  color: #ffffff; \/* White text *\/\n  padding: 8px 16px;\n  border-radius: 4px;\n  text-decoration: none;\n  font-weight: 600;\n  font-family: 'Mulish', sans-serif;\n  transition: all 0.3s ease;\n}\n\n.more-info-btn:hover {\n  background-color: #fcfbe6; \/* Cream white *\/\n  color: #282b51; \/* Navy text *\/\n}\n\n.more-info-btn:active {\n  transform: scale(0.95); \/* Button shrink effect *\/\n}\n.film-carousel {\n  display: flex;\n  gap: 20px;\n  overflow-x: auto;\n  scroll-behavior: smooth;\n  padding: 20px 0;\n  scroll-snap-type: x mandatory;\n}\n.film-carousel::-webkit-scrollbar {\n  display: none;\n}\n.docu-heading {\n  text-align: center;\n  font-size: 5rem;\n  font-family: 'Abhaya Libre', serif;\n  color: #b89553;\n  margin: 3rem auto 2rem;\n}\n.film-carousel {\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n}\n\n.carousel-item {\n  min-width: 150px;\n  height: auto;\n  position: relative;\n  flex-shrink: 0;\n  scroll-snap-align: start;\n  transition: transform 0.3s ease;\n}\n\n.carousel-item img {\n  width: 100%;\n  border-radius: 10px;\n  display: block;\n}\n\n.overlay {\n  position: absolute;\n  top: 0; left: 0;\n  height: 100%; width: 100%;\n  background: rgba(0, 0, 0, 0.6);\n  opacity: 0;\n  transition: 0.3s;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.carousel-item:hover .overlay {\n  opacity: 1;\n}\n\n.overlay-content {\n  color: white;\n  font-family: 'Mulish', sans-serif;\n}\n\n.overlay-content h3 {\n  font-family: 'Alegreya Sans SC', sans-serif;\n  color: #b89553;\n  margin-bottom: 0.3em;\n}\n\n.more-info-btn {\n  margin-top: 10px;\n  display: inline-block;\n  background-color: #282b51;\n  color: white;\n  padding: 8px 16px;\n  border-radius: 4px;\n  text-decoration: none;\n  font-weight: 600;\n}\n\n.carousel-nav {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  font-size: 2rem;\n  background: none;\n  border: none;\n  color: black;\n  cursor: pointer;\n  z-index: 1;\n  padding: 10px;\n}\n.carousel-nav.prev { left: 5px; }\n.carousel-nav.next { right: 5px; }\n.carousel-nav:hover { color: #b89553; }\n<\/style>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const carousel = document.querySelector('#documentaries-carousel');\n  const prevBtn = document.querySelector('.carousel-nav.prev');\n  const nextBtn = document.querySelector('.carousel-nav.next');\n  const scrollAmount = 270;\n\n  function scrollNext() {\n    carousel.scrollBy({ left: scrollAmount, behavior: 'smooth' });\n  }\n\n  function scrollPrev() {\n    carousel.scrollBy({ left: -scrollAmount, behavior: 'smooth' });\n  }\n\n  nextBtn.addEventListener('click', scrollNext);\n  prevBtn.addEventListener('click', scrollPrev);\n\n  setInterval(scrollNext, 5000); \/\/ Auto-scroll every 5s\n});\n<\/script>\n<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element et_pb_code et_pb_code_1\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_code_inner\">\n\n<\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div><div class=\"et_d4_element et_pb_section et_pb_section_2  et_pb_css_mix_blend_mode et_section_regular et_block_section\" >\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_d4_element et_pb_row et_pb_row_2  et_pb_css_mix_blend_mode et_block_row\">\n\t\t\t\t<div class=\"et_d4_element et_pb_column_4_4 et_pb_column et_pb_column_2  et_pb_css_mix_blend_mode et-last-child et_block_column\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module et_d4_element et_pb_code et_pb_code_2\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_code_inner\"><!-- DRAMA FILMS CAROUSEL -->\n\n<h2 class=\"drama-heading\">Dramas<\/h2> \n\n<!-- Carousel Wrapper -->\n<div class=\"film-carousel-wrapper\">\n  <button class=\"carousel-nav prev\">\u276e<\/button>\n  <div class=\"film-carousel\" id=\"drama-carousel\">\n\n    <!-- Film 1 -->\n    <div class=\"carousel-item\">\n      <img decoding=\"async\" src=\"https:\/\/pages.stolaf.edu\/cc2025\/wp-content\/uploads\/sites\/1715\/2025\/03\/A-Happy-Day-Hisham-Zaman-300x420-1.jpg\" alt=\"A Happy Day\"\/>\n      <div class=\"overlay\">\n        <div class=\"overlay-content\">\n          <h3>A Happy Day<\/h3>\n          Hisham Zaman \u00b7 2023 \u00b7 113 min\n          <a href=\"https:\/\/pages.stolaf.edu\/cc2025\/a-happy-day-draft\/\" class=\"more-info-btn\">More Info<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Film 2 -->\n    <div class=\"carousel-item\">\n      <img decoding=\"async\" src=\"https:\/\/pages.stolaf.edu\/cc2025\/wp-content\/uploads\/sites\/1715\/2025\/03\/Letter-to-the-King-Hisham-Zaman-300x420-1.jpg\" alt=\"Letter to the King\"\/>\n      <div class=\"overlay\">\n        <div class=\"overlay-content\">\n          <h3>Letter to the King<\/h3>\n          Hisham Zaman \u00b7 2014 \u00b7 75 min\n          <a href=\"https:\/\/pages.stolaf.edu\/cc2025\/letter-to-the-king-brev-til-kongen\/\" class=\"more-info-btn\">More Info<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Film 3 -->\n    <div class=\"carousel-item\">\n      <img decoding=\"async\" src=\"https:\/\/pages.stolaf.edu\/cc2025\/wp-content\/uploads\/sites\/1715\/2025\/03\/Norwegian-Dream-Leiv-Igor-Devold-300x420-1.jpg\" alt=\"Norwegian Dream\"\/>\n      <div class=\"overlay\">\n        <div class=\"overlay-content\">\n          <h3>Norwegian Dream<\/h3>\n          Leiv Igor Devold \u00b7 2023 \u00b7 97 min\n          <a href=\"https:\/\/pages.stolaf.edu\/cc2025\/norwegian-dream\/\" class=\"more-info-btn\">More Info<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Film 4 -->\n    <div class=\"carousel-item\">\n      <img decoding=\"async\" src=\"https:\/\/pages.stolaf.edu\/cc2025\/wp-content\/uploads\/sites\/1715\/2025\/06\/Winterland-Hisham-Zaman-3.jpg\" alt=\"Winterland\"\/>\n      <div class=\"overlay\">\n        <div class=\"overlay-content\">\n          <h3>Winterland<\/h3>\n          Hisham Zaman \u00b7 2007 \u00b7 52 min\n          <a href=\"https:\/\/pages.stolaf.edu\/cc2025\/winterland\/\" class=\"more-info-btn\">More Info<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Film 5 -->\n    <div class=\"carousel-item\">\n      <img decoding=\"async\" src=\"https:\/\/pages.stolaf.edu\/cc2025\/wp-content\/uploads\/sites\/1715\/2025\/03\/The-Tundra-Within-Me-Sara-Margrethe-Oskal-300x420-1.jpg\" alt=\"The Tundra Within Me\"\/>\n      <div class=\"overlay\">\n        <div class=\"overlay-content\">\n          <h3>The Tundra Within Me<\/h3>\n          Sara M. Oskal \u00b7 2023 \u00b7 95 min\n          <a href=\"https:\/\/pages.stolaf.edu\/cc2025\/the-tundra-within-me-eallogierdu\/\" class=\"more-info-btn\">More Info<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n     <!-- Film 6 -->\n    <div class=\"carousel-item\">\n      <img decoding=\"async\" src=\"https:\/\/pages.stolaf.edu\/cc2025\/wp-content\/uploads\/sites\/1715\/2025\/03\/Hans-Nielsen-Hauge-Harald-Flem-300x420-1.jpg\" alt=\"Hans Nielsen Hauge: The Man Who Changed Norway\"\/>\n      <div class=\"overlay\">\n        <div class=\"overlay-content\">\n          <h3>Hans Nielsen Hauge: The Man Who Changed Norway<\/h3>\n          Harald Flem \u00b7 2025 \u00b7 66 min\n          <a href=\"https:\/\/pages.stolaf.edu\/cc2025\/hans-nielsen-hauge-the-man-who-changed-norway\/\" class=\"more-info-btn\">More Info<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n  <\/div>\n  <button class=\"carousel-nav next\">\u276f<\/button>\n<\/div>\n\n<!-- Carousel Styles -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Alegreya+Sans+SC:wght@700&family=Mulish:wght@400;600&display=swap');\n\n.film-carousel-wrapper {\n  position: relative;\n  overflow: hidden;\n  width: 100%;\n  max-width: 1200px;\n  margin: auto;\n  display: flex;\n  align-items: center;\n}\n\n  .drama-heading {\n  text-align: center;\n  font-size: 5rem;\n  font-family: 'Abhaya Libre', serif;\n  color: #b89553;\n  margin: 3rem auto 2rem;\n}\n\n  .film-carousel {\n  display: flex;\n  gap: 20px;\n  overflow: hidden;\n  scroll-behavior: smooth;\n  padding: 20px 0;\n}\n\n.carousel-item {\n  min-width: 250px;\n  height: auto;\n  position: relative;\n  flex-shrink: 0;\n  transition: transform 0.3s ease;\n}\n\n.carousel-item img {\n  width: 100%;\n  border-radius: 10px;\n  display: block;\n}\n\n.overlay {\n  position: absolute;\n  top: 0; left: 0;\n  height: 100%; width: 100%;\n  background: rgba(0, 0, 0, 0.6);\n  opacity: 0;\n  transition: 0.3s ease;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n}\n\n.carousel-item:hover .overlay {\n  opacity: 1;\n}\n\n.overlay-content {\n  color: white;\n  font-family: 'Mulish', sans-serif;\n}\n\n.overlay-content h3 {\n  font-family: 'Alegreya Sans SC', sans-serif;\n  color: #b89553;\n  font-size: 1.2em;\n  margin-bottom: 0.4em;\n}\n\n.read-more-btn {\n  margin-top: 10px;\n  display: inline-block;\n  background-color: #282b51;\n  color: white;\n  font-family: 'Mulish', sans-serif;\n  padding: 8px 16px;\n  border-radius: 4px;\n  text-decoration: none;\n  font-weight: 600;\n}\n\n.carousel-nav {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  font-size: 2rem;\n  background: none;\n  border: none;\n  color: black;\n  cursor: pointer;\n  z-index: 1;\n  padding: 10px;\n  line-height: 1;\n}\n\n.carousel-nav.prev { left: 10px; }\n.carousel-nav.next { right: 10px; }\n\n.carousel-nav:hover {\n  color: #b89553;\n}\n<\/style>\n\n<!-- Carousel Script -->\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const carousel = document.getElementById('drama-carousel');\n  const nextBtn = document.querySelector('.carousel-nav.next');\n  const prevBtn = document.querySelector('.carousel-nav.prev');\n\n  \/\/ Clone slides for looping\n  for (let i = 0; i < 3; i++) {\n    const clone = carousel.children[i].cloneNode(true);\n    carousel.appendChild(clone);\n  }\n\n  let scrollAmount = 0;\n  const scrollStep = 270;\n\n  function scrollNext() {\n    scrollAmount += scrollStep;\n    if (scrollAmount >= carousel.scrollWidth \/ 2) scrollAmount = 0;\n    carousel.scrollTo({ left: scrollAmount, behavior: 'smooth' });\n  }\n\n  function scrollPrev() {\n    scrollAmount -= scrollStep;\n    if (scrollAmount < 0) scrollAmount = carousel.scrollWidth \/ 2 - scrollStep;\n    carousel.scrollTo({ left: scrollAmount, behavior: 'smooth' });\n  }\n\n  nextBtn.addEventListener('click', scrollNext);\n  prevBtn.addEventListener('click', scrollPrev);\n\n<\/script><script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  const carousel = document.getElementById('drama-carousel');\n  const nextBtn = document.querySelector('.carousel-nav.next');\n  const prevBtn = document.querySelector('.carousel-nav.prev');\n\n  \/\/ Clone slides for looping\n  for (let i = 0; i < 3; i++) {\n    const clone = carousel.children[i].cloneNode(true);\n    carousel.appendChild(clone);\n  }\n\n  let scrollAmount = 0;\n  const scrollStep = 270;\n\n  function moveToNext() {\n    scrollAmount += scrollStep;\n    if (scrollAmount >= carousel.scrollWidth \/ 2) scrollAmount = 0;\n    carousel.scrollTo({ left: scrollAmount, behavior: 'smooth' });\n  }\n\n  function moveToPrev() {\n    scrollAmount -= scrollStep;\n    if (scrollAmount < 0) scrollAmount = carousel.scrollWidth \/ 2 - scrollStep;\n    carousel.scrollTo({ left: scrollAmount, behavior: 'smooth' });\n  }\n\n  nextBtn.addEventListener('click', moveToNext);\n  prevBtn.addEventListener('click', moveToPrev);\n\n  \/\/ Auto scroll every 4 seconds\n  setInterval(moveToNext, 5000);\n});\n<\/script>\n<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element et_pb_code et_pb_code_3\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_code_inner\">\n\n<\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div><div class=\"et_d4_element et_pb_section et_pb_section_3 et_pb_with_background  et_pb_css_mix_blend_mode et_section_regular et_block_section\" >\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_d4_element et_pb_row et_pb_row_3  et_pb_css_mix_blend_mode et_block_row\">\n\t\t\t\t<div class=\"et_d4_element et_pb_column_4_4 et_pb_column et_pb_column_3  et_pb_css_mix_blend_mode et-last-child et_block_column\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module et_d4_element et_pb_code et_pb_code_4\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_code_inner\"><!-- SPLIT-SCREEN INTERFACE FOR SHORTS -->\n<section class=\"shorts-split-section\">\n  <h2 class=\"shorts-main-heading\">Shorts<\/h2>\n  <div class=\"split-wrapper\">\n    <div class=\"split-nav\">\n      <button class=\"split-button active\" onclick=\"switchSplit(event, 'crossings-split')\">Crossings<\/button>\n      <button class=\"split-button\" onclick=\"switchSplit(event, 'connections-split')\">Connections<\/button>\n    <\/div>\n\n    <div class=\"split-content\" id=\"crossings-split\">\n      <div class=\"shorts-grid\">\n        <!-- Crossings Shorts -->\n        <div class=\"short-card no-image\">\n          <div class=\"card-inner\">\n            <div class=\"card-front\">\n              <h3>Sand<\/h3>\n              Iraqi Asanti \u00b7 2022 \u00b7 15 min\n            <\/div>\n            <div class=\"card-back\">\n              A poetic meditation on exile and silence, \"Sand\" evokes the weight of memory buried beneath every footstep. Iraqi Asanti\u2019s film delicately portrays a soul adrift in the shifting dunes of identity.\n.\n              <a href=\"https:\/\/pages.stolaf.edu\/cc2025\/crossings-shorts\/\" class=\"more-info-btn\">More Info<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"short-card no-image\">\n          <div class=\"card-inner\">\n            <div class=\"card-front\">\n              <h3>Bienvenidos a Los \u00c1ngeles<\/h3>\n              Lisa Cole \u00b7 2021 \u00b7 17 min\n            <\/div>\n            <div class=\"card-back\">\n              In a city of dreams and detentions, this short captures the fragile humanity of undocumented arrivals. Lisa Cole presents a deeply personal tale of hope surviving the harshest borders.\n              <a href=\"https:\/\/pages.stolaf.edu\/cc2025\/crossings-shorts\/\" class=\"more-info-btn\">More Info<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"short-card no-image\">\n          <div class=\"card-inner\">\n            <div class=\"card-front\">\n              <h3>Bawke<\/h3>\n              Hisham Zaman \u00b7 2005 \u00b7 15 min\n            <\/div>\n            <div class=\"card-back\">\n              Stripped of language but rich in emotion, this short follows a refugee father\u2019s painful choice. Hisham Zaman crafts a haunting reflection on sacrifice, love, and the brutal costs of escape.\n\n              <a href=\"https:\/\/pages.stolaf.edu\/cc2025\/crossings-shorts\/\" class=\"more-info-btn\">More Info<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"short-card no-image\">\n          <div class=\"card-inner\">\n            <div class=\"card-front\">\n              <h3>A Lien<\/h3>\n              Cutler-Kreutz \u00b7 2023 \u00b7 15 min\n            <\/div>\n            <div class=\"card-back\">\n               A surreal and witty glimpse into the absurdities of immigration, identity, and belonging. Cutler-Kreutz invites us to laugh, then pause, in this playfully poignant short.\n\n              <a href=\"https:\/\/pages.stolaf.edu\/cc2025\/crossings-shorts\/\" class=\"more-info-btn\">More Info<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"split-content\" id=\"connections-split\" style=\"display:none\">\n      <div class=\"shorts-grid\">\n        <div class=\"short-card no-image\">\n          <div class=\"card-inner\">\n            <div class=\"card-front\">\n              <h3>Learning English<\/h3>\n              Jean Liu \u00b7 2024 \u00b7 11 min\n            <\/div>\n            <div class=\"card-back\">\n              With charm and awkward hilarity, this short reveals the linguistic gymnastics of assimilation. A newcomer\u2019s attempt to belong becomes a mirror to our shared miscommunication.\n\n              <a href=\"https:\/\/pages.stolaf.edu\/cc2025\/connections-short-films\/\" class=\"more-info-btn\">More Info<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"short-card no-image\">\n          <div class=\"card-inner\">\n            <div class=\"card-front\">\n              <h3>Beat Around the Bush<\/h3>\n              Joern Utkilen \u00b7 2020 \u00b7 14 min\n            <\/div>\n            <div class=\"card-back\">\n              Satirical and sharp, this dark comedy lays bare the bureaucratic maze facing young refugees. Melina\u2019s surreal journey exposes the paradoxes of a system built to help, yet failing to understand.\n\n              <a href=\"https:\/\/pages.stolaf.edu\/cc2025\/connections-short-films\/\" class=\"more-info-btn\">More Info<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"short-card no-image\">\n          <div class=\"card-inner\">\n            <div class=\"card-front\">\n              <h3>African Family<\/h3>\n              Ibrahim Mursal \u00b7 2024 \u00b7 13 min\n            <\/div>\n            <div class=\"card-back\">\n               A very awkward dinner where good intentions go hilariously wrong. Ibrahim Mursal unpacks identity, stereotypes, and unusual encounters with masterful wit.\n              <a href=\"https:\/\/pages.stolaf.edu\/cc2025\/connections-short-films\/\" class=\"more-info-btn\">More Info<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"short-card no-image\">\n          <div class=\"card-inner\">\n            <div class=\"card-front\">\n              <h3>Customs<\/h3>\n              Armita Keyani \u00b7 2021 \u00b7 14 min\n            <\/div>\n            <div class=\"card-back\">\n               A quietly powerful reflection on borders both visible and internal. Through subtle nuance, Armita Keyani explores the emotional negotiations behind every cultural crossing.\n\n              <a href=\"https:\/\/pages.stolaf.edu\/cc2025\/connections-short-films\/\" class=\"more-info-btn\">More Info<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Abhaya+Libre&family=Mulish:wght@400;600&display=swap');\n\n.shorts-main-heading {\n  text-align: center;\n  font-size: 5rem;\n  font-family: 'Abhaya Libre', serif;\n  color: #b89553;\n  margin-bottom: 2rem;\n}\n\n.split-wrapper {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.split-nav {\n  display: flex;\n  justify-content: center;\n  margin-bottom: 2rem;\n}\n\n.split-button {\n  background-color: #282b51;\n  color: #ffffff;\n  font-family: 'Abhaya Libre', serif;\n  font-size: 1.5rem;\n  padding: 1rem 2rem;\n  border: none;\n  cursor: pointer;\n  margin: 0 1rem;\n  border-radius: 8px;\n  transition: background-color 0.3s ease, color 0.3s ease;\n}\n\n.split-button:hover,\n.split-button.active {\n  background-color: #99b9c1;\n  color: #282b51;\n}\n\n.shorts-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\n  gap: 2rem;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.short-card {\n  perspective: 1000px;\n  height: 280px;\n  transition: transform 0.6s ease;\n  background: white;\n  border-radius: 8px;\n  box-shadow: 0 4px 10px rgba(0,0,0,0.1);\n}\n\n.card-inner {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  transform-style: preserve-3d;\n  transition: transform 0.8s;\n}\n\n.short-card:hover .card-inner {\n  transform: rotateY(180deg);\n}\n\n.card-front {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  backface-visibility: hidden;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  padding: 1rem;\n  border-radius: 8px;\n}\n\n.card-back {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  backface-visibility: hidden;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: left;\n  padding: 1rem;\n  border-radius: 8px;\n  }\n  \n.card-front {\n  background: white;\n  color: #282b51;\n}\n\n.card-front h3 {\n  font-family: 'Alegreya Sans SC', sans-serif;\n  color: #b89553;\n  font-size: 1.4rem;\n  margin-bottom: 0.3em;\n}\n\n.card-front p {\n  font-family: 'Mulish', sans-serif;\n  color: #282b51;\n  font-size: 1rem;\n  margin: 0;\n}\n\n.card-back {\n  background-color: #282b51;\n  color: white;\n  transform: rotateY(180deg);\n}\n\n.card-back p {\n  font-family: 'Mulish', sans-serif;\n  font-size: 0.95rem;\n}\n\n.more-info-btn {\n  margin-top: 1rem;\n  display: inline-block;\n  background-color: #282b51;\n  color: white;\n  padding: 8px 16px;\n  border-radius: 4px;\n  text-decoration: none;\n  font-weight: 600;\n  font-family: 'Mulish', sans-serif;\n}\n<\/style>\n\n<script>\nfunction switchSplit(evt, id) {\n  const buttons = document.querySelectorAll('.split-button');\n  const contents = document.querySelectorAll('.split-content');\n  buttons.forEach(btn => btn.classList.remove('active'));\n  contents.forEach(sec => sec.style.display = 'none');\n  evt.currentTarget.classList.add('active');\n  document.getElementById(id).style.display = 'block';\n}\n<\/script>\n<\/div>\n\t\t\t<\/div><div class=\"et_pb_module et_d4_element et_pb_code et_pb_code_5\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_code_inner\">\n\n<\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div><div class=\"et_d4_element et_pb_section et_pb_section_4 et_pb_section_parallax et_pb_with_background  et_pb_css_mix_blend_mode et_section_regular et_block_section\" >\n\t\t\t\t\n\t\t\t\t<span class=\"et_parallax_bg_wrap et-pb-parallax-wrapper\"><span\n\t\t\t\t\t\tclass=\"et_parallax_bg et_pb_parallax_css et_parallax_bg--et_pb_section_4\"\n\t\t\t\t\t\tstyle=\"background-image: url(https:\/\/pages.stolaf.edu\/cc2025\/wp-content\/uploads\/sites\/1715\/2025\/06\/Screenshot-2025-06-05-at-3.39.06\u202fPM.jpg);\"\n\t\t\t\t\t><\/span><\/span>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_d4_element et_pb_row et_pb_row_4  et_pb_css_mix_blend_mode et_block_row\">\n\t\t\t\t<div class=\"et_d4_element et_pb_column_4_4 et_pb_column et_pb_column_4  et_pb_css_mix_blend_mode et-last-child et_block_column\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_button_module_wrapper et_pb_button_0_wrapper et_pb_button_alignment_center et_pb_module \">\n\t\t\t\t<a class=\"et_pb_button et_d4_element et_pb_button_0 et_animated et_pb_bg_layout_light et_block_module\" href=\"https:\/\/pages.stolaf.edu\/cc2025\/film-fest\/featured-directors\/\" data-icon=\"=\">Feautured Directors<\/a>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":5364,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-1460","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/pages.stolaf.edu\/cc2025\/wp-json\/wp\/v2\/pages\/1460","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pages.stolaf.edu\/cc2025\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pages.stolaf.edu\/cc2025\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pages.stolaf.edu\/cc2025\/wp-json\/wp\/v2\/users\/5364"}],"replies":[{"embeddable":true,"href":"https:\/\/pages.stolaf.edu\/cc2025\/wp-json\/wp\/v2\/comments?post=1460"}],"version-history":[{"count":58,"href":"https:\/\/pages.stolaf.edu\/cc2025\/wp-json\/wp\/v2\/pages\/1460\/revisions"}],"predecessor-version":[{"id":2141,"href":"https:\/\/pages.stolaf.edu\/cc2025\/wp-json\/wp\/v2\/pages\/1460\/revisions\/2141"}],"wp:attachment":[{"href":"https:\/\/pages.stolaf.edu\/cc2025\/wp-json\/wp\/v2\/media?parent=1460"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}