@import url('https://fonts.googleapis.com/css2?family=Marcellus&family=Noto+Sans+SC:wght@400;500&family=Noto+Serif+SC:wght@400;500&family=PT+Serif:ital,wght@0,400;0,700;1,400&display=swap');
:root{--paper:#f8f7f2;--navy:#19384c;--teal:#147d75;--gold:#c9b77c;--sage:#eaf2ef;--line:#cdd7d2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--navy);font-family:'PT Serif','Noto Sans SC',serif;font-size:16px;line-height:1.85}h1,h2,h3,.brand{font-family:Marcellus,'Noto Serif SC',serif;font-weight:400;line-height:1.3}h1{font-size:clamp(40px,5.2vw,78px);margin:22px 0}h2{font-size:clamp(30px,3.4vw,49px);margin:17px 0 23px}h3{font-size:25px;margin:16px 0}p{max-width:62ch}a{color:inherit;text-decoration:none}a:hover{color:var(--teal)}button,input,select,textarea{font:inherit}button,a,summary,input,select,textarea{outline-offset:5px} :focus-visible{outline:3px solid #b08c34}header{height:105px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);position:relative;z-index:5;background:var(--paper)}.brand{font-size:37px;letter-spacing:-2px}.brand span{color:var(--teal)}.brand small{display:block;font-family:'PT Serif',serif;letter-spacing:2px;font-size:8px;margin-top:7px}nav{display:flex;align-items:center;gap:30px;font-size:14px}.nav-link span,.footer-link span{display:none}.nav-services{position:relative}.nav-services summary{cursor:pointer;list-style:none}.nav-services>div{position:absolute;background:var(--paper);padding:20px;min-width:245px;box-shadow:0 10px 24px #19384c20;right:0}.nav-services a{display:block;padding:8px}.button{border:0;background:var(--teal);color:white;display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:15px 25px;cursor:pointer;font-size:16px}.button:hover{background:#0f625c;color:white}.button.small{font-size:14px;padding:10px 20px}.menu-toggle{display:none}.hero{height:calc(100svh - 105px);min-height:620px;position:relative;background:#193b42;color:#fff;overflow:hidden}.hero-media{position:absolute!important;inset:0!important;height:100%!important;background:linear-gradient(120deg,#162f36,#426460)!important;border:0!important;color:#e1e9de!important}.hero-media .ph-id{top:30px;right:5%;left:auto}.hero-media .ph-center{max-width:300px;margin-left:70%;opacity:.8}.hero-copy{position:relative;width:67%;padding:10vh 6% 60px;pointer-events:none}.hero-copy a{pointer-events:auto}.hero-copy h1{line-height:1.35}.hero-copy em{font-style:normal;color:#d7dcbb}.hero-copy p{color:#e0e6e1;max-width:570px;font-size:17px}.eyebrow{font-size:11px;letter-spacing:2.5px;font-family:'PT Serif',serif;text-transform:uppercase}.actions{display:flex;align-items:center;gap:28px;margin-top:33px}.light-link{border-bottom:1px solid #ffffff80}.scroll-cue{position:absolute;bottom:30px;left:6%;font-size:10px;letter-spacing:2px}.wrap{max-width:1320px;width:88%;margin:auto;padding:100px 0}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%}.section-heading{max-width:730px;margin-bottom:45px}.split .section-heading{margin:0}.placeholder{position:relative;background:linear-gradient(135deg,#e3e8df,#d6dfd6);border:1px solid #becac1;min-height:280px;aspect-ratio:3/2;color:#526858;display:flex;align-items:center;justify-content:center;overflow:hidden}.ph-id{position:absolute;top:14px;left:17px;font-size:10px;letter-spacing:1.5px}.ph-center{padding:45px 25px 25px;text-align:center;max-width:380px}.ph-center strong{font-weight:400;display:block;font-size:18px}.ph-center p{font-size:12px;line-height:1.8;margin:10px 0}.ph-center small{font-size:11px;letter-spacing:2px}.frame-mark{font-size:36px;font-weight:200;display:block;opacity:.55}.text-link{display:inline-flex;gap:30px;border-bottom:1px solid #93aaa0;padding:9px 0;margin-top:15px;font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:45px 30px}.card-body{padding:24px 5px}.service-card .placeholder{min-height:250px}.service-card h3{margin-top:8px}.sage{background:var(--sage)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.step-no{font-family:Marcellus,serif;font-size:48px;color:#6f8e81}.steps h3{font-size:22px}.steps p{font-size:15px}.examples{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:25px}.examples .placeholder{aspect-ratio:4/5}.examples article:last-child{padding-top:65px}.examples article:last-child .placeholder{aspect-ratio:16/9;min-height:230px}.examples h3{font-size:23px}.team{border-top:1px solid var(--line)}.team>.placeholder{aspect-ratio:4/5;max-height:570px}.faq-section{display:grid;grid-template-columns:1fr 1.4fr;gap:8%}.faq{border-bottom:1px solid var(--line);padding:21px 0}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:18px}.faq p{font-size:15px;color:#4e626a;padding-right:20px}.faq[open] summary span{transform:rotate(45deg)}.inquiry-band{text-align:center;background:var(--navy);color:var(--paper);padding:95px 6%}.inquiry-band p{margin:20px auto 32px}.inquiry-band h2{font-size:clamp(32px,4vw,58px)}footer{padding:65px 6% 25px;display:grid;grid-template-columns:1fr 1fr;gap:45px}footer p{font-size:13px}.footer-link{display:inline-block;width:50%;font-size:13px;padding:7px 0}.footer-bottom{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;font-size:11px}.blank-contact{display:inline-block;width:95px;border-bottom:1px solid var(--line)}.page-top{padding-bottom:40px}.page-top p{font-size:18px}.detail-block{border-bottom:1px solid var(--line);padding:22px 0}.detail-block h2{font-size:27px}.narrow{max-width:850px}.form-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:9%}.form-layout aside h2{font-size:30px}.notice{padding:20px;background:var(--sage);font-size:14px}form>label{display:block;margin-bottom:23px}input:not([type=checkbox]),select,textarea{width:100%;background:transparent;color:var(--navy);border:1px solid #a3b5ae;border-radius:0;padding:11px;margin-top:8px}fieldset{border:0;padding:0;margin:25px 0}legend{margin-bottom:14px}.check{display:flex;gap:12px;align-items:flex-start;margin:10px 0;font-size:15px}.check input{margin-top:7px;accent-color:var(--teal);width:17px;height:17px;flex-shrink:0}.consent{border-top:1px solid var(--line);padding-top:22px}#form-status{background:var(--sage);padding:15px}#form-status:empty{display:none}.skip{position:absolute;top:-100px;z-index:20;background:white;padding:10px}.skip:focus{top:0}@media(max-width:850px){header{height:85px}.brand{font-size:30px}.menu-toggle{display:block;border:0;background:transparent;color:var(--navy)}nav{display:none;position:absolute;top:85px;left:0;right:0;background:var(--paper);padding:25px;align-items:stretch}nav.open{display:flex;flex-direction:column;gap:18px}.nav-services>div{position:static;box-shadow:none;padding:10px}.hero{height:auto;min-height:780px}.hero-copy{width:100%;padding:65px 7% 220px}.hero-copy h1{font-size:clamp(38px,7vw,60px)}.hero-media .ph-id{top:auto;bottom:200px;left:7%}.hero-media .ph-center{position:absolute;bottom:55px;margin:0;left:7%;padding:0;text-align:left;max-width:85%}.hero-media .frame-mark{display:none}.hero-media .ph-center strong{font-size:14px}.hero-media .ph-center p{font-size:11px;max-width:55ch}.hero-media .ph-center small{font-size:10px}.wrap{padding:65px 0}.split,.faq-section,.form-layout{grid-template-columns:1fr;gap:35px}.service-grid{gap:25px}.steps{grid-template-columns:1fr 1fr}.examples{grid-template-columns:1fr}.examples article:last-child{padding-top:0}.examples .placeholder{aspect-ratio:3/2}.placeholder,.service-card .placeholder{min-height:230px}.service-grid{grid-template-columns:1fr}.section-heading{margin-bottom:25px}.team>.placeholder{max-height:450px;width:100%}footer{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:15px}.actions{gap:20px}.button{gap:20px}.page-top{padding-bottom:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}@media(max-width:850px){.hero-media .ph-center{left:7%;right:7%;width:auto;max-width:none;margin:0}.hero-media .ph-center p{overflow-wrap:anywhere}}

/* Yangyang biography: scoped additions, existing design retained. */
.bio-name{display:block;font-family:Marcellus,serif;font-size:24px;margin-top:8px;color:var(--teal)}.bio-role{font-size:14px;color:var(--teal);line-height:1.8}.bio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.bio-card{min-width:0}.bio-card .placeholder{aspect-ratio:3/2;min-height:260px}.bio-card .ph-center{padding:40px 20px 20px}.bio-card-copy{padding-top:24px}.bio-card h3{font-size:23px;line-height:1.5}.bio-card p,.bio-connections p{font-size:16px}.bio-source{font-size:14px;line-height:1.8;max-width:none;margin-top:45px;padding-top:23px;border-top:1px solid var(--line);color:#4e626a}.bio-background{display:grid;grid-template-columns:1fr 1.2fr;gap:8%}.bio-timeline article{display:grid;grid-template-columns:110px 1fr;gap:24px;border-top:1px solid var(--line);padding:25px 0}.bio-timeline h3{margin-top:0;font-size:24px}.bio-timeline p{margin-bottom:0}.bio-connections{border-top:1px solid var(--line);padding-top:65px}@media(max-width:950px){.bio-grid{grid-template-columns:1fr}.bio-background{grid-template-columns:1fr;gap:25px}.bio-card{display:grid;grid-template-columns:1fr 1fr;gap:25px}.bio-card-copy{padding-top:0}.bio-connections .bio-grid{gap:35px}}@media(max-width:600px){.bio-card{display:block}.bio-card-copy{padding-top:24px}.bio-timeline article{grid-template-columns:1fr;gap:12px}.bio-card .placeholder{min-height:260px}.bio-name{font-size:22px}}
@media(max-width:850px){.hero-media{width:100%;aspect-ratio:auto}.examples{grid-template-columns:minmax(0,1fr)}.examples>article,.split>div{min-width:0}.placeholder{width:100%}.ph-center{min-width:0;max-width:100%}}

/* Client photographs for local review; existing visual system retained. */
.editorial-photo{margin:0;min-width:0;width:100%}.editorial-photo>.photo-frame{position:relative;display:block;background:var(--sage);overflow:hidden}.editorial-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .35s ease}.editorial-photo figcaption{font-size:12px;line-height:1.75;color:#4e626a;padding:12px 0 3px;max-width:65ch}.portrait-photo{max-width:450px;margin-inline:auto}.portrait-photo img{aspect-ratio:4/5;object-position:50% 22%}.team>.portrait-photo{align-self:center}.service-card .editorial-photo img{aspect-ratio:3/2}.service-card .editorial-photo figcaption{padding-inline:5px}.bio-card .editorial-photo img{aspect-ratio:3/2}.bio-card .editorial-photo{align-self:start}.working-gallery{border-top:1px solid var(--line)}.working-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.working-grid h3{font-size:25px}.working-grid p{font-size:16px}.working-grid .editorial-photo img{aspect-ratio:4/3}.working-grid article:first-child .editorial-photo img{object-position:50% 18%}.experience-summary{border-top:1px solid var(--line);padding-top:18px;font-size:14px;color:var(--teal)}@media(max-width:850px){.working-grid{grid-template-columns:1fr;gap:45px}.working-grid .editorial-photo img{aspect-ratio:3/2}.working-grid article:first-child .editorial-photo img{aspect-ratio:4/5;object-fit:contain}.portrait-photo{max-width:380px}.split>.editorial-photo{min-width:0}}

/* Related experience galleries, retaining the established typography and colours. */
.activity-gallery{border-top:1px solid var(--line)}.activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}.activity-grid img{aspect-ratio:3/2;object-fit:cover}.activity-note{font-size:13px;color:#4e626a;margin-top:30px}@media(max-width:950px){.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.activity-grid{grid-template-columns:minmax(0,1fr);gap:26px}}

/* Event albums and child-centred imagery retain the YouthX visual system. */
.event-open{background:transparent;color:inherit;border:0;border-bottom:1px solid #93aaa0;padding:9px 0;cursor:pointer;font-family:inherit;text-align:left}.event-open:hover{color:var(--teal)}.child-experiences h3{font-size:23px;line-height:1.5}.child-portrait>.photo-frame{background:#eaf0eb}.child-portrait img{object-fit:contain!important;aspect-ratio:3/2}.event-text-cover{aspect-ratio:3/2;min-height:260px;padding:35px;background:var(--sage);border:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.event-text-cover p{margin:4px 0 20px}.event-text-cover small{font-size:12px;color:#4e626a}.event-collections{border-top:1px solid var(--line)}.event-dialog{width:min(1100px,94vw);max-height:90dvh;box-sizing:border-box;padding:0;border:1px solid var(--line);background:var(--paper);color:var(--navy);overscroll-behavior:contain}.event-dialog::backdrop{background:#102b3bd9}.event-dialog-bar{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:15px 28px;border-bottom:1px solid var(--line);background:var(--paper);font-size:12px;letter-spacing:1px}.event-close{background:transparent;border:1px solid var(--line);color:var(--navy);min-height:44px;padding:8px 16px;cursor:pointer}.event-dialog-content{padding:30px}.event-dialog h2{font-size:clamp(26px,3vw,42px)}.event-intro{max-width:75ch;margin-bottom:32px}.event-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}.event-photo-grid img{object-fit:contain!important;aspect-ratio:3/2;background:#eaf0eb}.event-photo-grid figcaption{font-size:13px}body.event-is-open{overflow:hidden}.project-tracks{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}.project-tracks article{border-top:1px solid var(--line);padding-top:22px}.project-tracks h3{font-size:21px;line-height:1.5}@media(max-width:850px){.project-tracks{grid-template-columns:repeat(2,minmax(0,1fr))}.event-dialog-content{padding:24px}.event-collections .bio-grid>article{min-width:0}}@media(max-width:600px){.event-photo-grid{grid-template-columns:minmax(0,1fr)}.event-dialog-content{padding:20px}.event-dialog-bar{padding:12px 20px}.event-dialog{width:94vw;max-height:92dvh}}

.event-text-cover{width:100%;min-width:0}

/* Full portrait framing and presenting experience. */
.portrait-photo img{aspect-ratio:auto;object-fit:contain;object-position:center top}.bio-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 30px}.hosting-nav{position:static;display:flex;flex-wrap:wrap;gap:12px 22px;padding:0;margin:25px 0 35px;font-size:14px}.hosting-nav a{border-bottom:1px solid var(--line);padding:8px 0}.hosting-section{border-top:1px solid var(--line);padding:25px 0;scroll-margin-top:95px}.hosting-section h3{font-size:25px}.hosting-section ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:35px;padding-left:22px}.hosting-section li{padding:10px 0 10px 3px;border-bottom:1px solid var(--line);overflow-wrap:anywhere;break-inside:avoid}.hosting-lead{max-width:72ch}@media(max-width:600px){.hosting-section ul{grid-template-columns:minmax(0,1fr)}.bio-actions{gap:8px 24px}.hosting-nav{display:flex;position:static;background:transparent;gap:8px 18px}.hosting-section h3{font-size:22px}}

/* Supplied homepage film with readable text and a static poster fallback. */
.hero-film,.hero-film-overlay{position:absolute;inset:0}.hero-film{background:#193b42}.hero-video{display:block;width:100%;height:100%;object-fit:cover;object-position:65% center}.hero-film-overlay{background:linear-gradient(90deg,rgba(10,32,39,.84) 0%,rgba(10,32,39,.62) 43%,rgba(10,32,39,.12) 100%);pointer-events:none}.hero-copy{z-index:1}.scroll-cue{z-index:1}.hero-video-controls{position:absolute;z-index:2;right:6%;bottom:24px;display:flex;gap:12px}.hero-video-controls button{border:1px solid #ffffff8c;background:#102d35b3;color:white;padding:9px 16px;min-height:44px;cursor:pointer;font-size:13px}.hero-video-controls button[hidden]{display:none}.hero-video-controls button:hover{background:#19384c}@media(max-width:850px){.hero-film-overlay{background:linear-gradient(180deg,#0a2029b8,#0a20295c 70%,#0a2029ad)}.hero-video{object-position:65% center}.hero-video-controls{right:7%;bottom:22px;gap:8px}.hero-video-controls button{padding:8px 12px;font-size:12px}.hero .hero-copy{padding-bottom:190px}.hero .scroll-cue{bottom:85px}}

/* Full-bleed responsive hero and independent full-film review. */
.hero{height:calc(100svh - 105px);min-height:600px;display:flex;align-items:center}.hero-film{overflow:hidden}.hero-video{object-fit:cover;object-position:65% center}.hero-copy{width:76%;max-width:1020px;padding:65px 6% 110px}.hero .actions{flex-wrap:wrap}.review-video-trigger{pointer-events:auto;display:inline-flex;align-items:center;gap:18px;border:0;border-bottom:1px solid #ffffff80;background:transparent;color:inherit;padding:10px 0;cursor:pointer}.review-video-trigger:hover{color:#d7dcbb}.film-review{width:min(1440px,96vw);max-width:96vw;max-height:94dvh;padding:0;border:1px solid #52676e;background:#071317;color:#f8f7f2;overflow:auto;overscroll-behavior:contain}.film-review::backdrop{background:#000e}.film-review-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 22px;background:#0d242c}.film-review h2{font-size:16px;line-height:1.4;margin:0}.film-review-close{border:1px solid #ffffff60;background:transparent;color:white;min-height:44px;padding:8px 16px;cursor:pointer}.review-player{display:block;width:100%;height:auto;max-height:calc(94dvh - 80px);object-fit:contain;background:#000}.film-review-status{padding:15px 22px;margin:0}body.film-is-open{overflow:hidden}@media(max-width:850px){.hero{height:calc(100svh - 85px);min-height:620px}.hero .hero-copy{width:100%;padding:55px 7% 135px}.hero h1{font-size:clamp(36px,6.5vw,56px)}.hero-copy p{font-size:16px}.hero .scroll-cue{bottom:35px}.hero-video-controls{bottom:22px}.hero-video{object-position:65% center}.hero-film-overlay{background:linear-gradient(180deg,#081d29ab,#081d294f 65%,#081d29a8)}.film-review-bar{padding:12px 16px}.film-review h2{font-size:14px}.hero .actions{gap:22px}}@media(max-height:600px) and (orientation:landscape){.hero{height:auto;min-height:520px}.hero .hero-copy{padding-top:45px;padding-bottom:110px}}

/* Homepage navigation overlays the full-height film. Interior pages retain their header. */
.home-page>header{position:absolute;inset:0 0 auto;z-index:5;background:transparent;color:#fff;border-bottom:1px solid #ffffff24}.home-page>header .brand span{color:#7bd1c1}.home-page>header .menu-toggle{color:#fff}.home-page>header .nav-services>div{color:var(--navy)}.home-page>header .nav-services summary:hover,.home-page>header .locale:hover,.home-page>header>.brand:hover,.home-page>header>nav>.nav-link:hover{color:#b9e5d5}.home-page .hero{height:100svh;min-height:620px}.home-page .hero-film{inset:0}.home-page .hero-copy{padding-top:115px}.home-page .hero-video-controls{display:none}@media(max-width:850px){.home-page>header:has(nav.open){background:#102f38f5}.home-page>header nav.open{background:#102f38f5;color:white}.home-page>header .nav-services>div{background:transparent;color:inherit}.home-page .hero{height:100svh;min-height:620px}.home-page .hero .hero-copy{padding-top:125px;padding-bottom:100px}.home-page .hero .scroll-cue{bottom:28px}}@media(max-height:600px) and (orientation:landscape){.home-page .hero{height:auto;min-height:540px}.home-page .hero .hero-copy{padding-top:135px;padding-bottom:95px}}

/* YouthX brand platform: six concise modules, shared visual language. */
.brand-intro{display:grid;grid-template-columns:1.05fr 1fr;gap:7%;align-items:center;padding-top:85px}.brand-intro h1{font-size:clamp(38px,4.4vw,64px)}.brand-intro-copy>p{font-size:17px;line-height:1.95}.brand-mission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.brand-mission-grid article{border-top:1px solid var(--line);padding-top:24px}.brand-mission-grid h3{font-size:26px}.brand-services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 7%}.brand-services-grid article{padding:25px 0;border-top:1px solid var(--line)}.brand-services-grid h3{font-size:27px}.brand-services-grid p{margin-bottom:0}.brand-event-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px 28px}.brand-event-grid>article{min-width:0}.brand-event-copy{padding-top:22px}.brand-event-copy h3{font-size:23px;line-height:1.5;margin:12px 0}.brand-event-copy p{font-size:15px;line-height:1.85}.brand-event-copy .text-link{font-size:13px}.brand-record-note{font-size:13px;color:#4e626a;max-width:none;border-top:1px solid var(--line);margin:45px 0 0;padding-top:20px}.brand-initiative .section-heading{max-width:900px}.brand-initiative h2{font-size:clamp(30px,3.8vw,53px)}.brand-initiative-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:35px;padding-top:25px;border-top:1px solid var(--line)}.brand-initiative-footer p{font-size:14px;max-width:65ch}.brand-start-actions{display:flex;justify-content:center;align-items:center;gap:35px;flex-wrap:wrap}.brand-start-actions .text-link{margin:0;color:var(--paper)}.brand-home p{font-size:17px}@media(max-width:950px){.brand-intro{gap:35px}.brand-event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-mission-grid{gap:28px}.brand-initiative-footer{align-items:flex-start;flex-direction:column}}@media(max-width:650px){.brand-intro{grid-template-columns:minmax(0,1fr);padding-top:55px}.brand-intro h1{font-size:40px}.brand-mission-grid,.brand-services-grid,.brand-event-grid{grid-template-columns:minmax(0,1fr)}.brand-mission-grid{gap:30px}.brand-services-grid{gap:12px}.brand-event-grid{gap:40px}.brand-event-copy{padding-top:18px}.brand-intro-copy>p,.brand-home p{font-size:16px}.brand-start-actions{gap:20px}.brand-initiative .project-tracks{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Portrait hero: navigation and copy overlay a single edge-to-edge moving image. */
@media(max-width:650px) and (orientation:portrait){
.home-page>header{position:absolute;background:transparent;border-bottom:0}
.home-page .hero{height:150vw;min-height:540px;display:flex;align-items:flex-start;background:#102f38}
.home-page .hero-film{position:absolute;inset:0;aspect-ratio:auto;width:100%;height:100%}
.home-page .hero-video{object-fit:cover;object-position:65% center}
.home-page .hero-film-overlay{display:block;background:linear-gradient(180deg,rgba(5,20,27,.4),rgba(5,20,27,.16) 40%,rgba(5,20,27,.1) 65%,rgba(5,20,27,.38)),linear-gradient(90deg,rgba(5,20,27,.52),rgba(5,20,27,.12))}
.home-page .hero .hero-copy{width:100%;padding:110px 7% 65px}
.home-page .hero h1{font-size:clamp(30px,8vw,42px);line-height:1.25;margin:14px 0 16px}
.home-page .hero-copy p{font-size:14px;line-height:1.6;max-width:36ch;color:#fff;text-shadow:0 1px 10px #0006}
.home-page .hero .actions{gap:18px;margin-top:20px;align-items:center}
.home-page .hero .button{font-size:14px;padding:12px 17px;gap:18px}
.home-page .hero .review-video-trigger{font-size:14px;gap:12px}
.home-page .hero .scroll-cue{bottom:20px}
.home-page .hero .eyebrow{font-size:9px;letter-spacing:1.5px}
}
@media(max-width:360px) and (orientation:portrait){.home-page .hero .hero-copy{padding-top:100px;padding-bottom:55px}.home-page .hero h1{font-size:28px}.home-page .hero-copy p{font-size:13px}.home-page .hero .actions{gap:12px}.home-page .hero .button{padding:11px 13px;gap:12px}.home-page .hero .review-video-trigger{gap:8px;font-size:13px}}

/* Inquiry submission feedback and bot field. */
.form-honeypot[hidden]{display:none!important}#inquiry-form[aria-busy="true"]{cursor:progress}#inquiry-form button:disabled{cursor:default;opacity:.7}#form-status[data-state="success"]{border-left:3px solid var(--teal)}#form-status[data-state="error"]{border-left:3px solid #9d443c}