.wl-concept{border-top:1px solid #252a2c30}
.wl-intro{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start;margin-bottom:40px}
.wl-intro h2{font-size:clamp(32px,3.5vw,52px)}
.wl-intro p:last-child{margin-bottom:0}
.wl-illustration{margin:0 0 44px;background:var(--paper)}
.wl-illustration img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
.wl-illustration figcaption{padding:14px 0 0;font-size:13px;line-height:1.5;color:var(--muted);max-width:740px}
.wl-explanation{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}
.wl-explanation li{min-width:0;border-top:1px solid #252a2c40;padding:22px 0 0}
.wl-step,.wl-freedom article>span{font-size:12px;letter-spacing:.12em}
.wl-explanation h3{font-size:clamp(23px,2.2vw,30px);line-height:1.18;margin:18px 0}
.wl-explanation p{font-size:16px;line-height:1.65;color:var(--muted)}
.wl-explanation .wl-application{margin:24px 0 0;padding-left:16px;border-left:1px solid #966f5b}
.wl-application strong{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);font-weight:500;margin-bottom:7px}
.wl-freedom{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:52px;padding-top:34px;border-top:1px solid #252a2c25}
.wl-freedom h3{font-size:clamp(23px,2.2vw,30px);margin:18px 0}
.wl-freedom p{font-size:16px;color:var(--muted);margin-bottom:0}
@media(max-width:800px){.wl-intro{grid-template-columns:1fr;gap:24px}.wl-explanation{grid-template-columns:1fr;gap:30px}.wl-explanation li{padding-top:22px}.wl-explanation h3{margin:14px 0}.wl-explanation .wl-application{margin-top:18px}.wl-freedom{grid-template-columns:1fr;gap:28px;margin-top:36px;padding-top:28px}.wl-illustration{margin-bottom:30px}}
@media(max-width:600px){.wl-intro{margin-bottom:28px}.wl-illustration figcaption{font-size:12px}.wl-explanation p,.wl-freedom p{font-size:16px}}

.wl-film{margin:44px 0 0;border-top:1px solid #252a2c25;padding-top:28px}
.wl-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#f7f6f2}
.wl-film figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;font-size:13px;line-height:1.5;color:#5b6262}
.wl-film button{min-height:44px;flex-shrink:0;border:0;border-bottom:1px solid #252a2c;border-radius:0;background:transparent;color:#252a2c;padding:8px 0;font:inherit;cursor:pointer}
.wl-film button:focus-visible{outline:2px solid #966f5b;outline-offset:5px}
@media(max-width:600px){.wl-film{margin-top:32px}.wl-film video{aspect-ratio:4/5}.wl-film figcaption{font-size:12px;gap:12px}}

/* Final editorial placement: a calm rain scene with the value story, technology with services. */
.wl-intro+.wl-film{margin-top:8px;margin-bottom:48px;padding-top:0;border-top:0}
.value-editorial{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);grid-template-areas:"rain copy" "rain copper";column-gap:clamp(48px,7vw,108px);row-gap:28px;align-items:start}
.value-copy{grid-area:copy}.value-copy h2{margin-bottom:28px}.value-copy p:last-child{margin-bottom:0}
.value-rain{grid-area:rain;width:min(100%,390px);justify-self:center;align-self:center}
.value-rain .rain-motion{width:100%;height:auto;aspect-ratio:9/16}
.value-copper{grid-area:copper;width:144px;justify-self:end}
.value-copper .copper-motion{height:auto;aspect-ratio:4/5}
.service-tech{margin:30px 0 34px}
.service-tech .tech-motion{width:100%;height:auto;aspect-ratio:4/3}
@media(max-width:1000px){.value-editorial{column-gap:42px}.value-copper{width:112px}}
@media(max-width:700px){.value-editorial{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-areas:"copy copy" "rain copper";column-gap:24px;row-gap:32px}.value-rain{width:100%;max-width:330px}.value-copper{width:100%;max-width:150px;align-self:end}.value-copy h2{margin-bottom:24px}.service-tech{margin:24px 0 30px}.wl-intro+.wl-film{margin-bottom:30px}}