/* STANISTROI — Homepage 04: Real gallery projects */
.ss-projects{background:#242627;color:#fff;overflow:hidden}
.ss-projects__stage{position:relative;isolation:isolate;min-height:560px;background:#a85d42}
.ss-projects__main-image{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center 47%;z-index:-2}
.ss-projects__dark-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(18,20,21,.89) 0%,rgba(18,20,21,.80) 16%,rgba(18,20,21,.62) 34%,rgba(18,20,21,.39) 51%,rgba(18,20,21,.16) 69%,rgba(18,20,21,.035) 86%,rgba(18,20,21,0) 100%),linear-gradient(0deg,rgba(10,12,13,.22) 0%,rgba(10,12,13,0) 64%);pointer-events:none}
.ss-projects__layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.09fr);align-items:end;gap:35px;width:min(100% - 74px,1360px);min-height:560px;margin:0 auto;padding:66px 0 47px}
.ss-projects__intro{max-width:570px;align-self:center;padding:10px 0}
.ss-projects__eyebrow{margin:0 0 25px;color:#e8a78e;font:800 11px/1.5 'Inter',sans-serif;letter-spacing:.23em}
.ss-projects h2{font:800 clamp(42px,4.7vw,78px)/1.02 'Manrope',sans-serif;letter-spacing:-.08em;margin:0 0 28px;color:#fff}
.ss-projects__intro p:not(.ss-projects__eyebrow){max-width:480px;margin:0 0 30px;font:400 clamp(14px,1.18vw,17px)/1.7 'Inter',sans-serif;color:#f1eeea}
.ss-projects__cta{display:inline-flex;align-items:center;gap:15px;border-bottom:1px solid rgba(232,167,142,.75);padding:0 0 11px;color:#f0a184;text-decoration:none;white-space:nowrap;font:800 11px/1.35 'Inter',sans-serif;letter-spacing:.045em}
.ss-projects__cta:hover,.ss-projects__cta:focus-visible{color:#fff;border-color:#fff}
.ss-projects__cta-arrow{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid currentColor;font:400 21px/1 'Inter',sans-serif}
.ss-projects__thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-self:end}
.ss-projects__thumb{display:block;appearance:none;position:relative;width:100%;height:110px;padding:0;margin:0;overflow:hidden;background:#c9b1a5;border:2px solid rgba(255,255,255,.55);border-radius:2px;cursor:pointer;box-shadow:0 5px 14px rgba(0,0,0,.24);transition:border-color .2s,transform .2s}
.ss-projects__thumb img{display:block;width:100%;height:100%;object-fit:cover}
.ss-projects__thumb:hover{border-color:#fff;transform:translateY(-3px)}
.ss-projects__thumb.is-active{border-color:#f4a480;box-shadow:0 0 0 2px rgba(239,149,110,.52),0 8px 22px rgba(0,0,0,.28)}
.ss-projects__thumb:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media(max-width:1100px){.ss-projects__stage,.ss-projects__layout{min-height:515px}.ss-projects__layout{width:calc(100% - 54px);gap:22px}.ss-projects h2{font-size:clamp(40px,5vw,60px)}.ss-projects__thumb{height:83px}}
@media(max-width:790px){.ss-projects__stage,.ss-projects__layout{min-height:660px}.ss-projects__layout{grid-template-columns:1fr;align-content:space-between;gap:45px;padding:55px 0 28px}.ss-projects__intro{align-self:start;max-width:560px}.ss-projects__dark-overlay{background:linear-gradient(90deg,rgba(18,20,21,.84) 0%,rgba(18,20,21,.60) 38%,rgba(18,20,21,.24) 72%,rgba(18,20,21,0) 100%),linear-gradient(0deg,rgba(10,12,13,.35) 0%,rgba(10,12,13,0) 65%)}.ss-projects__thumbnails{max-width:100%;width:100%}.ss-projects__thumb{height:110px}.ss-projects h2{font-size:clamp(46px,8vw,70px)}}
@media(max-width:540px){.ss-projects__stage,.ss-projects__layout{min-height:625px}.ss-projects__layout{width:calc(100% - 38px);padding:42px 0 23px;gap:28px}.ss-projects h2{font-size:clamp(41px,10vw,56px);margin-bottom:22px}.ss-projects__eyebrow{margin-bottom:17px}.ss-projects__intro p:not(.ss-projects__eyebrow){font-size:14px;line-height:1.6}.ss-projects__thumbnails{gap:7px}.ss-projects__thumb{height:76px}.ss-projects__cta{gap:10px;font-size:10px}}
@media(max-width:340px){.ss-projects__stage,.ss-projects__layout{min-height:690px}.ss-projects__thumb{height:62px}.ss-projects h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){.ss-projects__thumb{transition:none}}