/* SLYWORKS 3.7 – editorial references, no remote images or third-party trackers */
.sr-work{background:#f5f3ef;color:#252724;padding:clamp(75px,11vw,150px) 0 95px;overflow:hidden}
.sr-work-inner{max-width:1260px}.sr-work-intro{max-width:790px;margin-bottom:clamp(34px,6vw,75px)}
.sr-work-intro h2{font-size:clamp(36px,5.4vw,70px)!important;line-height:1.08!important;letter-spacing:-.06em!important;font-weight:480!important;margin:16px 0 24px}.sr-work-intro h2 em{font-family:Georgia,serif;font-weight:400;color:#817568}
.sr-work-intro p{font-size:clamp(15px,1.5vw,18px);line-height:1.7;color:#6c6e68;max-width:620px}
.sr-projects{display:grid;gap:clamp(44px,7vw,100px)}.sr-project-preview{position:relative;display:flex;flex-direction:column;min-height:clamp(330px,46vw,550px);overflow:hidden;border-radius:15px;text-decoration:none!important;isolation:isolate;transition:transform .65s cubic-bezier(.2,.7,.2,1),box-shadow .65s;background:#242a29;color:#fff!important}
.sr-project-preview:before{content:"";position:absolute;width:70%;aspect-ratio:1;right:-15%;top:-35%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.23),transparent 70%);filter:blur(18px);pointer-events:none;transition:transform 1s ease}.sr-project-preview:hover:before{transform:translate(-10%,14%)}.sr-project-preview:hover{transform:translateY(-5px);box-shadow:0 25px 70px #1a19151a}
.sr-browser{height:51px;display:flex;align-items:center;gap:6px;padding:0 clamp(17px,3vw,36px);border-bottom:1px solid #ffffff25}.sr-browser>span{width:7px;height:7px;border-radius:50%;background:#ffffff77}.sr-browser small{margin-left:auto;font-size:11px;opacity:.75;letter-spacing:.05em}.sr-preview-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(26px,6.5vw,88px);gap:28px;position:relative;z-index:1}.sr-preview-content>span:first-child{font-size:11px;letter-spacing:.22em;font-weight:600}.sr-preview-content strong{font-size:clamp(36px,6.5vw,86px);font-weight:450;line-height:1.04;letter-spacing:-.06em}.sr-preview-content strong i{font-family:Georgia,serif;font-weight:400}.sr-preview-foot{font-size:10px!important;letter-spacing:.16em!important;opacity:.75}.sr-project-arrow{position:absolute;right:38px;bottom:33px;font-size:30px;font-weight:200;transition:transform .3s}.sr-project-preview:hover .sr-project-arrow{transform:translate(5px,-5px)}
.sr-project-domi .sr-project-preview{background:linear-gradient(125deg,#272922,#645347 56%,#997b58)}.sr-project-apfel .sr-project-preview{background:linear-gradient(125deg,#333b30,#66705d 65%,#9da88a)}.sr-project-sly .sr-project-preview{background:linear-gradient(125deg,#121b1b,#253736 55%,#54625f)}.sr-project-preview-pending{cursor:default}.sr-pending{position:absolute;right:24px;bottom:24px;border:1px solid #ffffff75;border-radius:99px;padding:9px 15px;font-size:11px;letter-spacing:.05em}
.sr-project-meta{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-top:24px}.sr-project-meta>div{max-width:690px}.sr-project-counter{font-size:10px;letter-spacing:.16em;color:#827e75}.sr-project-meta h3{font-size:clamp(22px,2.5vw,34px)!important;line-height:1.18;letter-spacing:-.04em;font-weight:500!important;margin:9px 0}.sr-project-meta p{font-size:14px;line-height:1.65;color:#6b6b64;margin:0}.sr-project-meta>a,.sr-muted-link{white-space:nowrap;color:#353834;font-size:13px;text-decoration:none;border-bottom:1px solid #8e8e83;padding-bottom:8px}.sr-muted-link{color:#898a84;border-color:#babcb6}.sr-project-meta>a:hover{color:#92795c}.sr-work-outro{margin-top:clamp(70px,10vw,130px);padding-top:30px;border-top:1px solid #d8d7d0;display:flex;align-items:center;gap:22px;justify-content:space-between}.sr-work-outro>span{font-size:10px;letter-spacing:.13em;color:#827d74}.sr-work-outro p{font-size:14px;margin:0;color:#60625d}.sr-work-outro a{font-size:13px;color:#262c29;text-decoration:underline;text-underline-offset:6px}
@media(min-width:850px){.sr-project-apfel{width:86%;margin-left:auto}.sr-project-sly{width:92%}}
@media(max-width:750px){.sr-work{padding:65px 0}.sr-project-preview{min-height:360px}.sr-project-meta,.sr-work-outro{align-items:flex-start;flex-direction:column;gap:13px}.sr-preview-content{padding:28px;gap:22px}.sr-preview-content strong{font-size:clamp(34px,10vw,55px)}.sr-project-arrow{right:25px;bottom:20px}}
@media(prefers-reduced-motion:reduce){.sr-project-preview,.sr-project-preview:before,.sr-project-arrow{transition:none!important}}