/* Full-width festival chapters: light opening, orange navigation, alternating paper and ink. */
.s5{position:relative;z-index:1}.mission-mascot{position:absolute;display:block;width:420px;height:auto;left:48px;bottom:-128px;z-index:2;pointer-events:none}.s6{padding-top:160px!important}@media(min-width:1200px){.mission-mascot{left:calc((100% - 1104px)/2)}}@media(max-width:760px){.s5{padding-bottom:330px!important}.mission-mascot{width:300px;max-width:85%;left:24px;bottom:-91px}.s6{padding-top:125px!important}}
body{background:#091C32}header{max-width:none;background:#f4eee8;padding:32px 0 0;border-top:10px solid #E2326F}.main-logo{width:530px;margin:0 auto 28px;max-width:82%}nav{background:#F1880F;color:#091C32;border:0;padding:22px 24px;gap:52px}nav a{font-size:15px;letter-spacing:.08em}nav a:hover{color:#091C32;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:6px}main{max-width:none}.section{padding:64px max(48px,calc((100% - 1104px)/2));grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:70px;border:0}.section-title{border:0;padding-top:0}h1,h2{font-size:58px;line-height:1.03}h1{font-size:66px}.section-title:before{content:'';display:block;width:68px;height:7px;background:#E2326F;margin:4px 0 26px}.copy p{margin-bottom:24px}.copy .lead{font-size:25px}.s0{background:#091C32}.s1{background:#edddcb;color:#091C32}.s2{background:#091C32;color:#f4eee8}.s3{background:#f4eee8;color:#091C32;margin:0;box-shadow:none;grid-template-columns:1fr 1.7fr;border-top:12px solid #F1880F;border-bottom:1px solid #d5c5b4}.s3 h2{color:#c22059;font-size:64px}.s3 .section-title:before{display:none}.s3 .copy p:nth-child(2){font-size:32px;line-height:1.3;margin:26px 0;padding:18px 0;border-top:2px solid #091C32;border-bottom:2px solid #091C32}.chapter{padding:56px max(48px,calc((100% - 1104px)/2)) 0;background:#091C32;color:#f4eee8}.chapter span{border:0;color:#f4eee8;padding-left:0;letter-spacing:.18em}.chapter span:before{content:'';display:inline-block;background:#08bdd4;width:9px;height:9px;margin:0 13px 2px 0}.s5{background:#091C32;padding-top:30px}.s6{background:#edddcb;color:#091C32;padding-bottom:48px;border-bottom:1px solid #baa995}.s6 .section-title:before{background:#091C32}.s7{background:#edddcb;color:#091C32}.s8{background:#091C32;color:#f4eee8}.s9{background:#f4eee8;color:#091C32}.s7 h2,.s8 h2,.s9 h2{font-size:54px}.s7 .section-title:before,.s9 .section-title:before{background:#c22059}.s8 .section-title:before{background:#F1880F}.s10{background:#091C32;border-top:12px solid #F1880F;border-bottom:0}.s10 h2{font-size:64px;color:#f4eee8}.s10 .copy p:nth-child(3){border-left:5px solid #E2326F;padding-left:22px;font-size:28px}footer{max-width:none;background:#edddcb;color:#091C32;padding:28px max(48px,calc((100% - 1104px)/2));border-bottom:8px solid #E2326F}footer span{color:#c22059}
@media(min-width:761px){h1{font-size:56px}.s3{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr)}.s3 h2{font-size:54px}.s1 h2,.s7 h2,.s9 h2{color:#091C32}.s2 h2{color:#f4eee8}}
@media(max-width:760px){header{padding-top:24px;border-top-width:6px}.main-logo{width:390px;margin-bottom:24px}nav{gap:12px 24px;padding:18px 20px}nav a{font-size:12px}.section{display:block;padding:40px 24px}.section-title:before{margin-bottom:20px;width:50px;height:5px}.section-title{margin-bottom:28px}h1,h2,.s3 h2,.s7 h2,.s8 h2,.s9 h2,.s10 h2{font-size:46px}.copy .lead{font-size:22px}.s3{margin:0}.s3 .copy p:nth-child(2){font-size:26px}.chapter{padding:40px 24px 0}.s5{padding-top:26px}.s10 .copy p:nth-child(3){font-size:24px}footer{padding:24px}}
@media print{h1{font-size:56px}.s3{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr)}.s3 h2{font-size:54px}}
.submissions{background:#edddcb;color:#091C32;border-top:8px solid #F1880F}.submissions h2{font-size:44px}.submission-button{display:inline-block;margin:5px 0 14px;line-height:0;max-width:100%}.submission-button img{display:block;width:263px;max-width:100%;height:auto}.submission-button:hover{filter:brightness(1.08)}.listing-link{font-size:16px;font-weight:700}.listing-link a{text-underline-offset:4px}.sponsor{background:#091C32;text-align:center;padding:34px 24px 44px}.sponsor p{font-size:14px;font-weight:800;letter-spacing:.16em;margin:0 0 20px;color:#f4eee8}.sponsor a{display:inline-block;line-height:0}.sponsor img{display:block;width:260px;max-width:80vw;height:auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.submissions h2{font-size:38px}}@media print{.sponsor{break-inside:avoid}}
.s0,.s7{position:relative;isolation:isolate;overflow:hidden}.s0{background:#091C32}.s0:before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/roguefest-theater.jpg') center 48%/cover no-repeat;filter:grayscale(1);opacity:.24}.s0:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,rgba(9,28,50,.74),rgba(9,28,50,.82))}.s0>*{position:relative}.s7{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;min-height:780px;align-content:center}.s7:before{content:'';position:absolute;right:0;top:0;bottom:0;width:62%;z-index:-2;background:url('assets/arcadia-sign.jpg') 52% center/cover no-repeat;filter:grayscale(1);opacity:.72}.s7:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#edddcb 0%,#edddcb 34%,rgba(237,221,203,.97) 45%,rgba(237,221,203,.72) 58%,rgba(237,221,203,.18) 83%,rgba(237,221,203,.08) 100%)}.s7 .section-title,.s7 .copy{grid-column:1;position:relative;z-index:1;width:min(52vw,560px);max-width:100%;margin-left:0}.s7 .section-title{grid-row:1;margin-bottom:26px}.s7 .copy{grid-row:2}.s7 .section-title:before{background:#091C32}@media(max-width:760px){.s0:before{background-position:58% center;opacity:.18}.s0:after{background:rgba(9,28,50,.78)}.s7{min-height:0;padding-bottom:280px}.s7:before{top:auto;bottom:0;height:300px;width:100%;opacity:.56;background-position:center 48%}.s7:after{background:linear-gradient(180deg,#edddcb 0%,#edddcb 56%,rgba(237,221,203,.82) 69%,rgba(237,221,203,.05) 100%)}.s7 .section-title,.s7 .copy{width:100%;max-width:none}.s7 .section-title{margin-bottom:20px}}
/* Actual positioned image layers keep the text grid independent of the photography. */
.s0:before,.s0:after,.s7:before,.s7:after{content:none!important;display:none!important}.s0,.s7{position:relative;isolation:isolate;overflow:hidden}.section-photo,.photo-wash{position:absolute;display:block;pointer-events:none}.opener-photo{inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:grayscale(1) sepia(.22) hue-rotate(165deg) saturate(.62) brightness(.66);opacity:.39;z-index:0}.opener-wash{inset:0;background:linear-gradient(110deg,rgba(9,28,50,.64),rgba(9,28,50,.80));z-index:1}.s0 .section-title,.s0 .copy{position:relative;z-index:2}.s7{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;min-height:780px;align-content:center}.community-photo{top:0;right:0;width:62%;height:100%;object-fit:cover;object-position:52% center;filter:grayscale(1) sepia(.22);opacity:.72;mix-blend-mode:multiply;z-index:0}.community-wash{inset:0;background:linear-gradient(90deg,#edddcb 0%,#edddcb 34%,rgba(237,221,203,.97) 45%,rgba(237,221,203,.72) 58%,rgba(237,221,203,.18) 83%,rgba(237,221,203,.08) 100%);z-index:1}.s7 .section-title,.s7 .copy{grid-column:1;position:relative;z-index:2;width:min(52vw,560px);max-width:100%;margin-left:0}.s7 .section-title{grid-row:1;margin-bottom:26px}.s7 .copy{grid-row:2}.s7 .section-title:before{background:#091C32}@media(max-width:760px){.opener-photo{object-position:58% center;opacity:.28}.opener-wash{background:rgba(9,28,50,.72)}.s7{min-height:0;padding-bottom:280px!important}.community-photo{top:auto;bottom:0;height:300px;width:100%;object-position:center 48%;opacity:.58}.community-wash{background:linear-gradient(180deg,#edddcb 0%,#edddcb 56%,rgba(237,221,203,.82) 69%,rgba(237,221,203,.05) 100%)}.s7 .section-title,.s7 .copy{width:100%;max-width:none}.s7 .section-title{margin-bottom:20px}}
.s0:before,.s0:after,.s7:before,.s7:after{display:none!important}.s0{background-color:#091C32;background-image:linear-gradient(108deg,rgba(9,28,50,.80),rgba(9,28,50,.72)),url('assets/roguefest-theater-duotone.jpg');background-size:cover;background-position:center 48%;background-repeat:no-repeat}.s7{background-color:#edddcb;background-image:linear-gradient(90deg,#edddcb 0%,#edddcb 32%,rgba(237,221,203,.97) 45%,rgba(237,221,203,.76) 59%,rgba(237,221,203,.22) 82%,rgba(237,221,203,.08) 100%),url('assets/arcadia-sign-duotone.jpg');background-size:cover;background-position:center 52%;background-repeat:no-repeat}@media(max-width:760px){.s0{background-image:linear-gradient(rgba(9,28,50,.80),rgba(9,28,50,.80)),url('assets/roguefest-theater-duotone.jpg');background-position:58% center}.s7{background-image:linear-gradient(180deg,#edddcb 0%,#edddcb 56%,rgba(237,221,203,.82) 73%,rgba(237,221,203,.3) 100%),url('assets/arcadia-sign-duotone.jpg');background-position:center bottom}}
/* Keep the marquee visible on the right of Build Community. */
.s7{background-position:74% 52%;background-image:linear-gradient(90deg,#edddcb 0%,#edddcb 31%,rgba(237,221,203,.94) 44%,rgba(237,221,203,.62) 57%,rgba(237,221,203,.10) 78%,rgba(237,221,203,0) 100%),url('assets/arcadia-sign-duotone.jpg')}
.s8,.s10{background:#091C32;color:#f4eee8;display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:38px;align-items:center}.s8 .editorial,.s10 .editorial{grid-column:1;grid-row:1;align-self:center}.s8 .section-title,.s10 .section-title{margin-bottom:26px}.s8 .section-title:before,.s10 .section-title:before{background:#E2326F}.s8 .story-photo,.s10 .story-photo{grid-column:2;grid-row:1;display:block;width:100%;height:auto;max-height:620px;object-fit:contain;align-self:center;justify-self:end;opacity:.72}.s10 .story-photo{opacity:.64}.submissions .section-title{position:relative}.submission-mascot{display:block;width:min(460px,48vw);max-width:none;height:auto;margin:18px 0 -2px -20px;filter:drop-shadow(0 10px 0 rgba(9,28,50,.12))}.submissions .copy{align-self:center}@media(max-width:760px){.s8,.s10{display:block}.s8 .editorial,.s10 .editorial{width:100%}.s8 .story-photo,.s10 .story-photo{width:100%;max-height:400px;object-fit:contain;margin:20px auto 0;opacity:.74}.submission-mascot{width:min(360px,82vw);max-width:100%;margin:14px auto 8px}.submissions .copy{margin-top:24px}}
.s7{background-position:8% 52%}.s10 .story-photo{opacity:.76}
@media print{.s8,.s10{display:grid!important;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)!important;gap:38px!important;align-items:center!important}.s8 .editorial,.s10 .editorial{grid-column:1!important;grid-row:1!important;width:auto!important}.s8 .story-photo,.s10 .story-photo{grid-column:2!important;grid-row:1!important;width:100%!important;max-height:620px!important;margin:0!important}.submission-mascot{width:min(460px,40vw)}}
/* Keep the featured photographs prominent beside their copy in browser and PDF layouts. */
.s8,.s10{position:relative;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:1fr!important;gap:46px!important;min-height:660px;align-items:center!important;overflow:hidden}
.s8 .editorial,.s10 .editorial{grid-column:1!important;grid-row:1!important;width:auto!important;min-width:0;position:relative;z-index:2}
.s8 .story-photo,.s10 .story-photo{grid-column:2!important;grid-row:1!important;width:100%!important;height:460px!important;max-height:none!important;object-fit:cover!important;margin:0!important;justify-self:stretch!important;align-self:center!important;position:relative;z-index:1;opacity:.88!important;filter:drop-shadow(0 14px 30px rgba(0,0,0,.24))}
.s8 .story-photo{object-position:35% 52%!important}
.s10 .story-photo{object-position:center!important;opacity:.84!important}
.submission-mascot{width:min(510px,42vw)!important;max-width:100%!important;margin:10px 0 0 -22px!important}
@media(max-width:760px){.s8,.s10{display:block!important;min-height:0;padding-right:24px!important}.s8 .editorial,.s10 .editorial{width:100%!important}.s8 .story-photo,.s10 .story-photo{display:block;width:100%!important;height:auto!important;max-height:400px!important;aspect-ratio:1.35;object-fit:cover!important;margin:24px auto 0!important;opacity:.84!important}.submission-mascot{width:min(380px,85vw)!important;margin:14px auto 8px!important}}
@media print{.s8,.s10{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:1fr!important;min-height:660px!important;gap:46px!important;align-items:center!important}.s8 .editorial,.s10 .editorial{grid-column:1!important;grid-row:1!important;width:auto!important}.s8 .story-photo,.s10 .story-photo{grid-column:2!important;grid-row:1!important;width:100%!important;height:460px!important;max-height:none!important;margin:0!important;object-fit:cover!important}.submission-mascot{width:min(510px,42vw)!important}}
/* Absolute photo placement also works in the continuous approval PDF renderer. */
.s8,.s10{display:block!important;position:relative!important;min-height:660px!important;padding-right:53%!important;overflow:hidden}
.s8 .editorial,.s10 .editorial{width:100%!important;max-width:none!important}
.s8 .story-photo,.s10 .story-photo{position:absolute!important;top:50%!important;right:4%!important;transform:translateY(-50%)!important;width:43%!important;height:440px!important;max-height:none!important;object-fit:cover!important;margin:0!important;opacity:.95!important;filter:brightness(1.24) drop-shadow(0 14px 30px rgba(0,0,0,.24))!important}
.s8 .story-photo{object-position:35% 52%!important}
.s10 .story-photo{object-position:center!important;filter:brightness(1.12) drop-shadow(0 14px 30px rgba(0,0,0,.24))!important}
@media(max-width:760px){.s8,.s10{display:block!important;min-height:0!important;padding-right:24px!important}.s8 .editorial,.s10 .editorial{width:100%!important}.s8 .story-photo,.s10 .story-photo{position:relative!important;top:auto!important;right:auto!important;transform:none!important;display:block;width:100%!important;height:auto!important;max-height:400px!important;aspect-ratio:1.35;object-fit:cover!important;margin:24px auto 0!important}.submission-mascot{width:min(380px,85vw)!important;margin:14px auto 8px!important}}
/* Use flex columns so the photo and copy stay side by side in the approval PDF. */
.s8,.s10{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:space-between!important;gap:5%!important;min-height:660px!important;padding-right:max(48px,calc((100% - 1104px)/2))!important;overflow:hidden!important}
.s8 .editorial,.s10 .editorial{flex:0 0 49%!important;width:49%!important;max-width:49%!important;min-width:0!important}
.s8 .story-photo,.s10 .story-photo{position:static!important;transform:none!important;display:block!important;flex:0 0 44%!important;width:44%!important;height:440px!important;max-height:none!important;object-fit:cover!important;margin:0!important;opacity:.95!important;filter:brightness(1.24) drop-shadow(0 14px 30px rgba(0,0,0,.24))!important}
.s8 .story-photo{object-position:35% 52%!important}.s10 .story-photo{object-position:center!important;filter:brightness(1.12) drop-shadow(0 14px 30px rgba(0,0,0,.24))!important}
@media(max-width:760px){.s8,.s10{display:block!important;min-height:0!important;padding-right:24px!important}.s8 .editorial,.s10 .editorial{width:100%!important;max-width:none!important}.s8 .story-photo,.s10 .story-photo{width:100%!important;height:auto!important;max-height:400px!important;aspect-ratio:1.35;margin:24px auto 0!important}}
@media print{.s8,.s10{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:space-between!important;gap:5%!important;min-height:660px!important;padding-right:48px!important}.s8 .editorial,.s10 .editorial{flex:0 0 49%!important;width:49%!important;max-width:49%!important}.s8 .story-photo,.s10 .story-photo{position:static!important;transform:none!important;flex:0 0 44%!important;width:44%!important;height:440px!important;max-height:none!important;margin:0!important;object-fit:cover!important}}
.s8,.s10{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:space-between!important;gap:5%!important;min-height:660px!important}
.s8 .editorial,.s10 .editorial{flex:0 0 49%!important;width:49%!important;max-width:49%!important}
.photo-frame{flex:0 0 44%!important;width:44%!important;min-width:0!important;height:440px!important;margin:0!important;overflow:hidden!important;align-self:center!important}
.photo-frame .story-photo{display:block!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;margin:0!important;opacity:.95!important;filter:brightness(1.2) drop-shadow(0 14px 30px rgba(0,0,0,.24))!important}
.audience-frame .story-photo{object-position:35% 52%!important}.grow-frame .story-photo{object-position:center!important;filter:brightness(1.1) drop-shadow(0 14px 30px rgba(0,0,0,.24))!important}
@media(max-width:760px){.s8,.s10{display:block!important;min-height:0!important}.s8 .editorial,.s10 .editorial{width:100%!important;max-width:none!important}.photo-frame{width:100%!important;height:auto!important;aspect-ratio:1.35;margin:24px auto 0!important}.photo-frame .story-photo{height:100%!important}}
/* Focus the audience image as a full section background, like Build Community. */
.section.s8{display:block!important;position:relative;isolation:isolate;overflow:hidden;min-height:780px;padding-top:86px;padding-bottom:86px;background-color:#091C32;background-image:linear-gradient(90deg,rgba(9,28,50,.99) 0%,rgba(9,28,50,.97) 38%,rgba(9,28,50,.78) 54%,rgba(9,28,50,.35) 72%,rgba(9,28,50,.22) 100%),url('assets/audience-theater-radial.jpg');background-size:cover,155% auto;background-position:center center,-10% center;background-repeat:no-repeat}
.section.s8 .editorial{position:relative;z-index:1;width:min(51%,560px);max-width:560px;margin:0;grid-column:auto;grid-row:auto}
.section.s8 .photo-frame{display:none!important}
/* Shift the Community photo right by roughly one inch and enlarge its sign. */
.section.s7{background-size:cover,120% auto;background-position:center center,-40% 52%}
/* Restore the original left heading and right FilmFreeway content; fit the mascot under the heading. */
.section.submissions{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:54px;position:relative;overflow:hidden}
.submission-brand{min-width:0;position:relative;z-index:1}
.submissions .section-title{position:relative;z-index:1;margin-bottom:8px}
.submissions .section-title:after{content:'';position:absolute;z-index:-1;left:50%;top:54%;width:136%;height:230px;transform:translate(-50%,-50%);background:url('assets/submission-burst.svg') center/contain no-repeat;pointer-events:none}
.submissions .section-title h2{position:relative;z-index:1;display:inline-block;padding:8px 14px;font-size:48px;color:#091C32}
.submissions .submission-mascot{position:relative;z-index:1;display:block;width:92%!important;max-width:460px!important;height:auto;margin:0 auto!important;filter:drop-shadow(0 10px 0 rgba(9,28,50,.12))}
.submissions .copy{grid-column:2;grid-row:1;position:relative;z-index:1;width:auto;margin:0}
@media(max-width:760px){.section.s8{min-height:0;padding:48px 24px 300px;background-size:cover,145% auto;background-position:center center,0% bottom}.section.s8 .editorial{width:100%;max-width:none}.section.s7{background-size:cover,100% auto;background-position:center center,0% bottom}.section.submissions{display:block;padding:42px 24px}.submissions .section-title:after{width:125%;height:180px}.submissions .section-title h2{font-size:42px}.submissions .submission-mascot{width:min(380px,88vw)!important;margin:0 auto 18px!important}.submissions .copy{margin-top:16px}}
.submissions .section-title{isolation:isolate}
.submissions .section-title:after{z-index:0!important;width:132%;height:220px}
.submissions .section-title h2{display:block;width:max-content;max-width:100%;margin:0 auto;text-align:center;z-index:2;padding:8px 18px;font-size:44px}
.submissions .submission-mascot{margin:10px auto 0!important}
@media(max-width:760px){.submissions .section-title h2{font-size:38px}}
/* Small single-color comic burst sits beside Submissions in the navigation. */
nav a[href="submissions.html"]{display:inline-flex;align-items:center;gap:7px}
nav a[href="submissions.html"]:before{content:"";display:inline-block;width:18px;height:18px;flex:0 0 18px;background:url('assets/submission-burst-small.svg') center/contain no-repeat}
/* Keep the section composition; remove the large burst behind the heading. */
.submissions .section-title:after{content:none!important;background:none!important}
/* Grow Good Before Big uses the same full-bleed, right-focused treatment as Build an Audience. */
.section.s10{display:block!important;position:relative;isolation:isolate;overflow:hidden;min-height:700px;padding-top:82px;padding-bottom:82px;background-color:#091C32;background-image:linear-gradient(90deg,rgba(9,28,50,.99) 0%,rgba(9,28,50,.97) 38%,rgba(9,28,50,.78) 54%,rgba(9,28,50,.35) 72%,rgba(9,28,50,.22) 100%),url('assets/arcadia-live-radial.jpg');background-size:cover,155% auto;background-position:center center,0% center;background-repeat:no-repeat}
.section.s10 .editorial{position:relative;z-index:1;width:min(51%,560px);max-width:560px;margin:0;grid-column:auto;grid-row:auto}
.section.s10 .photo-frame{display:none!important}
@media(max-width:760px){nav a[href="submissions.html"]{gap:5px}nav a[href="submissions.html"]:before{width:15px;height:15px;flex-basis:15px}.section.s10{min-height:0;padding:48px 24px 300px;background-size:cover,145% auto;background-position:center center,0% bottom}.section.s10 .editorial{width:100%;max-width:none}}
/* Show more of the Arcadia Live lettering while keeping it on the right side. */
.section.s10{background-size:cover,130% auto;background-position:center center,15% center}
@media(max-width:760px){.section.s10{background-size:cover,120% auto;background-position:center center,10% bottom}}
.section.s10{background-size:cover,110% auto;background-position:center center,10% center}
@media(max-width:760px){.section.s10{background-size:cover,110% auto;background-position:center center,8% bottom}}

nav a[aria-current="page"]{text-decoration:underline;text-decoration-color:#E2326F;text-decoration-thickness:3px;text-underline-offset:6px}

/* Film Fans: full-bleed Arcadia photo, monochrome with a soft navy wash. */
.section.s2{position:relative;background-color:#091C32;background-image:linear-gradient(90deg,rgba(9,28,50,.91) 0%,rgba(9,28,50,.87) 34%,rgba(9,28,50,.75) 67%,rgba(9,28,50,.58) 100%),url('assets/arcadia-film-fans-bw.jpg');background-size:cover,cover;background-position:center center,42% center;background-repeat:no-repeat}
@media(max-width:760px){.section.s2{background-image:linear-gradient(180deg,rgba(9,28,50,.82) 0%,rgba(9,28,50,.86) 40%,rgba(9,28,50,.72) 100%),url('assets/arcadia-film-fans-bw.jpg');background-position:center center,42% center}}

/* Responsive Vimeo feature block beneath the first-page masthead. */
.video-hero{padding:42px max(24px,calc((100% - 1104px)/2)) 48px;background:#091C32;border-bottom:10px solid #F1880F}
.video-embed{position:relative;width:100%;height:0;padding-top:56.25%;overflow:hidden;background:#091C32;box-shadow:0 14px 38px rgba(0,0,0,.34),0 0 0 2px rgba(244,238,232,.82)}
.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:760px){.video-hero{padding:24px 18px 30px;border-bottom-width:7px}}

/* Phone layouts: photographs cover the whole section rather than a bottom strip. */
@media(max-width:760px){
  .section.s7,.section.s8,.section.s10{
    display:block!important;
    min-height:0!important;
    padding:48px 24px!important;
    background-size:cover,cover;
    background-repeat:no-repeat;
    background-position:center,center top;
  }
  .section.s7{
    background-image:linear-gradient(180deg,rgba(237,221,203,.88),rgba(237,221,203,.82)),url('assets/arcadia-sign-duotone.jpg');
    background-position:center,62% top;
  }
  .section.s8{
    background-image:linear-gradient(180deg,rgba(9,28,50,.79),rgba(9,28,50,.86)),url('assets/audience-theater-radial.jpg');
    background-position:center,68% top;
  }
  .section.s10{
    background-image:linear-gradient(180deg,rgba(9,28,50,.79),rgba(9,28,50,.86)),url('assets/arcadia-live-radial.jpg');
    background-position:center,65% top;
  }
  .section.s7 .section-title,.section.s7 .copy,
  .section.s8 .editorial,.section.s10 .editorial{
    width:100%!important;max-width:none!important;min-width:0;
  }
}
