@charset "UTF-8";
/* Gerçek ürünler ve arayüz araştırmaları aynı vitrin içinde açıkça ayrılır. */
.ob_bolum .project-card.ob_gercek_proje{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:auto 1fr;background:#0b2633}
.ob_bolum .project-card.ob_gercek_proje .project-art{grid-row:1/3;height:410px;border-right:1px solid #6cc6bf35;border-bottom:0}
.ob_bolum .project-card.ob_gercek_proje .ob_proje_kesif{padding:27px 32px;border-bottom:0;margin:0;align-self:start}
.ob_bolum .project-card.ob_gercek_proje .project-info{padding:22px 32px 32px;display:flex;flex-direction:column;align-items:flex-start;align-self:end;gap:22px;min-width:0}
.ob_bolum .project-card.ob_gercek_proje .project-info h3{font-size:clamp(42px,4.1vw,64px);letter-spacing:-2px;font-weight:600}
.ob_bolum .project-card.ob_gercek_proje .project-info p{font-size:19px;line-height:1.6;max-width:390px}
.ob_bolum .project-card.ob_gercek_proje .project-info>span{font-size:10px;line-height:1.7;letter-spacing:.8px;max-width:none;text-align:left}
.ob_urun_sanati{position:relative;display:grid;place-items:center;isolation:isolate;background:radial-gradient(ellipse at 20% 0,#276c7970,transparent 65%),#09212e!important;--ob_urun_vurgu:#67e5cd;--ob_urun_ikinci:#ffae6c}
.ob_urun_sanati:before{content:"";position:absolute;inset:0;background:linear-gradient(#77dbc30b 1px,transparent 1px),linear-gradient(90deg,#77dbc30b 1px,transparent 1px);background-size:35px 35px;mask-image:linear-gradient(transparent,#000,transparent);z-index:-1}
.ob_urun_ohho{--ob_urun_vurgu:#a6e9c0;--ob_urun_ikinci:#ffbf79;background:radial-gradient(ellipse at 95% 0,#3b77785c,transparent 70%),#0b2e35!important}
.ob_urun_rota{--ob_urun_vurgu:#70e2d8;background:radial-gradient(ellipse at 30% 100%,#13646688,transparent 75%),#09232f!important}
.ob_urun_atolye{--ob_urun_vurgu:#ffb277;--ob_urun_ikinci:#6adbc8;background:radial-gradient(ellipse at 80% 0,#8c4a343d,transparent 70%),#162a34!important}
.ob_urun_yuzeyi{width:calc(100% - 76px);max-width:550px;min-width:0;position:relative;padding:28px 30px;background:linear-gradient(135deg,#123947ee,#09202eee);border:1px solid #74b8b84f;border-top:2px solid var(--ob_urun_vurgu);box-shadow:9px 11px 0 #0616205e;text-align:left;transform:perspective(1000px) rotateY(-6deg) rotateZ(-3deg)}
.ob_urun_ohho .ob_urun_yuzeyi{transform:perspective(1000px) rotateY(6deg) rotateZ(3deg)}
.ob_urun_basligi{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:20px;border-bottom:1px solid #83bcb62d}
.ob_urun_basligi>b{font:600 clamp(26px,3vw,40px)/1.1 "Segoe UI",sans-serif;letter-spacing:-1.5px;color:var(--ob_urun_vurgu)}
.ob_urun_basligi>b>i{color:var(--ob_urun_ikinci);font-style:normal}
.ob_urun_basligi>small{font:600 8px/1.7 "Segoe UI",sans-serif;letter-spacing:.8px;color:#aec6ca;max-width:125px;text-align:right}
.ob_urun_slogani{font:500 clamp(20px,2.1vw,31px)/1.3 "Segoe UI",sans-serif;letter-spacing:-.7px;color:#e5f5f1;max-width:380px;margin:23px 0 25px;overflow-wrap:break-word}
.ob_urun_akisi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;position:relative}
.ob_urun_akisi:before{content:"";height:1px;position:absolute;left:10%;right:10%;top:50%;background:var(--ob_urun_ikinci);opacity:.45;z-index:-1}
.ob_urun_akisi>span{display:flex;flex-direction:column;gap:10px;background:#102e3b;border:1px solid #75c4be40;padding:13px 11px;font:11px/1.6 "Segoe UI",sans-serif;color:#b8d6d5;min-width:0;overflow-wrap:break-word}
.ob_urun_akisi i{font:11px/1 Consolas,monospace;font-style:normal;color:var(--ob_urun_ikinci)}
.ob_urun_alti{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;font:8px/1.6 "Segoe UI",sans-serif;letter-spacing:1px;color:#7da9b0}
.ob_urun_alti>b{font-size:19px;color:var(--ob_urun_vurgu)}
.ob_konsept_yuzeyi .ob_urun_yuzeyi{max-width:420px;width:calc(100% - 64px);padding:23px}
.ob_konsept_yuzeyi .ob_urun_basligi>b{font-size:29px}
.ob_konsept_yuzeyi .ob_urun_slogani{font-size:23px;max-width:310px;margin:20px 0}
.ob_konsept_yuzeyi .ob_urun_akisi>span{font-size:9px;padding:10px 8px}
#ob_proje_ozellikleri{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 24px;padding:0;margin:27px 0;list-style:none}
#ob_proje_ozellikleri li{display:flex;align-items:flex-start;gap:11px;font-size:14px;line-height:1.7;color:#b8d6d5}
#ob_proje_ozellikleri li:before{content:"◇";color:#63e9ce;font-size:12px;margin-top:2px}
#ob_proje_adresi{margin:0 14px 13px 0;display:inline-flex}
#ob_proje_adresi[hidden],#ob_proje_ozellikleri[hidden]{display:none}
@media(max-width:1100px){
 .ob_bolum .project-card.ob_gercek_proje{grid-template-columns:1.1fr 1fr}
 .ob_bolum .project-card.ob_gercek_proje .ob_proje_kesif{padding:25px}
 .ob_bolum .project-card.ob_gercek_proje .project-info{padding:20px 25px 27px}
 .ob_urun_yuzeyi{width:calc(100% - 48px);padding:23px 21px}
 .ob_urun_basligi{gap:12px}.ob_urun_basligi>small{font-size:7px;letter-spacing:.3px;max-width:105px}
 .ob_urun_slogani{font-size:25px}.ob_urun_akisi{gap:6px}.ob_urun_akisi>span{font-size:9px;padding:11px 8px}
}
@media(max-width:760px){
 .ob_bolum .project-card.ob_gercek_proje{display:block;grid-column:auto}
 .ob_bolum .project-card.ob_gercek_proje .project-art{height:365px;border-right:0;border-bottom:1px solid #6cc6bf35}
 .ob_bolum .project-card.ob_gercek_proje .ob_proje_kesif{padding:19px 22px;border-bottom:1px solid #6cc6bf35}
 .ob_bolum .project-card.ob_gercek_proje .project-info{padding:23px;gap:15px}
 .ob_bolum .project-card.ob_gercek_proje .project-info h3{font-size:40px}
 .ob_bolum .project-card.ob_gercek_proje .project-info p{font-size:16px;max-width:none}
 .ob_urun_yuzeyi,.ob_konsept_yuzeyi .ob_urun_yuzeyi{width:calc(100% - 48px);padding:22px 18px;transform:none}
 .ob_urun_ohho .ob_urun_yuzeyi{transform:none}
 .ob_urun_basligi>b{font-size:31px}.ob_urun_slogani,.ob_konsept_yuzeyi .ob_urun_slogani{font-size:23px;line-height:1.35}
 .ob_urun_akisi>span,.ob_konsept_yuzeyi .ob_urun_akisi>span{font-size:10px;padding:10px 8px}
 #ob_proje_ozellikleri{grid-template-columns:1fr;gap:10px}
}
@media(max-width:380px){
 .ob_bolum .project-card.ob_gercek_proje .project-art{height:365px}
 .ob_urun_yuzeyi,.ob_konsept_yuzeyi .ob_urun_yuzeyi{width:calc(100% - 30px);padding:20px 14px}
 .ob_urun_basligi{flex-wrap:wrap;gap:10px;padding-bottom:16px}.ob_urun_basligi>small{max-width:none;text-align:left;font-size:7px}
 .ob_urun_basligi>b{font-size:29px}.ob_urun_slogani,.ob_konsept_yuzeyi .ob_urun_slogani{font-size:21px;margin:18px 0}
 .ob_urun_akisi{gap:5px}.ob_urun_akisi>span,.ob_konsept_yuzeyi .ob_urun_akisi>span{font-size:8px;padding:9px 6px}
 .ob_urun_alti{font-size:7px;letter-spacing:.5px;margin-top:18px}
 .ob_bolum .project-card.ob_gercek_proje .project-info{padding:22px 20px}
}