/* QUINEAR Editorial Product Experience · restored main photos, uncropped image surfaces */
.product-insights{padding-top:clamp(70px,8vw,120px);padding-bottom:clamp(65px,8vw,110px);border-bottom:1px solid #cfdbce}
.pi-top{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(25px,6vw,90px);align-items:end;padding-bottom:38px}
.pi-title h2{font:600 clamp(45px,5.4vw,85px)/1.04 var(--display),sans-serif;letter-spacing:-.075em;margin:19px 0}
.pi-title h2 em{font:400 1em/1.05 var(--serif),Georgia,serif;letter-spacing:-.04em}
.pi-title>p{font-size:clamp(15px,1.3vw,18px);line-height:1.65;color:#5c705e;max-width:540px;margin:0}
.pi-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-items:stretch}
.pi-facts>div{background:#e7eee4;border:1px solid #cad7c9;padding:19px 15px;min-width:0;border-radius:10px;transition:transform .3s ease,box-shadow .3s ease}
.pi-facts>div:hover{transform:translateY(-4px);box-shadow:0 14px 30px #1e2c2514}
.pi-fact-icon{font-size:24px;color:var(--clay);display:block;margin-bottom:24px;line-height:1}
.pi-facts small{font-size:10px;letter-spacing:.12em;color:#758473;text-transform:uppercase;display:block;margin-bottom:6px}
.pi-facts strong{font:600 clamp(12px,1.1vw,16px)/1.25 var(--display),sans-serif;letter-spacing:-.025em;display:block}
.pi-layout{display:grid;grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);gap:clamp(18px,3vw,44px);align-items:stretch}
.pi-photo-card{min-width:0;background:#e6eee5;display:flex;flex-direction:column;justify-content:space-between;position:relative;border-radius:16px;padding:21px;overflow:hidden;min-height:520px}
.pi-photo-top,.pi-photo-bottom{display:flex;gap:14px;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.13em;font-weight:800;color:#3c5944;text-transform:uppercase}
.pi-photo-card>img{display:block;width:100%;height:clamp(300px,30vw,480px);object-fit:contain!important;object-position:center!important;margin:20px 0;transition:transform .55s cubic-bezier(.19,1,.22,1)}
.pi-photo-card:hover>img{transform:scale(1.025)}
.pi-photo-bottom{letter-spacing:.03em;font-size:12px;padding-top:12px;border-top:1px solid #bbcabc}
.pi-photo-bottom span:last-child{font-size:24px;color:var(--clay)}
.pi-interactive{min-width:0;border:1px solid #cbd8cb;border-radius:16px;background:#f8f8f1;padding:clamp(21px,3vw,42px);display:flex;flex-direction:column;min-height:520px}
.pi-interactive-top{display:flex;justify-content:space-between;gap:10px;color:#6c7e6d;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;padding-bottom:25px;border-bottom:1px solid #d8e0d4}
.pi-tabs{display:flex;gap:7px;flex-wrap:wrap;padding:23px 0 26px}
.pi-tab{flex:1 1 130px;min-height:46px;background:transparent;border:1px solid #d5dfd2;border-radius:9px;color:#57695a;display:flex;align-items:center;justify-content:center;gap:8px;font-size:10px;font-weight:800;letter-spacing:.055em;padding:10px;transition:background .2s,border .2s,color .2s,transform .2s}
.pi-tab span{font-size:18px;line-height:1;color:var(--clay)}
.pi-tab:hover{border-color:#a7b8a6;background:#edf3e9;transform:translateY(-1px)}
.pi-tab[aria-selected="true"]{background:#1e2c25;color:#fff;border-color:#1e2c25}
.pi-tab[aria-selected="true"] span{color:#e8a582}
.pi-panel{animation:piReveal .28s ease both;min-height:250px}
@keyframes piReveal{from{opacity:.45;transform:translateY(7px)}to{opacity:1;transform:none}}
.pi-panel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.pi-serial{font-size:10px;color:var(--clay);font-weight:800;letter-spacing:.12em}
.pi-panel h3{font:600 clamp(27px,2.8vw,44px)/1.08 var(--display),sans-serif;letter-spacing:-.06em;margin:0 0 23px}
.pi-checklist{display:grid;gap:12px;list-style:none;padding:0;margin:0 0 26px}
.pi-checklist li{position:relative;border-bottom:1px solid #e0e6da;padding:0 0 12px 28px;color:#374e3f;font-size:clamp(12px,1.2vw,15px);line-height:1.4}
.pi-checklist li:before{content:'✓';position:absolute;left:0;top:-2px;color:var(--clay);font-weight:900;font-size:17px}
.pi-more{border:1px solid #c9d8c8;background:#eaf0e8;border-radius:9px;margin-top:auto}
.pi-more summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 19px;font-size:12px;font-weight:800;color:#25412f;cursor:pointer}
.pi-more summary::-webkit-details-marker{display:none}.pi-more summary span{font-size:21px;color:var(--clay)}.pi-more[open] summary span{transform:rotate(45deg)}
.pi-more p{font-size:14px;line-height:1.8;color:#526758;padding:0 19px 18px;margin:0;max-width:72ch}
.pi-bottom{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:auto;padding-top:25px;color:#7b897b;font-size:11px}
.pi-bottom a{font-weight:700;color:#254c33;text-decoration:underline;text-underline-offset:5px}
.seo-deep-content .seo-copy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.seo-deep-content .seo-copy-card{padding:23px 24px;border:1px solid #cbd8ca;border-radius:12px;background:#e9eee6;transition:transform .25s,box-shadow .25s}
.seo-deep-content .seo-copy-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px #10261714}
.seo-accordion-no{color:#7a8c79;font-size:10px;letter-spacing:.17em;font-weight:800;margin-bottom:22px}
.seo-accordion summary{list-style:none;display:flex;align-items:start;justify-content:space-between;gap:12px;cursor:pointer}
.seo-accordion summary::-webkit-details-marker{display:none}
.seo-accordion-title{font:600 clamp(18px,2vw,28px)/1.19 var(--display);letter-spacing:-.045em;max-width:380px}
.seo-accordion-plus{display:flex;align-items:center;justify-content:center;border:1px solid #b7cbb5;border-radius:50%;font-size:23px;color:var(--clay);width:34px;height:34px;flex:0 0 34px;transition:transform .3s}
.seo-accordion[open] .seo-accordion-plus{transform:rotate(45deg)}
.seo-accordion-teaser{font-size:13px;line-height:1.6;color:#637464;margin-top:17px;margin-bottom:0}
.seo-accordion[open] .seo-accordion-teaser{display:none}
.seo-expanded{border-top:1px solid #c7d4c5;padding-top:17px;margin-top:19px}
.seo-expanded p{line-height:1.8;color:#425747;font-size:14px}
.qu-stars-only{left:18px;right:auto;bottom:18px;max-width:none;min-width:0;display:inline-flex;padding:8px 15px;border-radius:99px;min-height:0;justify-content:center;text-decoration:none}
.qu-stars-only .qu-star-icons{font-size:24px!important;color:#d47751;letter-spacing:1px!important;line-height:1.2}
.rv-method-link{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#57695b;text-decoration:underline;text-underline-offset:4px;margin-top:15px;font-weight:600}
/* Do not crop any product, lifestyle, article, testimonial or gallery image. */
main img:not(.brand img){object-fit:contain!important;object-position:center center!important}
/* Prevent image boxes collapsing and expose the complete photograph */
.tile-visual img,.editorial-picture img,.home-hero img,.hero-visual img,.lifestyle-grid img,.article-shop img,.photo-story img,.rv-photo-card img,.rv-photo-grid img{object-fit:contain!important;object-position:center!important}
@media(max-width:900px){.pi-top{grid-template-columns:1fr}.pi-layout{grid-template-columns:1fr}.pi-photo-card{min-height:320px}.pi-photo-card>img{height:clamp(290px,50vw,430px)}.pi-interactive{min-height:0}.pi-panel{min-height:0}}
@media(max-width:640px){.pi-facts{grid-template-columns:repeat(3,minmax(0,1fr))}.pi-facts>div{padding:14px 10px}.pi-fact-icon{margin-bottom:12px;font-size:20px}.pi-facts small{font-size:9px}.pi-facts strong{font-size:12px}.pi-title h2{font-size:clamp(42px,11vw,65px)}.pi-interactive-top{flex-direction:column}.pi-tab{font-size:9px;padding:9px 7px;flex:1 1 100px}.pi-tabs{gap:4px}.pi-tab span{font-size:13px}.pi-photo-card{padding:15px}.pi-photo-top{font-size:9px}.pi-bottom{flex-direction:column;align-items:start}.seo-deep-content .seo-copy-grid{grid-template-columns:1fr}.qu-stars-only{left:10px;bottom:10px;padding:6px 11px}.qu-stars-only .qu-star-icons{font-size:21px!important}}
@media(prefers-reduced-motion:reduce){.pi-panel{animation:none}.pi-tab,.pi-photo-card img,.seo-copy-card{transition:none}}


/* Let insight-card images show in full without clipping. */
.pi-photo-card{background:#e8efe6}
.pi-photo-card>img{height:auto!important;max-height:380px;align-self:center;background:transparent!important;object-fit:contain!important;object-position:center center!important}
.tile-visual,.editorial-picture,.hero-visual,.photo-story,.article-shop,.rv-photo-card{display:grid;place-items:center;overflow:hidden}
.tile-visual img,.editorial-picture img,.hero-visual img,.photo-story img,.article-shop img,.rv-photo-card img{width:100%;height:auto;max-height:100%;background:transparent!important;object-fit:contain!important;object-position:center center!important}