/* A small creative ritual, in the existing PILUVI NUMI palette. */
.pn-moment-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:52px;align-items:center;padding-block:54px}
.pn-moment-hero>div{min-width:0}
.pn-moment-hero h1{font-size:clamp(42px,5vw,68px);line-height:1.08;letter-spacing:-.035em;margin:17px 0 24px;text-wrap:balance}
.pn-moment-hero p{font-size:17px;line-height:1.8;max-width:59ch}
.pn-moment-art{margin:0;padding:24px;background:#f8e9ef;border:1px solid #dfc5cf;border-radius:100px 100px 25px 25px}
.pn-moment-art img{display:block;width:100%;height:auto;border-radius:65px 65px 12px 12px}
.pn-moment-art figcaption{font-size:13px;line-height:1.6;text-align:center;margin-top:18px;color:#694a57}
.pn-moment-actions{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center;margin:25px 0}
.pn-moment-actions a,.pn-moment-actions button{min-height:46px;white-space:normal}
.pn-moment-section{padding-block:43px;scroll-margin-top:110px}
.pn-moment-section h2{font-size:clamp(31px,3.5vw,44px);line-height:1.18;letter-spacing:-.025em;text-wrap:balance;margin:12px 0 22px}
.pn-moment-section>p{max-width:76ch;font-size:16px;line-height:1.8}
.pn-moment-steps{list-style:none;counter-reset:moment;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;padding:0;margin:30px 0 0}
.pn-moment-steps li{counter-increment:moment;padding:26px;border:1px solid #dfc5cf;border-radius:22px;background:#fae8ef;min-width:0}
.pn-moment-steps li:nth-child(2){background:#edf0e3;border-color:#c8d3ba}
.pn-moment-steps li:nth-child(3){background:#fbefdf;border-color:#dfcdb4}
.pn-moment-steps li:before{content:'0' counter(moment);display:block;font-size:13px;letter-spacing:.15em;color:#75334e;margin-bottom:18px}
.pn-moment-steps h3{font:500 27px/1.2 Georgia,serif;margin:0 0 15px}
.pn-moment-steps p{font-size:15px;line-height:1.8;margin:0}
.pn-moment-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.pn-moment-products .product-img img{aspect-ratio:1;object-fit:contain}
.pn-moment-products .product-body p{min-height:0}
.pn-moment-products .product-body h3{font-size:25px}
.pn-moment-note{font-size:13px!important;color:#694a57}
.pn-moment-reading{padding:33px;border-radius:25px;background:#f8e9ef;border:1px solid #dfc5cf}
.pn-moment-reading p{max-width:77ch;line-height:1.8}
.pn-moment-share{border-top:1px solid #dfc5cf;padding-bottom:55px}
.pn-moment-share button{cursor:pointer;font:inherit}
.pn-moment-caption{max-width:68ch;border-left:3px solid #ab6e88;padding:14px 20px;margin:23px 0;background:#fffaf6;font-size:17px;line-height:1.7}
.pn-moment-share label{display:block;margin:18px 0;font-size:14px}
.pn-moment-share input{display:block;width:100%;max-width:650px;padding:13px;border:1px solid #9a7083;border-radius:10px;margin-top:8px;font:inherit;background:white;color:#573343}
.pn-moment-share [hidden]{display:none!important}
.pn-moment-status{min-height:1.7em;line-height:1.7;font-size:14px}
.pn-moment-teaser{display:flex;align-items:center;justify-content:space-between;gap:26px;padding:25px 29px;margin-block:15px 25px;background:#f8e9ef;border:1px solid #dfc5cf;border-radius:23px}
.pn-moment-teaser strong{display:block;color:#75334e;font:500 26px/1.2 Georgia,serif}
.pn-moment-teaser p{margin:9px 0 0;font-size:15px;line-height:1.7;max-width:65ch}
.pn-moment-teaser a{flex-shrink:0;white-space:normal}
.pn-moment-link{display:inline-flex;align-items:center;min-height:44px;font-weight:650;color:#75334e;text-underline-offset:4px}
.pn-moment-actions :focus-visible,.pn-moment-share button:focus-visible{outline:3px solid #75334e;outline-offset:4px}
@media(max-width:850px){.pn-moment-hero{grid-template-columns:1fr;gap:27px;padding-block:35px}.pn-moment-art{max-width:420px;justify-self:center}.pn-moment-steps,.pn-moment-products{grid-template-columns:1fr}.pn-moment-hero h1{max-width:18ch}.pn-moment-products .product-img{max-width:380px;margin-inline:auto;width:100%}.pn-moment-teaser{align-items:flex-start;flex-direction:column;gap:16px}.pn-moment-teaser a{width:100%;justify-content:center}}
@media(max-width:560px){.pn-moment-hero h1{font-size:42px}.pn-moment-art{padding:19px}.pn-moment-hero p{font-size:16px}.pn-moment-section{padding-block:32px}.pn-moment-steps li,.pn-moment-reading{padding:23px}.pn-moment-actions{align-items:stretch;flex-direction:column}.pn-moment-actions a,.pn-moment-actions button{justify-content:center;text-align:center}.pn-moment-teaser{padding:23px}.pn-moment-caption{padding-inline:15px}}
