.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.projects{padding-bottom:75px}.projects-heading{display:flex;justify-content:space-between;align-items:flex-end;margin:58px 0 43px;gap:30px}.projects-heading h2{font-family:var(--display);font-size:clamp(42px,4.2vw,68px);font-weight:400;line-height:1.1;letter-spacing:-.05em;margin:0}.projects-heading h2>span{color:#8c9987}.projects-heading>p{font-size:12px;line-height:1.8;margin:0 2% 5px 0;max-width:260px}.projects-toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:19px 0 27px;gap:20px}.project-filters{display:flex;gap:5px;flex-wrap:wrap}.project-filters button{border:1px solid transparent;font-size:10px;padding:10px 17px;border-radius:30px;transition:background .25s,color .25s,border-color .25s}.project-filters button.active{background:var(--ink);color:var(--paper)}.project-filters button:not(.active):hover{border-color:var(--line)}.project-count{font-size:8px;letter-spacing:1.3px;white-space:nowrap;color:var(--muted)}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 26px}.project-card{min-width:0;display:block;border-bottom:1px solid var(--line);padding-bottom:23px;position:relative}.project-preview{position:relative;overflow:hidden;background:#e4e5d9;aspect-ratio:1.44;border:1px solid #d1d5c8;padding:38px 22px 0;display:flex;flex-direction:column;transition:background .45s}.project-browser{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:6px;letter-spacing:.15px;height:24px;flex-shrink:0;background:#fcfcf5;color:#5e7162;padding:0 12px;border-radius:5px 5px 0 0;border:1px solid #173d3717;border-bottom:0;position:relative;z-index:1}.project-browser .browser-dots{font-size:5px;letter-spacing:2px;color:#a9b4a2;white-space:nowrap}.project-preview>img{display:block;width:100%;height:auto;aspect-ratio:1.52;object-fit:cover;object-position:top;box-shadow:0 10px 25px #173d3720;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .7s;transform-origin:top;filter:saturate(.92);background:white}.project-card[href]:hover .project-preview>img,.project-card[href]:focus-visible .project-preview>img{transform:scale(1.035);filter:saturate(1.08)}.project-open{position:absolute;right:35px;bottom:20px;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:var(--paper);color:var(--ink);font-size:22px;box-shadow:0 3px 15px #173d371a;transition:background .25s,color .25s,transform .3s}.project-card[href]:hover .project-open{background:var(--orange);transform:rotate(45deg)}.project-caption{display:flex;align-items:flex-start;gap:15px;padding-top:22px}.project-number{font-size:8px;color:var(--muted);padding-top:3px;min-width:23px}.project-info{flex:1;min-width:0}.project-sector{font-size:6px;letter-spacing:1.3px;color:var(--muted);margin:1px 0 10px;font-weight:500}.project-info h3{font-family:var(--display);font-size:25px;letter-spacing:-1px;font-weight:500;line-height:1.15;margin:0}.project-description{font-size:10px;line-height:1.85;color:var(--muted);max-width:340px;margin:12px 0 0}.project-visit{font-size:8px;display:flex;align-items:center;gap:11px;padding:0 0 7px;margin-top:24px;white-space:nowrap}.project-visit>span:nth-child(2){font-size:20px}.project-safir .project-preview{background:#d6c2cd}.project-beauty .project-preview{background:#ddc9c0}.project-ilgi .project-preview{background:#d9d0b9}.project-gezgor .project-preview{background:#c3c7d7}.project-eraltay .project-preview{background:#d5c4b2}.project-arisu .project-preview{background:#bfd7d5}.project-bahar .project-preview{background:#c8d1bc}.projects-end{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);margin-top:50px;padding-top:25px}.projects-end>p{font-size:12px;margin:0}.projects-end>button{margin-left:auto;font-size:11px;display:flex;gap:22px;align-items:center;padding:8px 0}.projects-end>button>span:last-child{font-size:24px;transition:transform .3s}.projects-end>button:hover>span:last-child{transform:translate(4px,-4px)}
@media(min-width:1700px){.project-preview{padding-top:45px}.project-info h3{font-size:30px}.project-description{font-size:12px}.project-sector{font-size:8px}}
@media(max-width:1100px){.project-preview{padding:28px 15px 0}.project-caption{gap:10px}.project-info h3{font-size:22px}.project-description{font-size:10px}.project-visit{font-size:7px;gap:6px}.project-open{right:25px;bottom:18px;width:33px;height:33px;font-size:19px}.project-browser{font-size:5px;padding:0 8px}.project-browser .browser-dots{font-size:4px;letter-spacing:1px}}
@media(max-width:760px){.projects{padding-bottom:50px}.projects-heading{display:block;margin:35px 0 28px}.projects-heading h2{font-size:clamp(38px,8.8vw,54px)}.projects-heading>p{font-size:11px;margin-top:20px;max-width:none}.projects-toolbar{padding:15px 0 21px;gap:15px;align-items:flex-start}.project-filters{gap:4px;max-width:290px}.project-filters button{padding:8px 11px;font-size:9px}.project-count{font-size:7px;padding-top:11px}.projects-grid{grid-template-columns:1fr;gap:28px}.project-preview{padding:25px 17px 0;aspect-ratio:1.44}.project-browser{height:22px;font-size:5px}.project-caption{padding-top:18px;gap:12px}.project-info h3{font-size:25px}.project-sector{font-size:6px}.project-description{font-size:10px;max-width:290px}.project-visit{margin-top:23px;font-size:8px}.project-number{font-size:7px;min-width:18px}.project-open{width:34px;height:34px;right:29px;bottom:17px}.projects-end{margin-top:35px;gap:12px;flex-wrap:wrap;padding-top:20px}.projects-end>p{font-size:10px}.projects-end>button{font-size:10px}}
@media(max-width:380px){.project-filters button{font-size:8px;padding:8px}.project-visit{font-size:7px}.project-info h3{font-size:22px}}

.project-hotel .project-preview{background:#d2c8b5}
