/* wilaliving – Unsere Geschichte */
.wl-story{overflow:hidden;background:#fff;color:#34342d}
.wl-story img{display:block;width:100%;height:100%;object-fit:cover}
.wl-story .eyebrow{margin:0 0 18px;font-size:.76rem;line-height:1.3;letter-spacing:.18em;text-transform:uppercase;color:#747066}
.wl-story-hero{position:relative;min-height:clamp(680px,88vh,940px);display:flex;align-items:flex-end;padding:clamp(90px,11vw,160px) clamp(22px,7vw,110px) clamp(170px,20vw,260px);background:linear-gradient(90deg,rgba(20,20,15,.62) 0%,rgba(20,20,15,.32) 52%,rgba(20,20,15,.08) 100%),url("../assets/images/about/hero-werkstatt.jpg") center 48%/cover no-repeat}
.wl-story-hero::after{content:"";position:absolute;inset:auto 0 -1px;height:clamp(170px,24vw,360px);background:linear-gradient(to bottom,transparent,rgba(255,255,255,.25) 34%,rgba(255,255,255,.78) 73%,#fff)}
.wl-story-hero-content{position:relative;z-index:1;max-width:930px;color:#fff}
.wl-story-hero .eyebrow{color:rgba(255,255,255,.78)}
.wl-story-hero h1{margin:0 0 25px;max-width:930px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3.35rem,7.2vw,7.4rem);font-weight:400;line-height:.94;letter-spacing:-.045em;color:#fff}
.wl-story-hero-content>p:last-child{max-width:620px;margin:0;font-size:clamp(1.02rem,1.6vw,1.28rem);line-height:1.65;color:rgba(255,255,255,.9)}
.wl-story-intro{position:relative;z-index:2;max-width:1080px;margin:-76px auto 0;padding:0 clamp(22px,5vw,70px) clamp(95px,11vw,165px);text-align:center}
.wl-story-intro p{max-width:920px;margin:0 auto;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.8rem,3.35vw,3.35rem);line-height:1.3;letter-spacing:-.025em}
.wl-editorial{max-width:1320px;margin:0 auto;padding:0 clamp(20px,4vw,64px) clamp(105px,11vw,170px)}
.wl-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(48px,8vw,130px);margin-bottom:clamp(100px,12vw,190px)}
.wl-row:last-child{margin-bottom:0}.wl-row.reverse .wl-media{order:2}.wl-row.reverse .wl-copy{order:1}
.wl-media{min-height:clamp(480px,63vw,820px);overflow:hidden;background:#eee9df}.wl-media.landscape{min-height:clamp(400px,43vw,650px)}
.wl-media img{transition:transform 1.1s cubic-bezier(.2,.75,.2,1)}.wl-media:hover img{transform:scale(1.025)}
.wl-copy{max-width:570px}.wl-copy h2{margin:0 0 28px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.7rem,4.8vw,5.3rem);font-weight:400;line-height:1;letter-spacing:-.04em}
.wl-copy p{margin:0 0 1.25em;font-size:clamp(1rem,1.16vw,1.16rem);line-height:1.82;color:#666158}.wl-copy p:last-child{margin-bottom:0}
.wl-full-image{position:relative;height:clamp(560px,75vw,900px);margin:0 0 clamp(110px,13vw,200px);overflow:hidden}.wl-full-image::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(17,17,12,.36),transparent 50%)}
.wl-full-image-note{position:absolute;z-index:2;left:clamp(22px,6vw,95px);bottom:clamp(32px,6vw,85px);max-width:690px;margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,4.3vw,4.5rem);line-height:1.08;letter-spacing:-.03em;color:#fff}
.wl-quote{padding:clamp(110px,13vw,190px) clamp(22px,7vw,110px);background:#f1ede2;text-align:center}.wl-quote blockquote{max-width:1080px;margin:0 auto;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.3rem,5vw,5.4rem);line-height:1.1;letter-spacing:-.04em;color:#40481f}
.wl-promise{max-width:1150px;margin:0 auto;padding:clamp(105px,12vw,180px) clamp(20px,5vw,70px)}.wl-promise-head{text-align:center;margin-bottom:55px}.wl-promise h2{margin:0;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.8rem,5vw,5.3rem);font-weight:400;line-height:1}
.wl-promise-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid #d8d2c6;border-left:1px solid #d8d2c6}.wl-promise-grid p{min-height:210px;display:flex;align-items:center;justify-content:center;margin:0;padding:38px;border-right:1px solid #d8d2c6;border-bottom:1px solid #d8d2c6;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.25rem,1.9vw,1.75rem);line-height:1.45;text-align:center}
.wl-ending{display:grid;grid-template-columns:1.05fr .95fr;min-height:720px;background:#f8f6f0}.wl-ending-image{min-height:620px}.wl-ending-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(70px,9vw,145px)}
.wl-ending-copy h2{margin:0 0 26px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,5.4vw,5.8rem);font-weight:400;line-height:.98;letter-spacing:-.04em}.wl-ending-copy p{max-width:560px;margin:0;font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.8;color:#68635a}
@media(max-width:850px){.wl-story-hero{min-height:730px;padding:110px 22px 205px;background-position:56% center}.wl-story-intro{margin:-42px auto 0}.wl-row,.wl-ending{grid-template-columns:1fr}.wl-row{gap:38px}.wl-row.reverse .wl-media,.wl-row.reverse .wl-copy{order:initial}.wl-media,.wl-media.landscape{min-height:620px}.wl-copy{max-width:none;padding:0 5px}.wl-ending-image{min-height:620px}.wl-ending-copy{padding:80px 24px 95px}}
@media(max-width:580px){.wl-story-hero{min-height:680px}.wl-story-hero h1{font-size:3.65rem}.wl-editorial{padding-left:18px;padding-right:18px}.wl-media,.wl-media.landscape{min-height:500px}.wl-promise-grid{grid-template-columns:1fr}.wl-promise-grid p{min-height:150px;padding:30px 24px}.wl-full-image{height:650px}.wl-ending-image{min-height:500px}}
