/* public-detail-base.css: generated once from the owner-approved Codex prototype (outputs/pianoplanner-homepage-feitelijk, design-time css/home.css @ 7c393527) and maintained here. Scoped to .pp-public pages; see docs/PUBLIC_PAGES_CHANGE_IMPACT.md. */
.pp-public :where(.public-page) h1,.pp-public :where(.public-page) h2,.pp-public :where(.public-page) h3,.pp-public :where(.public-page) p,.pp-public :where(.public-page) figure{margin:0}
.pp-public :where(.public-page) em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--green)}
.pp-public :where(.public-page) .eyebrow{font-size:10px;font-weight:650;letter-spacing:2.2px;line-height:1.6;color:#627258}
.pp-public :where(.public-page) h1{font-size:clamp(72px,8.8vw,125px);line-height:.98;letter-spacing:-7px;font-weight:500;margin-top:32px}
.pp-public :where(.public-page) .text-button{display:inline-flex;gap:10px;align-items:center;border:0;border-bottom:1px solid #7c887255;padding:9px 0;background:none;font-size:12px;font-weight:550;cursor:pointer}
.pp-public :where(.public-page) .text-button svg{width:15px;height:15px}
.pp-public :where(.public-page) .text-button:hover{color:var(--plum)}
.pp-public :where(.public-page) h2{font-size:clamp(38px,4.4vw,62px);font-weight:500;line-height:1.1;letter-spacing:-2.8px}
@media(max-width:1000px){.pp-public :where(.public-page) h1{font-size:90px}}
@media(max-width:650px){.pp-public :where(.public-page) .eyebrow{font-size:8px;letter-spacing:1.5px}.pp-public :where(.public-page) h1{font-size:65px;letter-spacing:-3.8px;margin-top:25px}.pp-public :where(.public-page) h2{font-size:38px;letter-spacing:-1.7px}}
.pp-public #feature-viewer{--ink:#302a23;--muted:#675b4d;--paper:#fcfaf6;--sage:#f0ede9;--plum:#775f44;--green:#705d48;--line:#e3ded8}
.pp-public #feature-viewer{border:1px solid #d9e0d2;border-radius:15px;padding:0;color:var(--ink)}.pp-public #feature-viewer::backdrop{background:#18241dcc;backdrop-filter:blur(7px)}