:root{--lilac:#e7d9f5;--purple:#70508d;--orange:#c34720;--tangerine:#ef823a;--yellow:#fbd675;--cream:#fff9e9;--ink:#39271e;--green:#496543;--body:'DM Sans',sans-serif;--display:'Bricolage Grotesque',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.55 var(--body)}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--purple);outline-offset:5px}a:hover{text-decoration:underline}button:hover{filter:brightness(.94)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:800;line-height:1;letter-spacing:-.055em}.skip{position:fixed;top:-60px;left:20px;z-index:100;background:var(--cream);padding:10px}.skip:focus{top:10px}.header{display:flex;justify-content:space-between;align-items:center;padding:24px 5%;background:var(--lilac);border-bottom:1px solid #39271e25;position:relative;z-index:2}.parent{font-weight:800;font-size:16px;letter-spacing:-.04em}.parent span{margin-right:8px}.header nav{display:flex;gap:34px;align-items:center;font-size:14px;font-weight:600}.nav-puffy{display:flex;align-items:center;gap:12px}.nav-puffy span{font-size:27px;color:var(--orange);line-height:1}
.hero{background:var(--lilac);position:relative;overflow:hidden}.wallpaper{position:absolute;inset:0;opacity:.065;background:var(--purple);mask:url('assets/puffy-sitting.svg') 35px 18px/140px 187px repeat;pointer-events:none}.hero-inner{max-width:1440px;margin:auto;padding:48px 7% 72px;display:grid;grid-template-columns:1.1fr 1fr;gap:20px;position:relative}.overline{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;display:flex;gap:10px;align-items:center}.little-sun{font-size:28px;color:var(--orange);line-height:1}.hero h1{font-size:clamp(78px,8.8vw,132px);line-height:.85;letter-spacing:-.045em;color:var(--orange);margin:27px 0}.hero h1 span{letter-spacing:-.055em}.hello{font-family:'Pacifico',cursive;font-size:clamp(36px,3.7vw,54px);line-height:1.45;font-weight:400;letter-spacing:-.015em;color:var(--purple);transform:rotate(-3deg);transform-origin:left center;margin-top:10px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:28px}.button{display:inline-flex;justify-content:center;align-items:center;gap:15px;padding:16px 25px;border-radius:40px;border:0;font-weight:700;font-size:14px;white-space:nowrap;transition:transform .2s}.button:hover{transform:translateY(-2px);text-decoration:none}.primary{background:var(--orange);color:var(--cream)}.dark{background:var(--ink);color:var(--cream)}.play-icon{font-size:12px}.aside{font-size:12px;line-height:1.45;color:#694953;transform:rotate(-5deg)}.puffy-stage{position:relative;align-self:end;height:570px}.sun-disc{position:absolute;inset:76px -3% 13px 0;background:var(--yellow);border-radius:49% 51% 46% 54% / 45% 43% 57% 55%;transform:rotate(-9deg)}.hero-cat{height:555px;width:auto;position:absolute;bottom:0;left:50%;filter:drop-shadow(1px 3px 0 #b97a3c50);transform:translateX(-50%) rotate(3deg)}.bubble{border:0;padding:0;color:var(--ink);position:absolute;top:4px;right:2%;z-index:1;--thought-cloud:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 114'%3E%3Cpath fill='%23fff9e9' d='M39 22C29 1 74 0 86 14C110 0 139 8 142 24C177 22 190 60 166 74C173 98 140 115 119 102C92 118 68 112 61 102C33 117 1 94 14 73C-9 56 1 28 25 29Q29 23 39 22Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;background:none;font-family:var(--display);font-size:22px;font-weight:700;line-height:1.06;letter-spacing:-.04em;width:168px;height:110px;display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(7deg)}.bubble:after,.bubble:before{content:'';background:var(--cream);position:absolute;border-radius:50%}.bubble:after{width:16px;height:13px;left:29px;bottom:-12px;transform:rotate(-20deg)}.bubble:before{width:8px;height:7px;left:18px;bottom:-26px}.star{position:absolute;z-index:2;font-family:Arial,sans-serif;color:var(--orange);line-height:1}.star-one{font-size:69px;top:77px;left:7%;transform:rotate(12deg)}.star-two{font-size:42px;right:-5%;bottom:137px}.cat-caption{position:absolute;bottom:-32px;left:13%;font-size:13px;transform:rotate(-4deg)}.curved-arrow{font-size:35px;vertical-align:middle;margin-right:5px}.ticker{display:flex;justify-content:space-around;align-items:center;gap:40px;background:var(--orange);color:var(--cream);padding:15px 20px;white-space:nowrap;font-size:11px;font-weight:700;letter-spacing:.13em;position:relative}.ticker b{font-size:19px;line-height:1}.ticker span:last-child{display:none}
.section-wrap{padding:80px max(6%,calc((100vw - 1220px)/2))}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:34px}.section-heading .overline{margin-bottom:13px;color:var(--orange)}h2{font-size:clamp(40px,4.5vw,64px)}.section-heading>p{font-size:14px;line-height:1.5}.featured{display:grid;grid-template-columns:.8fr 1.2fr;overflow:hidden;border:1px solid #39271e2b;border-radius:14px;background:#f6eddb}.episode-art{position:relative;min-height:345px;overflow:hidden;background:var(--yellow)}.episode-art>img{width:100%;height:100%;object-fit:cover;filter:saturate(.75)}.art-label{position:absolute;top:18px;left:18px;right:18px;font-weight:800;font-size:12px;letter-spacing:.08em;color:white;text-shadow:0 1px 4px #0008}.art-number{position:absolute;bottom:7px;left:22px;font:800 83px/1 var(--display);letter-spacing:-.09em;color:var(--cream)}.featured-copy{padding:44px 48px}.featured-copy .overline{letter-spacing:.08em;font-size:10px;flex-wrap:wrap;gap:8px}.featured h3{font-size:clamp(30px,3.4vw,46px);margin:20px 0 18px}.featured-copy>p:not(.overline){max-width:410px;color:#66564b;font-size:15px;line-height:1.6}.featured-copy .button{margin-top:25px;font-size:13px;padding:13px 22px}.transcript-link{margin-left:16px;font-size:12px;display:inline-block}.episode-pair{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:32px}.compact{display:grid;grid-template-columns:145px 1fr;gap:22px;align-items:start}.compact>img{width:145px;height:164px;object-fit:cover;border-radius:9px}.compact .overline{font-size:9px;letter-spacing:.08em;gap:7px;margin:2px 0 10px}.compact h3{font-size:25px;letter-spacing:-.04em;margin-bottom:10px}.compact p:not(.overline){font-size:13px;line-height:1.5;color:#66564b}.text-play{border:0;background:none;padding:0;color:var(--orange);font-size:12px;font-weight:700;text-align:left;margin-top:15px;display:flex;gap:10px;align-items:center}.text-play:hover{text-decoration:underline}.refresh-note{font-size:11px;color:#75665b;padding-top:25px;margin-top:28px;border-top:1px solid #39271e25;text-align:center}.refresh-note>span{font-size:17px;vertical-align:middle;margin-right:5px}
.about{background:#eedab8;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(45px,9vw,140px);align-items:center}.dad-photo{background:var(--cream);padding:12px 12px 42px;box-shadow:0 5px 0 #39271e0b;transform:rotate(-5deg);max-width:400px;position:relative}.dad-photo:before{content:'';position:absolute;z-index:1;left:35%;top:-15px;transform:rotate(8deg);width:32%;height:35px;background:#b1aa716b}.dad-photo img{width:100%;aspect-ratio:1;object-fit:cover;object-position:50% 38%}.dad-photo span{position:absolute;bottom:13px;left:0;width:100%;text-align:center;font:600 17px var(--display);letter-spacing:-.035em}.about-copy>.overline{color:var(--orange);margin-bottom:20px}.about h2{font-size:clamp(42px,4.8vw,67px);line-height:.98}.about h2 em{font-style:normal;color:var(--orange)}.about-copy>p:not(.overline){max-width:420px;font-size:15px;line-height:1.65;margin-top:20px}.text-link{display:inline-block;font-size:13px;font-weight:700;margin-top:25px;border-bottom:1px solid currentColor;padding-bottom:4px}.text-link span{margin-left:30px}.puffy{background:var(--lilac)}.puffy-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:15px 12px 20px}.puffy-print{padding:13px 13px 43px;background:var(--cream);position:relative;box-shadow:3px 5px 0 #4c365515;transform:rotate(-5deg)}.puffy-print img{width:100%;height:290px;object-fit:cover}.puffy-print figcaption{position:absolute;bottom:12px;left:0;width:100%;text-align:center;font:600 18px var(--display);letter-spacing:-.03em}.hoodie{background:var(--yellow)}.hoodie img{object-fit:cover;object-position:50% 0}.hoodie>span{position:absolute;top:20px;right:20px;font-size:37px;color:var(--orange)}.nap{transform:rotate(3deg);margin-top:15px}.nap img{object-position:16% 55%}.yawn{transform:rotate(-3deg);background:#e8a173}.yawn img{object-position:50% 0}.puffy-caption{text-align:center;font-size:12px;margin-top:25px;color:#6d5278}.closing{background:var(--yellow);padding:50px 6%;display:flex;justify-content:center;align-items:center;gap:50px}.closing>span{font-size:80px;line-height:1;color:var(--orange)}.closing>p{font:500 26px/1.15 var(--display);letter-spacing:-.035em}.closing strong{font-size:40px;letter-spacing:-.05em}footer{padding:25px 5%;font-size:11px;display:flex;justify-content:space-between;gap:20px}footer span span{margin:0 9px;color:var(--orange)}
.audio-dock{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);width:min(850px,calc(100% - 24px));background:var(--ink);color:var(--cream);border-radius:16px;padding:16px 20px;display:grid;grid-template-columns:200px 1fr 30px;gap:15px;align-items:center;z-index:10;box-shadow:0 5px 35px #0005}.audio-dock[hidden]{display:none}.playing-info .overline{font-size:9px;color:var(--yellow);margin-bottom:2px}.playing-info strong{font-size:14px}.audio-dock audio{width:100%;height:38px}.audio-dock button{color:var(--cream);background:none;border:0;font-size:28px}.audio-dock #audio-message{font-size:12px;grid-column:1/-1}.audio-dock #audio-message:empty{display:none}body.has-player{padding-bottom:110px}
.dad-photo{width:100%}
.icon{display:inline-block;width:1.1em;height:1.1em;flex-shrink:0;vertical-align:-.15em;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.parent{display:inline-flex;align-items:center;gap:8px}
.button .icon,.text-play .icon{width:16px;height:16px}
.audio-dock button{display:grid;place-items:center;padding:4px}
.audio-dock button .icon{width:22px;height:22px}
.ticker-divider{width:1px;height:14px;flex-shrink:0;background:currentColor;opacity:.45}
.footer-divider{display:inline-block;height:1em;border-left:1px solid currentColor;vertical-align:-.15em;opacity:.4}
@media(min-width:1500px){.hero-inner{padding-left:105px;padding-right:105px}}
@media(max-width:1000px){.hero-inner{padding:40px 6% 65px;grid-template-columns:1fr 1fr;gap:0}.hero h1{font-size:clamp(72px,10vw,106px)}.puffy-stage{height:510px}.hero-cat{height:480px}.sun-disc{inset:100px -3% 20px -5%}.bubble{right:-2%;top:10px;font-size:20px;width:145px;height:98px}.aside{display:none}.star-one{font-size:40px;left:0;top:93px}.cat-caption{font-size:10px;left:2%;bottom:-30px}.featured-copy{padding:28px}.episode-pair{gap:24px}.compact{grid-template-columns:100px 1fr;gap:16px}.compact>img{width:100px;height:130px}.compact h3{font-size:22px}.transcript-link{display:block;margin:16px 0 0}.puffy-print img{height:240px}.closing{gap:30px}.closing strong{font-size:32px}}
@media(max-width:680px){.header{padding:17px 6%}.parent{font-size:14px}.header nav{gap:18px;font-size:12px}.header nav>a:nth-child(2){display:none}.nav-puffy span{display:none}.hero-inner{display:block;padding:30px 7% 56px}.hero-copy .overline{font-size:9px;letter-spacing:.1em}.little-sun{font-size:22px}.hero h1{font-size:clamp(76px,17.9vw,118px);line-height:.88;max-width:90%;margin:25px 0}.hello{font-size:clamp(29px,8vw,44px)}.hero-actions{margin-top:22px}.hero-actions .button{padding:14px 21px;font-size:13px}.aside{display:block;font-size:10px}.puffy-stage{height:385px;margin:26px 0 0}.hero-cat{height:390px;bottom:-4px}.sun-disc{inset:53px 2% 4px 2%;border-radius:48%}.bubble{top:-15px;right:-2%;font-size:18px;width:130px;height:87px}.star-one{left:1%;top:75px;font-size:47px}.star-two{font-size:29px;right:0;bottom:135px}.cat-caption{left:12%;bottom:-29px;font-size:11px}.wallpaper{mask-size:110px 146px;opacity:.055}.ticker{justify-content:start;gap:27px;padding:12px 20px;font-size:9px}.ticker b{font-size:15px}.section-wrap{padding:50px 6%}.section-heading{display:block;margin-bottom:25px}.section-heading>p{margin-top:17px;font-size:13px}.section-heading .overline{font-size:10px;margin-bottom:10px}h2{font-size:43px}.featured{grid-template-columns:1fr}.episode-art{height:270px;min-height:0}.episode-art>img{object-position:50% 43%}.featured-copy{padding:27px}.featured h3{font-size:35px;margin-top:18px}.featured-copy>p:not(.overline){font-size:14px}.transcript-link{display:inline-block;margin:16px 0 0}.featured-copy .button{display:flex;max-width:max-content}.episode-pair{grid-template-columns:1fr;gap:25px;margin-top:30px}.compact{grid-template-columns:104px 1fr;gap:18px}.compact>img{width:104px;height:136px}.compact h3{font-size:24px}.compact p:not(.overline){font-size:12px}.text-play{font-size:11px;margin-top:12px}.refresh-note{font-size:10px;text-align:left;line-height:1.6}.about{grid-template-columns:1fr;gap:45px}.dad-photo{max-width:280px;margin:7px auto 0}.about-copy{padding:0 5px}.about h2{font-size:51px}.about h2 br:last-child{display:none}.about-copy>p:not(.overline){font-size:14px}.puffy-gallery{grid-template-columns:1fr 1fr;gap:16px;padding:10px 5px}.puffy-print{padding:9px 9px 38px}.puffy-print img{height:190px}.puffy-print figcaption{font-size:13px}.yawn{grid-column:1/-1;width:65%;justify-self:center;margin-top:4px}.yawn img{height:230px}.hoodie>span{font-size:26px;top:15px;right:15px}.puffy-caption{margin-top:20px;font-size:11px}.closing{flex-wrap:wrap;gap:20px;padding:38px 6%;justify-content:flex-start}.closing>span{font-size:63px}.closing>p{font-size:22px}.closing strong{font-size:32px}.closing .button{margin-left:0;font-size:12px}footer{flex-wrap:wrap;font-size:10px;padding-bottom:25px}footer>span{order:3;width:100%;padding-top:12px;border-top:1px solid #39271e20}.audio-dock{grid-template-columns:1fr 30px;gap:9px;padding:13px}.playing-info{grid-column:1}.audio-dock audio{grid-row:2;grid-column:1/-1}.audio-dock button{grid-row:1;grid-column:2}.audio-dock #audio-message{grid-row:3}.audio-dock #audio-message:empty{display:none}body.has-player{padding-bottom:135px}}
.thought-cloud{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--thought-cloud);transform-origin:24% 95%}.thought-text{display:block;max-width:88%;white-space:pre-line;font-size:clamp(15px,1.5vw,21px)}.bubble:hover{filter:none}.bubble:focus-visible{border-radius:45%;outline-offset:5px}
.bubble.is-poofing .thought-cloud{animation:thought-cloud-poof 1.2s both}.bubble.is-poofing:before{animation:thought-dot-small 1.2s both}.bubble.is-poofing:after{animation:thought-dot-large 1.2s both}
@keyframes thought-cloud-poof{0%{opacity:1;transform:scale(1) rotate(0)}12%{opacity:1;transform:scale(1.06) rotate(-2deg)}25%,52%{opacity:0;transform:scale(.12) rotate(-9deg)}64%{opacity:1;transform:scale(.66) rotate(4deg)}80%{opacity:1;transform:scale(1.14) rotate(-3deg)}91%{transform:scale(.96) rotate(1deg)}100%{opacity:1;transform:scale(1) rotate(0)}}
@keyframes thought-dot-small{0%{opacity:1;transform:scale(1)}15%,28%{opacity:0;transform:scale(0)}40%{opacity:1;transform:scale(1.6)}52%{opacity:1;transform:scale(.85)}62%,100%{opacity:1;transform:scale(1)}}
@keyframes thought-dot-large{0%{opacity:1;transform:rotate(-20deg) scale(1)}15%,42%{opacity:0;transform:rotate(-20deg) scale(0)}55%{opacity:1;transform:rotate(-20deg) scale(1.5)}66%{opacity:1;transform:rotate(-20deg) scale(.85)}76%,100%{opacity:1;transform:rotate(-20deg) scale(1)}}
@keyframes thought-cloud-soft{0%,12%,80%,100%{opacity:1}25%,52%{opacity:0}}
@keyframes thought-dot-soft-small{0%,40%,100%{opacity:1}15%,28%{opacity:0}}
@keyframes thought-dot-soft-large{0%,55%,100%{opacity:1}15%,42%{opacity:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.bubble.is-poofing .thought-cloud{animation-name:thought-cloud-soft}.bubble.is-poofing:before{animation-name:thought-dot-soft-small}.bubble.is-poofing:after{animation-name:thought-dot-soft-large}}