pp-root{--color-background: #f7f3ed;--color-surface: #ffffff;--color-surface-muted: rgba(255, 255, 255, .92);--color-primary: #c24b36;--color-primary-dark: #8d2f25;--color-secondary: #f4b942;--color-text: #2f2420;--color-muted: #6c5f58;--border-radius: 1.25rem;--content-max-width: 1100px;display:block;background:radial-gradient(circle at top left,#fff6e9,#f7f3ed 55%,#f1e9ff);color:var(--color-text);font-family:Work Sans,Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.7;min-height:100vh}pp-root *,pp-root *:before,pp-root *:after{box-sizing:border-box}pp-root body{margin:0}pp-root a{color:inherit;text-decoration:none}pp-root a:hover{color:var(--color-primary)}pp-root .page{display:flex;flex-direction:column}pp-root .hero{padding:clamp(1.5rem,2vw,2.5rem) 1.5rem clamp(3rem,4vw,4rem)}pp-root .navigation{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;width:min(var(--content-max-width),100%);padding:.85rem 1.5rem;background:#ffffffbf;border-radius:999px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.7);position:sticky;top:1rem;z-index:10}pp-root .brand{font-weight:700;letter-spacing:.05em}pp-root .nav-links{display:flex;gap:1.25rem;font-weight:600;flex-wrap:wrap}pp-root .hero-layout{margin:clamp(2rem,5vw,4rem) auto 0;width:min(var(--content-max-width),100%);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(1.5rem,4vw,3.5rem);align-items:center}pp-root .hero-text h1{font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.1;margin:0}pp-root .hero-text p{color:var(--color-muted)}pp-root .eyebrow{text-transform:uppercase;letter-spacing:.18rem;font-size:.85rem;color:var(--color-primary);font-weight:600}pp-root .hero-actions{display:flex;flex-wrap:wrap;gap:1rem}pp-root .btn{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.6rem;border-radius:999px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}pp-root .btn.primary{background:var(--color-primary);color:#fff;box-shadow:0 15px 30px #ab3c2840}pp-root .btn.primary:hover{background:var(--color-primary-dark);transform:translateY(-2px)}pp-root .btn.sun{background:var(--color-secondary);color:#4b2700;box-shadow:0 15px 30px #f4b94266}pp-root .btn.sun:hover{background:#ffd477;transform:translateY(-2px)}pp-root .btn.outline{border-color:#2f242033;color:var(--color-text);background:transparent}pp-root .hero-stats{display:flex;gap:1.5rem;flex-wrap:wrap;margin:0;padding:0}pp-root .hero-stats dt{font-size:1.5rem;font-weight:700}pp-root .hero-stats dd{margin:0;color:var(--color-muted)}pp-root .hero-media{display:grid;gap:1rem}pp-root .hero-image{border-radius:var(--border-radius);overflow:hidden;margin:0;background:var(--color-surface);box-shadow:0 20px 40px #00000014}pp-root .hero-image img{width:100%;height:100%;display:block;object-fit:cover}pp-root .hero-image figcaption{font-size:.85rem;padding:.75rem 1.25rem;color:var(--color-muted)}pp-root .hero-media-stack{display:grid;gap:1rem}pp-root .hero-note{background:var(--color-primary);color:#fff;padding:1.25rem;border-radius:var(--border-radius);box-shadow:0 20px 35px #c24b364d}pp-root section{padding:clamp(2.5rem,5vw,4.5rem) 1.5rem}pp-root .section-header{width:min(760px,100%);margin:0 auto 2rem;text-align:center}pp-root .section-header h2{margin-bottom:.75rem;font-size:clamp(1.8rem,3vw,2.4rem)}pp-root .section-header p{color:var(--color-muted);margin:0 auto}pp-root .about{background:var(--color-surface)}pp-root .about-grid{display:grid;width:min(var(--content-max-width),100%);margin:0 auto;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}pp-root .about-grid article{background:var(--color-surface-muted);padding:1.5rem;border-radius:var(--border-radius);box-shadow:0 20px 35px #0000000d}pp-root .about-grid ul{padding-left:1.25rem;margin:0}pp-root .note{color:var(--color-primary);font-weight:600}pp-root .blog{background:transparent}pp-root .post-grid{display:grid;width:min(var(--content-max-width),100%);margin:0 auto;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}pp-root .post-card{background:var(--color-surface);border-radius:var(--border-radius);padding:1.75rem;box-shadow:0 30px 60px #00000012;display:flex;flex-direction:column;gap:.75rem}pp-root .post-category{text-transform:uppercase;font-size:.75rem;letter-spacing:.18rem;color:var(--color-secondary);font-weight:700}pp-root .post-card ul{padding-left:1rem}pp-root .post-card footer{display:flex;justify-content:space-between;flex-wrap:wrap;font-size:.9rem;color:var(--color-muted)}pp-root .news{background:#fffdf8}pp-root .news-grid{width:min(var(--content-max-width),100%);margin:0 auto;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}pp-root .news-card{background:var(--color-surface);border-radius:calc(var(--border-radius) - .25rem);padding:1.5rem;border:1px solid rgba(0,0,0,.04);box-shadow:0 20px 30px #0000000d}pp-root .news-meta{font-size:.85rem;color:var(--color-muted);font-weight:600}pp-root .comments{background:var(--color-surface)}pp-root .comment-layout{width:min(var(--content-max-width),100%);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}pp-root .comment-feed{display:flex;flex-direction:column;gap:1rem}pp-root .comment{background:#fff7f3;border-left:4px solid var(--color-primary);padding:1.25rem;border-radius:1rem;box-shadow:0 15px 30px #0000000d}pp-root .comment h3{margin-top:0}pp-root .comment time{font-size:.85rem;color:var(--color-muted)}pp-root .comment-form{background:var(--color-surface-muted);border-radius:var(--border-radius);padding:1.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 30px 60px #00000014}pp-root .comment-form label{display:flex;flex-direction:column;gap:.35rem;font-weight:600}pp-root .comment-form input,pp-root .comment-form textarea{border-radius:.75rem;border:1px solid rgba(0,0,0,.15);padding:.85rem 1rem;font:inherit;resize:vertical}pp-root .form-note{font-size:.85rem;color:var(--color-muted)}pp-root .site-footer{text-align:center;padding:2rem 1.5rem 3rem;color:var(--color-muted)}@media (max-width: 640px){pp-root .navigation{flex-direction:column}pp-root .nav-links{justify-content:center}}