/* Poppa Bear website: shared brand, distinct introduction. */
.website-chrome #header{max-width:1280px;padding:18px 44px;min-height:100px}
.site-brand{display:inline-flex;flex:none}.site-brand img{width:190px;height:70px;object-fit:contain}
.site-nav{display:flex;align-items:center;gap:32px}.site-nav a,.site-header-play{text-decoration:none;font-size:14px;font-weight:750}.site-nav a{color:var(--ink);padding:14px 0}.site-nav a:hover{color:var(--teal)}
.site-header-play{display:flex;align-items:center;gap:10px;border:1px solid #b5d4c7;padding:12px 18px;border-radius:100px;min-height:48px}.site-header-play:hover{background:var(--mint)}
.site-header-play svg,.site-start svg,.site-text-link svg,.discovery-item svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.website-view #main{max-width:none;padding:0;margin:0;overflow:hidden}.website-chrome{background:#FFFCF6}
.adventure-hero{text-align:center;position:relative;padding-top:35px;isolation:isolate}
.hero-note{font-size:12px;color:#386965;display:inline-flex;align-items:center;gap:8px;font-weight:650;margin-bottom:23px;letter-spacing:.025em}.hero-note>span{width:7px;height:7px;background:var(--teal);border-radius:50%}
.adventure-hero h1{font-size:clamp(44px,6vw,76px);line-height:1.02;letter-spacing:-.055em;position:relative;z-index:1}.adventure-hero h1 em{color:var(--teal);font-style:normal}
.adventure-intro{font-size:17px;line-height:1.55;color:#536e69;margin:20px auto 0;max-width:540px}
.adventure-start{position:relative;z-index:2;margin:25px auto 0}.site-start{display:inline-flex;gap:12px;align-items:center;justify-content:center;padding:17px 26px;min-height:62px;border-radius:100px;background:var(--teal);color:white;text-decoration:none;font-size:17px;font-weight:800;box-shadow:0 5px 0 #0b5c58;transition:background .2s,transform .2s}.site-start>svg:first-child{width:18px;fill:currentColor;stroke-width:0}.site-start>svg:last-child{margin-left:8px}.site-start:hover{background:#09645f;transform:translateY(-2px)}.site-start:active{transform:translateY(2px)}.adventure-start>p{margin-top:16px;font-size:11px;color:#62756d;letter-spacing:.02em}
.family-stage{height:395px;max-width:1160px;position:relative;margin:10px auto 0;isolation:isolate}.hero-family{position:relative;z-index:3;height:390px;width:620px;max-width:80%;object-fit:contain;display:block;margin:auto;filter:drop-shadow(0 6px 0 #173c3605)}
.stage-hill{position:absolute;z-index:-1;background:#E8F1E6;border-radius:50% 50% 0 0;bottom:4px}.hill-back{width:100%;height:235px;left:0;background:#eaf2e7;border-radius:60% 65% 0 0/90% 90% 0 0}.hill-front{width:70%;height:110px;right:-12%;background:#deebd9;border-radius:85% 50% 0 0}.stage-sun{position:absolute;width:82px;height:82px;border-radius:50%;background:#F6DE8D;right:21%;top:40px;z-index:-2}.stage-cloud{position:absolute;width:100px;height:22px;background:#E8EEEA;border-radius:100px;z-index:-2}.stage-cloud:before,.stage-cloud:after{content:'';position:absolute;background:inherit;border-radius:50%}.stage-cloud:before{width:40px;height:40px;bottom:0;left:15px}.stage-cloud:after{width:50px;height:50px;bottom:0;right:12px}.cloud-left{left:11%;top:100px;opacity:.65}.cloud-right{right:5%;top:145px;transform:scale(.75);opacity:.7}
.hello-note{position:absolute;z-index:4;background:white;border:1px solid #e0e9df;border-radius:22px 22px 4px 22px;padding:13px 23px;font-size:23px;font-weight:850;color:var(--dark);box-shadow:0 5px 0 #173c3605}.hello-one{top:105px;left:18%;transform:rotate(-9deg)}.hello-two{right:19%;top:175px;transform:rotate(8deg);background:#fcf0ca;border-radius:22px 22px 22px 4px}.hero-under{display:flex;align-items:center;justify-content:center;gap:24px;position:relative;background:#E8F1E6;padding:20px;font-size:12px;color:#4f6960}.tiny-star{font-size:17px;color:var(--teal)}
.site-section{max-width:1130px;margin:0 auto;padding:100px 32px}.section-heading{max-width:680px;margin:0 auto;text-align:center}.section-kicker{text-transform:uppercase;font-weight:750;font-size:11px;letter-spacing:.14em;color:var(--teal);display:block;margin-bottom:17px}.section-heading h2,.how-copy h2,.parents-section h2,.closing-adventure h2{font-size:clamp(32px,3.6vw,46px);letter-spacing:-.04em;line-height:1.1}.section-heading>p{font-size:16px;color:#596e66;line-height:1.75;max-width:620px;margin:22px auto 0}
.family-names{display:grid;grid-template-columns:repeat(4,1fr);margin-top:47px;gap:30px}.family-names article{position:relative;padding:25px 0 0;border-top:2px solid #cfdfd3}.family-number{position:absolute;right:0;top:29px;font-size:11px;color:#809489}.family-names h3{font-size:28px;color:var(--teal)}.family-role{font-size:12px;font-weight:750;display:block;margin-top:5px;color:#526a61}.family-names p{font-size:13px;line-height:1.75;color:#607369;margin-top:15px;max-width:220px}
.discovery-section{background:#F5F0E6;padding:77px max(24px,calc((100vw - 1066px)/2)) 65px;text-align:center}.discovery-pictures{display:grid;grid-template-columns:repeat(4,1fr);gap:21px;margin:39px auto 25px;max-width:1066px}.discovery-item{text-align:left;text-decoration:none;display:block;min-width:0;color:var(--ink)}.discovery-art{display:flex;height:200px;align-items:center;justify-content:center;border-radius:42% 42% 20px 20px;overflow:hidden;transition:transform .2s}.discovery-item:hover .discovery-art{transform:translateY(-5px)}.discovery-peach .discovery-art{background:#FBE4D4}.discovery-yellow .discovery-art{background:#FCF0CA}.discovery-mint .discovery-art{background:#DDEFE6}.discovery-pink .discovery-art{background:#F8E3E6}.discovery-art img{width:78%;height:84%;object-fit:contain}.discovery-item>span:last-child{display:flex;align-items:center;justify-content:space-between;margin-top:17px;font-weight:800;font-size:17px}.discovery-item svg{width:17px;color:var(--teal)}.number-sprouts{gap:3px;padding:20px}.number-sprouts b{font-size:80px;color:#247b70;line-height:1}.number-sprouts b:nth-child(2){transform:translateY(-18px);color:#bd793b}.number-sprouts b:nth-child(3){transform:translateY(8px);color:#8a647e}.site-text-link{display:inline-flex;align-items:center;gap:12px;font-weight:750;font-size:14px;text-underline-offset:6px;min-height:44px}.discovery-section>.site-text-link{margin-top:9px}
.how-section{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.how-illustration{height:470px;background:#E9F0E5;border-radius:47% 47% 20px 20px;position:relative;display:flex;align-items:end;justify-content:center;padding:50px 16px 25px}.how-illustration img{width:58%;height:320px;object-fit:contain;position:relative;z-index:1}.how-illustration img:last-child{width:43%;height:245px;margin-left:-5%;margin-bottom:7px}.how-speech{position:absolute;left:50%;top:43px;transform:translateX(-50%) rotate(-5deg);background:#FFFCF6;box-shadow:0 4px 0 #243d4008;border-radius:30px 30px 30px 2px;padding:17px 28px;white-space:nowrap;color:var(--teal);text-align:center;line-height:1.3;font-size:24px;font-weight:850}.how-copy h2{font-size:40px}.learning-steps{list-style:none;margin:30px 0;padding:0;display:grid;gap:26px}.learning-steps li{display:flex;gap:17px}.learning-steps li>span{width:32px;height:32px;flex:none;background:#e5eee2;border-radius:50%;display:grid;place-items:center;color:var(--teal);font-size:13px;font-weight:800}.learning-steps h3{font-size:17px;letter-spacing:-.02em;padding-top:3px}.learning-steps p{font-size:14px;color:#607368;line-height:1.7;margin-top:6px}.how-copy .site-start{font-size:15px;min-height:54px;padding:14px 20px}
.parents-section{max-width:1130px;margin:auto;padding:70px 32px 90px;display:grid;grid-template-columns:1fr 1fr;gap:85px;border-top:1px solid #dfe7da}.parents-section h2{font-size:35px}.parents-section>div>p{color:#607368;font-size:14px;line-height:1.85;margin-top:22px}.parents-section .site-text-link{margin-top:22px}.parent-questions details{border-bottom:1px solid #dce5d9;padding:21px 0}.parent-questions details:first-child{padding-top:5px}.parent-questions summary{font-size:15px;font-weight:750;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px}.parent-questions summary::-webkit-details-marker{display:none}.parent-questions summary:after{content:'+';font-size:24px;font-weight:400;color:var(--teal)}.parent-questions details[open] summary:after{content:'−'}.parent-questions p{font-size:14px;color:#607368;margin-top:10px;line-height:1.8}.parent-questions summary:focus-visible{outline:3px solid #A85E27;outline-offset:5px}
.closing-adventure{background:#DDEFE6;padding:68px 24px 73px;text-align:center;border-radius:50% 50% 0 0/12% 12% 0 0}.closing-adventure h2{font-size:48px}.closing-adventure .site-start{margin-top:29px}.closing-adventure>p{font-size:13px;color:#4f7061;margin-top:24px}
#footer{display:block;max-width:1130px;margin:0 auto;padding:50px 32px 22px;border-top:0}.site-footer-top{display:grid;grid-template-columns:1.7fr 1fr 1fr 1.3fr;gap:25px;align-items:start;padding-bottom:35px}.site-footer-brand img{width:170px;height:65px;object-fit:contain;margin:-12px 0 10px}.site-footer-top h2{font-size:12px;letter-spacing:0;color:var(--ink);margin-bottom:14px}.site-footer-top a{display:block;min-height:36px;font-size:12px;text-decoration:none;color:#4c665d;padding:7px 0;overflow-wrap:anywhere}.site-footer-top a:hover{text-decoration:underline;text-underline-offset:4px}.site-footer-top p{font-size:12px;color:#65776d;line-height:1.8;margin-top:9px}.site-footer-brand>a{padding:0}.site-footer-brand p{margin-top:0}.site-footer-bottom{border-top:1px solid #e1e8dc;padding-top:20px;display:flex;justify-content:space-between;gap:25px;font-size:10px;line-height:1.7;color:#65776d}.site-legal{padding:20px 0 70px}.site-legal h1{margin:26px 0 20px}.site-back{display:inline-block;font-size:14px;font-weight:600;min-height:44px;padding:12px 0;text-decoration:none}.site-legal .legal-lead{font-size:18px;color:#496459}.site-legal .legal-date{font-size:12px}.legal-pending{background:#fcf0ca;padding:15px 18px;border-radius:15px}
@media(min-width:1440px){.adventure-hero{padding-top:40px}.family-stage{height:420px}.hero-family{height:415px}}
@media(max-width:900px){.site-nav{gap:18px}.website-chrome #header{padding:16px 26px}.site-brand img{width:160px;height:62px}.site-nav a{font-size:12px}.site-header-play{font-size:12px;padding:10px 15px}.family-names{gap:22px;grid-template-columns:repeat(2,1fr)}.family-names p{max-width:none}.site-section{padding:65px 28px}.how-section,.parents-section{gap:35px}.how-illustration{height:400px}.how-illustration img{height:280px}.how-illustration img:last-child{height:210px}.how-speech{font-size:21px}.how-copy h2{font-size:34px}.parents-section{padding:55px 28px 65px}.parents-section h2{font-size:30px}.discovery-art{height:160px}.discovery-item>span:last-child{font-size:14px}.number-sprouts b{font-size:62px}.hello-one{left:12%}.hello-two{right:12%}.site-footer-top{grid-template-columns:1.4fr 1fr 1fr;gap:28px}.site-footer-top>div:last-child{grid-column:2/4}}
@media(max-width:600px){.website-chrome #header{padding:12px 18px;min-height:77px;gap:12px}.site-brand img{width:143px;height:54px}.site-nav{display:none}.site-header-play{font-size:11px;padding:10px 13px;min-height:43px;gap:5px}.site-header-play svg{width:15px}.adventure-hero{padding-top:25px}.hero-note{font-size:10px;gap:6px;margin-bottom:20px;padding:0 10px}.adventure-hero h1{font-size:clamp(31px,10vw,60px);line-height:1.04;padding:0 12px}.adventure-intro{font-size:14px;line-height:1.7;margin-top:17px;padding:0 20px}.adventure-start{margin-top:22px}.site-start{font-size:15px;min-height:58px;padding:15px 23px}.adventure-start>p{font-size:9px;padding:0 10px;margin-top:14px}.family-stage{height:280px;margin-top:15px}.hero-family{width:400px;height:275px;max-width:95%}.hill-back{width:120%;left:-10%;height:175px}.hill-front{height:65px}.stage-sun{width:52px;height:52px;right:15%;top:17px}.cloud-left{left:4%;top:79px;transform:scale(.6)}.cloud-right{right:-4%;top:102px;transform:scale(.55)}.hello-note{font-size:15px;padding:8px 14px;border-radius:15px 15px 4px 15px}.hello-one{left:5%;top:72px}.hello-two{right:4%;top:148px}.hero-under{gap:7px;flex-wrap:wrap;padding:16px 20px;font-size:10px}.hero-under .tiny-star{font-size:12px}.site-section{padding:60px 22px}.section-kicker{font-size:9px;letter-spacing:.13em;margin-bottom:15px}.section-heading h2{font-size:32px}.section-heading>p{font-size:14px;margin-top:18px}.family-names{gap:28px 24px;margin-top:30px}.family-names article{padding-top:20px}.family-number{top:22px;font-size:9px}.family-names h3{font-size:25px}.family-role{font-size:10px}.family-names p{font-size:12px;line-height:1.8;margin-top:11px}.discovery-section{padding:55px 22px 45px}.discovery-pictures{grid-template-columns:repeat(2,1fr);gap:27px 17px;margin-top:30px}.discovery-art{height:150px}.discovery-item>span:last-child{font-size:14px;margin-top:12px}.number-sprouts b{font-size:62px}.how-section{grid-template-columns:1fr;gap:35px}.how-illustration{max-width:390px;width:100%;margin:auto;height:340px;padding-bottom:18px}.how-illustration img{height:230px}.how-illustration img:last-child{height:180px}.how-speech{top:25px;font-size:19px;padding:13px 21px}.how-copy h2{font-size:35px}.learning-steps{gap:24px}.learning-steps p{font-size:13px}.parents-section{padding:50px 22px 60px;grid-template-columns:1fr;gap:25px}.parents-section h2{font-size:32px}.parents-section>div>p{font-size:13px}.parent-questions summary{font-size:14px}.parent-questions p{font-size:13px}.closing-adventure{padding:55px 22px 60px}.closing-adventure h2{font-size:38px}.closing-adventure>p{font-size:12px}#footer{margin:0;padding:38px 22px 20px}.site-footer-top{grid-template-columns:1fr 1fr;gap:29px 20px}.site-footer-brand{grid-column:1/-1}.site-footer-brand img{width:160px;height:60px;margin-bottom:1px}.site-footer-top>div:last-child{grid-column:1/-1}.site-footer-top a{font-size:12px;min-height:40px}.site-footer-bottom{flex-direction:column;gap:8px;font-size:9px}.site-legal{padding-bottom:40px}.site-legal h1{font-size:36px}.site-legal .legal-lead{font-size:16px}}

/* Official Poppa Bear social profiles. */
.site-socials{display:flex;flex-wrap:wrap;gap:16px;margin-top:17px}
.site-socials .social-link{display:inline-flex;align-items:center;gap:7px;color:#4c665d;font-size:12px;font-weight:700;min-height:44px}
.site-socials .social-link svg{width:21px;height:21px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.site-socials .social-link .social-dot,.site-socials .social-link .social-play{fill:currentColor;stroke:none}
.site-socials .social-link small{display:block;font-size:10px;font-weight:400;color:#66776d;line-height:1.6}

.site-socials .social-link:hover{color:var(--teal)}
.site-socials .social-link:focus-visible{outline:3px solid #A85E27;outline-offset:4px;border-radius:4px}
