.evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.evidence-card{min-width:0;display:flex;flex-direction:column;border:1px solid #d8d5cf;border-radius:20px;overflow:hidden;background:#fffdf8}
.evidence-cover{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
/*
  Kapagi olmayan marka. 26 markanin 8'inde eski site yedeginde gorsel yoktu ve
  uydurma gorsel konmadi. .evidence-cover olculerini paylasir ki kart komsusuyla
  ayni yukseklikte kalsin; harf marka renginde. Panelden kapak yuklenince bu
  dugum hic basilmaz. [ayni dil: .project-placeholder, .ks-brand-monogram]
*/
.evidence-monogram{display:grid;place-items:center;background:linear-gradient(145deg,#191919,#2b2b2b 60%,#141414);color:var(--accent,#d3ff43);font-size:clamp(4rem,9vw,7rem);line-height:1;font-weight:700;letter-spacing:-.06em;text-transform:uppercase}
.evidence-copy{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:26px;overflow-wrap:anywhere}
.evidence-sector{margin:0 0 12px;font-size:.8rem;line-height:1.5;color:#5c5852}
.evidence-copy h3{margin:0;font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1.15;letter-spacing:-.04em}
.evidence-copy dl{margin:24px 0;line-height:1.65}
.evidence-copy dt{margin:18px 0 5px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.evidence-copy dt:first-child{margin-top:0}
.evidence-copy dd{margin:0;font-size:.95rem;color:#48443f}
.evidence-link{margin-top:auto;display:flex;align-items:center;gap:18px;min-height:44px;font-size:.9rem;font-weight:700;text-decoration:underline;text-underline-offset:5px}
.evidence-more{margin:24px 0 0;font-weight:600;text-decoration:underline;text-underline-offset:5px}
.evidence-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:899.98px){.evidence-grid{grid-template-columns:1fr}.evidence-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.evidence-cover{height:100%;aspect-ratio:auto}.evidence-copy{padding:24px}}
@media(max-width:639.98px){.evidence-card{display:flex}.evidence-cover{height:auto;aspect-ratio:4/3}.evidence-copy{padding:22px}.evidence-grid{gap:20px}}

/* UI1 home: editorial cards within the existing paper layout. */
.content-layer>.portfolio-evidence{padding:100px 4vw;background:#f6f4ef;color:#171717}
.content-layer>.portfolio-evidence .section-head{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:end;margin-bottom:48px}
.content-layer>.portfolio-evidence .section-head h2{font-size:clamp(3rem,6vw,6rem);line-height:.96;letter-spacing:-.07em;margin:20px 0 0}
.content-layer>.portfolio-evidence .section-head p{font-size:1rem;line-height:1.7;max-width:440px;margin:0}
.content-layer>.portfolio-evidence a:focus-visible{outline:3px solid #654ac4;outline-offset:5px}

/* UI3: large project stories, dark surfaces and acid-green accents. */
.studio-evidence{background:#080a0b;color:#f4f4f0;overflow:hidden}
.studio-evidence-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:end;margin-bottom:64px}
.studio-evidence-intro h2{margin:24px 0 0;font:700 clamp(3.8rem,9vw,9rem)/.92 'Space Grotesk',sans-serif;letter-spacing:-.07em}
.studio-evidence-intro h2 em{font-style:normal;color:#b9ff00}
.studio-evidence-intro>p{max-width:360px;color:#b1b5b6;line-height:1.8;margin:0}
.studio-evidence-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6vw;padding:52px 0;border-top:1px solid #303335;align-items:center}
.studio-evidence-row:nth-of-type(even) .studio-evidence-art{order:2}
.studio-evidence-art{position:relative;overflow:hidden;aspect-ratio:4/3;background:#1a2017;display:grid;place-items:center}
.studio-evidence-art img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.studio-evidence-row:hover .studio-evidence-art img{transform:scale(1.025)}
.studio-evidence-number{position:absolute;left:20px;top:20px;padding:8px 12px;background:#b9ff00;color:#080a0b;font-size:.7rem;font-weight:700;letter-spacing:.1em}
.studio-evidence-monogram{font-size:9rem;color:#b9ff00;line-height:1}
.studio-evidence-copy{min-width:0;overflow-wrap:anywhere}
.studio-evidence-sector{font-size:.72rem;line-height:1.6;letter-spacing:.08em;text-transform:uppercase;color:#b1b5b6}
.studio-evidence-copy h3{font:700 clamp(2.5rem,5vw,5rem)/1 'Space Grotesk',sans-serif;letter-spacing:-.055em;margin:18px 0 24px}
.studio-evidence-summary{font-size:1.05rem;line-height:1.8;color:#d0d2cf;max-width:500px}
.studio-evidence-services li{font-family:"Space Grotesk",sans-serif;font-weight:600;letter-spacing:-.01em;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 15px;font-size:.78rem;line-height:1.4;color:#dadbda;background:rgba(255,255,255,.03)}
.studio-evidence-link,.studio-evidence-all{display:inline-flex;gap:10px;align-items:center;min-height:44px;color:#b9ff00;font-family:"Space Grotesk",sans-serif;font-weight:600;font-size:1rem;letter-spacing:-.01em;text-decoration:none;border-bottom:1px solid #b9ff00;padding-bottom:3px;transition:gap .25s ease,opacity .25s ease}
.studio-evidence-link:hover,.studio-evidence-all:hover{gap:16px;opacity:.85}
.studio-evidence-all{margin-top:24px}
.studio-evidence a:focus-visible{outline:2px solid #b9ff00;outline-offset:6px}

/* UI2: a native disclosure behaves like a small desktop file window. */
.desk-evidence{position:fixed;left:24px;bottom:108px;width:min(350px,calc(100vw - 48px));z-index:96;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#292725;filter:drop-shadow(0 10px 24px #0003)}
.desk-evidence>summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;padding:14px 16px;border:1px solid #ffffffa6;border-radius:14px;background:#f4f2ecd9;backdrop-filter:blur(22px);user-select:none}
.desk-evidence>summary::-webkit-details-marker{display:none}
.desk-evidence>summary strong{display:block;font-size:13px;line-height:1.4;letter-spacing:0}
.desk-evidence>summary small{display:block;font-size:10px;line-height:1.5;color:#69645d;letter-spacing:0}
.desk-evidence-icon{display:grid;place-items:center;width:34px;height:40px;background:linear-gradient(#f6d764 0 25%,#fff6d1 25%);border:1px solid #d9c98b;border-radius:5px;color:#8d762e;font-size:23px;flex-shrink:0}
.desk-evidence-toggle{margin-left:auto;font-size:22px;transition:transform .2s}
.desk-evidence[open] .desk-evidence-toggle{transform:rotate(45deg)}
.desk-evidence[open]>summary{border-radius:0 0 14px 14px}
.desk-evidence-body{position:absolute;bottom:100%;left:0;right:0;max-height:min(580px,calc(100dvh - 225px));overflow:auto;overscroll-behavior:contain;padding:0 20px 20px;background:#fbf9f3;border:1px solid #d8d5cc;border-bottom:0;border-radius:14px 14px 0 0;scrollbar-width:thin}
.desk-evidence-toolbar{position:sticky;top:0;display:flex;gap:14px;align-items:center;padding:13px 0;background:#fbf9f3;border-bottom:1px solid #dedbd3;font-size:8px;letter-spacing:.07em;color:#68645d}
.desk-evidence-toolbar>span:first-child{color:#bfac83;font-size:10px;letter-spacing:2px}
.desk-evidence-body h2{font-size:22px;line-height:1.15;letter-spacing:-.04em;margin:20px 0 10px}
.desk-evidence-lead{font-size:12px;line-height:1.6;color:#67625c;margin:0 0 20px}
.desk-evidence-file{padding:18px 0;border-top:1px solid #dedbd3;overflow-wrap:anywhere}
.desk-evidence-file-head{display:flex;gap:10px;align-items:center}
.desk-evidence-file-icon{color:#98752d;font-size:28px;line-height:1}
.desk-evidence-file h3{font-size:16px;line-height:1.3;margin:0;color:#292725}
.desk-evidence-file-head p{font-size:10px;line-height:1.4;margin:4px 0 0;color:#6d665b}
.desk-evidence-description,.desk-evidence-file dd{font-size:12px;line-height:1.65;margin:12px 0 0;color:#514b42}
.desk-evidence-file dl{margin:12px 0 0}.desk-evidence-file dt{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.desk-evidence-file dd{margin:4px 0 0}
.desk-evidence-file a{display:inline-flex;align-items:center;gap:12px;min-height:40px;font-size:12px;color:#654d15;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.desk-evidence :focus-visible{outline:2px solid #927329;outline-offset:3px}
@media(max-width:899.98px){.studio-evidence-intro{grid-template-columns:1fr;gap:24px}.studio-evidence-row{gap:30px}.content-layer>.portfolio-evidence .section-head{grid-template-columns:1fr;gap:24px}}
@media(max-width:639.98px){.studio-evidence-row{grid-template-columns:1fr;padding:32px 0;gap:22px}.studio-evidence-row:nth-of-type(even) .studio-evidence-art{order:0}.studio-evidence-intro{margin-bottom:36px}.content-layer>.portfolio-evidence{padding:64px 20px}.desk-evidence{left:14px;bottom:100px;width:calc(100vw - 28px)}.desk-evidence-body{max-height:calc(100dvh - 205px)}}
@media(prefers-reduced-motion:reduce){.studio-evidence-art img,.desk-evidence-toggle{transition:none}}
