:root{--navy:#203d68;--panel:#edf3f0;--gold:#236d4a;--white:#ffffff;--muted:#536376;--blue:#3b5c91;--green:#236d4a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--white);color:var(--navy);font:17px/1.7 Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:5px}p{color:var(--muted);max-width:620px}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.1;letter-spacing:-.035em;margin:22px 0}h1{font-size:clamp(44px,5.7vw,84px)}h2{font-size:clamp(34px,3.5vw,52px)}em{color:var(--gold);font-weight:400}header{background:#ffffff;border-bottom:1px solid #dce4eb;color:var(--navy)}.nav-wrap{max-width:1280px;margin:auto;padding:12px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{width:160px;height:115px;object-fit:contain;display:block}nav{display:flex;gap:32px;font-size:14px}nav a{padding:10px 0}nav a:hover{color:#236d4a}nav a[aria-current]{border-bottom:2px solid #236d4a}.menu-toggle{display:none}.wrap{max-width:1280px;margin:auto;padding-left:60px;padding-right:60px}.hero,.film-hero{position:relative;isolation:isolate;overflow:hidden}.hero{min-height:650px}.scene{width:100%;height:100%;object-fit:cover}.hero>.scene,.film-hero>.scene{position:absolute;inset:0;width:100%;height:100%;z-index:-3;filter:brightness(.8)}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,20,32,.96),rgba(5,20,32,.67) 48%,rgba(5,20,32,.06)),linear-gradient(0deg,#071827,transparent 45%)}.hero-copy{padding-top:105px;padding-bottom:105px}.hero-copy p{font-size:19px;max-width:510px}.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:700;color:var(--gold)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--gold);color:var(--white);border:1px solid var(--gold);padding:15px 23px;font:700 14px Arial,sans-serif;cursor:pointer;margin-top:19px}.button:hover{background:#174c34;color:var(--white)}.hero-bottom{display:flex;justify-content:space-between;padding-bottom:25px;font-size:10px;letter-spacing:.17em;color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.feature{padding-top:100px;padding-bottom:100px}.film-art{position:relative;height:480px;overflow:hidden;border:1px solid #8c764e}.film-art .scene{position:absolute;inset:0;filter:brightness(.55)}.film-type{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(0deg,rgba(7,24,39,.85),transparent);padding:25px}.film-type strong{font:700 clamp(90px,12vw,180px) Georgia,serif;color:#f6e5c8;line-height:1}.film-type span{letter-spacing:.2em;font-size:12px;margin-top:30px}.subtitle{font:italic 20px/1.5 Georgia,serif;color:var(--blue)}.status{display:flex;gap:10px;align-items:center;font-size:13px;color:var(--gold);padding:22px 0;border-top:1px solid #d4dfe6;margin:26px 0 4px}.dot{width:7px;height:7px;flex-shrink:0;border-radius:50%;background:var(--gold)}.text-link{display:inline-block;font-size:14px;color:var(--gold);padding:10px 0;border-bottom:1px solid #236d4a}.mission{border-top:1px solid #d4dfe6;padding-top:75px;padding-bottom:85px;text-align:center}.mission p{margin:24px auto}.invitation{background:var(--panel);padding-top:70px;padding-bottom:75px;border-top:1px solid #c9dacf}.invitation p{max-width:700px}.page-intro{padding-top:70px;padding-bottom:40px}.page-intro p{font-size:19px}.film-hero{min-height:540px}.film-heading{padding-top:80px;padding-bottom:65px}.film-heading h1{font-size:130px}.film-heading h1 small{display:block;font-size:clamp(34px,4vw,56px)}.film-heading .status{border:0}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:15px 80px;padding-top:80px;padding-bottom:80px}.editorial>.eyebrow{grid-column:1/-1}.trailer{background:var(--panel);padding-top:45px;padding-bottom:50px;margin-bottom:75px;border-left:3px solid var(--gold)}.bio{padding-top:30px;padding-bottom:100px;grid-template-columns:.75fr 1.25fr}.portrait{width:100%;height:auto;border:1px solid #c9dacf}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;padding-top:25px;padding-bottom:100px}.contact-email{font-size:clamp(14px,1.7vw,21px);color:var(--gold);overflow-wrap:anywhere}.contact-note{border-top:1px solid #d4dfe6;padding-top:30px;margin-top:45px}form{background:var(--panel);padding:30px}form h2{font-size:31px;margin-top:0}.form-note{font-size:13px}label{display:block;font-size:13px;margin:18px 0 7px}input,textarea,select{width:100%;background:#ffffff;border:1px solid #8799a9;border-radius:0;color:var(--navy);padding:13px;font:16px Arial,sans-serif}textarea{resize:vertical}#form-status{font-size:13px}footer{padding-top:55px;padding-bottom:25px;display:grid;grid-template-columns:1fr 1fr;gap:20px;font-size:13px}footer a{display:block}.footer-brand{letter-spacing:.13em;font-size:13px}footer p{margin-top:8px}.footer-end{grid-column:1/-1;border-top:1px solid #d4dfe6;padding-top:25px;color:var(--muted);display:flex;justify-content:space-between;font-size:11px}.skip{position:absolute;left:10px;top:-100px;background:var(--white);color:var(--navy);padding:10px;z-index:99}.skip:focus{top:10px}@media(max-width:800px){.wrap{padding-left:25px;padding-right:25px}.nav-wrap{padding:10px 25px;flex-wrap:wrap}.logo{width:120px;height:70px}.menu-toggle{display:block;background:none;border:1px solid #236d4a;color:var(--navy);padding:10px;font-size:14px}nav{display:none;width:100%;flex-direction:column;gap:0;padding-bottom:10px}nav.open{display:flex}nav a{padding:12px}.hero{min-height:600px}.hero-copy{padding-top:80px;padding-bottom:75px}.hero-bottom{gap:25px;font-size:9px}.split,.editorial,.contact-grid{grid-template-columns:1fr;gap:35px}.feature{padding-top:55px;padding-bottom:60px}.film-art{height:380px}.mission,.invitation{padding-top:55px;padding-bottom:55px}.page-intro{padding-top:50px}.film-heading h1{font-size:100px}.film-hero{min-height:500px}.editorial{padding-top:50px;padding-bottom:55px}.bio{padding-bottom:60px}.portrait{max-width:400px}.contact-grid{padding-bottom:60px}form{padding:25px}footer{grid-template-columns:1fr}.footer-end{flex-direction:column;gap:12px}.hero-shade{background:linear-gradient(90deg,rgba(5,20,32,.92),rgba(5,20,32,.5)),linear-gradient(0deg,#071827,transparent)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Original logo colors guide the company identity; film artwork retains its original color. */
.hero,.film-hero{color:#fff}.hero p,.film-hero p{color:#e6edf4}.hero em,.film-hero em{color:#d6e5dc}.hero .eyebrow,.film-hero .eyebrow,.film-hero .status{color:#deeadf}.hero-bottom{color:#e6edf4}.hero h1{max-width:900px}.hero-shade{background:linear-gradient(90deg,rgba(22,47,83,.97),rgba(22,47,83,.73) 48%,rgba(22,47,83,.12)),linear-gradient(0deg,#203d68,transparent 45%)}
.cloud-art{height:auto;aspect-ratio:530/300;border:1px solid #d2deea;background:#edf3f9;display:flex;align-items:center;box-shadow:0 18px 55px #203d6810}.cloud-art svg{width:100%;height:auto;display:block}.feature h2{color:var(--blue)}.invitation h2,.mission h2{color:var(--blue)}.film-hero .subtitle{color:#fff}.film-hero .dot{background:#bcd6c2}.film-type span{color:#fff}.trailer{border-left-color:var(--green)}
@media(max-width:800px){.logo{width:130px;height:94px}.cloud-art{height:auto}.hero-shade{background:linear-gradient(90deg,rgba(22,47,83,.94),rgba(22,47,83,.56)),linear-gradient(0deg,#203d68,transparent)}}

/* Fill the homepage hero with the scenic region, excluding brochure text. */
.hero>.scene{display:block;width:100%;height:100%;overflow:hidden}
.hero-copy p{max-width:720px;font-size:18px;line-height:1.75}
.hero-copy{padding-top:80px;padding-bottom:75px}
@media(max-width:800px){.hero-copy{padding-top:55px;padding-bottom:55px}.hero-copy p{font-size:16px;line-height:1.7}}

/* Reveal the backpack and landscape while protecting text contrast. */
.hero>.scene{filter:brightness(1)}
.hero .hero-shade{background:linear-gradient(90deg,rgba(22,47,83,.88) 0%,rgba(22,47,83,.76) 35%,rgba(22,47,83,.36) 62%,rgba(22,47,83,.04) 82%),linear-gradient(0deg,rgba(22,47,83,.7),transparent 28%)}
.hero-copy h1,.hero-copy p{text-shadow:0 2px 8px rgba(5,20,32,.4)}
@media(max-width:800px){.hero .hero-shade{background:linear-gradient(90deg,rgba(22,47,83,.78),rgba(22,47,83,.45) 65%,rgba(22,47,83,.2)),linear-gradient(0deg,rgba(22,47,83,.65),transparent 30%)}}

.poster-art{height:auto;aspect-ratio:auto;border:0;background:none;overflow:hidden;box-shadow:0 18px 55px #203d6818}.poster-art img{display:block;width:100%;height:auto}

/* A human moment accompanies the invitation to share a story. */
.invitation{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center}
.invitation-image{margin:0;width:100%;overflow:hidden}
.invitation-image img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.invitation-copy h2{font-size:clamp(32px,3.2vw,48px)}
@media(max-width:800px){.invitation{grid-template-columns:1fr;gap:35px}.invitation-image{max-width:600px}}

/* Logo-inspired color frames the site at the top and bottom. */
header{background:linear-gradient(110deg,#e2eaf5 0%,#f0f4f8 48%,#e0eee5 100%);border-bottom:3px solid var(--green)}
.brand{background:transparent;padding:8px 14px}
footer.wrap{max-width:none;background:var(--navy);color:#fff;border-top:5px solid var(--green);padding-left:max(25px,calc((100% - 1160px)/2));padding-right:max(25px,calc((100% - 1160px)/2))}
footer p,footer .footer-end{color:#dbe5ee}
footer .footer-end{border-top-color:#ffffff35}
footer a:hover{color:#c6e0cf}
@media(max-width:800px){.brand{padding:4px 9px}footer.wrap{padding-left:25px;padding-right:25px}}

.about-vision{display:grid;grid-template-columns:1.15fr 1fr;gap:65px;align-items:center;padding-bottom:80px}
.about-vision h1{font-size:clamp(38px,4vw,58px)}
.about-vision p{font-size:17px;line-height:1.8}
.ucf-story-image{margin:0;background:linear-gradient(145deg,#f0f5fa,#e7f0e9);padding:30px}
.ucf-story-image img{display:block;width:100%;height:auto}
.ucf-story-image figcaption{font:italic 16px/1.6 Georgia,serif;color:var(--green);text-align:center;margin-top:22px}
@media(max-width:800px){.about-vision{grid-template-columns:1fr;gap:35px;padding-bottom:55px}.ucf-story-image{padding:20px}}

/* Cinematic About-page composition, grounded in the original brand colors. */
.about-page{background:#faf9f5}
.about-page header{background:#e5ebe9;border-bottom:1px solid #b4c6ba}
.about-opening{background:radial-gradient(ellipse at 85% 35%,#294c54 0%,#142d45 42%,#0b1e32 85%);color:#fff;position:relative}
.about-vision{max-width:1440px;grid-template-columns:1.15fr 1fr;gap:80px;padding-top:85px;padding-bottom:95px;align-items:center}
.about-vision .eyebrow{color:#b0d2bd;letter-spacing:.22em}
.about-vision h1{font-size:clamp(42px,4.2vw,66px);line-height:1.07;margin:24px 0 32px;letter-spacing:-.045em}
.about-vision h1 em{color:#bed7c6}
.about-vision p{color:#d5e0e8;font-size:17px;line-height:1.85;max-width:650px}
.about-vision p:first-of-type{font-size:19px;color:#f0f3f4}
.about-vision .text-link{color:#c6dfcc;border-color:#7ba58e;margin-top:12px}
.ucf-story-image{background:#f6f4eb;padding:40px 28px 28px;border:1px solid #ffffff40;box-shadow:0 30px 65px #00000030;transform:rotate(-1deg)}
.ucf-story-image img{width:100%;height:auto}
.ucf-story-image figcaption{color:#335e49;font-size:17px;padding-top:20px;border-top:1px solid #c4cdbc;margin-top:28px}
.about-page .bio{max-width:1320px;gap:90px;padding-top:100px;padding-bottom:100px;border-bottom:1px solid #cdd6cf;align-items:center}
.about-page .bio h2{font-size:clamp(40px,4.3vw,62px);color:#17324c}
.about-page .bio .portrait{box-shadow:18px 18px 0 #dae4dc;border:0}
.about-page .bio p{font-size:18px;line-height:1.8;color:#495b6a}
.about-page .invitation{margin-top:70px;margin-bottom:70px;background:#e5ede6;border:0}
@media(max-width:1000px){.about-vision{gap:40px}.ucf-story-image{padding:25px 18px}.about-page .bio{gap:50px}}
@media(max-width:800px){.about-vision{grid-template-columns:1fr;padding-top:55px;padding-bottom:60px;gap:40px}.about-vision h1{font-size:44px}.about-vision p,.about-vision p:first-of-type{font-size:17px}.ucf-story-image{max-width:530px;transform:none}.about-page .bio{padding-top:65px;padding-bottom:65px;gap:45px}.about-page .bio .portrait{max-width:380px;box-shadow:10px 10px 0 #dae4dc}.about-page .invitation{margin-top:45px;margin-bottom:45px}}

/* Shared cinematic direction across the complete site. */
body{background:#faf9f5;color:#17324c}
header,.about-page header{background:#e5ebe9;border-bottom:1px solid #b4c6ba}
.nav-wrap{padding-top:14px;padding-bottom:14px}
.page-intro:not(.about-vision){max-width:none;background:radial-gradient(ellipse at 85% 35%,#294c54 0%,#142d45 42%,#0b1e32 85%);color:#fff;padding-left:max(25px,calc((100% - 1160px)/2));padding-right:max(25px,calc((100% - 1160px)/2));padding-top:75px;padding-bottom:70px}
.page-intro:not(.about-vision) h1{font-size:clamp(44px,5vw,72px);max-width:1000px}
.page-intro:not(.about-vision) p{color:#d5e0e8;font-size:19px;line-height:1.8}
.page-intro:not(.about-vision) .eyebrow{color:#b0d2bd}
.page-intro:not(.about-vision) em{color:#bed7c6}
.feature{padding-top:90px;padding-bottom:90px;gap:85px}
.feature h2,.mission h2,.invitation h2,.editorial h2,.trailer h2{color:#17324c}
.feature p,.mission p,.invitation p,.editorial p,.trailer p{color:#495b6a;line-height:1.85}
.poster-art{box-shadow:18px 18px 0 #dae4dc}
.mission{padding-top:85px;padding-bottom:90px;border-top-color:#cdd6cf}
.invitation{background:#e5ede6;border:0;margin-top:55px;margin-bottom:65px;padding-top:65px;padding-bottom:65px}
.invitation-image{box-shadow:12px 12px 0 #ccd9cf}
.editorial{padding-top:90px;padding-bottom:90px}
.trailer{background:#e5ede6;padding-top:55px;padding-bottom:55px;border-left:3px solid #236d4a}
.contact-grid{padding-top:75px;padding-bottom:90px}
.contact-grid form{background:#e5ede6;border-top:3px solid #236d4a;padding:40px;box-shadow:14px 14px 0 #d8e2da}
.contact-grid h2{color:#17324c}
.contact-grid p{color:#495b6a}
.ucf-story-image{background:transparent;box-shadow:none;border:0;transform:none;padding:20px 0}
.ucf-story-image figcaption{color:#c6dfcc;border-top-color:#ffffff30}
@media(max-width:800px){.page-intro:not(.about-vision){padding-top:50px;padding-bottom:50px}.feature{padding-top:55px;padding-bottom:65px;gap:40px}.poster-art{box-shadow:8px 8px 0 #dae4dc}.mission{padding-top:55px;padding-bottom:60px}.invitation{margin-top:35px;margin-bottom:45px;padding-top:45px;padding-bottom:45px}.invitation-image{box-shadow:7px 7px 0 #ccd9cf}.editorial{padding-top:55px;padding-bottom:55px}.contact-grid{padding-top:50px;padding-bottom:60px}.contact-grid form{padding:25px;box-shadow:7px 7px 0 #d8e2da}.ucf-story-image{padding:10px 0}}

/* Navigation banner matches the original artwork panel tan. */
header,.about-page header{background:#f6f4eb;border-bottom:1px solid #d2d4c6}

/* Restore the artwork's tan presentation panel. */
.ucf-story-image{background:#f6f4eb;padding:40px 28px 28px;border:1px solid #ffffff40;box-shadow:0 30px 65px #00000030}
.ucf-story-image figcaption{color:#335e49;border-top-color:#c4cdbc}
@media(max-width:1000px){.ucf-story-image{padding:25px 18px}}
@media(max-width:800px){.ucf-story-image{padding:25px 20px}}

/* Wide, high-resolution brand imagery replaces the enlarged brochure crop. */
.hero>.unity-hero{object-fit:cover;object-position:center;filter:none}
.hero .hero-shade{background:linear-gradient(90deg,rgba(9,27,34,.78),rgba(9,27,34,.62) 38%,rgba(9,27,34,.1) 70%,transparent),linear-gradient(0deg,rgba(9,27,34,.55),transparent 25%)}
@media(max-width:800px){.hero>.unity-hero{object-position:65% center}.hero .hero-shade{background:linear-gradient(90deg,rgba(9,27,34,.85),rgba(9,27,34,.65)),linear-gradient(0deg,rgba(9,27,34,.5),transparent)}}

/* Dedicated full-width cinematic GO! banner. */
.film-hero>.go-banner{object-fit:cover;object-position:center;filter:none}
.film-hero .hero-shade{background:linear-gradient(90deg,rgba(9,27,44,.64),rgba(9,27,44,.38) 45%,transparent 75%),linear-gradient(0deg,rgba(9,27,44,.5),transparent 30%)}
.film-heading h1,.film-heading .subtitle{text-shadow:0 2px 10px #00000040}
@media(max-width:800px){.film-hero>.go-banner{object-position:60% center}.film-hero .hero-shade{background:linear-gradient(90deg,rgba(9,27,44,.8),rgba(9,27,44,.42))}}

/* Film story and schedule: poster-led editorial layout with a cinematic contrast band. */
.story-with-art{display:grid;grid-template-columns:.65fr 1.35fr;gap:85px;align-items:center}
.story-poster{margin:0;box-shadow:14px 14px 0 #d8e2da}
.story-poster img{display:block;width:100%;height:auto}
.story-copy h2{font-size:clamp(34px,3.5vw,52px);margin:24px 0}
.story-copy p{font-size:18px;line-height:1.8}
.project-schedule{background:radial-gradient(ellipse at 90% 0%,#294c54,#0b1e32 75%);color:#fff;padding:75px 0 80px}
.schedule-heading{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
.project-schedule .eyebrow,.schedule-number{color:#bed7c6}
.project-schedule h2{font-size:clamp(38px,4vw,58px)}
.project-schedule p{color:#d5e0e8}
.schedule-steps{list-style:none;padding:0;margin:35px 0 15px;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.schedule-steps li{border-top:1px solid #73908c;padding-top:25px}
.schedule-steps .current{border-top:3px solid #bed7c6;padding-top:23px}
.schedule-number{font-size:11px;letter-spacing:.16em;font-weight:bold}
.schedule-steps h3{font:400 27px/1.25 Georgia,serif;margin:20px 0 15px}
.schedule-steps p{font-size:15px;line-height:1.7}
@media(max-width:800px){.story-with-art{grid-template-columns:1fr;gap:45px}.story-poster{max-width:340px}.schedule-heading,.schedule-steps{grid-template-columns:1fr;gap:25px}.project-schedule{padding:50px 0 55px}.schedule-heading p{margin-top:0}.schedule-steps{margin-top:20px}}

.production-graphic{margin:30px 0 40px}.production-graphic img{display:block;width:100%;height:auto;border:1px solid #ffffff25}