.ntx-reference-detail__breadcrumb { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:32px; font-size:16px; color:var(--ntx-cv1-text); }
.ntx-reference-detail a:focus-visible { outline:3px solid #1769FF; outline-offset:5px; }
.ntx-reference-detail__breadcrumb a { color:var(--ntx-cv1-ink); text-underline-offset:4px; }
.ntx-reference-detail__hero { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.ntx-reference-detail__hero > div { min-width:0; }
.ntx-reference-detail h1 { overflow-wrap:anywhere; }
.ntx-reference-detail__subtitle { font-size:23px; color:var(--ntx-cv1-ink); font-weight:750; }
.ntx-reference-detail__logo { flex:0 0 280px; padding:24px; border:1px solid var(--ntx-cv1-line); border-radius:24px; background:#fff; }
.ntx-reference-detail__logo img { width:100%; height:150px; object-fit:contain; }
.ntx-reference-detail__tags { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.ntx-reference-detail__tag { padding:9px 14px; border-radius:999px; font-size:16px; font-weight:750; color:#087651; background:#e5f8f1; }
.ntx-reference-detail__tag--web-tasarim { color:#8a5600; background:#fff1d5; }
.ntx-reference-detail__tag--seo { color:#0d4fc7; background:#e9f0ff; }
.ntx-reference-detail__tag--google-ads { color:#b31e2a; background:#ffe9eb; }
.ntx-reference-detail__prose h2 { color:var(--ntx-cv1-ink); font-size:clamp(30px,4vw,44px); letter-spacing:-.03em; }
.ntx-reference-detail__prose p { max-width:900px; font-size:18px; line-height:1.8; white-space:pre-line; }
.ntx-reference-detail__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.ntx-reference-detail__card { display:flex; flex-direction:column; min-width:0; padding:30px; border:1px solid var(--ntx-cv1-line); border-radius:22px; background:#fff; box-shadow:0 12px 30px rgba(15,39,70,.06); }
.ntx-reference-detail__card h3 { margin:0 0 16px; color:var(--ntx-cv1-ink); font-size:24px; line-height:1.3; overflow-wrap:anywhere; }
.ntx-reference-detail__card p { margin:0 0 18px; font-size:16px; line-height:1.7; white-space:pre-line; }
.ntx-reference-detail__card a { margin-top:auto; color:#1769FF; font-size:16px; font-weight:800; text-underline-offset:4px; }
.ntx-reference-detail__gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.ntx-reference-detail__gallery figure { min-width:0; margin:0; }
.ntx-reference-detail__gallery img { width:100%; height:auto; border-radius:20px; }
.ntx-reference-detail__gallery figcaption { padding:14px 0; font-size:16px; line-height:1.6; }
.ntx-reference-detail__links { display:flex; flex-wrap:wrap; gap:18px 28px; }
.ntx-reference-detail__links a,
.ntx-reference-detail__videos a { display:inline-flex; align-items:center; min-height:44px; gap:8px; color:#1769FF; font-size:18px; font-weight:800; text-underline-offset:5px; overflow-wrap:anywhere; }
.ntx-reference-detail__projects { display:grid; gap:28px; }
.ntx-reference-detail__project { display:grid; gap:28px; min-width:0; padding:clamp(24px,4vw,40px); border:1px solid var(--ntx-cv1-line); border-radius:24px; background:#fff; box-shadow:0 12px 30px rgba(15,39,70,.06); scroll-margin-top:110px; }
.ntx-reference-detail__project-heading { display:flex; align-items:flex-start; gap:32px; }
.ntx-reference-detail__project-heading > div { flex:1; min-width:0; }
.ntx-reference-detail__project h3 { margin:0; font-size:clamp(25px,3vw,34px); color:var(--ntx-cv1-ink); line-height:1.25; letter-spacing:-.025em; overflow-wrap:anywhere; }
.ntx-reference-detail__project-description { margin:20px 0 0; font-size:18px; line-height:1.8; white-space:pre-line; }
.ntx-reference-detail__project-cover { width:36%; height:auto; max-height:320px; object-fit:contain; border-radius:18px; }
.ntx-reference-detail__video-title { margin:0 0 12px; font-size:21px; color:var(--ntx-cv1-ink); }
.ntx-reference-detail__videos { display:grid; gap:12px; margin:0; padding:0; list-style:none; }
@media(max-width:1050px) { .ntx-reference-detail__grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:760px) { .ntx-reference-detail__hero { align-items:flex-start; flex-direction:column; gap:24px; } .ntx-reference-detail__logo { flex:0 1 auto; width:min(100%,280px); } .ntx-reference-detail__grid,.ntx-reference-detail__gallery { grid-template-columns:1fr; } .ntx-reference-detail__card { padding:24px; } .ntx-reference-detail__project-heading { flex-direction:column; } .ntx-reference-detail__project-cover { width:100%; max-height:none; } }