:root{--ink:#143f3a;--paper:#fffaf0;--green:#184b42;--orange:#b54e26;--yellow:#f5c64f;--line:#d7ded3;--muted:#53675e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Avenir Next',Avenir,'Trebuchet MS',sans-serif;font-size:18px;line-height:1.65}a{color:inherit;text-underline-offset:5px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b54e26;outline-offset:6px}img{display:block;max-width:100%;height:auto}button{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:500;letter-spacing:-.055em;line-height:1.06}h1{font-size:clamp(3.2rem,6.1vw,6rem);margin-bottom:1.7rem}h2{font-size:clamp(2.5rem,4vw,4.1rem);margin-bottom:1.5rem}h3{font-size:1.5rem;line-height:1.25}em{font-weight:400;color:var(--orange)}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}header{width:min(1360px,calc(100% - 80px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:28px 0}.brand{font-weight:850;letter-spacing:-1.5px;font-size:24px;line-height:.97;text-decoration:none;display:block}.brand span{display:block;font-size:31px}.brand .brand-dot{display:inline;color:var(--orange)}nav{display:flex;gap:32px;align-items:center}nav a{font-size:15px;font-weight:600;text-decoration:none;padding:10px 0}.hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:50px;align-items:center;padding:64px 0 86px}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:14px;text-transform:uppercase;letter-spacing:.14em;font-weight:750;line-height:1.6;margin-bottom:22px}.intro{font-size:20px;max-width:660px;line-height:1.65}.hero .intro{max-width:480px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--ink);color:white;padding:17px 25px;border-radius:7px;text-decoration:none;border:0;font-size:16px;font-weight:700;cursor:pointer;min-height:54px;line-height:1.4}.button:hover{background:#246256;transform:translateY(-1px)}.quiet{font-size:15px;color:var(--muted);margin-top:18px}.hero-art{position:relative}.hero-art img{aspect-ratio:1.06;object-fit:cover;border-radius:46% 46% 8% 8%;width:100%}.art-note{position:absolute;bottom:-22px;left:7%;right:7%;background:var(--yellow);padding:14px 18px;text-align:center;font-family:Georgia,serif;font-size:18px;transform:rotate(-3deg);border-radius:3px}.story-feature{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line);padding:80px 0}.story-feature p{max-width:490px}.text-link{font-weight:750;font-size:17px}.quote-panel{background:#e7efde;border-radius:12px;padding:54px 40px;align-self:center;transform:rotate(2deg)}.quote-panel>p{font:italic 44px/1.15 Georgia,serif;margin-bottom:16px}.quote-panel>span{font-size:15px}.tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:38px}.tags span,.pill{font-size:14px;border:1px solid #8eaa91;border-radius:30px;padding:5px 12px}.together{padding:55px 0 86px;text-align:center}.together p:not(.eyebrow){max-width:610px;margin-inline:auto}.activity-banner{background:var(--green);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:65px;border-radius:14px;align-items:center;margin-bottom:100px}.activity-banner h2{margin:0}.activity-banner .eyebrow{color:#f5cd6b}.button.light{background:#f5cf69;color:var(--ink)}footer{background:#edf0e3;padding:55px max(48px,calc((100vw - 1280px)/2));display:grid;grid-template-columns:1fr 1fr;gap:20px 50px}footer p{font-size:15px;margin:0}footer nav{gap:24px;flex-wrap:wrap}footer small{font-size:13px;color:var(--muted)}.page-intro{padding:70px 0 55px}.page-intro .intro{max-width:730px}.cast-art img{width:100%;max-height:620px;object-fit:contain;border-radius:20px}.cast-copy{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;padding:50px 0 70px}.cast-copy article{border-top:2px solid var(--line);padding-top:20px}.number{font:italic 45px Georgia,serif;color:var(--orange);float:right}.cast-copy h2{font-size:40px}.cast-copy blockquote{margin:28px 0 0;font:italic 24px/1.4 Georgia,serif}.end-note{border-top:1px solid var(--line);padding:55px 0 70px}.end-note h2{font-size:36px}.library-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;padding:20px 0 70px}.library-feature img{border-radius:20px}.library-feature h2{font-size:clamp(3rem,4.5vw,4.7rem)}.story-title{padding-top:40px;text-align:center}.back{font-size:15px;display:inline-block;margin-bottom:40px}.story-title h1{font-size:clamp(4rem,8vw,7rem)}.story-title .intro{margin-inline:auto}.story-title img{width:min(100%,940px);max-height:490px;object-fit:cover;border-radius:18px;margin:38px auto}.reading{max-width:710px;width:calc(100% - 48px);margin:50px auto 100px}.chapter{padding:64px 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}.chapter-number{font-size:14px;letter-spacing:.12em;color:var(--orange)}.chapter h2{font-size:42px;margin-top:18px}.chapter p{font-family:Georgia,serif;font-size:23px;line-height:1.8}.chapter p strong{font-family:'Avenir Next',sans-serif;font-size:14px;letter-spacing:.06em;display:block;line-height:1.5;color:var(--orange);text-transform:uppercase;margin-top:25px}.next{display:inline-block;margin-top:12px;font-size:15px;font-weight:700}.wonder{background:#e7efde;border-radius:9px;padding:22px;margin:30px 0}.wonder summary{cursor:pointer;font-size:17px;font-weight:700}.wonder p{font-family:inherit;font-size:18px;margin:20px 0 0}.story-end{padding:60px 0;text-align:center}.story-end h2{font-size:42px}.activity-sheet{padding:40px 0 80px;max-width:1000px}.activity-sheet h1{font-size:clamp(3.5rem,6vw,5.5rem)}.activity-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:50px 0 30px}.activity-steps span{color:var(--orange);font:italic 34px Georgia,serif}.activity-steps h2{font:700 23px/1.3 'Avenir Next',sans-serif;letter-spacing:0;margin:10px 0}.drawing-space{height:360px;border:2px dashed #839689;border-radius:14px;padding:20px;margin:25px 0}.drawing-space span{font-size:15px;color:var(--muted)}.parent-tip{padding:28px;background:#e7efde;border-radius:12px}.parent-tip h2{font-size:28px;letter-spacing:-.035em}.parent-tip p:last-child{margin:0}.parent-columns{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:55px 0 80px}.parent-columns h2{font-size:42px}.parent-columns h3{font-size:22px;margin-bottom:10px}.parent-columns p+h3{margin-top:30px}.resource-section{background:#edf0e3;padding:55px;border-radius:15px}.resource-row{display:flex;gap:40px;align-items:center;justify-content:space-between;border-top:1px solid #bac8b5;padding-top:30px}.resource-row h3{margin:20px 0 10px}.resource-row p{margin-bottom:0}.resource-row .button{flex-shrink:0}.privacy{border-top:1px solid var(--line);padding:45px 0 70px}.privacy h2{font-size:32px}.privacy p{font-size:16px;max-width:850px}.skip{position:absolute;top:-100px;left:10px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}.print-only{display:none}
@media(min-width:1600px){.hero{padding-top:90px;padding-bottom:110px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}header{width:calc(100% - 48px)}nav{gap:20px}.hero{gap:28px}.hero h1{font-size:4rem}.hero-art img{aspect-ratio:.86}.story-feature{gap:40px}.activity-banner{padding:42px;gap:40px}.cast-copy{gap:28px}.parent-columns{gap:45px}.resource-row{align-items:flex-start;flex-direction:column}footer{padding:45px 24px}.library-feature{gap:35px}}
@media(max-width:700px){body{font-size:17px}header{align-items:flex-start;gap:24px;padding:24px 0;flex-direction:column}header nav{width:100%;justify-content:space-between;gap:15px;flex-wrap:wrap}nav a{font-size:14px}.hero{grid-template-columns:1fr;padding:32px 0 65px;gap:32px}.hero h1{font-size:clamp(3.2rem,12vw,4.5rem)}.hero-art{max-width:540px;width:100%;margin:auto}.hero-art img{aspect-ratio:1.25;border-radius:42% 42% 8% 8%}.intro{font-size:18px}.eyebrow{font-size:13px}.story-feature,.activity-banner,.library-feature,.parent-columns,.cast-copy{grid-template-columns:1fr;gap:35px}.story-feature{padding:55px 0}.quote-panel{padding:35px 25px}.quote-panel>p{font-size:36px}.together{padding:30px 0 55px}.activity-banner{padding:30px;margin-bottom:55px}.page-intro{padding:35px 0}.page-intro h1{font-size:3.2rem}.cast-art{width:100%}.cast-copy{padding:30px 0 50px}.cast-copy article{padding-top:25px}.cast-copy h2{margin-bottom:15px}.library-feature{padding-top:0}.story-title h1{font-size:4.1rem}.story-title img{margin:25px auto}.chapter{padding:45px 0}.chapter h2{font-size:35px}.chapter p{font-size:21px}.activity-steps{grid-template-columns:1fr;gap:20px;margin-top:35px}.activity-steps section{border-top:1px solid var(--line);padding-top:20px}.activity-steps span{float:right}.resource-section{padding:28px}.resource-section h2{font-size:2.7rem}.parent-columns{padding:40px 0}.parent-columns h2{font-size:36px}.parent-columns h3{font-size:22px}.parent-tip{padding:20px}footer{grid-template-columns:1fr;gap:28px}footer nav{align-items:flex-start;flex-direction:column;gap:5px}.drawing-space{height:280px}.story-end h2{font-size:35px}.button{max-width:100%}.reading{margin-bottom:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover{transform:none}}@media print{@page{size:letter;margin:.5in}body{background:white;color:#111;font-size:11pt;line-height:1.35}header,footer,.no-print,.skip{display:none!important}.activity-sheet{width:100%;padding:0;max-width:none}.activity-sheet h1{font-size:31pt;margin-bottom:10pt}.activity-sheet .intro{font-size:12pt;margin-bottom:10pt}.activity-sheet p{margin-bottom:9pt}.activity-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18pt;margin:18pt 0 10pt}.activity-steps h2{font-size:14pt;margin:5pt 0}.activity-steps span{font-size:22pt}.drawing-space{height:200pt;margin:10pt 0;border:1pt dashed #555;border-radius:0}.parent-tip{padding:10pt;border:1pt solid #999;background:none;break-inside:avoid}.parent-tip h2{font-size:15pt;margin-bottom:8pt}.print-only{display:block;font-size:9pt;margin-top:10pt}em{color:inherit}a{color:inherit}}

.hero-art img{object-fit:contain;background:#fff6df}.hero-art{align-self:center}
/* Picture-book reader: native horizontal swiping, with independent page reading. */
.story-reader>header,.story-reader>footer{display:none}.book-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1600px;margin:auto;padding:18px 28px;border-bottom:1px solid var(--line)}.book-heading h1{font-size:24px;line-height:1.25;letter-spacing:-.035em;margin:0;text-align:center}.book-heading>a{font-size:14px;font-weight:700;text-decoration:none;flex-shrink:0;min-height:44px;display:flex;align-items:center}.book-hint{text-align:center;font-size:14px;color:var(--muted);margin:0;padding:9px 20px}.book-page{max-width:1400px;margin:auto;padding:24px}.book-page figure{margin:0}.book-page img{width:100%;height:auto;border-radius:10px}.page-copy{padding:30px}.page-copy h2{font-size:clamp(2rem,3vw,3rem);letter-spacing:-.04em;margin-bottom:24px}.page-copy>p:not(.eyebrow),.book-ending p{font:21px/1.65 Georgia,serif;margin-bottom:18px}.page-copy p strong{font-family:'Avenir Next',sans-serif;font-size:14px;color:var(--orange);margin-right:6px}.page-copy .eyebrow{margin-bottom:10px}.page-copy .wonder{margin:20px 0}.page-copy .wonder p{font:17px/1.6 'Avenir Next',sans-serif}.book-ending{border-top:1px solid var(--line);padding-top:22px;margin-top:25px}.book-controls[hidden]{display:none}.book-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;width:min(600px,100%);margin:0 auto;padding:12px 24px max(12px,env(safe-area-inset-bottom));background:var(--paper)}.book-controls button{font:700 16px/1.4 'Avenir Next',sans-serif;color:var(--paper);background:var(--ink);border:0;border-radius:30px;min-height:48px;min-width:110px;padding:12px 22px;cursor:pointer}.book-controls button:disabled{opacity:.35;cursor:default}.book-controls #page-status{font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap}.book-ready .story-reader{height:100vh;height:100svh;overflow:hidden}.book-ready .story-reader main{height:100%;display:flex;flex-direction:column}.book-ready .book{min-height:0;flex:1;display:flex;flex-direction:column}.book-ready .book-track{display:flex;flex:1;min-height:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom}.book-track::-webkit-scrollbar{display:none}.book-ready .book-page{flex:0 0 100%;min-width:0;max-width:none;height:100%;overflow-y:auto;scroll-snap-align:start;scroll-snap-stop:always;overscroll-behavior-y:contain;padding:16px 32px 24px}.book-ready .page-layout{max-width:1450px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:start}.book-ready .book-page figure{position:sticky;top:0}.book-ready .book-page img{max-height:calc(100svh - 185px);object-fit:contain;background:#f6eedc}.book-ready .page-copy{padding:14px 24px}.book-ready .page-copy h2:focus{outline:0}
@media(max-width:900px) and (orientation:portrait){.book-ready .page-layout{display:block;max-width:720px}.book-ready .book-page{padding:0 20px 24px}.book-ready .book-page figure{position:static}.book-ready .book-page img{max-height:40svh;object-fit:contain}.book-ready .page-copy{padding:24px 12px}.page-copy h2{font-size:2.4rem}}
@media(max-width:600px){.book-heading{padding:7px 16px;gap:12px}.book-heading h1{font-size:18px;max-width:175px}.book-heading>a{font-size:13px}.book-hint{font-size:13px;padding:7px 12px}.book-ready .book-page{padding:0 12px 20px}.book-ready .page-copy{padding:20px 10px}.page-copy h2{font-size:2rem;margin-bottom:18px}.page-copy>p:not(.eyebrow){font-size:19px;line-height:1.6}.book-controls{padding:8px 16px max(8px,env(safe-area-inset-bottom))}.book-controls button{min-height:48px;min-width:95px}.book-ready .book-page img{border-radius:8px}}
@media(orientation:landscape) and (max-height:600px){.book-heading{padding:2px 20px}.book-heading h1{font-size:19px}.book-hint{padding:2px;font-size:13px}.book-controls{padding:4px 20px}.book-controls button{min-height:44px;padding:8px 20px}.book-ready .book-page{padding:0 18px 15px}.book-ready .page-layout{grid-template-columns:1fr 1fr}.book-ready .page-copy{padding:8px 16px}.page-copy h2{font-size:1.8rem}.page-copy>p:not(.eyebrow){font-size:18px}.book-ready .book-page img{max-height:calc(100svh - 125px)}}
@media print{.book-ready .story-reader{height:auto;overflow:visible}.book-heading,.book-hint,.book-controls{display:none}.book-ready .story-reader main,.book-ready .book,.book-ready .book-track{display:block;height:auto;overflow:visible}.book-ready .book-page{height:auto;overflow:visible;break-after:page}.book-ready .page-layout{display:block}.book-ready .book-page figure{position:static}.book-ready .book-page img{max-height:3in}.book-ready .page-copy{padding:15pt 0}.page-copy>p:not(.eyebrow){font-size:12pt}}
.social-links{display:flex;flex-wrap:wrap;align-items:center;gap:1.25rem 1.75rem}.social-links a{min-height:44px;display:inline-flex;align-items:center}
.strength-mark{float:right;color:var(--orange);font:italic 42px/1 Georgia,serif}.story-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.story-library{display:grid;gap:70px;padding:10px 0 80px}.story-card{display:grid;grid-template-columns:1.08fr 1fr;gap:65px;align-items:center}.story-card:nth-child(even){grid-template-columns:1fr 1.08fr}.story-card:nth-child(even)>img{order:2}.story-card img{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:20px}.story-card h2{font-size:clamp(2.8rem,4.4vw,4.7rem)}.story-card-new{border-top:1px solid var(--line);padding-top:70px}.story-card-new .eyebrow{color:var(--orange)}
@media(max-width:900px){.story-card,.story-card:nth-child(even){grid-template-columns:1fr;gap:30px}.story-card:nth-child(even)>img{order:0}.story-library{gap:50px}.story-card-new{padding-top:50px}}

/* New ocean story and its family reading resources. */
.feature-art img{width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:16px}.story-card+.story-card{border-top:1px solid var(--line);padding-top:70px}.resource-row+.resource-row{margin-top:32px}.clownfish-notes{padding:65px 0}.science-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px 40px}.science-facts h3{font-size:1.35rem;margin-bottom:10px}.science-sources{margin:12px 0 30px;font-size:1rem}.science-sources summary{cursor:pointer;font-weight:700}.science-sources li{margin:8px 0}.clownfish-notes .story-actions{margin-top:25px}.drawing-instructions h2{font-size:1.65rem;letter-spacing:-.02em}.pair-drawings{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pair-drawings .drawing-space{height:300px}.book-controls [hidden]{display:none!important}.book-controls #finish-story{font-size:1rem;min-height:48px;padding:12px 18px;border-radius:30px}.clownfish-reader .page-copy>p:not(.eyebrow){font-size:1.3125rem;line-height:1.6}.clownfish-reader .book-ending .quiet{font:1rem/1.5 'Avenir Next',sans-serif}.book-heading{flex-wrap:wrap}.book-heading h1{min-width:0}.book-track:focus-visible{outline:3px solid var(--orange);outline-offset:-3px}
#discover-more{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:18px;width:min(850px,calc(100% - 32px));max-height:calc(100svh - 32px);padding:32px;overflow:auto}#discover-more::backdrop{background:#143f3ac9}.dialog-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.dialog-top .eyebrow{margin:0}.dialog-top button{min-height:44px;font-size:1rem;background:transparent;border:1px solid var(--ink);color:var(--ink);border-radius:6px;padding:10px 16px;cursor:pointer}#discover-title{font-size:2.6rem}.helping-pair h1{max-width:850px}
@media(max-width:700px){.science-facts,.pair-drawings{grid-template-columns:1fr}.story-card+.story-card{padding-top:50px}.science-facts{gap:10px}.dialog-top{align-items:flex-start;flex-direction:column}#discover-more{padding:22px}#discover-title{font-size:2rem}.clownfish-reader .page-copy>p:not(.eyebrow){font-size:1.1875rem}.clownfish-reader .book-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.clownfish-reader .book-heading h1{grid-column:1/-1;grid-row:1;max-width:none;font-size:1.25rem;padding:6px 0 0}.clownfish-reader .book-heading>a:last-child{justify-self:end}.clownfish-reader .book-controls{gap:10px}.clownfish-reader .book-controls button{min-width:85px;padding:12px 18px}}
@media print{.helping-pair h1{font-size:28pt}.helping-pair .activity-steps{gap:12pt;margin:12pt 0}.helping-pair .activity-steps section{padding:0;border:0}.helping-pair .drawing-instructions h2{font-size:15pt;margin-bottom:7pt}.pair-drawings{display:grid;grid-template-columns:1fr 1fr;gap:12pt}.pair-drawings .drawing-space{height:130pt;margin:8pt 0}.helping-pair .parent-tip{padding:8pt}.helping-pair .parent-tip h2{font-size:14pt}.helping-pair .drawing-space span{font-size:10pt}.clownfish-reader .page-copy>p:not(.eyebrow){font-size:12pt}dialog{display:none!important}}
.book-hint{display:none}.book-ready .book-hint{display:block}