:root{--green:#073b33;--ivory:#faf6ed;--ink:#123d35;--line:#cdd4ca}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ivory);color:var(--ink);font:16px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #db8a45;outline-offset:5px}[hidden]{display:none!important}.skip{position:fixed;top:-80px;z-index:100;background:white;padding:12px}.skip:focus{top:8px}header{height:94px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--ivory);position:relative;z-index:5}header nav{display:flex;gap:32px;align-items:center;font-size:14px}.logo{display:inline-block;flex-shrink:0;line-height:0}.logo span{display:block;position:relative;width:133px;height:35px;overflow:hidden}.logo img{position:absolute;width:1536px;height:1024px;max-width:none;left:-1060px;top:-23px}.nav-cta{border:1px solid var(--green);border-radius:30px;padding:10px 20px}.menu{display:none;color:var(--green);border:1px solid var(--green);border-radius:50%;width:46px;height:46px;background:transparent}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em;line-height:1.08;margin:0 0 28px}h1{font-size:clamp(50px,5.6vw,88px)}h2{font-size:clamp(37px,4vw,60px)}em{font-weight:400}p{margin:0 0 22px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:600;margin-bottom:23px}.hero{position:relative;min-height:720px;background:#112b24;color:var(--ivory);overflow:hidden}.slides{position:absolute;inset:0}.slide{position:absolute;inset:0;margin:0}.slide img{position:absolute;right:0;height:100%;width:68%;object-fit:cover;object-position:center 42%}.slide:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#102c25 0%,rgba(16,44,37,.94) 25%,rgba(16,44,37,.55) 43%,transparent 65%),linear-gradient(0deg,rgba(4,22,18,.58),transparent 30%)}.slide figcaption{position:absolute;bottom:28px;right:5%;font-size:11px;z-index:1}.hero-copy{position:relative;z-index:2;padding:83px 5% 120px;max-width:760px;pointer-events:none}.hero-copy a{pointer-events:auto}.hero-copy>p:not(.eyebrow){max-width:410px;font-size:17px;line-height:1.65}.hero-actions{display:flex;flex-direction:column;gap:12px;max-width:330px}.button{display:inline-flex;gap:24px;align-items:center;justify-content:space-between;min-height:52px;padding:13px 25px;border-radius:40px;border:1px solid transparent;font-size:14px;font-weight:600;transition:background .2s}.button:hover{box-shadow:0 0 0 2px #afc3b5}.light{background:var(--ivory);color:var(--green)}.outline{border-color:var(--ivory);color:var(--ivory)}.dark{background:var(--green);color:var(--ivory)}.status{display:block;font-size:11px;letter-spacing:.06em;margin-top:20px}.status:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#bdcbbb;margin-right:9px}.controls{position:absolute;bottom:25px;left:5%;z-index:3;display:flex;gap:15px;align-items:center;font-size:12px}.controls button{height:44px;min-width:44px;color:white;border:1px solid #ffffff88;background:#12382fcc;border-radius:50%}.controls #play{border-radius:24px;padding:0 17px}.thumbnails{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:28px 5% 35px;max-width:1160px;margin:auto}.thumbnails button{border:0;padding:0;background:none;color:var(--green);font-size:12px;text-align:left}.thumbnails img{width:100%;height:125px;object-fit:cover;border-radius:4px;opacity:.7;transition:opacity .2s}.thumbnails button[aria-pressed=true] img{opacity:1;outline:2px solid var(--green);outline-offset:5px}.thumbnails span{display:block;margin-top:10px}.daily{padding:70px 5% 38px;background:var(--green);color:var(--ivory)}.section-heading{display:grid;grid-template-columns:1fr 2fr 1fr;gap:30px;align-items:start;max-width:1280px;margin:auto}.section-heading h2{font-size:38px;letter-spacing:-.03em}.section-heading>p:last-child{font-size:14px;color:#d2dfd5}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:50px;max-width:1280px;margin:28px auto 35px}.features article{border-top:1px solid #ffffff40;padding-top:24px}.icon{font-size:40px;line-height:1.2;font-weight:300}.features h3{font-size:17px;margin:14px 0 8px}.features p{font-size:14px;max-width:220px;color:#dbe4dc}.small{font-size:12px;line-height:1.6}.daily>.small{max-width:1280px;margin:auto;color:#d2dfd5}.section{padding:110px 7%;max-width:1500px;margin:auto}.project{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;border-bottom:1px solid var(--line)}.editorial{padding-top:38px}.lead{font:27px/1.4 Georgia,serif;letter-spacing:-.02em}.editorial>p:not(.lead){color:#4c6159;max-width:510px}.text-link{display:inline-flex;gap:35px;border-bottom:1px solid;padding:8px 0;font-size:14px}.audience{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.audience-photo{position:relative;align-self:stretch;min-height:570px}.audience-photo img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:48% center}.audience-photo:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#092c29ab)}.audience-photo span{position:absolute;z-index:1;left:30px;bottom:25px;right:30px;color:white;font:25px/1.3 Georgia,serif}.note{border-left:2px solid #8a9c86;padding-left:20px;font-size:13px;color:#4c6159}.study{max-width:none;text-align:center;background:#e8eddf;padding-top:90px;padding-bottom:90px}.study h2{font-size:clamp(40px,5vw,70px)}.study-links{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:35px 0 22px}footer{padding:45px 5% 20px}.footer-top,.footer-bottom{display:flex;align-items:center;gap:28px}.footer-top p{margin:0 auto 0 0;font:20px Georgia,serif}.footer-top>a:not(.logo){font-size:13px}.footer-bottom{border-top:1px solid var(--line);margin-top:35px;padding-top:20px;font-size:11px}.footer-bottom>span{margin-right:auto}.footer-bottom button{background:none;border:0;color:inherit;padding:10px 0;font-size:11px}.preview-note{font-size:10px;color:#5c6a61;margin:20px 0 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}dialog{background:var(--ivory);color:var(--green);border:0;padding:40px;width:min(600px,90vw);max-height:85vh}dialog h2{font-size:34px}dialog::backdrop{background:#001d19ad}
@media(min-width:1600px){.hero-copy{padding-left:7%}.hero{min-height:800px}.slide img{width:65%}}
@media(max-width:900px){header{height:78px}header>nav{gap:18px;font-size:12px}.nav-cta{display:none}.hero{min-height:720px}.hero-copy{max-width:550px;padding-top:95px}h1{font-size:62px}.slide img{width:80%}.slide:after{background:linear-gradient(90deg,#102c25 0%,#102c25c9 35%,#102c2522 80%),linear-gradient(0deg,#102c25c9,transparent 35%)}.section-heading{grid-template-columns:1fr 2fr}.section-heading>p:last-child{grid-column:2}.features{gap:20px}.section{padding:75px 5%}.project,.audience{gap:6%}.audience-photo{min-height:600px}.footer-top{flex-wrap:wrap}.footer-top p{flex-basis:60%}.footer-bottom{gap:18px;flex-wrap:wrap}}
@media(max-width:760px){html{scroll-padding-top:20px}header{height:76px;padding:0 6%}header>nav{display:none}.menu{display:block}#mobile-nav:not([hidden]){position:absolute;top:76px;left:0;right:0;background:var(--ivory);padding:24px;display:flex;flex-direction:column;align-items:stretch;font-size:16px;box-shadow:0 10px 20px #0002}.hero{min-height:0;padding-top:310px}.slides{bottom:auto;height:380px}.slide img{width:100%;height:380px;object-position:center 38%}.slide:after{background:linear-gradient(0deg,#102c25 0%,transparent 55%)}.slide figcaption{bottom:auto;top:16px;right:16px;background:#102c25b8;padding:4px 9px;font-size:9px}.hero-copy{padding:20px 7% 95px;max-width:none;background:linear-gradient(transparent,#102c25 60px);pointer-events:auto}.hero .eyebrow{font-size:10px;margin-bottom:14px}h1{font-size:clamp(41px,10.2vw,60px);margin-bottom:20px}.hero-copy>p:not(.eyebrow){font-size:14px;max-width:none}.hero-actions{max-width:none}.status{font-size:10px}.controls{left:7%;right:7%;bottom:22px}.controls #count{margin-right:auto}.thumbnails{padding:22px 6% 28px;gap:12px}.thumbnails img{height:68px}.thumbnails span{font-size:9px;line-height:1.4}.daily{padding:46px 7% 28px}.section-heading{display:block}.section-heading h2{font-size:34px}.features{grid-template-columns:1fr 1fr;gap:20px}.features h3{font-size:15px}.features p{font-size:12px}.icon{font-size:34px}.daily>.small{font-size:10px}.section{padding:60px 7%}.project,.audience{display:block}.project h2,.audience h2{font-size:43px}.editorial{padding-top:12px}.lead{font-size:23px}.audience-photo{height:360px;min-height:0;margin-bottom:40px}.audience-photo img{object-position:center 40%}.study{padding:65px 7%}.study h2{font-size:43px}.study p{font-size:14px}.study-links{display:grid;gap:14px}.study-links .button{font-size:12px;padding:14px 20px}.study .small{font-size:11px}.footer-top{gap:22px}.footer-top p{flex-basis:100%;font-size:19px}.footer-bottom>span{flex-basis:100%}.footer-bottom{gap:12px}footer{padding:35px 7% 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(min-width:761px){.slide img{mask-image:linear-gradient(90deg,transparent,#000 23%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 23%)}}

/* Original supplied logo, unmodified file; display window excludes its outer margins. */
.logo span{width:150px;height:36px}.logo img{width:190px;height:190px;left:-20px;top:-77px}

/* Six images: two balanced rows on mobile. */
.thumbnails{grid-template-columns:repeat(6,minmax(0,1fr));max-width:1400px}
@media(max-width:760px){.thumbnails{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:20px}.thumbnails img{height:85px}}
/* Preserve wide group scenes without removing families at either edge. */
.slide:nth-child(5) img,.slide:nth-child(6) img{object-fit:contain;object-position:center;mask-image:none;-webkit-mask-image:none}
@media(min-width:761px){
.hero:has(.slide:nth-child(5):not([hidden])) .hero-copy,.hero:has(.slide:nth-child(6):not([hidden])) .hero-copy{width:42%;padding-right:2%}
.hero:has(.slide:nth-child(5):not([hidden])) h1,.hero:has(.slide:nth-child(6):not([hidden])) h1{font-size:clamp(40px,4.2vw,65px)}
.slide:nth-child(5) img,.slide:nth-child(6) img{width:58%}
.slide:nth-child(5):after,.slide:nth-child(6):after{background:linear-gradient(0deg,rgba(4,22,18,.45),transparent 16%)}
}
@media(max-width:760px){
.hero{padding-top:clamp(230px,66.667vw,420px)}
.slides,.slide img{height:clamp(230px,66.667vw,420px)}
.slide:nth-child(5):after,.slide:nth-child(6):after{background:none}
.hero-copy{padding-top:26px;background:#102c25}
.slide figcaption{top:8px;right:8px;font-size:8px}
}
/* Keep the text and controls stationary when the slide changes. */
@media(min-width:761px){.hero{min-height:780px}.hero .hero-copy{width:42%;max-width:none;padding-right:2%}.hero h1{font-size:clamp(40px,4.2vw,65px)}.slide img{width:58%}}