*{box-sizing:border-box}body{margin:0;background:#05274c;color:#fff;font-family:Arial,Helvetica,sans-serif}.menu{position:fixed;inset:0 auto 0 0;width:200px;background:linear-gradient(#073765,#001a35);border-right:1px solid #3eb5ec;z-index:10;padding:28px 12px}.brand{font-size:25px;font-weight:900;font-style:italic;margin-bottom:36px}.brand span{display:block;color:#54d3ff}.brand small{display:block;font-size:8px;line-height:1.5;margin-top:10px;font-style:normal}.menu-items{display:grid;gap:9px}.menu a{color:white;text-decoration:none;border:1px solid transparent;border-radius:8px;padding:13px 10px;font-size:14px}.menu a:hover,.menu a:focus-visible{background:#104f82;border-color:#52c7ee}.menu a[aria-current]{background:#078ce9;border-color:#50d6ff}main{margin-left:200px;max-width:1500px;background:linear-gradient(125deg,#064276,#026295 55%,#003364)}header picture,.hero{display:block;width:100%;height:auto}section{padding:18px 28px}h1,h2{margin:0 0 16px;font-size:clamp(24px,3vw,40px);line-height:1.15}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}figure{margin:0;overflow:hidden;border:1px solid #65d0f7;border-radius:12px;background:#063d68}.cards img{width:100%;aspect-ratio:2.4;object-fit:cover;display:block}figcaption{padding:10px 12px;font-size:clamp(13px,1.25vw,18px);font-weight:600}.nourishment{margin:8px 28px 18px;padding:20px;border:1px solid #58cdf9;border-radius:14px;background:#066395}.nourishment h2{font-size:clamp(23px,2.5vw,34px)}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}.profile{display:block;width:100%;border-radius:10px;background:white}.profile-grid figure img{display:block;width:100%;aspect-ratio:1.25;object-fit:cover}.profile-grid figcaption{font-size:15px}footer{min-height:145px;display:grid;place-items:center;background:linear-gradient(#00395b22,#00244966),url('assets/footer-coast.webp') center/cover;text-align:center;padding:25px}footer p{font-size:clamp(22px,3vw,37px);font-style:italic;text-shadow:0 2px 5px #002246;margin:0}@media(max-width:760px){body{padding-bottom:calc(110px + env(safe-area-inset-bottom))}.menu{inset:auto 0 0;width:100%;padding:8px 8px calc(8px + env(safe-area-inset-bottom));border:0;border-top:1px solid #58c9ed;background:#032648}.brand{display:none}.menu-items{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.menu a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:43px;padding:6px 3px;font-size:11px;border:1px solid #287dad;border-radius:7px}main{margin-left:0}section{padding:16px 12px}h1{font-size:24px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.cards img{aspect-ratio:1.8}.cards figcaption{padding:9px 7px;font-size:12px;min-height:43px}.nourishment{margin:5px 12px 14px;padding:12px}.profile-grid{grid-template-columns:1fr;gap:12px}.profile-grid figure img{aspect-ratio:3}.nourishment h2{font-size:24px}.profile-grid figcaption{font-size:12px}footer{min-height:110px}footer p{font-size:23px}}

.intro{padding-top:12px;padding-bottom:6px}.intro p{margin:0;max-width:950px;font-size:clamp(16px,1.7vw,21px);line-height:1.6;color:#e3f5ff}
.benefits,.florida{padding-top:24px;padding-bottom:24px}.benefits h2,.florida h2{font-size:clamp(23px,2.5vw,34px)}
.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.benefit-grid article{padding:18px;background:#063d68;border:1px solid #358ab3;border-radius:12px}
h3{margin:0 0 12px;font-size:20px;line-height:1.3}.benefits p,.florida p{font-size:16px;line-height:1.65;color:#e3f5ff;margin:0 0 12px}.benefits p:last-child{margin-bottom:0}
@media(max-width:760px){.benefit-grid{grid-template-columns:1fr}.benefits,.florida{padding:20px 12px}.benefit-grid article{padding:16px}}

/* Visual-first Home */
main{max-width:none}
.hero-motion{position:relative;overflow:hidden}
.discharge-motion{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.flow-glow,.flow-particles{fill:none;stroke-linecap:round}
.flow-glow{stroke:#c7efff;stroke-width:6;opacity:.18}
.flow-particles{stroke:#e7fcff;stroke-width:3;stroke-dasharray:2 17;opacity:.7;animation:discharge 1.4s linear infinite}
@keyframes discharge{to{stroke-dashoffset:-76}}
.motion-toggle{position:absolute;bottom:12px;right:14px;border:1px solid #ffffff66;color:#fff;background:#042b46c9;padding:8px 12px;border-radius:20px;font-size:12px;cursor:pointer}
.intro{max-width:1050px}.intro p{font-size:16px}
.cards figure{position:relative;isolation:isolate;border:0;border-radius:16px;box-shadow:0 14px 35px #001a3b40;transition:transform .3s}
.cards img{aspect-ratio:1.75;animation:scene-drift 16s ease-in-out infinite alternate}
.cards figure:nth-child(even) img{animation-delay:-7s}
.cards figcaption{position:absolute;bottom:0;left:0;right:0;padding:32px 16px 16px;background:linear-gradient(transparent,#001c38e8);font-size:clamp(15px,1.4vw,22px);text-shadow:0 2px 6px #0008}
.cards figure:hover{transform:translateY(-5px)}
@keyframes scene-drift{from{transform:scale(1.025)}to{transform:scale(1.10) translateX(-1%)}}
.visual-benefits{padding-top:34px;padding-bottom:34px}
.eyebrow{font-size:11px!important;letter-spacing:.23em;color:#7ce2ff!important;font-weight:700}
.visual-benefits h2{max-width:850px;font-size:clamp(27px,3.5vw,48px)}
.benefit-grid .benefit-card{position:relative;isolation:isolate;min-height:390px;padding:0;border:0;border-radius:20px;overflow:hidden;box-shadow:0 20px 45px #001d3b60}
.benefit-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:scene-drift 18s ease-in-out infinite alternate}
.benefit-card:nth-child(2)>img{animation-delay:-6s}.benefit-card:nth-child(3)>img{animation-delay:-12s}
.benefit-shade{position:absolute;inset:0;background:linear-gradient(180deg,#001b3222 20%,#001b32f2 100%)}
.benefit-copy{position:absolute;bottom:0;padding:25px}
.visual-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #b6f3ff88;border-radius:14px;background:#026d8799;color:#b6f3ff;margin-bottom:16px;backdrop-filter:blur(8px)}
.visual-icon svg{width:29px;height:29px}.benefit-copy h3{font-size:clamp(22px,2vw,29px);line-height:1.15;max-width:300px}
.benefit-copy p{font-size:15px;line-height:1.4;color:#c1edff}
.project-details{margin-top:20px;max-width:1000px}.project-details summary{cursor:pointer;color:#a5e9ff;font-size:14px}.project-details p{margin-top:15px}
.florida{background:#032d54}.florida p{max-width:1000px}
.motion-paused *{animation-play-state:paused!important}
@media(min-width:1500px){.benefit-grid .benefit-card{min-height:460px}}
@media(max-width:760px){.benefit-grid .benefit-card{min-height:370px}.cards figcaption{min-height:0;padding:28px 10px 12px;font-size:14px}.cards img{aspect-ratio:1.15}.benefit-copy{padding:23px}.discharge-motion{display:none}.motion-toggle{bottom:8px;right:8px}.intro p{font-size:14px}.visual-benefits{padding-top:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.surf-foam{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;mix-blend-mode:screen}
.benefit-copy{z-index:2}.cards figcaption{z-index:2}
.surf-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 24px;font-size:13px;color:#bcecff}
.surf-controls button{color:#fff;background:#076985;border:1px solid #88dcff;border-radius:24px;padding:11px 18px;cursor:pointer}
.surf-controls button[aria-pressed=true]{background:#1391a3}
.surf-controls input{width:110px;accent-color:#63d9ff}

footer.paradise{position:relative;display:block;padding:0;min-height:0;background:#003d5c;overflow:hidden}
.paradise>img{display:block;width:100%;height:auto;animation:scene-drift 22s ease-in-out infinite alternate}
.paradise-caption{position:absolute;left:0;right:0;bottom:0;padding:65px 28px 30px;text-align:left;background:linear-gradient(transparent,#002b45d9)}
.paradise-caption h2{font-size:clamp(40px,6vw,86px);letter-spacing:-.04em;margin:0 0 8px;text-shadow:0 3px 12px #001b3b88}
.paradise-caption p{font-size:clamp(18px,2vw,28px)}
@media(max-width:760px){.paradise-caption{padding:35px 16px 18px}.paradise-caption h2{font-size:40px}.paradise-caption p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.paradise>img{animation:none!important}}

.paradise-caption{z-index:2}

/* Fill the complete content width beside the desktop navigation. */
main{width:calc(100% - 200px);max-width:none}
footer.paradise{width:100%;max-width:none;margin:0;border-radius:0}
footer.paradise>img{width:100%;max-width:none}
@media(max-width:760px){main{width:100%;margin-left:0}}

/* Keep the supplied educational diagram at its native resolution. */
.profile{max-width:614px;margin-inline:auto}

.brand{margin:-18px -2px 28px;font-size:0}
.brand-art{display:block;width:100%;aspect-ratio:145/112;background:url('assets/brand-reference.png') left center / auto 100% no-repeat;border-radius:8px}
@media(max-width:760px){.brand{display:none}}

.profile-grid{max-width:1300px;margin-inline:auto;align-items:center}
.profile-grid figure{max-width:614px;width:100%;justify-self:center}
.profile-grid figure img{aspect-ratio:1.25}

/* Readable menu and captions; no artificial moving foam overlays. */
.menu{width:240px;padding:24px 16px}
main{margin-left:240px;width:calc(100% - 240px)}
.menu a{font-size:20px;line-height:1.35;padding:12px 14px;min-height:50px}
.menu-items{gap:6px}
.brand{margin:-12px 0 22px}
.cards figcaption{font-size:24px;line-height:1.25;padding:38px 18px 18px}
.intro p{font-size:20px;line-height:1.5}
.benefit-copy h3{font-size:28px;max-width:none}
.benefit-copy p{font-size:19px}
.benefits p,.florida p{font-size:20px}
.profile-grid figcaption{font-size:18px}
.project-details summary{font-size:18px}
.surf-controls{font-size:17px}
.surf-controls button,.motion-toggle{font-size:16px}
.eyebrow{font-size:14px!important}
@media(max-width:760px){
 .menu{width:100%;padding:8px 8px calc(8px + env(safe-area-inset-bottom))}
 main{margin-left:0;width:100%}
 .menu a{font-size:13px;line-height:1.15;padding:8px 3px;min-height:49px}
 body{padding-bottom:calc(125px + env(safe-area-inset-bottom))}
 .cards figcaption{font-size:17px;padding:32px 10px 13px}
 .intro p{font-size:17px}
 .benefit-copy h3{font-size:27px}
 .benefit-copy p,.benefits p,.florida p{font-size:18px}
 .profile-grid figcaption{font-size:16px}
}
@media(min-width:761px) and (max-height:850px){
 .brand-art{max-height:120px;width:155px;margin-inline:auto}
 .brand{margin-bottom:12px}.menu a{min-height:45px;padding-block:9px}
}

/* Spacious, readable captions below every scene. */
body{font-size:24px}
.menu{width:300px;overflow-y:auto;padding:24px 18px}
main{margin-left:300px;width:calc(100% - 300px)}
.menu a{display:block;font-size:26px;line-height:1.25;padding:14px 16px;min-height:60px}
section{padding:40px}
h1,h2,.nourishment h2,.benefits h2,.florida h2{font-size:clamp(36px,3vw,54px);line-height:1.2;margin-bottom:28px}
.cards,.benefit-grid{gap:28px;align-items:stretch}
.cards figure{display:flex;flex-direction:column;background:#053450}
.cards img{aspect-ratio:1.5;animation:none}
.cards figcaption{position:static;background:#053450;text-shadow:none;font-size:30px;line-height:1.3;padding:24px;min-height:126px;display:flex;align-items:center}
.benefit-grid .benefit-card{min-height:0;display:flex;flex-direction:column;background:#053450}
.benefit-card>img{position:static;width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;animation:none}
.benefit-shade{display:none}
.benefit-copy{position:static;padding:28px;flex:1}
.benefit-copy h3{font-size:32px;line-height:1.3}
.benefit-copy p,.intro p,.benefits p,.florida p{font-size:26px;line-height:1.6}
.visual-icon{width:60px;height:60px}.visual-icon svg{width:36px;height:36px}
.intro{max-width:none}.intro p,.florida p{max-width:1200px}
.nourishment{margin:20px 40px;padding:32px}
.profile-grid{max-width:none;align-items:stretch;gap:28px}
.profile-grid figure{max-width:none;width:100%;display:flex;flex-direction:column;background:#053450}
.profile-grid figure img{width:100%;max-width:none;height:clamp(460px,38vw,720px);aspect-ratio:auto;object-fit:cover;border-radius:0;animation:none}
.profile-grid .profile-diagram img{object-fit:contain;background:white;padding:16px}
.profile-grid figcaption{font-size:26px;line-height:1.4;padding:24px;min-height:100px;display:flex;align-items:center}
.profile-stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:28px}
.profile-stages p{font-size:24px;line-height:1.5;margin:0;padding:24px;background:#053450;border-radius:12px}
.project-details{max-width:1200px}.project-details summary,.surf-controls,.surf-controls button,.motion-toggle{font-size:22px}
.eyebrow{font-size:20px!important}
.paradise-caption{position:static;background:#053450;padding:40px}.paradise-caption p{font-size:30px}
@media(max-width:1200px) and (min-width:761px){.cards,.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-grid{grid-template-columns:1fr}}
@media(max-width:760px){
 body{padding-bottom:calc(170px + env(safe-area-inset-bottom))}
 .menu{width:100%;padding:10px 6px calc(10px + env(safe-area-inset-bottom));overflow:visible}
 .menu a{display:flex;font-size:16px;line-height:1.25;padding:10px 3px;min-height:68px;overflow-wrap:anywhere}
 main{margin-left:0;width:100%}section{padding:30px 18px}
 h1,h2,.nourishment h2,.benefits h2,.florida h2{font-size:34px}
 .cards,.benefit-grid{grid-template-columns:1fr;gap:24px}
 .cards figcaption{font-size:28px;padding:22px;min-height:0}
 .benefit-copy{padding:24px}.benefit-copy h3{font-size:30px}
 .benefit-copy p,.intro p,.benefits p,.florida p{font-size:22px}
 .nourishment{margin:18px;padding:18px}.profile-grid{grid-template-columns:1fr}
 .profile-grid figure img{height:480px}.profile-grid figcaption{font-size:22px;min-height:0}
 .profile-stages{grid-template-columns:1fr}.profile-stages p{font-size:22px}
 .paradise-caption{padding:28px 18px}.paradise-caption p{font-size:24px}
}

/* Ocean identity: luminous badges, broad wave ribbons and a finished ending. */
body{font-family:"Avenir Next","Segoe UI Variable","Segoe UI",Verdana,sans-serif;letter-spacing:.01em}
h1,h2,h3,.cards figcaption{font-weight:750;letter-spacing:-.025em}
.menu a{font-weight:600;letter-spacing:0}
main{background:radial-gradient(ellipse at 90% 20%,#168dba88,transparent 55%),linear-gradient(135deg,#073c70,#086397 50%,#042d58)}
.applications,.visual-benefits,.florida,.closing{position:relative;isolation:isolate;overflow:hidden;padding-top:66px;padding-bottom:66px}
.applications::before,.visual-benefits::before,.closing::before{content:"";position:absolute;z-index:-1;pointer-events:none;width:120%;height:170px;left:-10%;top:-110px;border-radius:50%;background:#56d9ff24;box-shadow:0 24px 0 #07b8f52b,0 44px 0 #0465ab44;transform:rotate(-4deg)}
.cards figure,.benefit-grid .benefit-card{border:1px solid #52d4ff77;box-shadow:0 16px 40px #001d4866,inset 0 1px 0 #c1f5ff33}
.cards figcaption,.benefit-copy{background:radial-gradient(ellipse at 15% 0,#1982b46b,transparent 85%),linear-gradient(145deg,#095687,#06345e)}
.cards figcaption{color:#f3fbff}
.visual-icon{width:82px;height:82px;border-radius:50%;border:2px solid #38d9ff;background:radial-gradient(circle at 35% 25%,#147aaa,#00315b 75%);box-shadow:0 0 26px #12b9ef44,inset 0 0 16px #21cfff33;color:white;margin-bottom:24px}
.visual-icon svg{width:46px;height:46px;stroke-width:1.8}
.benefit-copy p{color:#a4e8ff;font-weight:500}
.nourishment{background:linear-gradient(140deg,#0a6a9b,#05426f);border-color:#54d4ff77}
.profile-grid figcaption{background:linear-gradient(145deg,#095687,#06345e)}
.florida{background:radial-gradient(ellipse at right bottom,#087aab99,transparent 65%),#043860}
.paradise-caption{background:radial-gradient(ellipse at right,#137faa,transparent 65%),linear-gradient(120deg,#064878,#032e55)}
.paradise-caption h2{color:#fff}.paradise-caption p{color:#a2edff}
.closing{padding:70px 40px 80px;background:radial-gradient(ellipse at 85% 70%,#0d9ccb77,transparent 50%),linear-gradient(130deg,#04284e,#065f94)}
.closing h2{font-size:clamp(40px,4.5vw,76px);max-width:none}.closing h2 span{color:#79e0ff}
.closing-values{display:flex;gap:28px;flex-wrap:wrap;margin-top:32px}
.closing-values span{font-size:24px;padding:18px 24px;border:1px solid #52d4ff88;border-radius:50px;background:#06719a66;box-shadow:0 0 22px #02c9ff20}
.site-signoff{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:38px 40px;background:#022345;border-top:1px solid #17b5e7;color:#bde8ff}
.site-signoff strong{font-size:38px;font-style:italic;font-weight:900;letter-spacing:-.04em;color:white}.site-signoff strong span{color:#1cc8ff}
.site-signoff p{font-size:20px;line-height:1.5;margin:10px 0 0}
@media(max-width:760px){.applications,.visual-benefits,.florida{padding:48px 18px}.closing{padding:52px 18px}.closing-values{gap:14px}.closing-values span{font-size:20px;padding:16px 20px}.site-signoff{display:block;padding:32px 18px}.site-signoff strong{font-size:34px}}

.reference-ending{display:grid;grid-template-columns:1.6fr 1fr .8fr;align-items:center;gap:32px;min-height:320px;padding:46px 40px;background:linear-gradient(90deg,#063b69 0%,#075383 48%,#06457388 70%,transparent),url('assets/beach-benefit.webp') right center/cover;border-top:1px solid #1bbff1}
.reference-ending::before{display:none}.ending-copy h2{font-size:clamp(36px,3.3vw,58px);margin-bottom:14px}.ending-copy>p:last-child{font-size:24px;line-height:1.45;color:#c5ebff;margin:0}.ending-copy .eyebrow{margin:0 0 12px;letter-spacing:.15em}
.ending-emblems{display:grid;gap:20px}.ending-emblems>div{display:flex;align-items:center;gap:18px;font-size:18px;line-height:1.4;font-weight:600;color:#fff}
.ending-icon{display:grid;place-items:center;flex:0 0 60px;height:60px;border:2px solid #2dd8ff;border-radius:50%;background:linear-gradient(140deg,#137aa8,#034578);box-shadow:0 0 18px #1ddcff33}.ending-icon svg{width:34px;height:34px}
.beach-signature{font-family:"Segoe Print","Bradley Hand",cursive;font-size:28px;font-style:italic;font-weight:700;line-height:1.4;color:#04376b;transform:rotate(-9deg);text-align:center;background:#eaf9ffbb;border-radius:50%;padding:20px}.beach-signature span{display:block;font-size:54px;line-height:1}
.reference-signoff{display:flex;justify-content:flex-start;text-align:left;padding:38px 40px;gap:32px;background:linear-gradient(110deg,#032f57,#021a36);min-height:0}
.footer-brand{flex:0 0 285px;padding-right:28px;border-right:1px solid #1bbbf0}.footer-brand strong{font-size:34px}.footer-brand p{font-size:8px;font-weight:700;letter-spacing:.1em;margin:0}.logo-waves{display:block;width:205px;height:26px;color:#33d4ff;overflow:hidden}.logo-waves svg{width:100%;height:100%}
.footer-info>p{margin:0 0 22px;font-size:24px}.footer-info strong{font-size:24px;font-style:normal;letter-spacing:0}.footer-tagline{display:inline-block;margin-left:14px;padding-left:14px;border-left:1px solid #21bbf0;font-size:18px}.footer-contacts{display:flex;flex-wrap:wrap;gap:24px;font-size:20px;color:#c2eaff}
@media(max-width:1100px){.reference-ending{grid-template-columns:1.4fr 1fr}.beach-signature{display:none}.reference-signoff{flex-wrap:wrap}.footer-brand{border-right:0}}
@media(max-width:760px){.reference-ending{grid-template-columns:1fr;padding:36px 22px;background:linear-gradient(90deg,#063b69ee,#064573b8),url('assets/beach-benefit.webp') center/cover}.ending-copy h2{font-size:36px}.ending-copy>p:last-child{font-size:22px}.ending-emblems>div{font-size:18px}.reference-signoff{display:block;padding:30px 22px}.footer-brand{padding:0 0 24px}.footer-tagline{display:block;border:0;margin:12px 0 0;padding:0}.footer-contacts{flex-direction:column;gap:16px;font-size:19px}}