.product-story{--story-ink:#24271e;--story-olive:#535e3c;--story-line:#d8dbcf;color:var(--story-ink);margin-top:clamp(64px,8vw,120px)}
.product-story-section{padding-block:clamp(44px,6vw,80px);border-top:1px solid var(--story-line)}
.product-story h2{font-size:clamp(28px,3.5vw,46px);line-height:1.12;letter-spacing:-.035em;max-width:23ch;margin:0 0 24px;font-weight:500;text-wrap:balance}
.product-story h3{font-size:19px;line-height:1.35;margin:0 0 12px;font-weight:600;letter-spacing:-.015em}
.product-story p{line-height:1.7;max-width:62ch;margin:0;color:#5b6153}
.product-story .product-story-lead{font-size:19px;max-width:54ch}
.product-story-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,56px);margin-top:44px}
.product-story-benefits article{padding-left:20px;border-left:2px solid #a7b38b}
.product-story-customization{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(32px,7vw,100px);align-items:start}
.product-story-customization .text-link{display:inline-flex;margin-top:24px;min-height:44px;align-items:center}
.product-story-options{background:#e9ecdf;padding:clamp(24px,4vw,40px);border-radius:8px}
.product-story-options ul{padding-left:20px;margin:20px 0;display:grid;gap:10px}
.product-story .product-story-note{font-size:13px;line-height:1.65;margin-top:24px}
.product-story-specs{margin:32px 0 0;max-width:850px}
.product-story-specs>div{display:grid;grid-template-columns:minmax(100px,1fr) 3fr;gap:24px;border-bottom:1px solid var(--story-line);padding-block:18px}
.product-story-specs dt{color:#656c5b;font-size:14px}.product-story-specs dd{margin:0;line-height:1.65;overflow-wrap:anywhere}
.product-story-photo-note{display:flex;gap:24px;align-items:flex-start;padding:32px;background:#eeefe8;border-radius:8px;margin-block:0 52px}
.product-story-photo-mark{font-size:32px;color:var(--story-olive);line-height:1}.product-story-photo-note h3{font-size:17px}.product-story-photo-note p{font-size:14px}
.product-story-process{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin:40px 0 0}
.product-story-step{display:block;color:var(--story-olive);font-size:14px;margin-bottom:22px;font-variant-numeric:tabular-nums}
.product-story-faq{max-width:900px;margin-top:32px}.product-story-faq details{border-bottom:1px solid var(--story-line)}
.product-story-faq summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;min-height:64px;padding-block:18px;font-size:17px;font-weight:500}
.product-story-faq summary::-webkit-details-marker{display:none}.product-story-faq summary::after{content:'+';flex-shrink:0;color:var(--story-olive);font-size:24px;font-weight:400;transition:transform 180ms ease-out}.product-story-faq details[open] summary::after{transform:rotate(45deg)}
.product-story-faq details>p{padding:0 32px 24px 0;font-size:15px}
.product-story-final{display:flex;align-items:center;justify-content:space-between;gap:32px;background:#20261b;color:#f6f5ef;padding:clamp(28px,5vw,64px);border-radius:10px;margin-block:16px 48px}
.product-story-final h2{max-width:19ch;margin-bottom:16px}.product-story-final p{color:#c8cebc}.product-story-final .button{background:#e6ebd9;color:#28311f;flex-shrink:0;text-align:center;transition:transform 150ms ease-out}.product-story-final .button:active{transform:scale(.98)}
.product-story :is(a,summary):focus-visible{outline:3px solid #7c894f;outline-offset:5px}.product-story-final a:focus-visible{outline-color:#e6ebd9}
.product-top-benefits{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin:4px 0 16px;color:#535e3c;font-size:13px}.product-top-benefits li::before{content:'✓';margin-right:7px}
@media(hover:hover) and (pointer:fine){.product-story-faq summary:hover{color:var(--story-olive)}.product-story-final .button:hover{transform:translateY(-2px)}}
@media(max-width:720px){.product-story-benefits,.product-story-process,.product-story-customization{grid-template-columns:1fr}.product-story-benefits{gap:28px;margin-top:32px}.product-story-process{gap:28px}.product-story-step{margin-bottom:10px}.product-story-final{align-items:flex-start;flex-direction:column}.product-story-final .button{width:100%}.product-story-photo-note{padding:24px;gap:16px}.product-story-specs>div{grid-template-columns:1fr;gap:5px}.product-story-faq summary{font-size:16px}.product-story h2{max-width:24ch}}
@media(prefers-reduced-motion:reduce){.product-story-faq summary::after,.product-story-final .button{transition:none}.product-story-final .button:hover,.product-story-final .button:active{transform:none}}
