/* Final, scoped refinements: retain the existing photographs and branding. */
.services{gap:24px;align-items:start}
.services .service{min-height:370px;padding:30px;box-shadow:0 12px 32px #0002;transition:border-color .25s ease,box-shadow .25s ease}
.services .service h3{font:25px/1.22 Georgia,serif;max-width:300px;margin:0 0 12px;min-height:62px}
.services .service .service-teaser{font-size:14px;line-height:1.7;min-height:48px;color:#e7e6dd}
.services .service::after{background:linear-gradient(180deg,#090d0a18 0%,#090d0abf 35%,#090d0af5 75%)}
.service .service-more{padding:14px 0 0;margin-top:16px;border-top:1px solid #d7af594a;border-bottom:0}
.service-more summary{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#e2c78d;font-size:12px;letter-spacing:.03em;list-style:none;min-height:30px}
.service-more summary::-webkit-details-marker{display:none}
.service-more summary::after{content:'+';font-size:21px;font-weight:300}
.service-more[open] summary::after{content:'−'}
.services .service-more p,.services .service-more ul{margin:12px 0 0;font-size:14px;line-height:1.8}
.services .service:focus-within{border-color:#d7af59a0}
#arbeiten .work-group{border-bottom:1px solid #d7af5926;padding-bottom:44px}
#arbeiten .work-group:last-child{border-bottom:0;padding-bottom:0}
#arbeiten .work-photo{display:block}
#arbeiten .work-photo span{display:flex;align-items:center;gap:8px;color:#d5d4c8;letter-spacing:.065em;line-height:1.6;padding:13px 3px 0}
#arbeiten .work-photo span::before{content:'';flex:none;width:6px;height:6px;border-radius:50%;background:#aca99d}
#arbeiten .work-photo.is-after span{color:#e2c78d}
#arbeiten .work-photo.is-after span::before{background:#d7af59;box-shadow:0 0 0 3px #d7af5917}
#arbeiten .work-photo img{transition:filter .25s ease;box-shadow:0 12px 28px #0003}
#arbeiten .work-extra summary{min-height:44px;align-items:center}
.contact .split{align-items:start;gap:clamp(28px,6vw,80px)}
.contact h2{max-width:550px}.contact .contact-links{margin:28px 0}
.contact .contact-links a{font-size:clamp(16px,2vw,22px);overflow-wrap:anywhere;padding:6px 0}
.contact form{border-radius:20px;border-color:#d7af5938;box-shadow:0 20px 50px #0002}
.contact form input,.contact form select,.contact form textarea{border-radius:7px;padding:13px}
.contact form :is(input,select,textarea):focus-visible{outline:2px solid #d7af59;outline-offset:3px}
.contact form .btn{width:100%;white-space:normal;line-height:1.5}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.services .service:hover{box-shadow:0 18px 40px #0004}.services .service:hover::before{transform:scale(1.025)}#arbeiten .work-photo:hover img{filter:brightness(1.07)}}
@media(max-width:800px){.services{gap:18px}.services .service{padding:25px;min-height:350px}.services .service h3{font-size:23px}.contact form{padding:24px}}
@media(max-width:540px){.services{gap:18px}.services .service{min-height:340px;padding:26px}.services .service h3{min-height:0;max-width:100%;font-size:26px}.services .service .service-teaser{min-height:0}#arbeiten .work-trio .work-photos{gap:10px}#arbeiten .work-trio .work-photo span{font-size:9px;letter-spacing:0;gap:5px}#arbeiten .work-group{padding-bottom:30px;margin-top:45px}.contact .contact-links a{font-size:16px}.contact form{padding:20px;border-radius:16px}.contact h2{font-size:36px}.contact .btn{font-size:14px}}
@media(prefers-reduced-motion:reduce){.services .service,#arbeiten .work-photo img{transition:none}}