/* Wandersnout conversion stories: archetype-led, product-data driven. */
.wn-cstory{--cs-paper:var(--wn-paper,#fbf7f0);--cs-surface:var(--wn-surface,#fffdf9);--cs-sand:var(--wn-surface-alt,#f1e8dc);--cs-ink:var(--wn-ink,#3a2318);--cs-muted:var(--wn-muted,#75685f);--cs-accent:var(--wn-accent,#c4622d);--cs-dark:var(--wn-dark,#26211d);color:var(--cs-ink);background:var(--cs-paper)}
.wn-cstory__wrap{width:min(1240px,calc(100% - 48px));margin-inline:auto}.wn-cstory__eyebrow{margin:0 0 1rem;color:var(--cs-accent);font-size:1rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.wn-cstory h2,.wn-cstory h3{font-family:var(--wn-font-heading),Georgia,serif;font-weight:500;letter-spacing:-.035em}.wn-cstory__lead{padding:clamp(5.5rem,8vw,10rem) 0;background:var(--cs-dark);color:#fffaf2;overflow:hidden}.wn-cstory__lead-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(3rem,7vw,10rem);align-items:center}.wn-cstory__lead-copy h2{max-width:11ch;margin:0;font-size:clamp(4.2rem,6.4vw,8.4rem);line-height:.94}.wn-cstory__lead-copy>p:last-child{max-width:60rem;margin:2rem 0 0;color:rgba(255,250,242,.76);font-size:clamp(1.5rem,1.55vw,1.9rem);line-height:1.65}.wn-cstory__lead-media{position:relative;min-height:clamp(38rem,52vw,70rem);overflow:hidden;border-radius:clamp(1.8rem,3vw,3.4rem);background:#d8ccbf}.wn-cstory__lead-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.wn-cstory__lead-mark{position:absolute;right:1.8rem;bottom:1.8rem;padding:.8rem 1.1rem;border-radius:999px;background:rgba(38,33,29,.78);color:#fffaf2;font-size:.9rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;backdrop-filter:blur(10px)}
.wn-cstory__promise{padding:clamp(5rem,7vw,8rem) 0;background:var(--cs-sand)}.wn-cstory__promise-head{display:grid;grid-template-columns:minmax(15rem,.45fr) minmax(0,1.55fr);gap:clamp(2.4rem,6vw,8rem);align-items:start;margin-bottom:clamp(3rem,5vw,5rem)}.wn-cstory__promise h2{max-width:16ch;margin:0;font-size:clamp(3.4rem,4.8vw,6.2rem);line-height:1}.wn-cstory__feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.wn-cstory__feature{position:relative;min-height:36rem;display:flex;flex-direction:column;justify-content:flex-end;padding:2.2rem;overflow:hidden;border-radius:1.6rem;background:var(--cs-surface);border:1px solid color-mix(in srgb,var(--cs-ink) 11%,transparent)}.wn-cstory__feature-media{position:absolute;inset:0}.wn-cstory__feature-media::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(29,20,16,.78),rgba(29,20,16,.04) 72%)}.wn-cstory__feature-media img{width:100%;height:100%;object-fit:cover}.wn-cstory__feature-copy{position:relative;z-index:2;color:#fffaf2}.wn-cstory__feature--plain .wn-cstory__feature-copy{color:var(--cs-ink)}.wn-cstory__feature-no{display:block;margin-bottom:1.1rem;color:var(--cs-accent);font-size:.9rem;font-weight:800;letter-spacing:.14em}.wn-cstory__feature h3{margin:0;font-size:clamp(2.3rem,2.7vw,3.5rem);line-height:1}.wn-cstory__feature p{margin:1rem 0 0;color:inherit;opacity:.78;font-size:1.35rem;line-height:1.55}
.wn-cstory__details{padding:clamp(5rem,7vw,8rem) 0;background:var(--cs-paper)}.wn-cstory__details-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(3rem,7vw,9rem)}.wn-cstory__details h2{max-width:11ch;margin:0;font-size:clamp(3.6rem,5vw,6.4rem);line-height:.98}.wn-cstory__facts{margin:0;border-top:1px solid color-mix(in srgb,var(--cs-ink) 20%,transparent)}.wn-cstory__fact{display:grid;grid-template-columns:minmax(11rem,.65fr) 1.35fr;gap:2rem;padding:1.6rem 0;border-bottom:1px solid color-mix(in srgb,var(--cs-ink) 14%,transparent)}.wn-cstory__fact dt{font-size:1rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.wn-cstory__fact dd{margin:0;color:var(--cs-muted);font-size:1.35rem;line-height:1.5}
.wn-cstory--lifestyle .wn-cstory__promise{background:#e7ddd1}.wn-cstory--lifestyle .wn-cstory__feature:nth-child(2){transform:translateY(2.4rem)}.wn-cstory--lifestyle .wn-cstory__lead-media{transform:rotate(.8deg)}
.wn-cstory--utility .wn-cstory__lead{background:#332b26}.wn-cstory--utility .wn-cstory__feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.wn-cstory--utility .wn-cstory__feature{min-height:30rem;border-radius:.7rem}.wn-cstory--utility .wn-cstory__feature:nth-child(2){background:var(--cs-dark)}
.wn-cstory--behaviour .wn-cstory__lead{background:#1f211d}.wn-cstory--behaviour .wn-cstory__promise{background:#e8dfd2}.wn-cstory--behaviour .wn-cstory__feature{border-radius:999px 999px 1.8rem 1.8rem;min-height:40rem}.wn-cstory--behaviour .wn-cstory__lead-media{border-radius:50% 50% 2.4rem 2.4rem}
.wn-cstory__faq{padding:clamp(4.5rem,6vw,7rem) 0;background:var(--cs-sand)}.wn-cstory__faq-grid{display:grid;grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:clamp(3rem,7vw,9rem)}.wn-cstory__faq h2{max-width:12ch;margin:0;font-size:clamp(3.2rem,4.2vw,5.2rem);line-height:1}.wn-cstory__faq-list details{border-top:1px solid color-mix(in srgb,var(--cs-ink) 20%,transparent)}.wn-cstory__faq-list details:last-child{border-bottom:1px solid color-mix(in srgb,var(--cs-ink) 20%,transparent)}.wn-cstory__faq-list summary{display:flex;justify-content:space-between;gap:2rem;padding:1.8rem 0;cursor:pointer;list-style:none;font-family:var(--wn-font-heading),Georgia,serif;font-size:2rem}.wn-cstory__faq-list summary::-webkit-details-marker{display:none}.wn-cstory__faq-list summary::after{content:'+';color:var(--cs-accent)}.wn-cstory__faq-list details[open] summary::after{content:'−'}.wn-cstory__faq-answer{max-width:70rem;padding:0 3rem 1.8rem 0;color:var(--cs-muted);font-size:1.3rem;line-height:1.6}
.wn-cstory__close{padding:clamp(5rem,7vw,8rem) 0;background:var(--cs-dark);color:#fffaf2}.wn-cstory__close-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(26rem,.65fr);gap:clamp(3rem,6vw,8rem);align-items:center}.wn-cstory__close h2{max-width:13ch;margin:0;font-size:clamp(4rem,5.4vw,7rem);line-height:.95}.wn-cstory__close p{max-width:54rem;margin:1.6rem 0 0;color:rgba(255,250,242,.7);font-size:1.4rem;line-height:1.6}.wn-cstory__close-action{display:grid;gap:1rem}.wn-cstory__close-price{font-family:var(--wn-font-heading),Georgia,serif;font-size:3rem}.wn-cstory__close-button{min-height:5.8rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:0 2rem;border:1px solid #fffaf2;background:#fffaf2;color:var(--cs-dark);font:inherit;font-size:1.05rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;cursor:pointer}.wn-cstory__close-button:hover{background:var(--cs-accent);border-color:var(--cs-accent);color:white}
.wn-cstory__related{padding:clamp(5rem,7vw,8rem) 0}.wn-cstory__related-head{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin-bottom:3rem}.wn-cstory__related h2{margin:0;font-size:clamp(3rem,4vw,5rem)}.wn-cstory__related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
@media(max-width:989px){.wn-cstory__lead-grid,.wn-cstory__details-grid,.wn-cstory__faq-grid,.wn-cstory__close-grid{grid-template-columns:1fr}.wn-cstory__lead-copy h2{max-width:14ch}.wn-cstory__lead-media{min-height:52rem}.wn-cstory__promise-head{grid-template-columns:1fr;gap:1.4rem}.wn-cstory__feature-grid{grid-template-columns:1fr 1fr}.wn-cstory__feature:last-child{grid-column:1/-1}.wn-cstory--lifestyle .wn-cstory__feature:nth-child(2){transform:none}}
@media(max-width:749px){.wn-cstory__wrap{width:min(100% - 28px,1240px)}.wn-cstory__lead{padding:4.5rem 0}.wn-cstory__lead-grid{gap:2.6rem}.wn-cstory__lead-copy h2{font-size:clamp(3.8rem,12vw,5.4rem)}.wn-cstory__lead-media{min-height:44rem}.wn-cstory__feature-grid{grid-template-columns:1fr}.wn-cstory__feature,.wn-cstory--behaviour .wn-cstory__feature{min-height:34rem}.wn-cstory__feature:last-child{grid-column:auto}.wn-cstory__fact{grid-template-columns:1fr;gap:.5rem}.wn-cstory__related-grid{grid-template-columns:1fr}.wn-cstory__close-price{font-size:2.6rem}}
@media(prefers-reduced-motion:reduce){.wn-cstory--lifestyle .wn-cstory__lead-media{transform:none}.wn-cstory--lifestyle .wn-cstory__feature:nth-child(2){transform:none}}