@font-face{font-family:PortfolioInter;src:url('/assets/fonts/inter-latin-turkish.37e98438b5c8.woff2') format('woff2');font-weight:100 900;font-display:swap}
body.sca-premium-project-page{--portfolio-ink:#203548;--portfolio-muted:#68788a;--portfolio-line:#e5eaf0;--portfolio-red:#e21e3c;--portfolio-background:#fafbfd}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox),body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) *{box-sizing:border-box}
html:has(body.sca-premium-project-page){scroll-behavior:smooth}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox){margin:0;color:var(--portfolio-ink);background:var(--portfolio-background);font-family:PortfolioInter,Inter,'Helvetica Neue',Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) button,body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) input,body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) select{font:inherit}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) button,body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) a,body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) input,body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) select{-webkit-tap-highlight-color:transparent}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) a{color:inherit;text-decoration:none}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) button{cursor:pointer}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) button:disabled{cursor:default}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) button:focus-visible,body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) a:focus-visible,body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) input:focus-visible,body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) select:focus-visible{outline:2px solid #2365a7;outline-offset:5px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) [hidden]{display:none!important}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .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}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .skip-link{position:fixed;z-index:99999;top:8px;left:16px;background:white;padding:12px;transform:translateY(-150%)}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .skip-link:focus{transform:none}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .page-container{width:min(100% - 88px,1480px);margin-inline:auto}
body.sca-premium-project-page .portfolio-main{padding-top:30px;padding-bottom:64px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .page-breadcrumb{display:flex;gap:12px;align-items:center;color:var(--portfolio-muted);font-size:12px;line-height:1.6}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .page-breadcrumb a:hover{color:var(--portfolio-ink)}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:56px;margin:26px 0 32px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .eyebrow{display:flex;align-items:center;gap:13px;color:#677a8f;font-size:10px;font-weight:500;letter-spacing:.19em;line-height:1.7;margin:0 0 14px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .eyebrow::before{content:'';display:block;flex-shrink:0;width:28px;height:2px;background:var(--portfolio-red)}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-intro h1{font-size:clamp(42px,4.2vw,64px);font-weight:350;line-height:1.08;letter-spacing:-.055em;margin:0}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-intro h1>span{color:var(--portfolio-red)}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-intro>p{max-width:405px;margin:0 0 6px;font-size:15px;line-height:1.7;color:var(--portfolio-muted)}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-stage{position:relative}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-panel{display:grid;grid-template-columns:minmax(0,1.68fr) minmax(340px,1fr);gap:38px;align-items:stretch;min-width:0}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-photo{display:block;aspect-ratio:1.63;overflow:hidden;border-radius:28px;isolation:isolate;background:#eef1f4}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 700ms}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-photo:hover img{transform:scale(1.025)}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:35px 24px 80px 8px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-copy .eyebrow{font-size:9px;margin-bottom:15px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-copy h2{font-size:clamp(28px,2.35vw,39px);font-weight:380;line-height:1.16;letter-spacing:-.04em;margin:0 0 16px;max-width:440px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-copy h2 span{display:block}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-location{display:flex;align-items:center;gap:9px;font-size:13px;line-height:1.6;color:var(--portfolio-muted);margin:0 0 21px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-location svg{width:17px;height:17px;flex-shrink:0}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-fact{display:flex;flex-direction:column;gap:5px;border-block:1px solid var(--portfolio-line);width:100%;padding:18px 0;margin-bottom:17px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-fact strong{font-size:28px;font-weight:380;letter-spacing:-.035em;line-height:1.12}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-fact strong span{font-size:.8em}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-fact>span{font-size:12px;color:var(--portfolio-muted)}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-description{font-size:13px;line-height:1.65;color:var(--portfolio-muted);margin:0 0 21px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-link{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:#173c62;color:white;padding:14px 21px;border-radius:9px;font-size:12px;line-height:1.4;transition:background 150ms}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-link:hover{background:#224c77}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-link svg{width:16px;height:16px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .carousel-controls{position:absolute;right:24px;bottom:18px;display:flex;align-items:center;gap:11px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .carousel-controls button{display:grid;place-items:center;border:1px solid #d9e1eb;width:42px;height:42px;border-radius:50%;background:transparent;color:#254f78;padding:0;transition:background 150ms}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .carousel-controls button:hover{background:#eef3f8}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .carousel-controls svg{width:18px;height:18px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .slide-count{font-size:12px;color:var(--portfolio-muted);min-width:49px;text-align:center;font-variant-numeric:tabular-nums}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-selectors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:19px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-selector{display:flex;position:relative;align-items:center;text-align:left;gap:13px;padding:0 0 11px;border:0;background:none;color:#697b8e;min-width:0}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .selector-photo{width:99px;aspect-ratio:1.6;overflow:hidden;flex-shrink:0;border-radius:10px;background:#eff2f5}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .selector-photo img{display:block;width:100%;height:100%;object-fit:cover}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .selector-caption{display:flex;flex-direction:column;gap:4px;font-size:12px;line-height:1.4;min-width:0}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .selector-number{font-variant-numeric:tabular-nums;color:#7c8b9b;font-size:11px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-selector.is-active{color:#234a73}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .selector-progress{position:absolute;left:0;bottom:0;width:100%;height:2px;background:transparent;overflow:hidden}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-selector.is-active .selector-progress{background:#e9edf2}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-selector.is-active .selector-progress::before{content:'';display:block;height:100%;background:var(--portfolio-red);transform-origin:left;animation:sca-portfolio-slide-progress 8s linear infinite}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .featured-projects.is-paused .selector-progress::before{animation-play-state:paused}
@keyframes sca-portfolio-slide-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .project-archive{margin-top:58px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .archive-toolbar{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:12px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .archive-toolbar h2{font-size:34px;font-weight:350;letter-spacing:-.045em;line-height:1.2;margin:0}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .archive-tools{display:flex;gap:16px;min-width:0}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .project-search{display:flex;align-items:center;gap:12px;width:295px;background:#fff;border:1px solid var(--portfolio-line);border-radius:11px;padding:12px 15px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .project-search svg{width:19px;height:19px;flex-shrink:0;color:#7690a8}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .project-search input{width:100%;min-width:0;background:none;border:0;font-size:12px;color:var(--portfolio-ink);padding:0;outline:0}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .project-search:focus-within{border-color:#8da9c3;box-shadow:0 0 0 3px #edf3f8}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .project-search input::placeholder{color:#7e8d9b}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .system-select{position:relative;min-width:195px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .system-select select{appearance:none;width:100%;height:100%;border:1px solid var(--portfolio-line);border-radius:11px;background:#fff;color:#405a70;font-size:12px;padding:12px 37px 12px 15px;max-width:245px;text-overflow:ellipsis}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .system-select svg{position:absolute;pointer-events:none;right:16px;top:50%;transform:translateY(-50%);width:13px;height:13px;color:#607f9b}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .archive-filterbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--portfolio-line);gap:20px;margin-bottom:27px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .category-filters{display:flex;align-items:center;gap:26px;overflow:auto;scrollbar-width:none}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .category-filters::-webkit-scrollbar{display:none}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .category-filters button{position:relative;white-space:nowrap;background:none;border:0;font-size:12px;font-weight:400;line-height:1.4;color:var(--portfolio-muted);padding:14px 0 15px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .category-filters button[aria-pressed="true"]{color:#173c62}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .category-filters button[aria-pressed="true"]::after{position:absolute;content:'';height:2px;background:var(--portfolio-red);bottom:0;left:0;right:0}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .result-count{font-size:11px;color:#8491a0;white-space:nowrap;margin:0}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 26px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-card{min-width:0;align-self:start}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .project-photo{display:block;position:relative;aspect-ratio:1.56;overflow:hidden;border-radius:23px;background:#eef1f4;isolation:isolate}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .project-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform 600ms}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .project-photo:hover img,body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-card:focus-within .project-photo img{transform:scale(1.025)}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .photo-link-hint{position:absolute;bottom:13px;right:13px;display:grid;place-items:center;background:#fffef8ed;border-radius:50%;width:34px;height:34px;opacity:0;transform:translateY(4px);transition:opacity 200ms,transform 200ms}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .photo-link-hint svg{width:16px;height:16px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .project-photo:hover .photo-link-hint,body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-card:focus-within .photo-link-hint{opacity:1;transform:none}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .card-caption{padding-top:15px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .card-caption h3{font-size:16px;font-weight:400;line-height:1.35;letter-spacing:-.025em;margin:0;min-height:43px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .card-caption h3 a:hover{color:#276497}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .card-scope{font-size:11.5px;color:#718294;font-weight:400;line-height:1.7;margin:7px 0 11px;min-height:39px;overflow-wrap:anywhere}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .card-meta{display:flex;justify-content:space-between;gap:9px;border-top:1px solid var(--portfolio-line);padding-top:10px;font-size:10.5px;line-height:1.55;color:#778596;min-height:39px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .card-meta>span:first-child{max-width:40%;overflow-wrap:anywhere}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .card-location{text-align:right;max-width:67%;overflow-wrap:anywhere}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .photo-unavailable{display:grid;place-items:center;width:100%;height:100%;min-height:150px;font-size:12px;color:#647586}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .empty-results{padding:70px 20px;text-align:center;color:var(--portfolio-muted)}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .empty-results h3{font-size:23px;font-weight:400;color:var(--portfolio-ink)}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .empty-results p{font-size:14px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .empty-results button{background:white;border:1px solid #d4dde7;border-radius:10px;padding:12px 20px;color:#294d6e;margin-top:8px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-contact{margin-top:70px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:23px;background:#183d5c;padding:37px 42px;color:#fff}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-contact .eyebrow{color:#b4c5d5}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-contact h2{font-size:29px;line-height:1.25;font-weight:380;letter-spacing:-.025em;margin:0}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-contact>a{display:flex;align-items:center;gap:28px;flex-shrink:0;background:#fff;color:#203d59;padding:15px 22px;border-radius:10px;font-size:12px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-contact>a svg{width:16px;height:16px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-footer{background:#fff;border-top:1px solid var(--portfolio-line);padding:28px 0}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-footer .page-container{display:flex;align-items:center;gap:28px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-footer img{display:block;max-width:113px;height:auto}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-footer p,body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-footer nav{font-size:11px;color:#667c91}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-footer nav{display:flex;gap:23px;margin-left:auto}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-footer a:hover{color:#203d59}
@media(min-width:1600px){body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-copy{padding-top:42px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-description{font-size:14px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-fact{padding-block:21px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .card-caption h3{font-size:17px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .card-scope{font-size:12px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .card-meta{font-size:11px}
}
@media(max-width:1240px){body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .page-container{width:calc(100% - 64px)}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-panel{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:26px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-copy{padding:24px 4px 75px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-copy h2{font-size:28px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-copy .eyebrow{font-size:8px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-photo{aspect-ratio:1.38}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-fact{padding:14px 0;margin-bottom:12px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-description{margin-bottom:17px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-location{margin-bottom:14px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .carousel-controls{right:4px;bottom:10px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-selectors{gap:15px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .selector-photo{width:76px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .selector-caption{font-size:11px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .project-search{width:245px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .system-select{min-width:175px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .category-filters{gap:22px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-intro{gap:32px}
}
@media(max-width:960px){body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .page-container{width:calc(100% - 48px)}
body.sca-premium-project-page .portfolio-main{padding-top:26px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-intro{align-items:flex-start;gap:30px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-intro>p{max-width:340px;font-size:13px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-panel{grid-template-columns:1.3fr 1fr;gap:24px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-photo{aspect-ratio:auto;min-height:410px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-copy{padding-top:15px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-copy h2{font-size:27px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-link{padding:12px 16px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-selectors{gap:15px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .selector-photo{width:60px;aspect-ratio:1.2}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .selector-caption{font-size:10px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .archive-toolbar h2{font-size:30px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .archive-tools{gap:10px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .project-search{width:215px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .system-select{min-width:160px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .system-select select{max-width:180px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .archive-filterbar{gap:10px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .result-count{display:none}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .card-meta{font-size:11px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-contact h2{font-size:25px}
}
@media(max-width:760px){body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .page-container{width:calc(100% - 40px)}
body.sca-premium-project-page .portfolio-main{padding-top:25px;padding-bottom:35px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .page-breadcrumb{font-size:10px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-intro{display:block;margin:25px 0 26px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-intro .eyebrow{font-size:8px;margin-bottom:12px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-intro h1{font-size:44px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-intro>p{max-width:470px;font-size:13px;margin:18px 0 0}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-panel{display:block}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-photo{min-height:0;aspect-ratio:1.44;border-radius:23px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-copy{padding:24px 3px 78px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-copy h2{font-size:29px;max-width:none}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-copy .eyebrow{font-size:8px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-location{font-size:12px;margin-bottom:15px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-fact{padding:16px 0;margin-bottom:16px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-description{font-size:13px;max-width:none}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-link{font-size:12px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .carousel-controls{right:0;bottom:13px;gap:12px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .carousel-controls button{width:40px;height:40px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-selectors{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px;margin-top:13px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .selector-photo{width:67px;aspect-ratio:1.5;border-radius:9px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .selector-caption{font-size:11px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .selector-number{font-size:10px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .project-archive{margin-top:39px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .archive-toolbar{display:block;margin-bottom:9px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .archive-toolbar h2{font-size:30px;margin-bottom:18px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .archive-tools{width:100%;gap:10px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .project-search{flex:1;width:auto;padding:12px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .project-search input{font-size:11px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .system-select{min-width:145px;width:145px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .system-select select{max-width:145px;font-size:10px;padding-left:10px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .category-filters{width:100%;gap:23px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .category-filters button{font-size:11px;padding-block:15px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .archive-filterbar{margin-bottom:24px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .project-photo{border-radius:20px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .card-caption h3{font-size:15px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .card-scope{font-size:11px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .card-meta{font-size:10px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-contact{margin-top:45px;display:block;padding:28px 25px;border-radius:20px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-contact h2{font-size:27px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-contact>a{display:inline-flex;margin-top:23px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-footer .page-container{flex-wrap:wrap;gap:17px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-footer p{margin:0}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-footer nav{margin-left:0;width:100%;gap:27px;padding-top:10px}
}
@media(max-width:560px){body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-grid{grid-template-columns:1fr;gap:29px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .project-photo{aspect-ratio:1.56;border-radius:23px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .card-caption h3{min-height:0;font-size:18px;letter-spacing:-.025em}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .card-scope{min-height:0;margin-top:8px;font-size:12px;line-height:1.6}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .card-meta{font-size:11px;min-height:0;margin-top:14px;padding-top:12px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .selector-caption{font-size:10.5px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .selector-photo{width:62px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .project-search svg{width:16px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .archive-tools{gap:9px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-intro h1{font-size:43px}
}
@media(prefers-reduced-motion:reduce){html:has(body.sca-premium-project-page){scroll-behavior:auto}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox),body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) *,body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox)::before,body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) *::before,body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox)::after,body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) *::after{animation:none!important;transition:none!important}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-selector.is-active .selector-progress::before{transform:scaleX(1)}
}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .card-caption h3,body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .card-scope,body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .card-meta>span{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .card-caption h3{height:43px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .card-scope{height:39px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .card-meta{height:43px;font-size:11px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .feature-selector.is-active .selector-progress::before{animation:none;transform:none}
@media(max-width:560px){body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .card-caption h3,body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .card-scope,body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .card-meta{height:auto}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .card-caption h3{-webkit-line-clamp:3}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .card-scope{-webkit-line-clamp:3}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .card-meta{font-size:11px}
}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-card{background:#f0f2f5;border:1px solid #e7ebef;border-radius:27px;padding:0;transition:transform 280ms ease,box-shadow 280ms ease,background 280ms ease;position:relative}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-card .project-photo{border-radius:26px 26px 0 0}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-card .card-caption{padding:18px 18px 13px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-card .card-meta{border-color:#dde3e9}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-card .project-photo>img{position:absolute;inset:0;opacity:1;transition:opacity 550ms ease,transform 700ms ease}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-card .project-photo>img.is-incoming{opacity:0}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .card-slide-dots{position:absolute;bottom:15px;left:17px;display:flex;gap:5px;opacity:0;transition:opacity 200ms ease;z-index:2;background:#18334b66;padding:7px 8px;border-radius:20px;backdrop-filter:blur(8px)}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .card-slide-dots i{width:5px;height:5px;border-radius:50%;background:#ffffff65}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .card-slide-dots i.is-current{width:16px;border-radius:8px;background:white}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .photo-link-hint{z-index:2}
@media(hover:hover) and (pointer:fine){body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-card:hover{transform:translateY(-4px) scale(1.016);box-shadow:0 16px 36px #17375414;background:#eef1f5;z-index:2}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-card:hover .card-slide-dots{opacity:1}
}
@media(max-width:760px){body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-card{border-radius:24px;padding:0}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-card .project-photo{border-radius:23px 23px 0 0}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-card .card-caption{padding:16px 15px 12px}
}
@media(prefers-reduced-motion:reduce){body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-card,body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-card .project-photo>img,body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .card-slide-dots{transition:none!important}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-card:hover{transform:none}
}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .portfolio-card,body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .detail-related .detail-related-grid>article{--project-card-accent:#1677ff;border-bottom:3px solid var(--project-card-accent)}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) :is(.portfolio-card,.detail-related-grid>article):nth-child(6n+2){--project-card-accent:#00ad88}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) :is(.portfolio-card,.detail-related-grid>article):nth-child(6n+3){--project-card-accent:#ef2948}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) :is(.portfolio-card,.detail-related-grid>article):nth-child(6n+4){--project-card-accent:#7756e8}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) :is(.portfolio-card,.detail-related-grid>article):nth-child(6n+5){--project-card-accent:#f59a00}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) :is(.portfolio-card,.detail-related-grid>article):nth-child(6n){--project-card-accent:#00aaca}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .detail-related .detail-related-grid>article{padding:0 0 16px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .detail-related .detail-related-photo{border-radius:18px 18px 0 0}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .detail-related .detail-related-grid h3{margin:14px 15px 12px}
body.sca-premium-project-page :is(.portfolio-main,.detail-main,.detail-lightbox) .detail-related .detail-related-grid article>p{margin-inline:15px}

/* Compact two-column project archive on phones. */
@media(max-width:560px){
body.sca-premium-project-page .portfolio-main .project-archive .portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}
body.sca-premium-project-page .portfolio-main .project-archive .portfolio-card{align-self:stretch;display:flex;flex-direction:column;border-radius:18px;overflow:hidden}
body.sca-premium-project-page .portfolio-main .project-archive .portfolio-card .project-photo{aspect-ratio:1.45;border-radius:17px 17px 0 0;flex-shrink:0}
body.sca-premium-project-page .portfolio-main .project-archive .portfolio-card .card-caption{padding:11px 9px 9px;display:flex;flex-direction:column;flex:1}
body.sca-premium-project-page .portfolio-main .project-archive .portfolio-card .card-caption h3{font-size:13.5px;line-height:1.4;height:57px;min-height:57px;-webkit-line-clamp:3;overflow-wrap:anywhere}
body.sca-premium-project-page .portfolio-main .project-archive .portfolio-card .card-scope{font-size:10.5px;line-height:1.5;height:32px;min-height:32px;margin:5px 0 8px;-webkit-line-clamp:2}
body.sca-premium-project-page .portfolio-main .project-archive .portfolio-card .card-meta{font-size:10px;line-height:1.45;flex-direction:column;gap:2px;padding-top:8px;height:auto;min-height:54px;margin-top:auto}
body.sca-premium-project-page .portfolio-main .project-archive .portfolio-card .card-meta>span:first-child{max-width:100%;-webkit-line-clamp:1}
body.sca-premium-project-page .portfolio-main .project-archive .portfolio-card .card-location{max-width:100%;text-align:left;-webkit-line-clamp:2}
body.sca-premium-project-page .portfolio-main .project-archive .portfolio-card .photo-link-hint{width:28px;height:28px;bottom:8px;right:8px}
body.sca-premium-project-page .portfolio-main .project-archive .portfolio-card .card-slide-dots{bottom:9px;left:9px;padding:5px 6px;gap:3px}
}