/* Common home cover format; project galleries retain their native image ratios. */
.project-card>.art,.project-card>.art:has(>img){aspect-ratio:3/2;height:auto;min-height:0;position:relative}
.project-card>.art.has-cover>img{height:100%;width:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.22,1,.36,1)}
.project-card>.art.has-cover:after{content:none}
.cover-type{position:absolute;inset:0;padding:6%;color:#fff;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}
.cover-type small{position:absolute;top:7%;left:6%;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.cover-type strong{font-size:clamp(26px,3.8vw,62px);line-height:1.04;letter-spacing:-.055em;font-weight:500;max-width:95%;transform:translateY(16px);transition:transform .8s cubic-bezier(.22,1,.36,1)}
.cover-type em{font-size:clamp(14px,1.6vw,23px);font-weight:400;margin-top:10px;transform:translateY(16px);transition:transform .8s .06s}
.cover-type>span{font-size:13px;margin-top:22px;opacity:0;transform:translateY(14px);transition:opacity .5s,transform .6s}
.project-card:hover .cover-type strong,.project-card:hover .cover-type em,.project-card:focus-visible .cover-type strong,.project-card:focus-visible .cover-type em{transform:translateY(0)}
.project-card:hover .cover-type>span,.project-card:focus-visible .cover-type>span{opacity:1;transform:none}
.project-card:hover>.art.has-cover>img{transform:scale(1.045)}
.vector-arrow{display:inline-flex;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0;line-height:1}
.vector-arrow svg{display:block;width:100%;height:100%;overflow:visible}
.portrait-arrow .vector-arrow{width:1em;height:1em}
.social-link img{filter:invert(1);transition:filter .35s;display:block}
.social-link:hover img{filter:invert(0)}
.tool-logo{background:#fff;border:1px solid #24252212}
.tool-logo img{width:34px;height:34px;object-fit:contain}
.software-item{transition:transform .45s}.software-item:hover{transform:translateY(-4px)}
.about-facts{grid-template-columns:repeat(4,minmax(0,1fr)) 1.35fr;gap:20px}
.about-facts strong{font-size:clamp(28px,3.1vw,49px)}
.about-facts>div:last-child strong{font-size:clamp(26px,2.6vw,40px)}
.layout-verticals>.meta-figure:nth-child(n){margin-top:0;align-self:start}
.layout-verticals .project-image-button{aspect-ratio:auto;display:block;background:transparent}
.layout-verticals .project-image-button img{height:auto;width:100%;object-fit:contain;object-position:top}
.metafleet-project{--project-accent:#ef4a30;transition:background .5s}
.theme-identity{background:#e9eff9;color:#122d59;--ink:#122d59;--muted:#52647d;--line:#122d592e;--orange:#245bd1;--paper:#e9eff9;--project-accent:#245bd1}
.theme-editorial{background:#fff5e7;color:#612820;--ink:#612820;--muted:#8b6252;--line:#6128202e;--orange:#b72726;--paper:#fff5e7;--project-accent:#b72726}
.theme-web-kampanyalari{background:#f0f2e8;color:#293c21;--ink:#293c21;--muted:#65705e;--line:#293c212b;--project-accent:#657240}
.theme-trendyol{background:#fff0e2;color:#522d21;--ink:#522d21;--muted:#835b46;--line:#522d2130;--project-accent:#cc5524}
.theme-holimer-lightbox{background:#eaf0e8;color:#233f35;--ink:#233f35;--muted:#5e7367;--line:#233f3530;--project-accent:#507657}
.theme-sarsilmaz{--ink:#efeee9;--project-accent:#b8d3de;--paper:#1e2224}
.theme-motion{background:#e4efc7;color:#313a27}.theme-digital{background:#dce7ed;color:#263f52}
.theme-zeorganics{background:#edf2e7;color:#194e38;--ink:#194e38;--muted:#527061;--line:#194e3830;--project-accent:#427b37}
.theme-more-than-ambalaj{background:#edf3f6;color:#123e52;--ink:#123e52;--muted:#526e7a;--line:#123e5230;--project-accent:#245e75}
.theme-smart-caps-ambalaj{background:#fbefec;color:#642a29;--ink:#642a29;--muted:#835c59;--line:#642a2930;--project-accent:#ae3837}
.theme-raw-material-ambalaj{background:#f3edf6;color:#49274e;--ink:#49274e;--muted:#765c7a;--line:#49274e30;--project-accent:#7d488a}
.theme-urun-fotografciligi{background:#242321;color:#f4f0e8;--ink:#f4f0e8;--muted:#c1b9ad;--line:#f4f0e830;--project-accent:#967649;--paper:#242321}
.campaign-zeorganics .campaign-heading em,.campaign-more-than .campaign-heading em,.campaign-smart-caps .campaign-heading em,.campaign-raw-material .campaign-heading em{color:var(--project-accent)}
.campaign-photography .campaign-heading em{color:#c5b396}
.campaign-photography .campaign-hero{max-width:850px;margin:0 auto;padding:0 6%}
.campaign-photography .campaign-gallery{gap:42px 28px}
.campaign-photography .project-image-button{border-radius:8px}
.curated-project .meta-intro em{color:var(--project-accent)}
.curated-facts{margin-top:0;padding-bottom:12px}
.curated-chapter-title p{grid-column:2}
.curated-chapter-title p{font-size:17px;line-height:1.75;color:var(--muted);margin:0}
.meta-document{transition:background .45s,color .45s,transform .45s;background:var(--ink);color:var(--paper)}
.meta-document:hover,.meta-document:focus-visible{background:var(--project-accent);color:#fff;transform:translateY(-4px)}
.metafleet-project .next-project:hover{background:var(--project-accent);color:#fff}
.lightbox-context{padding-top:80px}.lightbox-context h2{font-size:clamp(32px,4vw,60px);font-weight:500;letter-spacing:-.04em}
.lightbox-context>p{max-width:650px;font-size:17px;line-height:1.7;color:var(--muted)}
.lightbox-detail-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:35px}
.lightbox-detail-pair .project-image-button{height:350px;overflow:hidden}.lightbox-detail-pair img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}
.layout-details{grid-template-columns:1fr 1fr}.layout-details .project-image-button{aspect-ratio:1.1;overflow:hidden}.layout-details img{height:100%;object-fit:cover;object-position:50% 35%}
@media(max-width:700px){
 .cover-type strong{font-size:clamp(28px,7.5vw,48px)}.cover-type em{font-size:14px}.cover-type>span{opacity:1;transform:none;margin-top:14px}.cover-type strong,.cover-type em{transform:none}.cover-type small{font-size:12px}
 .about-facts{grid-template-columns:1fr 1fr}.about-facts>div:last-child{grid-column:1/-1}.about-facts strong{font-size:36px}
 .curated-chapter-title p{grid-column:1;font-size:16px}
 .lightbox-detail-pair{grid-template-columns:1fr}.lightbox-detail-pair .project-image-button{height:320px}
}
@media(prefers-reduced-motion:reduce){.cover-type *,.software-item,.meta-document{transition:none!important;transform:none!important}.cover-type>span{opacity:1}}