/* November 2026: approved 2D product stories. Copy lives outside artwork. */
/* Refreshed raster snippets keep the original cards and their motion. */
.screen-open:has(img[data-product-snippet]){background:transparent;border:0;box-shadow:none}
img[data-product-snippet]{object-fit:contain!important;object-position:center!important}
.screen-open>img[data-product-snippet]{width:100%;height:auto!important;aspect-ratio:3/2;transform:none!important}
.feature-art:has(img[data-product-snippet]){padding:12px;background:linear-gradient(125deg,#e9faf3,#fff 52%,#fff0e6)!important;border-color:#edf3ef;box-shadow:none}
.feature-art .screen-figure:has(img[data-product-snippet]){rotate:0deg;box-shadow:none;background:transparent}
.feature-stories:has(img[data-product-snippet]){background:#fff}
.feature-art:has(img[data-product-snippet]) .screen-open{border:0;box-shadow:none;border-radius:16px}
.feature-art:has(img[data-product-snippet]) .feature-chips{margin:4px 0 14px}
.screen-figure:has(img[data-product-snippet]){background:linear-gradient(125deg,#e9faf3,#fff 52%,#fff0e6);border-radius:24px;overflow:hidden}
.ps-hero{padding:160px 0 0;background:#fff;color:#163b32}
.ps-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:48px}
.ps-hero h1{font-size:clamp(2.8rem,4.2vw,4.1rem);line-height:1.09;letter-spacing:-.055em;margin:24px 0}
.ps-hero h1 em{font-style:normal;color:#137d67}
.ps-hero-description{font-size:1.1rem;line-height:1.75;color:#526b62;max-width:520px}
.ps-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin:28px 0 18px}
.ps-availability{font-size:.78rem;line-height:1.6;color:#647c70}
.ps-art{min-width:0;margin:0;background:linear-gradient(125deg,#e9faf3 0%,#fff 52%,#fff0e6 100%);border-radius:26px;border:1px solid #edf3ef;overflow:hidden}
.ps-image{display:block;position:relative;width:100%;padding:16px;background:transparent;cursor:zoom-in;border-radius:26px}
.ps-image img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:contain;transform:none!important;filter:none!important;opacity:1!important}
.ps-zoom{position:absolute;bottom:12px;right:12px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #d8e8df;font-size:18px;color:#386958;opacity:0;transition:opacity .2s}
.ps-image:hover .ps-zoom,.ps-image:focus-visible .ps-zoom{opacity:1}
.ps-benefits{display:flex;justify-content:center;gap:60px;flex-wrap:wrap;padding:32px 0;margin-top:34px;border-top:1px solid #e1ede5;border-bottom:1px solid #e1ede5;font-size:.85rem;color:#436557}
.ps-benefits span:before{content:'✓';color:#16836b;margin-right:12px}
.ps-section{padding:64px 0;background:#fff;color:#163b32;scroll-margin-top:115px}
.ps-intro{max-width:760px;margin:0 auto 70px;text-align:center}
.ps-intro h2{font-size:clamp(2rem,3.3vw,3.1rem);line-height:1.14;letter-spacing:-.045em;margin:18px 0}
.ps-intro>p:last-child{font-size:1.05rem;line-height:1.7;color:#597066;margin:auto;max-width:630px}
.ps-row{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:center;scroll-margin-top:118px}
.ps-row+.ps-row{margin-top:90px}
.ps-row.ps-reverse{grid-template-columns:1.2fr 1fr}
.ps-reverse .ps-copy{order:2}
.ps-copy h2{font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.13;letter-spacing:-.045em;margin:18px 0}
.ps-copy>p:not(.eyebrow){font-size:1.06rem;line-height:1.8;color:#526b62;max-width:530px}
.ps-copy .quiet-link{margin-top:24px;color:#116e5c;border-bottom:1px solid #a9d7c8;padding-bottom:5px}
.ps-process{padding:40px 0 28px;background:#fff;scroll-margin-top:120px}
.ps-process ol{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;list-style:none;margin:24px 0 0;padding:0}
.ps-process li{padding:22px;border-left:2px solid #b7e7d8;background:linear-gradient(120deg,#f0fbf6,#fff);border-radius:0 12px 12px 0}
.ps-process strong{display:block;font-family:var(--heading);font-size:1.25rem;margin-bottom:9px}
.ps-process span{display:block;color:#567367;font-size:.95rem;line-height:1.6}
.home-page:has(.ps-hero){background:#fff}
.image-dialog:has(img[src*="product-stories"]){background:linear-gradient(125deg,#ecfbf5,#fff 52%,#fff0e6)}
.image-dialog img[src*="product-stories"]{width:auto;max-width:100%;max-height:82vh;object-fit:contain}
@media(min-width:1600px){.ps-hero-grid{gap:60px}.ps-row{gap:80px}}
@media(max-width:1050px){.ps-hero-grid{gap:30px;grid-template-columns:1fr 1fr}.ps-row,.ps-row.ps-reverse{gap:32px;grid-template-columns:1fr 1.1fr}.ps-benefits{gap:25px}.ps-image{padding:10px}}
@media(max-width:760px){.ps-hero{padding-top:130px}.ps-hero-grid,.ps-row,.ps-row.ps-reverse{display:flex;flex-direction:column;gap:28px;align-items:stretch}.ps-hero h1{font-size:2.6rem;letter-spacing:-.05em}.ps-hero-description{font-size:1rem}.ps-hero .ps-art{margin-top:10px}.ps-reverse .ps-copy{order:0}.ps-section{padding:44px 0}.ps-row+.ps-row{margin-top:62px}.ps-intro{margin-bottom:40px;text-align:left}.ps-copy h2{font-size:2rem}.ps-copy>p:not(.eyebrow){font-size:1rem;line-height:1.75}.ps-benefits{display:grid;gap:12px;justify-content:start;padding:25px 0;margin-top:26px}.ps-process ol{grid-template-columns:1fr;gap:12px}.ps-process{padding:25px 0}.ps-process li{padding:16px 20px}.ps-art,.ps-image{border-radius:19px}.ps-zoom{opacity:1;bottom:8px;right:8px}.ps-actions{gap:20px}.ps-intro h2{font-size:2rem}}
@media(prefers-reduced-motion:reduce){.ps-zoom{transition:none}}
