.piet-page{--piet-ink:#203d4c;--piet-green:#3f6552;--piet-cream:#fbf7ed;--piet-line:#c8d7c9;background:var(--piet-cream);color:var(--piet-ink)}.piet-page h1,.piet-page h2{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.04em;line-height:1.08}.piet-page h2{font-size:clamp(32px,4.2vw,52px)}.piet-page nav [aria-current]{border-color:var(--piet-green)}.piet-eyebrow{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px;color:var(--piet-green)}.piet-hero{padding:68px 0 82px;background:linear-gradient(120deg,#f9f4e5 0%,#edf4e8 100%);border-top:1px solid var(--piet-line)}.piet-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.piet-hero h1{font-size:clamp(52px,6.8vw,82px);margin:0}.piet-hero h1 span{display:block;color:var(--piet-green)}.piet-tagline{font-size:clamp(24px,2.7vw,34px);font-weight:800;line-height:1.3;margin:25px 0}.piet-intro{font-size:20px;max-width:610px;margin-bottom:20px}.piet-age{display:inline-block;border-left:3px solid #c68045;padding-left:14px;font-size:16px;font-weight:700}.piet-primary{background:var(--piet-green,#3f6552);color:#fff;border-radius:12px;gap:14px}.piet-primary:hover{background:#2d4b3c}.piet-portrait{margin:0;text-align:center}.piet-portrait img{width:100%;border-radius:48% 48% 34% 34%;border:9px solid #fff;box-shadow:0 18px 45px #36564218}.piet-portrait figcaption{font-family:Georgia,serif;font-style:italic;font-size:22px;margin-top:16px}.piet-song{padding:80px 0 90px;background:#fff;scroll-margin-top:24px}.piet-song-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:start;margin-bottom:32px}.piet-song-heading h2{margin:0}.piet-song-heading p{font-size:20px;margin:0}.piet-video{position:relative;display:block;overflow:hidden;border-radius:22px;background:#203d4c;box-shadow:0 16px 40px #172d3c18}.piet-video img{width:100%;aspect-ratio:16/9;object-fit:cover}.piet-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:80px;height:80px;padding-left:4px;border-radius:50%;background:#fff;color:#3f6552;font-size:30px;box-shadow:0 5px 25px #203d4c30}.piet-video-label{position:absolute;bottom:20px;left:20px;right:20px;display:flex;justify-content:space-between;gap:15px;background:#203d4ce8;color:#fff;padding:16px 22px;border-radius:12px;font-weight:800;font-size:18px}.piet-video:hover .piet-play{background:#e6f0e5}.piet-video-note{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-top:18px}.piet-video-note p{font-size:14px;color:#536467;margin:0;max-width:620px}.piet-video-note a{font-size:15px;white-space:nowrap}.piet-story{padding:90px 0;background:#edf3e8}.piet-story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.piet-prose{font-size:20px}.piet-prose p:first-child{margin-top:0}.piet-quote{padding:20px 0 20px 24px;border-left:4px solid #c68045;font:italic 24px/1.5 Georgia,serif;margin:30px 0 0}.piet-quote small{display:block;font:14px/1.5 Arial,sans-serif;margin-top:12px}.piet-parents{padding:90px 0;scroll-margin-top:24px}.piet-parent-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}.piet-parent-grid>div>p:not(.piet-eyebrow){font-size:19px}.piet-faq details{border-top:1px solid #b9cbb9;padding:20px 0}.piet-faq details:last-child{border-bottom:1px solid #b9cbb9}.piet-faq summary{cursor:pointer;font-size:20px;font-weight:700;padding-right:10px}.piet-faq p{margin:15px 0 5px;font-size:17px}.piet-faq summary:focus-visible{outline:3px solid #c68045;outline-offset:4px}.piet-signoff{padding:54px 0 68px;background:#e7eff2}.piet-signoff .wrap{display:flex;align-items:center;gap:45px}.piet-signoff img{width:150px;height:150px;object-fit:cover;border-radius:50%;flex-shrink:0}.piet-signoff h2{font-size:clamp(26px,3vw,36px);margin-bottom:25px}.piet-signoff .piet-eyebrow{margin-bottom:12px}.piet-teaser{padding:78px 0;background:#edf3e8}.piet-teaser .wrap{display:grid;grid-template-columns:230px 1fr;gap:60px;align-items:center}.piet-teaser img{width:230px;border-radius:50%;border:6px solid #fff}.piet-teaser h2{font-size:clamp(34px,4vw,50px);margin-bottom:18px}.piet-teaser p{max-width:720px;font-size:20px}.piet-teaser .kicker{color:#3f6552}.piet-teaser .button{width:auto;background:#3f6552;color:#fff;border-radius:12px}.piet-teaser .button:hover{background:#2d4b3c}
@media(max-width:900px){.piet-hero-grid{gap:40px;grid-template-columns:1.1fr .9fr}.piet-hero h1{font-size:58px}.piet-story-grid,.piet-parent-grid{gap:40px}.piet-song-heading{gap:30px}.piet-page .actions{gap:20px}.piet-video-note{align-items:flex-start;flex-direction:column;gap:12px}}
@media(max-width:650px){.piet-page .top{gap:18px}.piet-page .logo{width:142px;flex-shrink:0}.piet-page nav{font-size:14px}.piet-hero{padding:42px 0 54px}.piet-hero-grid{grid-template-columns:1fr;gap:36px}.piet-hero h1{font-size:54px}.piet-tagline{font-size:27px;margin-top:20px}.piet-portrait{width:min(82%,350px);margin:auto}.piet-hero .actions{margin-top:25px}.piet-intro{font-size:19px}.piet-song,.piet-story,.piet-parents{padding:56px 0}.piet-song-heading,.piet-story-grid,.piet-parent-grid{grid-template-columns:1fr;gap:25px}.piet-song-heading p,.piet-prose{font-size:18px}.piet-video-label{left:10px;right:10px;bottom:10px;padding:10px 12px;font-size:14px}.piet-play{width:58px;height:58px;font-size:22px}.piet-video{border-radius:14px}.piet-faq summary{font-size:18px}.piet-signoff .wrap{align-items:flex-start;gap:22px;flex-direction:column}.piet-signoff img{width:100px;height:100px}.piet-teaser{padding:55px 0}.piet-teaser .wrap{grid-template-columns:1fr;gap:28px}.piet-teaser img{width:150px}.piet-teaser p{font-size:18px}.piet-teaser .button{width:100%}}
@media(max-width:650px){.piet-page .top{flex-direction:column;align-items:center;gap:14px;padding:16px 0}.piet-page .logo{width:150px}.piet-page nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 17px;text-align:center}.piet-hero{padding-top:30px}.piet-hero-grid{gap:24px}.piet-portrait{grid-row:1;width:190px}.piet-portrait img{border-width:5px}.piet-portrait figcaption{display:none}.piet-hero h1{font-size:48px}.piet-tagline{font-size:25px}.piet-intro{font-size:18px}}

.piet-catalog-intro{font-size:20px;max-width:780px;margin:20px 0 38px}.piet-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.piet-song-card{background:var(--piet-cream);border:1px solid #dbe3d7;border-radius:20px;overflow:hidden;scroll-margin-top:24px}.piet-song-card .piet-video{border-radius:0;box-shadow:none}.piet-song-card .piet-play{width:62px;height:62px;font-size:25px}.piet-song-card .piet-video-label{left:12px;right:12px;bottom:12px;padding:11px 14px;font-size:15px}.piet-card-body{padding:26px}.piet-card-body h3{font-size:27px;line-height:1.2;margin:0 0 20px;color:var(--piet-ink)}.piet-card-body .piet-eyebrow{font-size:12px;margin-bottom:14px}.piet-card-body p{font-size:17px;line-height:1.6}.piet-card-intro{font-weight:700}.piet-description{border-top:1px solid var(--piet-line);padding-top:17px;margin-top:22px}.piet-description summary{cursor:pointer;font-size:15px;font-weight:700}.piet-description p{font-size:15px}.piet-description summary:focus-visible{outline:3px solid #c68045;outline-offset:4px}@media(max-width:650px){.piet-catalog{grid-template-columns:1fr;gap:26px}.piet-card-body{padding:23px}.piet-card-body h3{font-size:26px}.piet-catalog-intro{font-size:18px}}

.piet-pilots{padding:72px 0 80px;background:#edf3e8;scroll-margin-top:24px}.piet-pilots h2{margin:0}.piet-pilot-lead{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;background:#fff;border:1px solid #c8d7c9;border-radius:22px;overflow:hidden;margin-bottom:28px}.piet-pilot-lead .piet-video{border-radius:0;box-shadow:none}.piet-pilot-lead h3{font-size:clamp(27px,3vw,38px)}.piet-pilot-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px}.piet-feeling{aspect-ratio:16/9;background:#203d4c;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:32px}.piet-feeling p{font:italic clamp(22px,2.5vw,31px)/1.45 Georgia,serif;margin:0 0 20px}.piet-feeling small{color:#e3eadc;font-size:14px}.piet-pilot-note{font-size:15px;max-width:850px;margin:24px 0 0}.piet-pilots a:focus-visible{outline:3px solid #c68045;outline-offset:4px}@media(max-width:750px){.piet-pilot-lead,.piet-pilot-pair{grid-template-columns:1fr}.piet-pilots{padding:50px 0}.piet-feeling p{font-size:26px}.piet-pilot-lead .piet-card-body{padding:25px}}