@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&display=swap');:root{--navy:#10243a;--coral:#fa7657;--cream:#f7f3ea;--blue:#a7cad0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--navy);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Outfit,sans-serif;letter-spacing:-.045em}h2{font-size:clamp(3rem,6.2vw,6.7rem);line-height:.97;font-weight:900}h2 i,h1 em{font-style:normal;color:var(--coral)}.header{height:88px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;background:var(--cream);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:13px;font-family:Outfit;font-size:21px;font-weight:900;letter-spacing:.025em;line-height:.87}.dot{color:var(--coral)}.sunmark{width:48px;height:40px;display:block;position:relative;border-bottom:3px solid currentColor}.sunmark:before{content:'';position:absolute;width:23px;height:23px;border:3px solid var(--coral);border-radius:50% 50% 0 0;left:11px;top:8px;border-bottom:0}.sunmark:after{content:'';position:absolute;bottom:6px;width:48px;border-bottom:3px solid currentColor}.nav{display:flex;gap:clamp(12px,2vw,34px);align-items:center}.nav a{font-size:11px;font-weight:800;letter-spacing:.09em}.nav a:hover{color:var(--coral)}.nav .nav-cta{background:var(--navy);color:white;padding:15px 19px;border-radius:3px}.menu{display:none}.hero{min-height:690px;height:calc(100svh - 88px);max-height:920px;position:relative;background:#31495a;display:flex;align-items:center;color:white;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,25,41,.85),rgba(8,25,41,.35) 55%,rgba(8,25,41,.05)),url('assets/hero.jpg') center 57%/cover no-repeat}.hero-content{position:relative;margin-left:7%;max-width:850px;padding:50px 0}.eyebrow{font-size:12px;letter-spacing:.23em;font-weight:800;margin-bottom:28px}.eyebrow.light{color:#fff}.hero h1{font-size:clamp(4.6rem,8.8vw,10rem);line-height:.89;font-weight:900;margin-bottom:32px}.hero p{font-size:clamp(17px,1.7vw,23px);line-height:1.5;max-width:520px}.actions{display:flex;align-items:center;gap:32px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:19px 25px;font-weight:800;font-size:12px;letter-spacing:.13em;border-radius:2px;transition:transform .2s}.button:hover{transform:translateY(-3px)}.button.coral{background:var(--coral);color:var(--navy)}.button.navy{background:var(--navy);color:white}.button.outline{border:1px solid white;color:white}.textlink{font-size:12px;font-weight:800;letter-spacing:.12em}.hero-bottom{position:absolute;bottom:25px;right:5%;font-size:11px;letter-spacing:.2em;font-weight:800}.ticker{background:var(--coral);overflow:hidden;white-space:nowrap;padding:20px 0;font:800 18px Outfit;letter-spacing:.13em}.ticker div{width:max-content;animation:scroll 25s linear infinite}.ticker b{padding:0 24px}@keyframes scroll{to{transform:translateX(-40%)}}.section{padding:120px 7%}.story{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:var(--cream)}.story h2{font-size:clamp(3.3rem,5.8vw,6.3rem)}.lead{font-size:25px;line-height:1.35;max-width:420px}.story-copy{padding-top:40px;max-width:590px}.story-copy p{font-size:18px;line-height:1.85}.story-copy strong{font-weight:800}.story-signoff{font-weight:800}.signature{font-size:11px;letter-spacing:.16em;font-weight:800}.statement{background:var(--navy);color:white;padding:120px 7%;text-align:center}.statement h2{font-size:clamp(4rem,9vw,10rem)}.statement p{font-size:20px;max-width:530px;line-height:1.6;margin:30px auto 0}.split-title{display:flex;justify-content:space-between;align-items:end;gap:50px}.split-title p{max-width:350px;font-size:19px;line-height:1.6}.fact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:60px}.fact{border:1px solid #c8c6bf;padding:35px;min-height:320px;position:relative}.fact-no{font-size:12px;font-weight:800}.fact-icon{font-size:50px;margin:20px 0}.fact h3{font-size:26px;line-height:1.05}.fact p{font-size:15px;line-height:1.6}.source-note{font-size:12px;line-height:1.7;opacity:.8;margin-top:22px}.source-note a{text-decoration:underline}.days{background:#9abec8;padding:110px 7% 80px}.days-heading{max-width:720px}.days-heading h2{font-size:clamp(4rem,8vw,9rem)}.days-heading h2 em{color:var(--cream);font-style:normal}.days-heading p{font-size:20px;max-width:500px;line-height:1.5}.day-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:55px}.day-card{height:480px;position:relative;display:flex;align-items:end;color:white;background:#526c7a;overflow:hidden}.day-card:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 65%),var(--photo) center/cover no-repeat;transition:transform .5s}.day-card:hover:before{transform:scale(1.05)}.day-card.one{--photo:url('assets/beach.jpg')}.day-card.two{--photo:url('assets/sport.jpg')}.day-card.three{--photo:url('assets/friends.jpg')}.day-card>div{position:relative;padding:28px}.day-card span{font-size:11px;letter-spacing:.2em;font-weight:800}.day-card h3{font-size:clamp(2rem,3vw,3.8rem);line-height:1;margin:15px 0 0}.disclaimer{font-size:11px;margin-top:20px;line-height:1.5}.product{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.product-visual{background:#e3c6a9;min-height:650px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.product-sun{position:absolute;width:440px;height:440px;border-radius:50%;background:#fa7657;top:12%;left:10%}.bottle{position:relative;transform:rotate(-9deg);filter:drop-shadow(24px 30px 18px #6c5b5070)}.cap{height:55px;width:115px;background:#10243a;margin:auto;border-radius:14px 14px 3px 3px}.bottle-body{height:340px;width:195px;background:#f7f3ea;border-radius:18px 18px 28px 28px;text-align:center;padding:65px 15px 20px}.bottle-mark{font-size:40px;color:var(--coral)}.bottle-body strong{display:block;font:900 27px/.95 Outfit;margin:20px 0}.bottle-body strong span{color:var(--coral)}.bottle-body small{font:700 10px/1.6 DM Sans;letter-spacing:.12em}.visual-note{position:absolute;bottom:15px;left:15px;font-size:10px;font-weight:800;letter-spacing:.1em}.product-copy>p{font-size:18px;line-height:1.75}.signup{margin-top:38px;border-top:1px solid #bbb;padding-top:30px}.signup h3{font-size:25px}.signup p{line-height:1.5}.signup small{display:block;margin-top:15px;font-size:11px;opacity:.7}.mission{background:var(--navy);color:white;padding:130px 7%;text-align:center}.mission h2{font-size:clamp(3.5rem,7vw,8rem)}.mission p{max-width:700px;font-size:19px;line-height:1.7;margin:35px auto}.closing{text-align:center;padding:120px 7%}.closing h2{font-size:clamp(4rem,9vw,10rem)}footer{background:#e9e5db;padding:60px 7%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;align-items:start}footer p{font-weight:800;font-size:13px}footer small{font-size:12px}.footer-links{display:flex;flex-direction:column;gap:15px;font-size:12px;font-weight:800}.footer-note{grid-column:1/-1;font-size:11px;font-weight:400;opacity:.7}@media(max-width:900px){.header{height:76px}.menu{display:block;border:0;background:none;font-size:27px;color:var(--navy);cursor:pointer}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--cream);padding:25px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.hero{height:750px;min-height:640px}.hero-content{margin:0 6%;padding:30px 0}.hero h1{font-size:clamp(4rem,11vw,7rem)}.story,.product{grid-template-columns:1fr;gap:30px}.story-copy{padding-top:0}.split-title{display:block}.fact-grid{grid-template-columns:1fr}.fact{min-height:auto}.day-cards{grid-template-columns:1fr 1fr}.day-card{height:400px}.product-visual{min-height:560px}footer{grid-template-columns:1fr 1fr}}@media(max-width:560px){.section{padding:80px 6%}.hero{height:710px;max-height:none}.hero-bg{background-position:57% center}.hero h1{font-size:clamp(3.9rem,14vw,5.5rem)}.hero p{font-size:17px}.actions{align-items:start;flex-direction:column;gap:20px}.hero-bottom{left:6%;right:auto;font-size:9px}.story h2,.split-title h2{font-size:clamp(3.2rem,12vw,4.8rem)}.story-copy p{font-size:16px}.statement,.mission,.closing{padding:90px 6%}.statement h2{font-size:14vw}.days{padding:80px 6%}.day-cards{grid-template-columns:1fr}.day-card{height:360px}.product-visual{min-height:500px}.product-sun{width:340px;height:340px}footer{grid-template-columns:1fr}.footer-note{grid-column:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
/* Editorial photography loads from Unsplash when online; background colors remain as fallbacks. */
.hero-bg{background-image:linear-gradient(90deg,rgba(8,25,41,.88),rgba(8,25,41,.30) 65%),url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?w=2000&q=85')}
.day-card.one{--photo:url('https://images.unsplash.com/photo-1507525428034-b723cf961d3e?w=900&q=85')}
.day-card.two{--photo:url('https://images.unsplash.com/photo-1554068865-24cecd4e34b8?w=900&q=85')}
.day-card.three{--photo:url('https://images.unsplash.com/photo-1529156069898-49953e39b3ac?w=900&q=85')}

.day-card.three{--photo:url('https://images.unsplash.com/photo-1517299321609-52687d1bc55a?w=1000&q=85')}
.mountain-note{background:#10243a;color:#fff;padding:23px 28px;margin-top:25px;font-size:16px;line-height:1.6}.mountain-note strong{color:#fa7657;margin-right:8px}

/* Continuous, attention-catching reminder strip */
.ticker{padding:17px 0;background:var(--coral);overflow:hidden;white-space:nowrap;font:900 clamp(18px,2.3vw,28px)/1.3 Outfit,sans-serif;letter-spacing:.09em}
.ticker .ticker-track{display:flex;width:max-content;animation:edm-marquee 22s linear infinite;will-change:transform}
.ticker .ticker-track span{display:block;flex:none;padding-right:64px}
.ticker .ticker-track b{padding:0 10px;color:var(--cream)}
.ticker:hover .ticker-track{animation-play-state:paused}
@keyframes edm-marquee{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ticker .ticker-track{animation:none!important}}

/* Family story and product education */
.family-photo{margin:0 0 30px}.family-photo img{display:block;width:100%;height:auto;max-height:480px;object-fit:cover;border-radius:3px}.family-photo figcaption{font-size:12px;line-height:1.6;font-weight:700;letter-spacing:.025em;margin-top:12px;color:#536272}.sun-balance{margin-top:38px;border-left:5px solid var(--coral);padding:22px 28px;background:#ebe6dc}.sun-balance h3{font-size:25px;letter-spacing:-.02em}.sun-balance p{font-size:16px;line-height:1.7}.sun-balance p:last-child{margin-bottom:0}.product-promises{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.product-promises>div{padding:18px;background:#eee9df}.product-promises strong{font:800 13px Outfit,sans-serif;letter-spacing:.06em}.product-promises p{font-size:14px;line-height:1.55;margin:9px 0 0}.development-note{font-size:12px!important;line-height:1.6!important;opacity:.8}@media(max-width:560px){.product-promises{grid-template-columns:1fr}.family-photo img{max-height:none}}

/* Refined family photograph: restrained editorial crop, no caption */
.family-photo{width:100%;max-width:500px;margin:0 0 34px;overflow:hidden;border-radius:4px;aspect-ratio:1.35/1;background:#d9e3ec}
.family-photo img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center 31%;border-radius:0}
@media(max-width:900px){.family-photo{max-width:560px}}
@media(max-width:560px){.family-photo{aspect-ratio:1.18/1;margin-bottom:26px}.family-photo img{max-height:none;object-position:center 30%}}

/* Refined editorial family story and product typography */
.story{display:block;padding-top:105px;padding-bottom:105px}
.story-intro{max-width:900px;margin-bottom:48px}
.story h2{font-size:clamp(3.2rem,5.6vw,5.9rem)}
.story .lead{max-width:700px;font-size:21px;line-height:1.5;margin-bottom:0}
.story-copy{max-width:none;padding:0;display:grid;grid-template-columns:minmax(0,0.88fr) minmax(0,1.12fr);align-items:start;gap:clamp(32px,5vw,88px)}
.family-photo{max-width:none;width:100%;aspect-ratio:1.13/1;margin:0;border-radius:3px}
.family-photo img{object-position:center 32%;width:100%;height:100%}
.story-text p{font-size:16px;line-height:1.7;margin:0 0 16px}
.story-text .story-signoff{margin-top:20px}
.story-text .signature{display:block;margin-top:18px}
.product-copy>p{font-size:16px;line-height:1.65}
.product-promises{grid-template-columns:1fr;gap:0;margin:23px 0}
.product-promises>div{background:transparent;border-top:1px solid #d4d0c7;padding:14px 0}
.product-promises>div:last-child{border-bottom:1px solid #d4d0c7}
.product-promises strong{font-family:Outfit,sans-serif;font-size:13px;font-weight:800;letter-spacing:.035em}
.product-promises p{font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.55;margin:5px 0 0}
.product-copy .development-note{font-family:'DM Sans',sans-serif;font-size:12px!important;line-height:1.55!important}
@media(max-width:900px){.story-copy{grid-template-columns:1fr;gap:28px}.family-photo{max-width:560px;aspect-ratio:1.3/1}.story-intro{margin-bottom:32px}}
@media(max-width:560px){.story{padding-top:75px;padding-bottom:75px}.story .lead{font-size:18px}.family-photo{aspect-ratio:1.18/1}.story-text p{font-size:16px;line-height:1.65}}

/* Story layout: image sits beneath heading in the left column; copy on right. */
.story{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(36px,5.5vw,95px);align-items:start}
.story-intro{max-width:none;margin:0;min-width:0}
.story .lead{max-width:460px;margin-bottom:0}
.story-intro .family-photo{display:block;width:100%;max-width:640px;aspect-ratio:1.23/1;margin:34px 0 0;overflow:hidden;border-radius:3px;background:#d9e3ec}
.story-intro .family-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#f7f3ea}
.story-copy{display:block;max-width:610px;padding-top:12px;min-width:0}
@media(max-width:900px){.story{grid-template-columns:1fr;gap:34px}.story-intro .family-photo{max-width:580px;aspect-ratio:auto}.story-intro .family-photo img{height:auto}.story-copy{padding-top:0}}
@media(max-width:560px){.story-intro .family-photo{margin-top:25px}}