:root{--ref-ink:#07182d;--ref-deep:#08233d;--ref-cyan:#18b8d1;--ref-green:#08a783;--ref-paper:#f4f8fa}.references-page,.reference-detail{background:#fff;color:var(--ref-ink)}.references-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 25%,rgba(24,184,209,.2),transparent 30%),linear-gradient(135deg,#061426 0%,#082d49 58%,#07566b 100%);color:#fff}.references-hero:before{content:"";position:absolute;inset:0;opacity:.1;background-image:linear-gradient(rgba(255,255,255,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.25) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to right,transparent,#000)}.ref-glow{position:absolute;border-radius:50%;filter:blur(5px);border:1px solid rgba(255,255,255,.12)}.ref-glow-one{width:460px;height:460px;right:-70px;top:-180px}.ref-glow-two{width:230px;height:230px;right:330px;bottom:-150px}.references-hero-inner{position:relative;z-index:1;min-height:580px;display:flex;align-items:center;justify-content:space-between;gap:75px;padding-top:80px;padding-bottom:80px}.references-hero-copy{max-width:760px}.references-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid rgba(113,225,225,.32);border-radius:999px;background:rgba(7,24,45,.34);color:#83ecdf;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.references-kicker i{width:15px}.references-hero h1{font-size:clamp(52px,6vw,88px);line-height:.96;letter-spacing:-.055em;margin:25px 0 24px;color:#fff}.references-hero h1 em{font-style:normal;background:linear-gradient(90deg,#19d3af,#35bde9,#8196ff);-webkit-background-clip:text;background-clip:text;color:transparent}.references-hero-copy>p{max-width:680px;font-size:18px;line-height:1.75;color:#c8dce8}.references-hero-actions{display:flex;gap:12px;margin-top:32px}.references-hero-actions a,.references-cta-card>a{display:inline-flex;align-items:center;gap:10px;padding:14px 19px;border-radius:12px;background:linear-gradient(120deg,var(--ref-green),#2582ed);color:#fff;font-weight:800;text-decoration:none;box-shadow:0 10px 26px rgba(12,164,173,.24)}.references-hero-actions a.ghost{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.19);box-shadow:none}.references-hero-actions i,.references-cta-card>a i{width:17px}.references-numbers{display:grid;gap:10px;min-width:210px}.references-numbers div{padding:20px 22px;border-radius:16px;border:1px solid rgba(255,255,255,.13);background:rgba(2,18,35,.34);backdrop-filter:blur(14px)}.references-numbers strong{display:block;font-size:30px}.references-numbers span{font-size:12px;color:#b9d1de}.references-content{padding:95px 0;background:linear-gradient(#fff,var(--ref-paper))}.references-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px}.references-heading span,.reference-gallery header span,.reference-videos header span,.reference-related header span,.references-cta-card span{font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:#0798aa}.references-heading h2,.reference-gallery h2,.reference-videos h2,.reference-related h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.04em;margin:8px 0 0}.references-heading p{max-width:510px;color:#66788b;line-height:1.7}.references-filter{display:flex;gap:9px;overflow-x:auto;padding:3px 2px 26px;scrollbar-width:none}.references-filter::-webkit-scrollbar{display:none}.references-filter a{white-space:nowrap;text-decoration:none;color:#516174;border:1px solid #dce5eb;border-radius:999px;padding:9px 13px;font-size:13px;font-weight:700;background:#fff}.references-filter a b{font-size:10px;margin-left:4px;color:#95a4b3}.references-filter a.active{background:var(--ref-ink);border-color:var(--ref-ink);color:#fff}.references-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.reference-card{border:1px solid #dfe8ed;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 14px 38px rgba(8,35,61,.055);transition:.35s ease}.reference-card:hover{transform:translateY(-5px);box-shadow:0 25px 60px rgba(8,35,61,.11)}.reference-card-featured{grid-column:1/-1;display:grid;grid-template-columns:1.45fr 1fr}.reference-card-media{display:block;position:relative;min-height:330px;overflow:hidden;background:#dfecef}.reference-card-featured .reference-card-media{min-height:470px}.reference-card-media img,.reference-placeholder{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .65s ease}.reference-card:hover img{transform:scale(1.035)}.reference-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(4,18,34,.62),transparent 55%)}.reference-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#dcebee,#bdd9df);color:#408399}.reference-placeholder i{width:52px;height:52px}.reference-sector,.reference-media-count{position:absolute;z-index:1;top:16px;padding:7px 10px;border-radius:9px;background:rgba(255,255,255,.92);color:#12304a;font-size:11px;font-weight:850;letter-spacing:.045em;text-transform:uppercase}.reference-sector{left:16px}.reference-media-count{right:16px;display:flex;align-items:center;gap:6px}.reference-media-count i{width:13px}.reference-open{position:absolute;z-index:1;right:17px;bottom:17px;width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#0b8e96;transition:.3s}.reference-open i{width:19px}.reference-card:hover .reference-open{transform:rotate(12deg);background:#13af9b;color:#fff}.reference-card-copy{padding:25px 26px 27px}.reference-card-featured .reference-card-copy{display:flex;justify-content:center;flex-direction:column;padding:44px}.reference-card-meta{display:flex;justify-content:space-between;gap:12px;color:#7990a0;font-size:12px;text-transform:uppercase;font-weight:750}.reference-card-meta span{display:flex;align-items:center;gap:5px}.reference-card-meta i{width:13px}.reference-card h3{font-size:25px;letter-spacing:-.035em;line-height:1.18;margin:11px 0}.reference-card-featured h3{font-size:38px}.reference-card h3 a{color:var(--ref-ink);text-decoration:none}.reference-card-copy p{color:#66788b;line-height:1.65;margin:0}.reference-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:18px}.reference-tags span,.reference-story-tags span{padding:6px 9px;border-radius:7px;background:#eef7f7;color:#18777d;font-size:10px;font-weight:750}.references-empty{padding:80px 20px;text-align:center;border:1px dashed #cbd9e0;border-radius:20px;background:#fff;color:#66788b}.references-empty i{width:42px;height:42px;color:#16a3ab}.references-empty h3{color:var(--ref-ink);font-size:24px}.references-empty a{color:#048f9a;font-weight:800}.references-cta{padding:80px 0;background:var(--ref-paper)}.references-cta-card{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:45px 50px;border-radius:25px;color:#fff;background:radial-gradient(circle at 80%,rgba(15,195,170,.26),transparent 33%),linear-gradient(125deg,#07192d,#0c3551);box-shadow:0 24px 65px rgba(8,35,61,.17)}.references-cta-card h2{font-size:38px;letter-spacing:-.04em;margin:8px 0}.references-cta-card p{margin:0;color:#bfd2dd}.references-cta-card>a{white-space:nowrap}.reference-detail-hero{position:relative;min-height:720px;background:#07182d;color:#fff;display:flex;align-items:flex-end}.reference-detail-cover,.reference-detail-shade{position:absolute;inset:0}.reference-detail-cover img{width:100%;height:100%;object-fit:cover}.reference-detail-shade{background:linear-gradient(90deg,rgba(3,15,28,.94),rgba(3,15,28,.52) 60%,rgba(3,15,28,.18)),linear-gradient(to top,rgba(3,15,28,.85),transparent 55%)}.reference-detail-hero-inner{position:relative;z-index:1;padding-top:130px;padding-bottom:75px}.reference-detail-hero nav{display:flex;align-items:center;gap:6px;margin-bottom:35px}.reference-detail-hero nav a{color:#d5e2e9;text-decoration:none;font-size:12px}.reference-detail-hero nav i{width:13px}.reference-detail-hero h1{font-size:clamp(45px,6vw,78px);letter-spacing:-.055em;line-height:1;margin:24px 0;max-width:950px;color:#fff}.reference-detail-hero-inner>p{font-size:18px;line-height:1.7;color:#d2e0e6;max-width:720px}.reference-detail-facts{display:flex;gap:12px;flex-wrap:wrap;margin-top:38px}.reference-detail-facts div{min-width:150px;padding:15px 18px;border:1px solid rgba(255,255,255,.17);border-radius:12px;background:rgba(4,22,40,.47);backdrop-filter:blur(12px)}.reference-detail-facts small{display:block;color:#90adb9;margin-bottom:5px}.reference-detail-facts strong{font-size:14px}.reference-story{padding:100px 0}.reference-story-layout{display:grid;grid-template-columns:.72fr 1.3fr;gap:95px}.reference-story aside>span{color:#0a9ca7;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.reference-story h2{font-size:42px;letter-spacing:-.045em;line-height:1.08;margin:13px 0 25px}.reference-story-tags{display:flex;flex-wrap:wrap;gap:7px}.reference-story article{font-size:18px;line-height:1.95;color:#53677a;white-space:normal}.reference-gallery{padding:95px 0;background:var(--ref-paper)}.reference-gallery header,.reference-videos header,.reference-related header{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.reference-gallery header p{color:#7990a0}.reference-gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.reference-gallery-item{position:relative;border:0;padding:0;cursor:pointer;border-radius:17px;overflow:hidden;aspect-ratio:16/10;background:#dce7ec}.reference-gallery-item.wide{grid-column:1/-1;aspect-ratio:2.2/1}.reference-gallery-item img{width:100%;height:100%;object-fit:cover;transition:.5s}.reference-gallery-item:hover img{transform:scale(1.025)}.reference-gallery-item span{position:absolute;right:14px;bottom:14px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#08324c;box-shadow:0 5px 15px rgba(0,0,0,.13)}.reference-gallery-item i{width:17px}.reference-videos{padding:95px 0}.reference-video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.reference-video{border-radius:18px;overflow:hidden;background:#07182d;aspect-ratio:16/9;box-shadow:0 18px 44px rgba(7,24,45,.12)}.reference-video iframe,.reference-video video{border:0;width:100%;height:100%;object-fit:cover}.reference-related{padding:95px 0;background:var(--ref-paper)}.reference-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.reference-related-grid a{position:relative;min-height:310px;display:flex;flex-direction:column;justify-content:flex-end;padding:23px;border-radius:18px;overflow:hidden;color:#fff;text-decoration:none;background:#17344a}.reference-related-grid a:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(3,18,32,.88),transparent 70%)}.reference-related-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.5s}.reference-related-grid a:hover img{transform:scale(1.04)}.reference-related-grid span,.reference-related-grid h3,.reference-related-grid i{position:relative;z-index:1}.reference-related-grid span{font-size:10px;text-transform:uppercase;color:#71e1d5;font-weight:800}.reference-related-grid h3{font-size:21px;margin:8px 45px 0 0}.reference-related-grid i{position:absolute;right:21px;bottom:22px;width:20px}.reference-lightbox[hidden]{display:none}.reference-lightbox{position:fixed;z-index:99999;inset:0;display:grid;place-items:center;padding:35px;background:rgba(2,12,23,.92);backdrop-filter:blur(15px)}.reference-lightbox img{max-width:min(1300px,94vw);max-height:88vh;border-radius:14px;box-shadow:0 25px 80px #000}.reference-lightbox button{position:absolute;right:22px;top:22px;width:45px;height:45px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}.reference-lightbox button i{width:20px}
@media(max-width:900px){.references-hero-inner{min-height:auto;align-items:flex-start;flex-direction:column;padding-top:70px;padding-bottom:60px;gap:38px}.references-numbers{grid-template-columns:repeat(3,1fr);width:100%}.references-heading{align-items:flex-start;flex-direction:column;gap:12px}.reference-card-featured{display:block}.reference-card-featured .reference-card-media{min-height:390px}.reference-card-featured .reference-card-copy{padding:27px}.reference-card-featured h3{font-size:29px}.references-cta-card{align-items:flex-start;flex-direction:column}.reference-story-layout{grid-template-columns:1fr;gap:38px}.reference-related-grid{grid-template-columns:1fr 1fr}.reference-detail-hero{min-height:650px}}
@media(max-width:640px){.references-hero-inner{padding-top:46px;padding-bottom:45px}.references-hero h1{font-size:43px;margin-top:20px}.references-hero-copy>p{font-size:15px}.references-hero-actions{flex-direction:column;align-items:stretch}.references-hero-actions a{justify-content:center}.references-numbers{gap:6px}.references-numbers div{padding:13px 10px}.references-numbers strong{font-size:22px}.references-numbers span{font-size:9px}.references-content,.reference-story,.reference-gallery,.reference-videos,.reference-related{padding:62px 0}.references-heading h2,.reference-gallery h2,.reference-videos h2,.reference-related h2{font-size:32px}.references-grid{grid-template-columns:1fr;gap:16px}.reference-card-featured{grid-column:auto}.reference-card-media,.reference-card-featured .reference-card-media{min-height:0;aspect-ratio:4/3}.reference-card-media img{object-position:center}.reference-card-copy,.reference-card-featured .reference-card-copy{padding:21px}.reference-card h3,.reference-card-featured h3{font-size:24px}.references-cta{padding:50px 0 100px}.references-cta-card{padding:29px 23px}.references-cta-card h2{font-size:30px}.references-cta-card>a{width:100%;justify-content:center}.reference-detail-hero{display:block;min-height:0;background:#07182d}.reference-detail-cover{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1/1;background:#061426}.reference-detail-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center}.reference-detail-shade{display:none}.reference-detail-hero-inner{padding-top:30px;padding-bottom:48px}.reference-detail-hero nav{margin-bottom:22px}.reference-detail-hero h1{font-size:40px;margin:19px 0}.reference-detail-hero-inner>p{font-size:15px}.reference-detail-facts{display:grid;grid-template-columns:repeat(2,1fr)}.reference-detail-facts div{min-width:0}.reference-story h2{font-size:34px}.reference-story article{font-size:16px;line-height:1.8}.reference-gallery-grid,.reference-video-grid,.reference-related-grid{grid-template-columns:1fr}.reference-gallery-item.wide{grid-column:auto;aspect-ratio:16/10}.reference-related-grid a{min-height:270px}.reference-lightbox{padding:12px}.reference-lightbox button{right:12px;top:12px}}

/* Mobil referans vitrini: tüm kapak içeriği sabit alt menünün üstünde rahatça okunur. */
@media(max-width:640px){
 .references-hero{overflow:hidden}
 .references-hero-inner{min-height:0;padding:28px 15px 36px!important;gap:22px}
 .references-kicker{padding:7px 11px;font-size:10px;letter-spacing:.07em}
 .references-hero h1{font-size:38px;line-height:.98;margin:16px 0 15px;letter-spacing:-.045em}
 .references-hero-copy>p{font-size:14px;line-height:1.58;margin:0}
 .references-hero-actions{gap:8px;margin-top:20px}
 .references-hero-actions a{min-height:48px;box-sizing:border-box;padding:12px 15px}
 .references-numbers{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .references-numbers div{min-width:0;padding:10px 7px;border-radius:12px;text-align:center}
 .references-numbers strong{font-size:19px;line-height:1.1}
 .references-numbers span{display:block;margin-top:3px;font-size:8px;line-height:1.25}
 .references-content{padding-top:52px}
}
@media(max-width:390px){
 .references-hero h1{font-size:35px}
 .references-hero-copy>p{font-size:13.5px}
}
