Use Open Questions ep.3 <a href="/play-the-game/project-one-f5w4d-gb2dx-8bgsh" class="item-pagination-link item-pagination-link--prev"> <div class="item-pagination-icon icon icon--stroke"> <svg class="caret-left-icon--small" viewBox="0 0 9 16"> <polyline fill="none" stroke-miterlimit="10" points="7.3,14.7 2.5,8 7.3,1.2"/> </svg> </div> <span class="pagination-title-wrapper"> <div class="visually-hidden">Previous</div> <div class="item-pagination-prev-next">Previous</div> <h2 class="item-pagination-title">ep.2</h2> </span> </a> <a href="/play-the-game/say-it-back" class="item-pagination-link item-pagination-link--next"> <div class="pagination-title-wrapper"> <div class="visually-hidden">Next</div> <div class="item-pagination-prev-next">Next</div> <h2 class="item-pagination-title">ep.4</h2> </div> <div class="item-pagination-icon icon icon--stroke"> <svg class="caret-right-icon--small" viewBox="0 0 9 16"> <polyline fill="none" stroke-miterlimit="10" points="1.6,1.2 6.5,7.9 1.6,14.7"/> </svg> </div> </a> </section> </main> <footer class="sections" id="footer-sections" data-footer-sections> <section data-test="page-section" data-section-theme="" class='page-section full-bleed-section layout-engine-section background-width--full-bleed section-height--custom content-width--wide horizontal-alignment--center vertical-alignment--middle ' data-section-id="63ea48d115b3d92931af6eba" data-controller="SectionWrapperController" data-current-styles="{ "imageOverlayOpacity": 0.15, "backgroundWidth": "background-width--full-bleed", "sectionHeight": "section-height--custom", "customSectionHeight": 0, "horizontalAlignment": "horizontal-alignment--center", "verticalAlignment": "vertical-alignment--middle", "contentWidth": "content-width--wide", "customContentWidth": 50, "sectionTheme": "", "sectionAnimation": "none", "backgroundMode": "image" }" data-current-context="{ "video": { "playbackSpeed": 0.5, "filter": 1, "filterStrength": 0, "zoom": 0, "videoSourceProvider": "none" }, "backgroundImageId": null, "backgroundMediaEffect": { "type": "none" }, "divider": null, "typeName": "portfolio-grid-overlay" }" data-animation="none" data-fluid-engine-section > <div class="section-border" > <div class="section-background"> </div> </div> <div class='content-wrapper' style=' padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10); ' > <div class="content" > <div data-fluid-engine="true"><style> .fe-63ea48d115b3d92931af6eb9 { --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 0.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (8 - 1)) ) / 8 ); display: grid; position: relative; grid-area: 1/1/-1/-1; grid-template-rows: repeat(19,minmax(24px, auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); row-gap: 0.0px; column-gap: 0.0px; } @media (min-width: 768px) { .background-width--inset .fe-63ea48d115b3d92931af6eb9 { --inset-padding: calc(var(--sqs-site-gutter) * 2); } .fe-63ea48d115b3d92931af6eb9 { --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 0.0px); --cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (0.0px * (24 - 1)) ) / 24 ); --inset-padding: 0vw; --row-height-scaling-factor: 0.0215; --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) )); grid-template-rows: repeat(7,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto)); grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr); } } .fe-block-cece7f5f107a44c3d78a { grid-area: 2/2/4/10; z-index: 0; @media (max-width: 767px) { } } .fe-block-cece7f5f107a44c3d78a .sqs-block { justify-content: center; } .fe-block-cece7f5f107a44c3d78a .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-cece7f5f107a44c3d78a { grid-area: 2/2/4/5; z-index: 0; } .fe-block-cece7f5f107a44c3d78a .sqs-block { justify-content: center; } .fe-block-cece7f5f107a44c3d78a .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-yui_3_17_2_1_1676298158840_17178 { grid-area: 4/2/10/10; z-index: 1; @media (max-width: 767px) { } } .fe-block-yui_3_17_2_1_1676298158840_17178 .sqs-block { justify-content: center; } .fe-block-yui_3_17_2_1_1676298158840_17178 .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-yui_3_17_2_1_1676298158840_17178 { grid-area: 4/2/7/5; z-index: 1; } .fe-block-yui_3_17_2_1_1676298158840_17178 .sqs-block { justify-content: center; } .fe-block-yui_3_17_2_1_1676298158840_17178 .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-yui_3_17_2_1_1676298158840_19640 { grid-area: 10/2/16/10; z-index: 2; @media (max-width: 767px) { } } .fe-block-yui_3_17_2_1_1676298158840_19640 .sqs-block { justify-content: center; } .fe-block-yui_3_17_2_1_1676298158840_19640 .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-yui_3_17_2_1_1676298158840_19640 { grid-area: 4/6/7/9; z-index: 2; } .fe-block-yui_3_17_2_1_1676298158840_19640 .sqs-block { justify-content: center; } .fe-block-yui_3_17_2_1_1676298158840_19640 .sqs-block-alignment-wrapper { align-items: center; } } .fe-block-4acd44bddbb25bbe56b8 { grid-area: 16/2/18/10; z-index: 1; @media (max-width: 767px) { } } .fe-block-4acd44bddbb25bbe56b8 .sqs-block { justify-content: center; } .fe-block-4acd44bddbb25bbe56b8 .sqs-block-alignment-wrapper { align-items: center; } @media (min-width: 768px) { .fe-block-4acd44bddbb25bbe56b8 { grid-area: 2/6/4/9; z-index: 1; } .fe-block-4acd44bddbb25bbe56b8 .sqs-block { justify-content: center; } .fe-block-4acd44bddbb25bbe56b8 .sqs-block-alignment-wrapper { align-items: center; } } </style><div class="fluid-engine fe-63ea48d115b3d92931af6eb9"><div class="fe-block fe-block-cece7f5f107a44c3d78a"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-cece7f5f107a44c3d78a"><div class="sqs-block-content"> <div class="sqs-html-content"> <p style="text-align:center;white-space:pre-wrap;" class="">Created by </p> </div> </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1676298158840_17178"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-yui_3_17_2_1_1676298158840_17178"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default " data-test="image-block-fluid-outer-wrapper" > <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image" > <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;" > <a class="sqs-block-image-link content-fit" href="https://www.gusto.film" > <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/637f5056eba4bf7929177a63/37dd4e8d-b01b-4dcf-8aba-9532024b249d/Gusto_Logo_Neutral_Tan_RGB.png" data-image="https://images.squarespace-cdn.com/content/v1/637f5056eba4bf7929177a63/37dd4e8d-b01b-4dcf-8aba-9532024b249d/Gusto_Logo_Neutral_Tan_RGB.png" data-image-dimensions="1300x709" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/637f5056eba4bf7929177a63/37dd4e8d-b01b-4dcf-8aba-9532024b249d/Gusto_Logo_Neutral_Tan_RGB.png" width="1300" height="709" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 12.5vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/637f5056eba4bf7929177a63/37dd4e8d-b01b-4dcf-8aba-9532024b249d/Gusto_Logo_Neutral_Tan_RGB.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/637f5056eba4bf7929177a63/37dd4e8d-b01b-4dcf-8aba-9532024b249d/Gusto_Logo_Neutral_Tan_RGB.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/637f5056eba4bf7929177a63/37dd4e8d-b01b-4dcf-8aba-9532024b249d/Gusto_Logo_Neutral_Tan_RGB.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/637f5056eba4bf7929177a63/37dd4e8d-b01b-4dcf-8aba-9532024b249d/Gusto_Logo_Neutral_Tan_RGB.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/637f5056eba4bf7929177a63/37dd4e8d-b01b-4dcf-8aba-9532024b249d/Gusto_Logo_Neutral_Tan_RGB.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/637f5056eba4bf7929177a63/37dd4e8d-b01b-4dcf-8aba-9532024b249d/Gusto_Logo_Neutral_Tan_RGB.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/637f5056eba4bf7929177a63/37dd4e8d-b01b-4dcf-8aba-9532024b249d/Gusto_Logo_Neutral_Tan_RGB.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> <div class="fluidImageOverlay"></div> </a> </div> </div> </div> <style> .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-yui_3_17_2_1_1676298158840_17178 .fluidImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: normal; opacity: 0; } </style> </div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1676298158840_19640"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-yui_3_17_2_1_1676298158840_19640"><div class="sqs-block-content"> <div class=" image-block-outer-wrapper layout-caption-below design-layout-fluid image-position-center combination-animation-site-default individual-animation-site-default " data-test="image-block-fluid-outer-wrapper" > <div class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper" data-animation-role="image" > <div class="fluid-image-container sqs-image-content" style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;" > <a class="sqs-block-image-link content-fit" href="https://www.samaritans.org/branches/brighton/" > <img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/637f5056eba4bf7929177a63/9bb23fef-ba82-4293-8a7f-f4f6b6538c1e/brighton-branch-logo-png.png" data-image="https://images.squarespace-cdn.com/content/v1/637f5056eba4bf7929177a63/9bb23fef-ba82-4293-8a7f-f4f6b6538c1e/brighton-branch-logo-png.png" data-image-dimensions="740x286" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/637f5056eba4bf7929177a63/9bb23fef-ba82-4293-8a7f-f4f6b6538c1e/brighton-branch-logo-png.png" width="740" height="286" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 12.5vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/637f5056eba4bf7929177a63/9bb23fef-ba82-4293-8a7f-f4f6b6538c1e/brighton-branch-logo-png.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/637f5056eba4bf7929177a63/9bb23fef-ba82-4293-8a7f-f4f6b6538c1e/brighton-branch-logo-png.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/637f5056eba4bf7929177a63/9bb23fef-ba82-4293-8a7f-f4f6b6538c1e/brighton-branch-logo-png.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/637f5056eba4bf7929177a63/9bb23fef-ba82-4293-8a7f-f4f6b6538c1e/brighton-branch-logo-png.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/637f5056eba4bf7929177a63/9bb23fef-ba82-4293-8a7f-f4f6b6538c1e/brighton-branch-logo-png.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/637f5056eba4bf7929177a63/9bb23fef-ba82-4293-8a7f-f4f6b6538c1e/brighton-branch-logo-png.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/637f5056eba4bf7929177a63/9bb23fef-ba82-4293-8a7f-f4f6b6538c1e/brighton-branch-logo-png.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs"> <div class="fluidImageOverlay"></div> </a> </div> </div> </div> <style> .sqs-block-image .sqs-block-content { height: 100%; width: 100%; } .fe-block-yui_3_17_2_1_1676298158840_19640 .fluidImageOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: normal; opacity: 0; } </style> </div></div></div><div class="fe-block fe-block-4acd44bddbb25bbe56b8"><div class="sqs-block html-block sqs-block-html" data-block-type="2" id="block-4acd44bddbb25bbe56b8"><div class="sqs-block-content"> <div class="sqs-html-content"> <p style="text-align:center;white-space:pre-wrap;" class="">Produced by</p> </div> </div></div></div></div></div> </div> </div> </section> </footer> </div> <script defer="defer" src="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/site-bundle.11fff701a22dbd232e9127391845b3e2.js" type="text/javascript"></script> </body> </html>
