.technique-showcase{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:15px;margin-top:38px}.technique-card{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:370px;padding:27px;border:0;text-align:left;color:#fff;overflow:hidden;background:#30261f center/cover no-repeat;cursor:pointer;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease;text-decoration:none}.technique-card:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(12,12,11,.03),rgba(18,15,13,.91) 86%)}.technique-card:hover{transform:translateY(-6px);box-shadow:0 22px 45px rgba(43,30,22,.24)}.technique-card.featured{grid-row:span 2;min-height:755px;background-image:url('/assets/spachteltechnik.jpg')}.concreto-card{background-image:url('/assets/concreto.webp')}.stein-card{background-image:url('/assets/steinoptik.webp')}.fugenlos-card{background-image:url('/assets/hardrock-ultra.jpg')}.card-number{position:absolute;top:22px;left:26px;font-size:12px;font-weight:700;letter-spacing:.13em;color:#edbd95}.card-copy{display:block;max-width:330px}.card-copy small{display:block;margin-bottom:9px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#edbd95}.card-copy strong{display:block;font-family:Outfit,Arial,sans-serif;font-size:clamp(31px,3vw,47px);line-height:.94;letter-spacing:-.05em}.card-copy em{display:block;margin:12px 0 19px;font-size:15px;font-style:normal;line-height:1.5;color:#f1e4d9}.card-link{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.card-link b{font-size:20px;font-weight:400;vertical-align:-2px;margin-left:7px}.technique-dialog{width:min(1040px,calc(100% - 36px));max-height:min(760px,calc(100vh - 34px));margin:auto;padding:0;border:0;background:#f8f3eb;color:#28201b;box-shadow:0 30px 100px rgba(0,0,0,.55)}.technique-dialog::backdrop{background:rgba(22,17,14,.76);backdrop-filter:blur(5px)}.technique-dialog[open]{display:grid;grid-template-columns:44% 56%;animation:dialog-in .38s ease both}.dialog-media{min-height:100%;background:#2d251f}.dialog-media img{width:100%;height:100%;object-fit:cover}.dialog-content{padding:58px 55px 48px;overflow:auto}.dialog-kicker{display:block;margin-bottom:14px;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#a75c38}.dialog-content h2{margin:0 0 18px;font-family:Outfit,Arial,sans-serif;font-size:clamp(39px,4vw,62px);line-height:.92;letter-spacing:-.06em}.dialog-intro{font-size:18px;line-height:1.55;margin:0 0 23px}.dialog-facts{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:25px}.dialog-facts span{padding:8px 10px;background:#e7d8c7;color:#594233;font-size:11px;font-weight:700;letter-spacing:.03em}.dialog-gallery{display:grid;grid-template-columns:116px 1fr;gap:17px;align-items:center;margin:0 0 28px;padding-top:20px;border-top:1px solid #d9cab9}.dialog-gallery img{width:116px;height:100px;object-fit:cover}.dialog-gallery p{margin:0;font-size:15px;line-height:1.55;color:#594d44}.dialog-close{position:absolute;z-index:2;top:13px;right:16px;width:38px;height:38px;border:0;border-radius:50%;background:#201a16;color:#fff;font-size:28px;line-height:1;cursor:pointer}@keyframes dialog-in{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:800px){.technique-showcase{grid-template-columns:1fr 1fr}.technique-card.featured{grid-row:auto;grid-column:span 2;min-height:480px}.technique-dialog[open]{grid-template-columns:1fr;overflow:auto}.dialog-media{height:250px;min-height:250px}.dialog-content{padding:34px 27px 32px}}@media(max-width:520px){.technique-showcase{grid-template-columns:1fr;gap:11px;margin-top:25px}.technique-card,.technique-card.featured{grid-column:auto;min-height:295px;padding:22px}.technique-card.featured{min-height:365px}.card-copy strong{font-size:36px}.card-copy em{font-size:14px;margin:9px 0 13px}.technique-dialog{width:calc(100% - 20px);max-height:calc(100vh - 20px)}.dialog-media{height:190px;min-height:190px}.dialog-content{padding:28px 21px 25px}.dialog-content h2{font-size:43px}.dialog-intro{font-size:16px}.dialog-gallery{grid-template-columns:88px 1fr}.dialog-gallery img{width:88px;height:88px}.dialog-gallery p{font-size:13px}.dialog-facts span{font-size:10px;padding:7px 8px}}