:root{font-family:Manrope,system-ui,sans-serif;color:#eaf4f3;background:#0d2333}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0d2333 url('https://babysharks.app/brand/navy-knit.webp') repeat;background-size:320px}a{color:#93e1d4}a:focus-visible,button:focus-visible{outline:2px solid #ffe39a;outline-offset:3px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;background:#fff;color:#0d2333;padding:12px;z-index:2}main{max-width:1060px;margin:auto;padding:64px 24px 96px}.intro{max-width:770px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:800;color:#93e1d4}h1{font-size:clamp(2.7rem,7vw,5.5rem);line-height:1.04;letter-spacing:-.055em;margin:.2em 0}h2{font-size:1.5rem;letter-spacing:-.025em}p{line-height:1.68} .intro>p:last-child,.deck{font-size:1.2rem;color:#c3d6d8}.story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px;margin-top:50px}.story-card,.story section{border:1px solid #ffffff2a;border-radius:14px;padding:24px;background:#123145}.story-card h2{margin:.3em 0}.story-card h2 a{text-decoration:none;color:#f5f8ef}.story-card h2 a:hover{text-decoration:underline}.story{max-width:760px}.story>figure{margin:34px 0}.story>figure img{display:block;max-width:100%;height:auto;border-radius:12px}.story figcaption,.byline{font-size:.86rem;color:#bed0d4}.prose{font-size:1.12rem}.prose p{margin:1.45em 0}.story section{margin:24px 0}.story li{margin:.7em 0;line-height:1.5}.referral{font-size:.75rem;color:#bed0d4}.disclosure{font-size:.88rem;color:#bed0d4}.button{display:inline-block;background:#93e1d4;color:#0d2333;padding:12px 16px;border-radius:8px;font-weight:800;text-decoration:none}footer{border-top:1px solid #ffffff2a;padding:30px 24px;text-align:center;color:#bed0d4}footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:16px}#stories-consent:not(:empty){position:fixed;bottom:12px;left:12px;right:12px;max-width:620px;background:#f4faf8;color:#0d2333;padding:18px;border-radius:12px;box-shadow:0 8px 28px #0008;z-index:5}#stories-consent p{margin:0 0 12px}#stories-consent button{border:0;border-radius:7px;padding:10px 13px;margin-right:8px;background:#0d2333;color:#fff;cursor:pointer}#stories-consent button:last-child{background:#dbe7e6;color:#0d2333}@media(max-width:600px){main{padding:42px 18px 70px}.story section{padding:18px}}
body{background:#0d2333;background-image:radial-gradient(circle at 12% 0%,#174053 0,transparent 38%),linear-gradient(160deg,#0d2333,#102b3a 72%)}
.newsletter{margin-top:48px;max-width:760px;padding:26px;border:1px solid #93e1d475;border-radius:14px;background:#143747}.newsletter h2{margin:.3em 0}.newsletter p{max-width:60ch}.newsletter-note{font-size:.82rem;color:#bed0d4}
.story{max-width:800px;padding:clamp(26px,5vw,56px);border-radius:16px;background:#f5f4ed;color:#20333c;box-shadow:0 0 0 1px #ffffff33,0 22px 60px #03131f70}
.story a{color:#115b65;text-decoration-thickness:1px;text-underline-offset:3px}.story a:hover{color:#0a3f49}
.story .eyebrow,.story .eyebrow a{color:#315f67}.story h1{font-size:clamp(2.5rem,5.2vw,4.15rem);line-height:1.08;letter-spacing:-.043em;max-width:15ch;margin-top:20px;color:#122b36}
.story .deck{max-width:60ch;color:#37535d;font-size:1.25rem;line-height:1.48}.story .byline{color:#536a70}.story>figure{margin:32px 0 38px}.story>figure img{width:100%;border-radius:9px;box-shadow:0 0 0 1px #0d233326}.story figcaption{color:#536a70;line-height:1.5;margin-top:10px}
.story .prose{max-width:64ch;font-size:1.13rem;line-height:1.76}.story .prose p{line-height:inherit;margin:0 0 1.45em;text-wrap:pretty}
.story section{background:transparent;border:0;border-top:1px solid #cbd5d1;border-radius:0;padding:28px 0 0;margin:38px 0 0}.story section h2{margin:0 0 16px;color:#173741}.story section p,.story section li{color:#2b4650}.story section ul,.story section ol{padding-left:1.4em}
.story .story-audio{background:#e9f0ec;border:1px solid #c6d8d3;border-radius:10px;padding:20px 22px;margin:30px 0}.story-audio audio{display:block;width:100%;max-width:540px}.story .story-audio p{font-size:.84rem;color:#536a70;margin:12px 0 0}
.story .referral,.story .disclosure{color:#536a70}.story .button{color:#0d2333;text-decoration:none}.story .button:hover{color:#0d2333;background:#b4ecdd}
.story .newsletter{margin-top:48px;padding:26px;border:0;border-radius:10px;background:#dfece8}.story .newsletter h2{margin:.3em 0}.story .newsletter p{max-width:60ch}.story .newsletter-note{font-size:.82rem;color:#536a70}
@media(max-width:600px){.story{padding:26px 22px;border-radius:12px}.story h1{font-size:clamp(2.35rem,10vw,3.1rem)}.story .prose{font-size:1.06rem}.story section{padding:24px 0 0}.story .story-audio{padding:18px}}

.index-hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:center;gap:50px;min-height:420px;padding:24px 0 60px;border-bottom:1px solid #ffffff38}
.index-hero-copy{position:relative;z-index:1}.index-hero .eyebrow{color:#d7ed8b}.index-hero h1{font-size:clamp(5.5rem,12vw,9.5rem);line-height:.88;letter-spacing:-.09em;margin:18px 0 30px;font-weight:850;white-space:nowrap}.title-period{color:#d7ed8b}.index-deck{font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.18;letter-spacing:-.04em;font-weight:700;max-width:21ch;margin:0 0 22px}.index-intro{max-width:60ch;color:#c3d6d8;font-size:1.06rem;margin:0 0 27px}.hero-jump,.read-story{display:inline-flex;align-items:center;gap:8px;color:#d7ed8b;font-weight:800;text-decoration-thickness:1px;text-underline-offset:6px}.hero-jump:hover,.read-story:hover{color:#f0f8c9}
.index-record{width:min(100%,320px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle at 50% 50%,#122531 0 3px,#203845 4px 5px,#101e2a 6px 9px);box-shadow:0 20px 40px #0008,inset 0 0 0 8px #ffffff0a;position:relative;transform:rotate(-14deg)}.index-record:after{content:'';position:absolute;inset:9%;border-radius:50%;border:1px solid #ffffff2b}.record-label{width:39%;aspect-ratio:1;border-radius:50%;background:#d7ed8b;color:#112534;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 0 0 4px #102330,0 0 0 5px #ffffff5b;font-size:.67rem;letter-spacing:.12em;text-transform:uppercase;line-height:1.5}.record-label strong{font-size:1.45rem;letter-spacing:-.06em;text-transform:none;line-height:1.1}.record-label:after{content:'';width:8px;height:8px;border-radius:50%;background:#102330;margin-top:5px}
.index-hero.has-feature{grid-template-columns:minmax(0,1fr) minmax(340px,420px);gap:56px}.index-hero.has-feature h1{font-size:clamp(5.5rem,11vw,8.7rem)}.index-highlight{align-self:stretch;padding:17px 17px 22px;background:#123145;border:1px solid #ffffff35;border-top:3px solid #d7ed8b;border-radius:14px;box-shadow:0 16px 32px #0004}.index-highlight .eyebrow{margin:0 0 14px}.index-highlight figure{margin:0}.index-highlight figure>a{display:block;overflow:hidden;border-radius:8px;background:#0d2333}.index-highlight img{display:block;width:100%;height:240px;object-fit:cover}.index-highlight figcaption{font-size:.75rem;color:#bed0d4;line-height:1.4;margin-top:7px}.index-highlight h2{font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.14;letter-spacing:-.04em;margin:19px 0}.index-highlight h2 a{color:#f5f8ef;text-decoration:none}.index-highlight h2 a:hover{text-decoration:underline}
.index-content{padding-top:42px}.section-heading{display:flex;align-items:baseline;gap:16px;border-bottom:1px solid #ffffff2b;padding-bottom:16px}.section-heading .eyebrow{margin:0;color:#d7ed8b}.section-heading h2{font-size:clamp(1.7rem,3.2vw,2.4rem);margin:0}.story-grid{margin-top:28px}.story-card{min-height:280px;display:flex;flex-direction:column;border-top:3px solid #d7ed8b}.story-card h3{font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.16;letter-spacing:-.035em;margin:8px 0 16px}.story-card h3 a{color:#f5f8ef;text-decoration:none}.story-card h3 a:hover{text-decoration:underline}.story-card>p:not(.eyebrow){color:#c3d6d8}.story-card .read-story{margin-top:auto}.empty-state{display:flex;gap:28px;align-items:flex-start;margin-top:28px;padding:34px;background:#123145;border:1px solid #ffffff35;border-radius:14px}.empty-disc{width:88px;height:88px;flex-shrink:0;border:9px solid #0c2332;border-radius:50%;display:grid;place-items:center;background:#d7ed8b;color:#0d2333;font-size:2rem;font-weight:900;box-shadow:0 0 0 1px #ffffff2b}.empty-title{font-size:1.35rem;font-weight:750;margin:0 0 6px}.empty-state p:not(.empty-title){color:#c3d6d8;max-width:59ch;margin:0 0 20px}
@media(max-width:800px){.index-hero,.index-hero.has-feature{grid-template-columns:1fr;gap:30px;min-height:0;padding-top:0}.index-record{width:230px;position:absolute;right:20px;top:145px;opacity:.18;pointer-events:none}.index-hero-copy{max-width:640px}.index-hero h1,.index-hero.has-feature h1{font-size:clamp(5.2rem,18vw,8rem)}.index-highlight{max-width:600px}.section-heading{display:block}.section-heading .eyebrow{margin-bottom:8px}}
@media(max-width:600px){.index-hero{padding-bottom:42px}.index-hero h1{margin:20px 0 27px}.index-deck{font-size:1.7rem}.index-intro{font-size:1rem}.index-record{width:175px;top:150px;right:5px}.index-highlight img{height:auto;aspect-ratio:1.55;object-fit:cover}.index-content{padding-top:32px}.empty-state{padding:22px;gap:14px}.empty-disc{width:52px;height:52px;border-width:5px;font-size:1.2rem}.empty-title{font-size:1.12rem}}