@charset "UTF-8";
/* Dijital boyut: mevcut içerik ve davranışlar üzerinde bağımsız bölüm mimarisi. */
html[data-ob-tasarim="ob_boyut"] .ob_bolum{padding-block:125px 135px;background:#071820;border-color:#65dec02c;overflow:clip}
html[data-ob-tasarim="ob_boyut"] .ob_bolum:before{inset:0;background:linear-gradient(118deg,transparent 0 57%,#15616a12 57.1% 77%,transparent 77.1%);opacity:1}
html[data-ob-tasarim="ob_boyut"] .ob_bolum:after{background-size:110px 110px;background-image:linear-gradient(#79dfce05 1px,transparent 1px),linear-gradient(90deg,#79dfce05 1px,transparent 1px);mask-image:linear-gradient(100deg,transparent,#000);opacity:.8}
html[data-ob-tasarim="ob_boyut"] .ob_bolum_numarasi{top:100px;right:calc(var(--page) - 15px);font-size:clamp(170px,23vw,350px);letter-spacing:-.08em;-webkit-text-stroke-color:#69e5ce12}
html[data-ob-tasarim="ob_boyut"] .ob_bolum .section-label{font-size:10px;line-height:1.8;letter-spacing:1.6px;align-items:center;gap:24px;padding-bottom:25px;margin-bottom:65px;border-bottom-color:#6ddac338}
html[data-ob-tasarim="ob_boyut"] .ob_bolum .section-label>span:first-child{color:#71eed3;display:flex;align-items:center;gap:14px}
html[data-ob-tasarim="ob_boyut"] .ob_bolum .section-label>span:first-child:before{content:"";width:7px;height:7px;background:#ff9b51;rotate:45deg;flex-shrink:0;box-shadow:0 0 20px #ff9b5144}
html[data-ob-tasarim="ob_boyut"] .ob_bolum .section-label>span:last-child{color:#83adb4}
html[data-ob-tasarim="ob_boyut"] .ob_bolum h2{font:650 clamp(46px,4.9vw,77px)/1.13 "Segoe UI",Arial,sans-serif;letter-spacing:-.045em;color:#edfaf7;overflow-wrap:break-word}
html[data-ob-tasarim="ob_boyut"] .ob_bolum h2 em{font:inherit;letter-spacing:inherit;color:#69e5cf}
html[data-ob-tasarim="ob_boyut"] .ob_bolum .section-heading{align-items:flex-end;gap:45px;margin-bottom:48px}
html[data-ob-tasarim="ob_boyut"] .ob_bolum .section-heading>p,
html[data-ob-tasarim="ob_boyut"] .ob_bolum .notes-side{font-size:17px;line-height:1.85;color:#a2c2c7;max-width:390px}
html[data-ob-tasarim="ob_boyut"] .ob_kucuk_baslik{font-size:10px;line-height:1.8;letter-spacing:1.3px;color:#9ac8cb;margin-bottom:24px}
html[data-ob-tasarim="ob_boyut"] .ob_kucuk_baslik>i{width:42px;background:#ff9b51}
html[data-ob-tasarim="ob_boyut"] .ob_cizgili_baglanti{font-size:15px;line-height:1.6;padding-block:18px;border-color:#69e5cf70;gap:24px}
html[data-ob-tasarim="ob_boyut"] .ob_etiketler{gap:8px}
html[data-ob-tasarim="ob_boyut"] .ob_etiketler>span{font-size:11px;line-height:1.5;padding:8px 12px;background:#0d343c;border-color:#56d1bd3c;color:#b2e7de}

/* Yazılım odaklı giriş: düz okunur metin, katmanlı taşıyıcı yüzeyler. */
html[data-ob-tasarim="ob_boyut"] .ob_kimlik_uzmanlik{padding-block:95px 100px;background:radial-gradient(ellipse at 10% 100%,#09666b22,transparent 65%),#081d26;border-color:#69d6c335}
html[data-ob-tasarim="ob_boyut"] .ob_kimlik_uzmanlik .ob_uzmanlik_giris{margin-bottom:40px;gap:25px 40px}
html[data-ob-tasarim="ob_boyut"] .ob_kimlik_uzmanlik .ob_uzmanlik_giris h2{font-size:clamp(36px,3.5vw,55px);line-height:1.2;letter-spacing:-.04em}
html[data-ob-tasarim="ob_boyut"] .ob_kimlik_uzmanlik .ob_uzmanlik_giris>p{font-size:16px;line-height:1.85;color:#a0c1c7}
html[data-ob-tasarim="ob_boyut"] .ob_kimlik_uzmanlik .ob_uzmanlik_kartlari{grid-template-columns:1.4fr 1fr;gap:45px}
html[data-ob-tasarim="ob_boyut"] .ob_yazilim_ana_karti{background:linear-gradient(125deg,#174650e6,#0a2832);border:1px solid #68d3c954;box-shadow:14px 16px 0 #0410178c;padding:40px;isolation:isolate}
html[data-ob-tasarim="ob_boyut"] .ob_yazilim_ana_karti:after{content:"";position:absolute;right:0;top:0;width:54px;height:54px;background:linear-gradient(45deg,transparent 48%,#62e6ce 49% 51%,#081d26 52%);pointer-events:none}
html[data-ob-tasarim="ob_boyut"] .ob_yazilim_ana_karti h3{font-size:clamp(33px,3.4vw,54px);line-height:1.2;letter-spacing:-.04em;margin-top:34px;max-width:650px}
html[data-ob-tasarim="ob_boyut"] .ob_yazilim_ana_karti h3 em{color:#ffad70}
html[data-ob-tasarim="ob_boyut"] .ob_yazilim_ana_karti>p{font-size:17px;line-height:1.85;max-width:580px;color:#b1ced1}
html[data-ob-tasarim="ob_boyut"] .ob_yazilim_platformlari{gap:22px;flex-wrap:wrap}
html[data-ob-tasarim="ob_boyut"] .ob_yazilim_platformlari>span{font-size:14px}
html[data-ob-tasarim="ob_boyut"] .ob_yazilim_kart_dekoru{font-size:200px;color:#67e3ce0c;right:-17px;bottom:10px}
html[data-ob-tasarim="ob_boyut"] .ob_yazilim_kart_cagrisi{padding-top:23px;margin-top:28px;font-size:15px;border-color:#6ad3c936;color:#74e8d0}
html[data-ob-tasarim="ob_boyut"] .ob_destek_kartlari{padding:20px 0 0 16px}
html[data-ob-tasarim="ob_boyut"] .ob_destek_kunyesi{font-size:11px;letter-spacing:1.2px;color:#79b6bb}
html[data-ob-tasarim="ob_boyut"] .ob_destek_karti{padding:30px 0;border-color:#63c5be35;gap:22px}
html[data-ob-tasarim="ob_boyut"] .ob_destek_simgesi{width:50px;height:50px;border-color:#58caba60;background:#0d303a}
html[data-ob-tasarim="ob_boyut"] .ob_destek_karti h3{font-size:27px;line-height:1.25;letter-spacing:-.6px}
html[data-ob-tasarim="ob_boyut"] .ob_destek_karti p{font-size:15px;line-height:1.8;color:#98b9c1;max-width:330px}
html[data-ob-tasarim="ob_boyut"] .ob_destek_notu{font-size:15px;line-height:1.8;color:#80a8b0;margin-top:26px}
html[data-ob-tasarim="ob_boyut"] .ob_platform_bandi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:25px;padding-block:30px;background:#0a2831;border-color:#65d6c53d;font-size:10px;letter-spacing:1px}
html[data-ob-tasarim="ob_boyut"] .ob_platform_bandi>i{display:none}
html[data-ob-tasarim="ob_boyut"] .ob_platform_bandi>span{white-space:normal;line-height:1.7}
html[data-ob-tasarim="ob_boyut"] .ob_platform_bandi>a{font-size:10px;letter-spacing:.5px;margin:0;white-space:normal;line-height:1.7;gap:14px}

/* Hakkımda: metin sol rayda, seçilebilir mimari sağda bir kat önde. */
html[data-ob-tasarim="ob_boyut"] #about .about-grid{grid-template-columns:.88fr 1.12fr;gap:8%;align-items:start}
html[data-ob-tasarim="ob_boyut"] #about .ob_hakkimda_metni{max-width:630px;padding-top:12px}
html[data-ob-tasarim="ob_boyut"] #about .ob_hakkimda_metni h2{font-size:clamp(46px,5vw,78px)}
html[data-ob-tasarim="ob_boyut"] #about .ob_hakkimda_metni h2 em br{display:initial}
html[data-ob-tasarim="ob_boyut"] #about .ob_hakkimda_metni>p{max-width:580px;font-size:17px;line-height:1.95;color:#a3c1c7}
html[data-ob-tasarim="ob_boyut"] #about .ob_hakkimda_metni .ob_hakkimda_giris{font-size:26px;line-height:1.6;margin:31px 0 17px;color:#e2f5ef}
html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_paneli{margin-top:38px;background:linear-gradient(150deg,#153d48,#09242e 70%);border-color:#6be4cb66;box-shadow:18px 20px 0 #03101899,19px 21px 0 #49cbbb27}
html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_paneli:before{width:42px;height:42px;background:linear-gradient(45deg,transparent 48%,#ff9b51 49% 51%,#071820 52%)}
html[data-ob-tasarim="ob_boyut"] #about .ob_panel_kunyesi{padding:23px 28px;font-size:10px;line-height:1.7;letter-spacing:1.3px;color:#96c2c9;border-color:#69d4c42d}
html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_sekmeleri{padding:18px 23px 0;gap:8px}
html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_sekmeleri button{min-height:53px;padding:12px 8px;font-size:14px;background:#092630;border-color:#67bece30;gap:9px}
html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_sekmeleri button[aria-selected="true"]{background:#245559;border-color:#6df0cf;color:#d6fff0;box-shadow:inset 0 -2px #ff9b51}
html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_icerigi{display:block;min-height:0}
html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_mimarisi{height:270px;background:radial-gradient(ellipse at 50% 65%,#46d9c527,transparent 65%)}
html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_cihazi{width:126px;height:110px;top:26%;background:linear-gradient(145deg,#28656c,#0b2e3b);box-shadow:12px 14px 0 #04121dc9,13px 15px 0 #68e5cd55;border-color:#67edd27a}
html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_prizmasi{width:98%;left:1%;stroke:#5ee7cd99;fill:#43ddc510}
html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_sira{font-size:58px;color:#ff9b512b;left:7%}
html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_adi{font-size:11px;letter-spacing:2px;bottom:26px;color:#b2d8d9}
html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_detayi{padding:0 32px 32px}
html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_detayi>small{font-size:10px;line-height:1.8;letter-spacing:1px;color:#ffb278}
html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_detayi h3{font-size:30px;line-height:1.3;letter-spacing:-.8px;margin:14px 0}
html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_detayi p{font-size:16px;line-height:1.85;min-height:0;margin-bottom:23px;color:#a8c8ca}
html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_detayi .ob_cizgili_baglanti{font-size:15px;margin-top:14px}

/* Ürün vitrini: iki gerçek ürün sahnesi, ardından 2 + 3 konsept ritmi. */
html[data-ob-tasarim="ob_boyut"] #projects{background:radial-gradient(ellipse at 95% 12%,#0f5c6233,transparent 48%),#081e28}
html[data-ob-tasarim="ob_boyut"] #projects .section-heading{display:grid;grid-template-columns:1.35fr 1fr;align-items:end;gap:7%;margin-bottom:55px}
html[data-ob-tasarim="ob_boyut"] #projects .section-heading>p{justify-self:end;margin:0;padding-left:27px;border-left:2px solid #ff9b5188;max-width:360px}
html[data-ob-tasarim="ob_boyut"] #projects .ob_vitrin_araclari{padding:0 0 25px;border-bottom:1px solid #68c4bf38;margin:30px 0 44px;gap:25px;flex-wrap:wrap}
html[data-ob-tasarim="ob_boyut"] #projects .project-filters{gap:10px;flex-wrap:wrap}
html[data-ob-tasarim="ob_boyut"] #projects .filter{min-height:48px;padding:13px 22px;font-size:13px;background:#0c2b37;border-color:#59b9b73e;clip-path:none}
html[data-ob-tasarim="ob_boyut"] #projects .filter.active{background:#214d52;color:#ccfff0;border-color:#6ee6cf;box-shadow:inset 0 -2px #ff9b51}
html[data-ob-tasarim="ob_boyut"] #projects .ob_vitrin_araclari>p{font-size:10px;letter-spacing:1px;color:#8ebac0;margin:0}
html[data-ob-tasarim="ob_boyut"] #projects .project-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:28px}
html[data-ob-tasarim="ob_boyut"] #projects .project-card{grid-column:span 3;display:flex;flex-direction:column;min-width:0;background:#0d2b36;border-color:#76d1c73d;box-shadow:0 14px 35px #020e1733;translate:0 0;transform:none;text-align:left}
html[data-ob-tasarim="ob_boyut"] #projects .project-card:before{width:29px;height:29px;background:linear-gradient(45deg,transparent 48%,#77e7d080 49% 51%,#081e28 52%)}
html[data-ob-tasarim="ob_boyut"] #projects .project-card:nth-child(n+5){grid-column:span 2}
html[data-ob-tasarim="ob_boyut"] #projects .project-card.ob_gercek_proje{display:grid;grid-column:1/-1;grid-template-columns:1.15fr 1fr;grid-template-rows:auto 1fr;min-height:450px;box-shadow:14px 16px 0 #03131d88;border-color:#69d3c34d}
html[data-ob-tasarim="ob_boyut"] #projects .project-card.ob_gercek_proje:nth-child(2){grid-template-columns:1fr 1.15fr;margin-block:13px 30px}
html[data-ob-tasarim="ob_boyut"] #projects .project-card .project-art{grid-column:auto;grid-row:auto;height:350px;min-height:350px;width:100%;border:0;border-bottom:1px solid #70d6c334}
html[data-ob-tasarim="ob_boyut"] #projects .project-card.ob_gercek_proje .project-art{grid-column:1;grid-row:1/3;min-height:450px;height:100%;border:0;border-right:1px solid #73cfbf3b}
html[data-ob-tasarim="ob_boyut"] #projects .project-card.ob_gercek_proje:nth-child(2) .project-art{grid-column:2;border-right:0;border-left:1px solid #73cfbf3b}
html[data-ob-tasarim="ob_boyut"] #projects .concept-label{left:25px;top:25px;font-size:10px;letter-spacing:1px;line-height:1.6;color:#a0d1cd}
html[data-ob-tasarim="ob_boyut"] #projects .project-open{right:24px;top:20px;width:40px;height:40px;color:#7feccf;background:#143d48;border-color:#76dcc354}
html[data-ob-tasarim="ob_boyut"] #projects .ob_proje_kesif{grid-column:auto;grid-row:auto;padding:20px 25px;font-size:10px;line-height:1.6;letter-spacing:.6px;border-top:0;border-bottom:1px solid #66c9bf2a;gap:15px;min-height:66px}
html[data-ob-tasarim="ob_boyut"] #projects .ob_proje_kesif>span{min-width:0}
html[data-ob-tasarim="ob_boyut"] #projects .ob_proje_kesif>span:last-child{flex-shrink:0}
html[data-ob-tasarim="ob_boyut"] #projects .project-info{grid-column:auto;grid-row:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:15px;padding:27px 25px 30px;margin-top:auto;width:100%}
html[data-ob-tasarim="ob_boyut"] #projects .project-info h3{font-size:36px;line-height:1.2;letter-spacing:-1px;margin:0;color:#ebf9f4}
html[data-ob-tasarim="ob_boyut"] #projects .project-info p{font-size:15px;line-height:1.85;max-width:none;margin:8px 0 0;color:#a4c3c9}
html[data-ob-tasarim="ob_boyut"] #projects .project-info>span{order:0;max-width:none;font-size:10px;line-height:1.7;letter-spacing:.6px;text-align:left;color:#7cb9bd}
html[data-ob-tasarim="ob_boyut"] #projects .project-card.ob_gercek_proje .ob_proje_kesif{grid-column:2;grid-row:1;padding:30px 35px;border-bottom:0;align-self:start}
html[data-ob-tasarim="ob_boyut"] #projects .project-card.ob_gercek_proje .project-info{grid-column:2;grid-row:2;padding:15px 35px 40px;align-self:end;gap:22px;margin:0}
html[data-ob-tasarim="ob_boyut"] #projects .project-card.ob_gercek_proje:nth-child(2) .ob_proje_kesif,
html[data-ob-tasarim="ob_boyut"] #projects .project-card.ob_gercek_proje:nth-child(2) .project-info{grid-column:1}
html[data-ob-tasarim="ob_boyut"] #projects .project-card.ob_gercek_proje .project-info h3{font-size:clamp(45px,4.5vw,68px);font-weight:600;letter-spacing:-.045em}
html[data-ob-tasarim="ob_boyut"] #projects .project-card.ob_gercek_proje .project-info p{font-size:21px;line-height:1.7;max-width:430px;color:#b2d2d0}
html[data-ob-tasarim="ob_boyut"] #projects .ob_urun_yuzeyi{width:calc(100% - 74px);max-width:570px;padding:28px;transform:perspective(1200px) rotateY(-5deg) rotateZ(-3deg);background:linear-gradient(135deg,#154550,#09252f);box-shadow:13px 15px 0 #03121d99,14px 16px 0 #68e5cd33;transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s}
html[data-ob-tasarim="ob_boyut"] #projects .ob_urun_ohho .ob_urun_yuzeyi{transform:perspective(1200px) rotateY(5deg) rotateZ(3deg)}
html[data-ob-tasarim="ob_boyut"] #projects .ob_urun_basligi>b{font-size:clamp(30px,3vw,42px);line-height:1.2;letter-spacing:-1.3px}
html[data-ob-tasarim="ob_boyut"] #projects .ob_urun_basligi>small{font-size:9px;line-height:1.7;letter-spacing:.5px}
html[data-ob-tasarim="ob_boyut"] #projects .ob_urun_slogani{font-size:clamp(24px,2.3vw,34px);line-height:1.35;letter-spacing:-.6px;max-width:440px;margin:25px 0}
html[data-ob-tasarim="ob_boyut"] #projects .ob_urun_akisi{gap:8px}
html[data-ob-tasarim="ob_boyut"] #projects .ob_urun_akisi>span{font-size:11px;line-height:1.75;padding:12px 10px;background:#10333c;border-color:#75d0bb4d}
html[data-ob-tasarim="ob_boyut"] #projects .ob_konsept_yuzeyi .ob_urun_yuzeyi{width:calc(100% - 50px);padding:21px;transform:perspective(1200px) rotateY(-3deg) rotateZ(-2deg)}
html[data-ob-tasarim="ob_boyut"] #projects .ob_konsept_yuzeyi .ob_urun_basligi>b{font-size:29px}
html[data-ob-tasarim="ob_boyut"] #projects .ob_konsept_yuzeyi .ob_urun_slogani{font-size:22px;line-height:1.35;margin:20px 0}
html[data-ob-tasarim="ob_boyut"] #projects .ob_konsept_yuzeyi .ob_urun_akisi{grid-template-columns:1fr;gap:6px}
html[data-ob-tasarim="ob_boyut"] #projects .ob_konsept_yuzeyi .ob_urun_akisi>span{font-size:11px;padding:7px 10px}
html[data-ob-tasarim="ob_boyut"] #projects .ob_konsept_yuzeyi .ob_urun_akisi:before{display:none}
html[data-ob-tasarim="ob_boyut"] #projects .ob_urun_alti{font-size:9px;line-height:1.7;letter-spacing:.5px;margin-top:23px}
html[data-ob-tasarim="ob_boyut"] #projects .sample-note{max-width:950px;margin-top:44px;padding:22px 0;border-top:1px solid #69c7be2d;font-size:13px;line-height:1.85;color:#89b0b9}

/* Süreç: aynı erişilebilir sekmeler, dikey rota ve geniş tek içerik yüzeyi. */
html[data-ob-tasarim="ob_boyut"] #ob_surec{display:grid;grid-template-columns:.8fr 1.2fr;column-gap:5%;background:linear-gradient(122deg,#11343e,#081d29);padding-block:100px 110px;text-align:left}
html[data-ob-tasarim="ob_boyut"] #ob_surec>.section-label,
html[data-ob-tasarim="ob_boyut"] #ob_surec>.ob_surec_girisi{grid-column:1/-1}
html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_surec_girisi{margin-bottom:55px;gap:45px;align-items:center}
html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_surec_cizimi{width:42%;height:220px;margin-bottom:18px}
html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_surec_cizimi>span{font-size:10px;letter-spacing:1.2px;color:#9cd6d2}
html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_surec_sekmeleri{grid-column:1;grid-row:3;display:flex;flex-direction:column;gap:13px;margin:0}
html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_surec_sekmeleri>button{min-height:111px;padding:23px 26px;gap:24px;background:#0b2631;border-color:#69c9c044;box-shadow:5px 5px 0 #03141d66;align-items:center}
html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_surec_sekmeleri>button[aria-selected="true"]{background:#255453;border-color:#74e7ce;box-shadow:inset 3px 0 #ff9b51,5px 5px 0 #03141d66}
html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_surec_sekmeleri>button[aria-selected="true"]:after{display:none}
html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_surec_sekmeleri>button>span{font-size:37px;letter-spacing:-2px;color:#609899}
html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_surec_sekmeleri>button[aria-selected="true"]>span{color:#ffb37b}
html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_surec_sekmeleri small{font-size:10px;line-height:1.6;letter-spacing:1px;color:#93dace}
html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_surec_sekmeleri strong{font-size:19px;line-height:1.5;letter-spacing:-.2px;margin-top:5px;color:#e4f7f0}
html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_surec_sekmeleri button>i{width:37px;height:37px;flex-shrink:0}
html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_adim_icerigi{grid-column:2;grid-row:3;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:24px;padding:38px 40px;min-height:359px;position:relative;isolation:isolate;border:1px solid #67d4be55;background:linear-gradient(140deg,#163c43,#0c2833);box-shadow:11px 12px 0 #03131d88}
html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_adim_icerigi:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(135deg,transparent 65%,#7bddc511 65.1% 82%,transparent 82.1%)}
html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_adim_icerigi h3{font-size:clamp(27px,2.6vw,39px);line-height:1.25;letter-spacing:-.8px;margin:0;color:#e8f8f3}
html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_adim_icerigi p{font-size:17px;line-height:1.9;max-width:640px;margin:0;color:#aacbc9}
html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_adim_icerigi .ob_etiketler{justify-content:flex-start;max-width:none;margin-top:4px}

/* Notlar: bir ana keşif yüzeyi ve yanında iki kısa okuma. */
html[data-ob-tasarim="ob_boyut"] #notes{background:#071820}
html[data-ob-tasarim="ob_boyut"] #notes .notes-list{display:grid;grid-template-columns:1.14fr 1fr;gap:23px;margin-top:48px}
html[data-ob-tasarim="ob_boyut"] #notes .note-row{display:flex;flex-direction:column;align-items:stretch;padding:31px 33px;min-height:260px;gap:0;border-color:#68c9bd45;background:linear-gradient(145deg,#10343f,#0a2530);box-shadow:8px 9px 0 #03131d66;translate:0 0}
html[data-ob-tasarim="ob_boyut"] #notes .note-row:first-child{grid-column:1;grid-row:1/3;min-height:550px;padding:39px;background:radial-gradient(ellipse at 5% 100%,#21877433,transparent 70%),#0e303a;border-top:3px solid #66e4c6}
html[data-ob-tasarim="ob_boyut"] #notes .note-row:before{background:linear-gradient(130deg,transparent 60%,#51d7bf0c 60.1% 82%,transparent 82.1%)}
html[data-ob-tasarim="ob_boyut"] #notes .ob_not_ust{gap:18px;align-items:center;flex-direction:row}
html[data-ob-tasarim="ob_boyut"] #notes .note-number{font-size:16px;min-width:24px;color:#ffb176}
html[data-ob-tasarim="ob_boyut"] #notes .note-category{font-size:10px;line-height:1.7;letter-spacing:.9px;color:#96c7c8}
html[data-ob-tasarim="ob_boyut"] #notes .ob_not_sembolu{display:block;position:absolute;right:28px;top:22px;font-size:46px;letter-spacing:-2px;color:#63dfc321;margin:0;pointer-events:none}
html[data-ob-tasarim="ob_boyut"] #notes .note-row:first-child .ob_not_sembolu{position:static;align-self:flex-start;margin:45px 0 25px;font-size:96px;line-height:1;color:#69e4ca6b;letter-spacing:-7px}
html[data-ob-tasarim="ob_boyut"] #notes .note-row h3{font-size:29px;line-height:1.35;letter-spacing:-.8px;max-width:100%;min-height:0;margin:27px 0 30px;color:#e6f7f1;padding-right:15px}
html[data-ob-tasarim="ob_boyut"] #notes .note-row:first-child h3{font-size:clamp(33px,3.1vw,47px);line-height:1.22;letter-spacing:-1.3px;max-width:500px;margin:0 0 40px;padding:0}
html[data-ob-tasarim="ob_boyut"] #notes .ob_not_alti{margin-top:auto;padding-top:22px;gap:15px;flex-direction:row;align-items:center;border-color:#69cbba40}
html[data-ob-tasarim="ob_boyut"] #notes .reading-time,
html[data-ob-tasarim="ob_boyut"] #notes .ob_not_alti>span:last-child{font-size:10px;line-height:1.6;letter-spacing:.7px;color:#a2c7c8}
html[data-ob-tasarim="ob_boyut"] #notes .note-arrow{width:35px;height:35px;color:#ffb176;border-color:#64c5bb52}

/* İletişim: sakin ve okunur formun arkasında bir katman daha. */
html[data-ob-tasarim="ob_boyut"] #contact{background:radial-gradient(ellipse at 2% 35%,#0c6a6733,transparent 55%),linear-gradient(115deg,#09232d,#061720);padding-bottom:125px}
html[data-ob-tasarim="ob_boyut"] #contact .contact-grid{grid-template-columns:.85fr 1.15fr;gap:8%;align-items:start}
html[data-ob-tasarim="ob_boyut"] #contact .contact-intro{position:sticky;top:150px;min-width:0;padding-top:18px}
html[data-ob-tasarim="ob_boyut"] #contact .ob_iletisim_isareti{width:93px;height:93px;margin:0 0 38px;background:#0e3941;border-color:#65dfc773;transform:none;box-shadow:9px 10px 0 #ff9b5122;rotate:-7deg}
html[data-ob-tasarim="ob_boyut"] #contact .ob_iletisim_isareti img{rotate:7deg;width:90px;height:90px}
html[data-ob-tasarim="ob_boyut"] #contact h2{font-size:clamp(44px,4.8vw,74px);line-height:1.16;letter-spacing:-.045em}
html[data-ob-tasarim="ob_boyut"] #contact .contact-intro>p{font-size:18px;line-height:1.9;color:#a9c9cc;margin-top:29px}
html[data-ob-tasarim="ob_boyut"] #contact .contact-location{font-size:13px;line-height:1.8;gap:10px;margin-top:31px;color:#b4d4d1;flex-wrap:wrap}
html[data-ob-tasarim="ob_boyut"] #contact .ob_iletisim_adimlari{gap:19px;margin-top:43px;padding-top:27px;border-color:#6ad3c33a;max-width:410px}
html[data-ob-tasarim="ob_boyut"] #contact .ob_iletisim_adimlari>span{font-size:15px;line-height:1.7;gap:20px;color:#a2c4c8}
html[data-ob-tasarim="ob_boyut"] #contact .ob_iletisim_adimlari b{font-size:12px;color:#ffad72}
html[data-ob-tasarim="ob_boyut"] #contact .ob_iletisim_paneli{padding:35px;background:linear-gradient(145deg,#12353f,#09232f);border:1px solid #63d9c660;box-shadow:15px 17px 0 #03101b99;isolation:isolate;min-width:0;transition:border-color .3s,box-shadow .3s}
html[data-ob-tasarim="ob_boyut"] #contact .ob_iletisim_paneli:before{top:-1px;right:-1px;width:38px;height:38px;background:linear-gradient(45deg,transparent 48%,#ff9b51 49% 51%,#061720 52%)}
html[data-ob-tasarim="ob_boyut"] #contact .ob_iletisim_paneli:after{content:"";position:absolute;inset:15px -15px -15px 15px;z-index:-1;border:1px solid #62d8c337;pointer-events:none}
html[data-ob-tasarim="ob_boyut"] #contact .ob_iletisim_paneli:focus-within{border-color:#78eccf;box-shadow:15px 17px 0 #03101b99,0 0 60px #34bfae10}
html[data-ob-tasarim="ob_boyut"] #contact .ob_form_basligi{font-size:10px;line-height:1.8;letter-spacing:.8px;gap:20px;align-items:flex-start;padding:0 13px 25px 0;margin-bottom:30px;border-color:#7ad8c738}
html[data-ob-tasarim="ob_boyut"] #contact .ob_form_basligi>span:last-child{color:#76a6b2;text-align:right}
html[data-ob-tasarim="ob_boyut"] #contact .ob_form_platformlari{margin-bottom:30px}
html[data-ob-tasarim="ob_boyut"] #contact .ob_form_platformlari>span{font-size:16px;margin-bottom:15px}
html[data-ob-tasarim="ob_boyut"] #contact .ob_form_platformlari button{min-height:50px;font-size:13px;gap:9px;padding:12px 8px;background:#0a2833;border-color:#6ad4c345;clip-path:none}
html[data-ob-tasarim="ob_boyut"] #contact .ob_form_platformlari button[aria-pressed="true"]{background:#25554e;color:#c2ffec;border-color:#71e6cd;box-shadow:inset 0 -2px #ff9b51}
html[data-ob-tasarim="ob_boyut"] #contact .ob_form_platformlari>small{font-size:12px;line-height:1.8;margin-top:13px;color:#8fb9be;min-height:23px}
html[data-ob-tasarim="ob_boyut"] #contact .field{gap:11px;margin-bottom:25px}
html[data-ob-tasarim="ob_boyut"] #contact .field label{font-size:14px;line-height:1.6;color:#c3ddd9}
html[data-ob-tasarim="ob_boyut"] #contact .field input,
html[data-ob-tasarim="ob_boyut"] #contact .field select,
html[data-ob-tasarim="ob_boyut"] #contact .field textarea{font-size:16px;line-height:1.65;padding:15px;background:#071d29;border:1px solid #6cabb54d;color:#edf9f4;border-radius:0}
html[data-ob-tasarim="ob_boyut"] #contact .field input::placeholder,
html[data-ob-tasarim="ob_boyut"] #contact .field textarea::placeholder{color:#85a8b3;opacity:1}
html[data-ob-tasarim="ob_boyut"] #contact .field input:focus,
html[data-ob-tasarim="ob_boyut"] #contact .field select:focus,
html[data-ob-tasarim="ob_boyut"] #contact .field textarea:focus{border-color:#70ebcf;outline:2px solid #70ebcf66;outline-offset:3px}
html[data-ob-tasarim="ob_boyut"] #contact .field textarea{min-height:180px;resize:vertical}
html[data-ob-tasarim="ob_boyut"] #contact .consent,
html[data-ob-tasarim="ob_boyut"] #contact .privacy-link{font-size:12px;line-height:1.85;color:#a5c8ca}
html[data-ob-tasarim="ob_boyut"] #contact .privacy-link{color:#8ae8d1;border-color:#69c5b97d}
html[data-ob-tasarim="ob_boyut"] #contact .consent input{width:16px;height:16px;margin-top:4px;accent-color:#63e8c5}
html[data-ob-tasarim="ob_boyut"] #contact .ob_form_hazirlik{gap:25px;padding-top:25px}
html[data-ob-tasarim="ob_boyut"] #contact .ob_form_hazirlik>span{font-size:10px;line-height:1.6;letter-spacing:.6px;color:#96bec0}
html[data-ob-tasarim="ob_boyut"] #contact .ob_form_hazirlik>progress{height:4px;min-width:0}
html[data-ob-tasarim="ob_boyut"] #contact .form-end{margin-top:28px;gap:18px}
html[data-ob-tasarim="ob_boyut"] #contact .form-end>span{font-size:12px;line-height:1.8;max-width:160px;color:#a1c1c4}
html[data-ob-tasarim="ob_boyut"] #contact .button-primary{font-size:15px;line-height:1.5;min-height:57px;padding:18px 24px;gap:20px;clip-path:none;background:#ffab6b;color:#15252a;box-shadow:5px 5px 0 #ffab6b25;border:1px solid #ffc18d;border-radius:0}
html[data-ob-tasarim="ob_boyut"] #contact .button-primary:focus-visible{outline:2px solid #eafff1;outline-offset:4px}
html[data-ob-tasarim="ob_boyut"] #contact .form-status{font-size:14px;line-height:1.8;margin-top:24px}

/* Alt imza, ana sahnenin yatay ışık hattını tamamlar. */
html[data-ob-tasarim="ob_boyut"] .ob_alt_bilgi{display:grid;grid-template-columns:1fr auto;gap:35px 60px;position:relative;padding-block:65px 35px;background:radial-gradient(ellipse at 80% 0,#16534b33,transparent 65%),#05141d;border-top-color:#67d8c546}
html[data-ob-tasarim="ob_boyut"] .ob_alt_bilgi:before{content:"";position:absolute;top:-1px;left:var(--page);right:var(--page);height:2px;background:linear-gradient(90deg,#ff9b51,transparent 40%,#6ceace);pointer-events:none}
html[data-ob-tasarim="ob_boyut"] .ob_alt_bilgi .ob_alt_marka{width:280px;max-width:100%;align-self:center}
html[data-ob-tasarim="ob_boyut"] .ob_alt_bilgi p{font:500 clamp(25px,2.4vw,38px)/1.4 "Segoe UI",Arial,sans-serif;color:#d9f5e9;letter-spacing:-.8px;text-align:right;margin:0}
html[data-ob-tasarim="ob_boyut"] .ob_alt_bilgi p>span{font:12px/1.8 "Segoe UI",Arial,sans-serif;display:block;margin-top:9px;letter-spacing:.4px;color:#83aeb5}
html[data-ob-tasarim="ob_boyut"] .ob_alt_bilgi>div{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding-top:25px;border-top:1px solid #62bcaf2d;font-size:12px;color:#9cbfbd}
html[data-ob-tasarim="ob_boyut"] .ob_alt_bilgi>div>a{width:47px;height:47px;border-color:#63c8b55f;background:#0c313a;color:#ffc28d}

/* Klavye ve hassas işaretçi aynı yüzey tepkisini alır. Metin katmanları dönmez. */
html[data-ob-tasarim="ob_boyut"] #projects .project-card:focus-visible{outline:2px solid #83f2d2;outline-offset:5px;border-color:#7bedd0;box-shadow:0 17px 50px #03101799;translate:0 -5px}
html[data-ob-tasarim="ob_boyut"] #projects .project-card:focus-visible .ob_urun_yuzeyi{transform:none;box-shadow:7px 8px 0 #03121d99}
html[data-ob-tasarim="ob_boyut"] #notes .note-row:focus-visible{padding:31px 33px;outline:2px solid #7fead0;outline-offset:4px;border-color:#73dfc5;translate:0 -4px;background:#17404a}
html[data-ob-tasarim="ob_boyut"] #notes .note-row:first-child:focus-visible{padding:39px}
html[data-ob-tasarim="ob_boyut"] #ob_surec [role="tab"]:focus-visible,
html[data-ob-tasarim="ob_boyut"] #about [role="tab"]:focus-visible{outline:2px solid #ffb176;outline-offset:4px}
@media(hover:hover) and (pointer:fine){
 html[data-ob-tasarim="ob_boyut"] #projects .project-card:hover{translate:0 -5px;border-color:#72e5cb;box-shadow:0 18px 50px #03101799}
 html[data-ob-tasarim="ob_boyut"] #projects .project-card:hover .ob_urun_yuzeyi{transform:none;box-shadow:7px 8px 0 #03121d99}
 html[data-ob-tasarim="ob_boyut"] #projects .project-card:hover .project-open{rotate:45deg;background:#ffad72;color:#0b2b32;border-color:#ffc699}
 html[data-ob-tasarim="ob_boyut"] #notes .note-row:hover{padding:31px 33px;translate:0 -4px;border-color:#73dfc5;background:#17404a}
 html[data-ob-tasarim="ob_boyut"] #notes .note-row:first-child:hover{padding:39px;background:radial-gradient(ellipse at 5% 100%,#21877444,transparent 70%),#123b40}
 html[data-ob-tasarim="ob_boyut"] #notes .note-row:hover .ob_not_sembolu{color:#ffb17699;translate:0 0}
 html[data-ob-tasarim="ob_boyut"] #contact .button-primary:hover{background:#ffc18b;transform:translateY(-3px);box-shadow:5px 8px 0 #ffab6b25}
}

@media(max-width:1200px){
 html[data-ob-tasarim="ob_boyut"] .ob_bolum{padding-block:95px 105px}
 html[data-ob-tasarim="ob_boyut"] .ob_bolum h2{font-size:clamp(42px,5.3vw,62px)}
 html[data-ob-tasarim="ob_boyut"] .ob_bolum .section-label{margin-bottom:48px;letter-spacing:1px}
 html[data-ob-tasarim="ob_boyut"] .ob_kimlik_uzmanlik .ob_uzmanlik_kartlari{gap:28px}
 html[data-ob-tasarim="ob_boyut"] .ob_yazilim_ana_karti{padding:32px}
 html[data-ob-tasarim="ob_boyut"] .ob_destek_kartlari{padding-left:0}
 html[data-ob-tasarim="ob_boyut"] #about .about-grid{gap:6%;grid-template-columns:1fr 1fr}
 html[data-ob-tasarim="ob_boyut"] #about .ob_hakkimda_metni h2{font-size:clamp(42px,5.2vw,62px)}
 html[data-ob-tasarim="ob_boyut"] #about .ob_hakkimda_metni>p{font-size:16px}
 html[data-ob-tasarim="ob_boyut"] #about .ob_panel_kunyesi{padding:21px 23px;font-size:9px}
 html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_sekmeleri{padding:16px 17px 0}
 html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_sekmeleri button{font-size:12px;gap:6px}
 html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_mimarisi{height:240px}
 html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_detayi{padding:0 25px 28px}
 html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_detayi h3{font-size:27px}
 html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_detayi p{font-size:15px}
 html[data-ob-tasarim="ob_boyut"] #projects .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
 html[data-ob-tasarim="ob_boyut"] #projects .project-card,
 html[data-ob-tasarim="ob_boyut"] #projects .project-card:nth-child(n+5){grid-column:auto}
 html[data-ob-tasarim="ob_boyut"] #projects .project-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:auto 1fr}
 html[data-ob-tasarim="ob_boyut"] #projects .project-card:last-child .project-art{grid-column:1;grid-row:1/3;height:100%;min-height:360px;border-right:1px solid #70d6c334;border-bottom:0}
 html[data-ob-tasarim="ob_boyut"] #projects .project-card:last-child .ob_proje_kesif{grid-column:2;grid-row:1}
 html[data-ob-tasarim="ob_boyut"] #projects .project-card:last-child .project-info{grid-column:2;grid-row:2;align-self:end}
 html[data-ob-tasarim="ob_boyut"] #projects .project-card.ob_gercek_proje,
 html[data-ob-tasarim="ob_boyut"] #projects .project-card.ob_gercek_proje:nth-child(2){grid-column:1/-1;grid-template-columns:1fr 1fr;min-height:430px}
 html[data-ob-tasarim="ob_boyut"] #projects .project-card.ob_gercek_proje .project-art{min-height:430px}
 html[data-ob-tasarim="ob_boyut"] #projects .project-card.ob_gercek_proje .ob_proje_kesif{padding:25px}
 html[data-ob-tasarim="ob_boyut"] #projects .project-card.ob_gercek_proje .project-info{padding:10px 25px 30px}
 html[data-ob-tasarim="ob_boyut"] #projects .project-card.ob_gercek_proje .project-info p{font-size:19px}
 html[data-ob-tasarim="ob_boyut"] #projects .ob_urun_yuzeyi{width:calc(100% - 46px);padding:23px}
 html[data-ob-tasarim="ob_boyut"] #projects .ob_urun_basligi{gap:10px}
 html[data-ob-tasarim="ob_boyut"] #projects .ob_urun_basligi>small{font-size:8px;max-width:100px}
 html[data-ob-tasarim="ob_boyut"] #projects .ob_urun_akisi{grid-template-columns:1fr;gap:6px}
 html[data-ob-tasarim="ob_boyut"] #projects .ob_urun_akisi:before{display:none}
 html[data-ob-tasarim="ob_boyut"] #projects .ob_urun_akisi>span{padding:8px 10px;font-size:11px}
 html[data-ob-tasarim="ob_boyut"] #projects .ob_urun_slogani{font-size:25px;margin:21px 0}
 html[data-ob-tasarim="ob_boyut"] #ob_surec{column-gap:4%;grid-template-columns:.85fr 1.15fr}
 html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_surec_sekmeleri>button{padding:22px 20px;gap:17px}
 html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_surec_sekmeleri strong{font-size:17px}
 html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_adim_icerigi{padding:31px;font-size:16px}
 html[data-ob-tasarim="ob_boyut"] #notes .note-row{padding:28px;min-height:265px}
 html[data-ob-tasarim="ob_boyut"] #notes .note-row:first-child{padding:33px;min-height:553px}
 html[data-ob-tasarim="ob_boyut"] #notes .note-row h3{font-size:26px}
 html[data-ob-tasarim="ob_boyut"] #notes .note-row:hover,
 html[data-ob-tasarim="ob_boyut"] #notes .note-row:focus-visible{padding:28px}
 html[data-ob-tasarim="ob_boyut"] #notes .note-row:first-child:hover,
 html[data-ob-tasarim="ob_boyut"] #notes .note-row:first-child:focus-visible{padding:33px}
 html[data-ob-tasarim="ob_boyut"] #contact .contact-grid{gap:6%;grid-template-columns:.82fr 1.18fr}
 html[data-ob-tasarim="ob_boyut"] #contact h2{font-size:clamp(40px,4.8vw,62px)}
 html[data-ob-tasarim="ob_boyut"] #contact .ob_iletisim_paneli{padding:29px}
 html[data-ob-tasarim="ob_boyut"] #contact .form-row{grid-template-columns:1fr;gap:0}
 html[data-ob-tasarim="ob_boyut"] #contact .form-end{flex-direction:column;align-items:stretch}
 html[data-ob-tasarim="ob_boyut"] #contact .form-end>span{max-width:none}
 html[data-ob-tasarim="ob_boyut"] #contact .button-primary{width:100%;justify-content:space-between}
}
@media(max-width:1000px){
 html[data-ob-tasarim="ob_boyut"] .ob_platform_bandi{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px;font-size:9px}
 html[data-ob-tasarim="ob_boyut"] .ob_platform_bandi>a{grid-column:1/-1;justify-self:start;padding-top:6px}
 html[data-ob-tasarim="ob_boyut"] #about .about-grid{grid-template-columns:1fr;gap:40px}
 html[data-ob-tasarim="ob_boyut"] #about .ob_hakkimda_metni{max-width:800px;padding-top:0}
 html[data-ob-tasarim="ob_boyut"] #about .ob_hakkimda_metni h2{max-width:740px}
 html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_paneli{margin-top:0}
 html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_icerigi{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center}
 html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_mimarisi{height:300px}
 html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_detayi{padding:30px 26px 30px 0}
 html[data-ob-tasarim="ob_boyut"] #projects .section-heading{grid-template-columns:1fr;gap:28px}
 html[data-ob-tasarim="ob_boyut"] #projects .section-heading>p{justify-self:start;max-width:600px}
 html[data-ob-tasarim="ob_boyut"] #projects .project-card .project-art{height:325px;min-height:325px}
 html[data-ob-tasarim="ob_boyut"] #projects .ob_proje_kesif{padding:19px 22px;font-size:9px}
 html[data-ob-tasarim="ob_boyut"] #projects .project-info{padding:24px 22px 28px}
 html[data-ob-tasarim="ob_boyut"] #projects .project-info h3{font-size:32px}
 html[data-ob-tasarim="ob_boyut"] #projects .project-card.ob_gercek_proje .project-info h3{font-size:45px}
 html[data-ob-tasarim="ob_boyut"] #projects .project-card.ob_gercek_proje .project-info p{font-size:18px}
 html[data-ob-tasarim="ob_boyut"] #ob_surec{grid-template-columns:1fr;display:block}
 html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_surec_sekmeleri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:30px}
 html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_surec_sekmeleri>button{flex-direction:column;align-items:flex-start;gap:13px;padding:21px 18px}
 html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_surec_sekmeleri button>i{display:none}
 html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_adim_icerigi{min-height:285px;padding:35px}
 html[data-ob-tasarim="ob_boyut"] #notes .notes-list{grid-template-columns:1fr 1fr;gap:23px}
 html[data-ob-tasarim="ob_boyut"] #notes .note-row:first-child{grid-column:1/-1;grid-row:auto;min-height:330px;padding:32px}
 html[data-ob-tasarim="ob_boyut"] #notes .note-row:first-child .ob_not_sembolu{position:absolute;right:30px;top:30px;font-size:85px;margin:0;color:#69e4ca24}
 html[data-ob-tasarim="ob_boyut"] #notes .note-row:first-child h3{font-size:37px;max-width:630px;margin-top:35px;padding-right:60px}
 html[data-ob-tasarim="ob_boyut"] #notes .note-row h3{padding-right:0}
 html[data-ob-tasarim="ob_boyut"] #contact .contact-grid{grid-template-columns:1fr;gap:45px}
 html[data-ob-tasarim="ob_boyut"] #contact .contact-intro{position:static;max-width:800px;padding:0}
 html[data-ob-tasarim="ob_boyut"] #contact .contact-intro h2{font-size:58px}
 html[data-ob-tasarim="ob_boyut"] #contact .ob_iletisim_adimlari{max-width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
 html[data-ob-tasarim="ob_boyut"] #contact .ob_iletisim_adimlari>span{align-items:flex-start;gap:12px}
 html[data-ob-tasarim="ob_boyut"] #contact .form-row{grid-template-columns:1fr 1fr;gap:20px}
 html[data-ob-tasarim="ob_boyut"] #contact .form-end{flex-direction:row;align-items:center}
 html[data-ob-tasarim="ob_boyut"] #contact .button-primary{width:auto}
 html[data-ob-tasarim="ob_boyut"] .ob_alt_bilgi{column-gap:35px}
 html[data-ob-tasarim="ob_boyut"] .ob_alt_bilgi .ob_alt_marka{width:235px}
}
@media(max-width:760px){
 html[data-ob-tasarim="ob_boyut"] .ob_bolum{padding-block:75px 85px}
 html[data-ob-tasarim="ob_boyut"] .ob_bolum .section-label{font-size:9px;line-height:1.8;gap:20px;margin-bottom:40px;letter-spacing:.6px;align-items:flex-start;padding-bottom:22px}
 html[data-ob-tasarim="ob_boyut"] .ob_bolum .section-label>span:first-child{gap:10px}
 html[data-ob-tasarim="ob_boyut"] .ob_bolum .section-label>span:last-child{font-size:8px;max-width:130px;text-align:right;line-height:1.8;letter-spacing:.2px}
 html[data-ob-tasarim="ob_boyut"] .ob_bolum_numarasi{top:87px;font-size:190px;right:var(--page)}
 html[data-ob-tasarim="ob_boyut"] .ob_bolum h2{font-size:clamp(37px,9.5vw,56px);line-height:1.18;letter-spacing:-.04em}
 html[data-ob-tasarim="ob_boyut"] .ob_bolum .section-heading{display:flex;flex-direction:column;align-items:flex-start;gap:25px;margin-bottom:35px}
 html[data-ob-tasarim="ob_boyut"] .ob_bolum .section-heading>p,
 html[data-ob-tasarim="ob_boyut"] .ob_bolum .notes-side{font-size:16px;line-height:1.8;max-width:none}
 html[data-ob-tasarim="ob_boyut"] .ob_kucuk_baslik{font-size:10px;letter-spacing:.7px}
 html[data-ob-tasarim="ob_boyut"] .ob_kimlik_uzmanlik{padding-block:70px 75px}
 html[data-ob-tasarim="ob_boyut"] .ob_kimlik_uzmanlik .ob_uzmanlik_giris{gap:22px;margin-bottom:32px}
 html[data-ob-tasarim="ob_boyut"] .ob_kimlik_uzmanlik .ob_uzmanlik_giris h2{font-size:clamp(31px,8vw,43px);line-height:1.23}
 html[data-ob-tasarim="ob_boyut"] .ob_kimlik_uzmanlik .ob_uzmanlik_giris>p{font-size:15px;line-height:1.85}
 html[data-ob-tasarim="ob_boyut"] .ob_kimlik_uzmanlik .ob_uzmanlik_kartlari{grid-template-columns:1fr;gap:40px}
 html[data-ob-tasarim="ob_boyut"] .ob_yazilim_ana_karti{padding:30px 25px;box-shadow:8px 9px 0 #0410178c}
 html[data-ob-tasarim="ob_boyut"] .ob_yazilim_ana_karti h3{font-size:clamp(31px,8.5vw,43px);line-height:1.25;margin-top:28px}
 html[data-ob-tasarim="ob_boyut"] .ob_yazilim_ana_karti>p{font-size:16px}
 html[data-ob-tasarim="ob_boyut"] .ob_yazilim_platformlari{gap:17px}
 html[data-ob-tasarim="ob_boyut"] .ob_yazilim_platformlari>span{font-size:12px}
 html[data-ob-tasarim="ob_boyut"] .ob_yazilim_kart_dekoru{font-size:130px;right:-14px}
 html[data-ob-tasarim="ob_boyut"] .ob_destek_kartlari{padding-top:0}
 html[data-ob-tasarim="ob_boyut"] .ob_destek_karti{padding-block:25px;gap:18px}
 html[data-ob-tasarim="ob_boyut"] .ob_destek_karti h3{font-size:25px}
 html[data-ob-tasarim="ob_boyut"] .ob_destek_karti p{font-size:14px}
 html[data-ob-tasarim="ob_boyut"] .ob_destek_notu{font-size:14px;margin-left:68px}
 html[data-ob-tasarim="ob_boyut"] .ob_platform_bandi{padding-block:27px;gap:20px 12px;font-size:8px;letter-spacing:.5px}
 html[data-ob-tasarim="ob_boyut"] .ob_platform_bandi>span{flex-direction:column;align-items:flex-start;gap:10px}
 html[data-ob-tasarim="ob_boyut"] .ob_platform_bandi svg{width:22px;height:22px}
 html[data-ob-tasarim="ob_boyut"] .ob_platform_bandi>a{font-size:10px}
 html[data-ob-tasarim="ob_boyut"] #about .about-grid{gap:36px}
 html[data-ob-tasarim="ob_boyut"] #about .ob_hakkimda_metni h2{font-size:clamp(38px,10vw,57px)}
 html[data-ob-tasarim="ob_boyut"] #about .ob_hakkimda_metni>p{font-size:16px;line-height:1.9}
 html[data-ob-tasarim="ob_boyut"] #about .ob_hakkimda_metni .ob_hakkimda_giris{font-size:25px;margin-top:27px}
 html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_paneli{box-shadow:8px 9px 0 #03101899,9px 10px 0 #49cbbb27}
 html[data-ob-tasarim="ob_boyut"] #about .ob_panel_kunyesi{padding:21px 23px;font-size:9px;letter-spacing:.7px}
 html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_sekmeleri{padding:15px 14px 0;gap:7px}
 html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_sekmeleri button{min-height:50px;font-size:12px;padding:12px 5px;gap:6px}
 html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_icerigi{display:block}
 html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_mimarisi{height:240px}
 html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_detayi{padding:0 25px 28px}
 html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_detayi h3{font-size:28px;line-height:1.3}
 html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_detayi p{font-size:15px;line-height:1.85}
 html[data-ob-tasarim="ob_boyut"] #projects .section-heading{display:block}
 html[data-ob-tasarim="ob_boyut"] #projects .section-heading>p{font-size:16px;line-height:1.85;max-width:none;margin-top:25px;padding-left:19px}
 html[data-ob-tasarim="ob_boyut"] #projects .ob_vitrin_araclari{gap:20px;margin:27px 0 35px;padding-bottom:25px;align-items:flex-start}
 html[data-ob-tasarim="ob_boyut"] #projects .project-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:6px}
 html[data-ob-tasarim="ob_boyut"] #projects .filter{padding:12px 6px;min-height:46px;font-size:12px;line-height:1.5}
 html[data-ob-tasarim="ob_boyut"] #projects .ob_vitrin_araclari>p{font-size:10px;letter-spacing:.5px}
 html[data-ob-tasarim="ob_boyut"] #projects .project-grid{grid-template-columns:1fr;gap:29px}
 html[data-ob-tasarim="ob_boyut"] #projects .project-card,
 html[data-ob-tasarim="ob_boyut"] #projects .project-card:last-child,
 html[data-ob-tasarim="ob_boyut"] #projects .project-card.ob_gercek_proje,
 html[data-ob-tasarim="ob_boyut"] #projects .project-card.ob_gercek_proje:nth-child(2){grid-column:auto;display:flex;flex-direction:column;min-height:0;margin:0}
 html[data-ob-tasarim="ob_boyut"] #projects .project-card .project-art,
 html[data-ob-tasarim="ob_boyut"] #projects .project-card:last-child .project-art,
 html[data-ob-tasarim="ob_boyut"] #projects .project-card.ob_gercek_proje .project-art{grid-column:auto;grid-row:auto;width:100%;height:350px;min-height:350px;border:0;border-bottom:1px solid #70d6c334}
 html[data-ob-tasarim="ob_boyut"] #projects .project-card.ob_gercek_proje .project-art{height:410px;min-height:410px}
 html[data-ob-tasarim="ob_boyut"] #projects .project-card.ob_gercek_proje:nth-child(2) .project-art{border-left:0}
 html[data-ob-tasarim="ob_boyut"] #projects .concept-label{font-size:9px;left:22px;top:24px;letter-spacing:.5px;max-width:calc(100% - 90px)}
 html[data-ob-tasarim="ob_boyut"] #projects .project-open{right:20px;top:18px;width:35px;height:35px}
 html[data-ob-tasarim="ob_boyut"] #projects .project-card .ob_proje_kesif,
 html[data-ob-tasarim="ob_boyut"] #projects .project-card.ob_gercek_proje .ob_proje_kesif{grid-column:auto;grid-row:auto;padding:21px 23px;font-size:9px;border-bottom:1px solid #66c9bf2a}
 html[data-ob-tasarim="ob_boyut"] #projects .project-card .project-info,
 html[data-ob-tasarim="ob_boyut"] #projects .project-card.ob_gercek_proje .project-info{grid-column:auto;grid-row:auto;padding:25px 23px 29px;gap:17px;align-self:stretch;margin:0}
 html[data-ob-tasarim="ob_boyut"] #projects .project-info h3,
 html[data-ob-tasarim="ob_boyut"] #projects .project-card.ob_gercek_proje .project-info h3{font-size:40px;line-height:1.2}
 html[data-ob-tasarim="ob_boyut"] #projects .project-info p,
 html[data-ob-tasarim="ob_boyut"] #projects .project-card.ob_gercek_proje .project-info p{font-size:16px;line-height:1.8;max-width:none}
 html[data-ob-tasarim="ob_boyut"] #projects .ob_urun_yuzeyi,
 html[data-ob-tasarim="ob_boyut"] #projects .ob_konsept_yuzeyi .ob_urun_yuzeyi{width:calc(100% - 46px);padding:23px;transform:none;box-shadow:8px 9px 0 #03121d99}
 html[data-ob-tasarim="ob_boyut"] #projects .ob_urun_basligi{gap:12px;flex-wrap:wrap;padding-bottom:18px}
 html[data-ob-tasarim="ob_boyut"] #projects .ob_urun_basligi>b{font-size:34px}
 html[data-ob-tasarim="ob_boyut"] #projects .ob_urun_basligi>small{max-width:none;text-align:left;font-size:8px;letter-spacing:.6px}
 html[data-ob-tasarim="ob_boyut"] #projects .ob_urun_slogani{font-size:27px;line-height:1.4;margin:22px 0}
 html[data-ob-tasarim="ob_boyut"] #projects .ob_urun_akisi>span{font-size:12px;padding:8px 11px;line-height:1.7}
 html[data-ob-tasarim="ob_boyut"] #projects .ob_urun_alti{font-size:9px;letter-spacing:.5px;line-height:1.7;margin-top:20px}
 html[data-ob-tasarim="ob_boyut"] #projects .sample-note{font-size:13px;line-height:1.85;margin-top:30px}
 html[data-ob-tasarim="ob_boyut"] #ob_surec{padding-block:75px 85px}
 html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_surec_girisi{display:block;margin-bottom:35px}
 html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_surec_cizimi{width:100%;max-width:420px;height:185px;margin:25px 0 30px}
 html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_surec_cizimi>span{font-size:9px}
 html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_surec_sekmeleri{grid-template-columns:1fr;gap:13px;margin-bottom:25px}
 html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_surec_sekmeleri>button{flex-direction:row;align-items:center;padding:21px 23px;gap:22px;min-height:102px}
 html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_surec_sekmeleri>button>span{font-size:34px}
 html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_surec_sekmeleri strong{font-size:19px;line-height:1.5}
 html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_adim_icerigi{padding:29px 25px;min-height:340px;gap:23px;box-shadow:7px 8px 0 #03131d88}
 html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_adim_icerigi h3{font-size:30px;line-height:1.3}
 html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_adim_icerigi p{font-size:16px;line-height:1.9}
 html[data-ob-tasarim="ob_boyut"] #notes .notes-list{grid-template-columns:1fr;gap:23px;margin-top:36px}
 html[data-ob-tasarim="ob_boyut"] #notes .note-row,
 html[data-ob-tasarim="ob_boyut"] #notes .note-row:first-child{grid-column:auto;grid-row:auto;padding:28px 25px;min-height:300px;gap:0}
 html[data-ob-tasarim="ob_boyut"] #notes .note-row:first-child{min-height:365px}
 html[data-ob-tasarim="ob_boyut"] #notes .note-row:hover,
 html[data-ob-tasarim="ob_boyut"] #notes .note-row:focus-visible,
 html[data-ob-tasarim="ob_boyut"] #notes .note-row:first-child:hover,
 html[data-ob-tasarim="ob_boyut"] #notes .note-row:first-child:focus-visible{padding:28px 25px}
 html[data-ob-tasarim="ob_boyut"] #notes .note-row h3,
 html[data-ob-tasarim="ob_boyut"] #notes .note-row:first-child h3{font-size:29px;line-height:1.35;margin:35px 0;padding:0;max-width:none}
 html[data-ob-tasarim="ob_boyut"] #notes .note-row:first-child .ob_not_sembolu{font-size:76px;top:38px;right:24px;color:#69e4ca21}
 html[data-ob-tasarim="ob_boyut"] #notes .ob_not_sembolu{font-size:44px;right:24px;top:25px;color:#69e4ca21}
 html[data-ob-tasarim="ob_boyut"] #notes .note-category{font-size:10px;line-height:1.7;max-width:190px}
 html[data-ob-tasarim="ob_boyut"] #notes .reading-time,
 html[data-ob-tasarim="ob_boyut"] #notes .ob_not_alti>span:last-child{font-size:10px;line-height:1.8;letter-spacing:.5px}
 html[data-ob-tasarim="ob_boyut"] #contact{padding-bottom:90px}
 html[data-ob-tasarim="ob_boyut"] #contact .contact-grid{gap:40px}
 html[data-ob-tasarim="ob_boyut"] #contact .contact-intro h2{font-size:clamp(38px,9.5vw,56px)}
 html[data-ob-tasarim="ob_boyut"] #contact .contact-intro>p{font-size:17px;line-height:1.85}
 html[data-ob-tasarim="ob_boyut"] #contact .ob_iletisim_isareti{width:80px;height:80px;margin-bottom:31px}
 html[data-ob-tasarim="ob_boyut"] #contact .ob_iletisim_isareti img{width:78px;height:78px}
 html[data-ob-tasarim="ob_boyut"] #contact .ob_iletisim_adimlari{grid-template-columns:1fr;gap:17px;margin-top:31px;padding-top:25px}
 html[data-ob-tasarim="ob_boyut"] #contact .ob_iletisim_paneli{padding:28px 23px;box-shadow:8px 9px 0 #03101b99}
 html[data-ob-tasarim="ob_boyut"] #contact .ob_iletisim_paneli:after{inset:8px -8px -8px 8px}
 html[data-ob-tasarim="ob_boyut"] #contact .ob_form_basligi{font-size:9px;letter-spacing:.6px;gap:17px;margin-bottom:28px;padding-bottom:24px}
 html[data-ob-tasarim="ob_boyut"] #contact .ob_form_basligi>span:last-child{max-width:90px}
 html[data-ob-tasarim="ob_boyut"] #contact .ob_form_platformlari button{font-size:12px;padding:12px 5px;gap:6px}
 html[data-ob-tasarim="ob_boyut"] #contact .ob_form_platformlari>small{font-size:12px;min-height:43px}
 html[data-ob-tasarim="ob_boyut"] #contact .form-row{grid-template-columns:1fr;gap:0}
 html[data-ob-tasarim="ob_boyut"] #contact .field{gap:10px;margin-bottom:24px}
 html[data-ob-tasarim="ob_boyut"] #contact .field input,
 html[data-ob-tasarim="ob_boyut"] #contact .field select,
 html[data-ob-tasarim="ob_boyut"] #contact .field textarea{font-size:16px;line-height:1.7;padding:14px 12px}
 html[data-ob-tasarim="ob_boyut"] #contact .field textarea{min-height:175px}
 html[data-ob-tasarim="ob_boyut"] #contact .ob_form_hazirlik{gap:20px}
 html[data-ob-tasarim="ob_boyut"] #contact .ob_form_hazirlik>span{font-size:9px;letter-spacing:.4px}
 html[data-ob-tasarim="ob_boyut"] #contact .form-end{flex-direction:column;align-items:stretch;gap:17px}
 html[data-ob-tasarim="ob_boyut"] #contact .form-end>span{font-size:13px;max-width:none}
 html[data-ob-tasarim="ob_boyut"] #contact .button-primary{width:100%;justify-content:space-between;font-size:15px;padding:18px 22px}
 html[data-ob-tasarim="ob_boyut"] .ob_alt_bilgi{grid-template-columns:1fr;gap:30px;padding-block:50px 30px}
 html[data-ob-tasarim="ob_boyut"] .ob_alt_bilgi .ob_alt_marka{width:260px}
 html[data-ob-tasarim="ob_boyut"] .ob_alt_bilgi p{font-size:30px;line-height:1.45;text-align:left;max-width:450px}
 html[data-ob-tasarim="ob_boyut"] .ob_alt_bilgi p>span{font-size:13px;line-height:1.85;margin-top:14px}
 html[data-ob-tasarim="ob_boyut"] .ob_alt_bilgi>div{font-size:12px}
}
@media(max-width:380px){
 html[data-ob-tasarim="ob_boyut"] .ob_bolum{padding-block:65px 75px}
 html[data-ob-tasarim="ob_boyut"] .ob_bolum .section-label{font-size:8px;letter-spacing:.2px;gap:16px}
 html[data-ob-tasarim="ob_boyut"] .ob_bolum .section-label>span:last-child{font-size:7px;max-width:100px}
 html[data-ob-tasarim="ob_boyut"] .ob_bolum h2,
 html[data-ob-tasarim="ob_boyut"] #about .ob_hakkimda_metni h2,
 html[data-ob-tasarim="ob_boyut"] #contact .contact-intro h2{font-size:36px;line-height:1.2;letter-spacing:-1.2px}
 html[data-ob-tasarim="ob_boyut"] .ob_yazilim_ana_karti{padding:28px 20px}
 html[data-ob-tasarim="ob_boyut"] .ob_yazilim_ana_karti h3{font-size:30px}
 html[data-ob-tasarim="ob_boyut"] .ob_yazilim_platformlari{gap:13px}
 html[data-ob-tasarim="ob_boyut"] .ob_yazilim_platformlari>span{font-size:11px;gap:6px}
 html[data-ob-tasarim="ob_boyut"] .ob_destek_karti h3{font-size:23px}
 html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_sekmeleri{padding:13px 10px 0;gap:5px}
 html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_sekmeleri button{font-size:11px;gap:5px;padding-inline:4px}
 html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_sekmeleri svg{width:15px;height:15px}
 html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_detayi{padding:0 21px 26px}
 html[data-ob-tasarim="ob_boyut"] #about .ob_yetenek_detayi h3{font-size:26px}
 html[data-ob-tasarim="ob_boyut"] #projects .filter{font-size:11px;padding-inline:5px}
 html[data-ob-tasarim="ob_boyut"] #projects .project-card .project-art{height:350px;min-height:350px}
 html[data-ob-tasarim="ob_boyut"] #projects .project-card.ob_gercek_proje .project-art{height:445px;min-height:445px}
 html[data-ob-tasarim="ob_boyut"] #projects .ob_urun_yuzeyi,
 html[data-ob-tasarim="ob_boyut"] #projects .ob_konsept_yuzeyi .ob_urun_yuzeyi{width:calc(100% - 36px);padding:21px 18px}
 html[data-ob-tasarim="ob_boyut"] #projects .ob_urun_slogani{font-size:25px;margin:20px 0}
 html[data-ob-tasarim="ob_boyut"] #projects .ob_urun_akisi>span{font-size:11px;line-height:1.7;padding:8px 10px}
 html[data-ob-tasarim="ob_boyut"] #projects .project-card .project-info,
 html[data-ob-tasarim="ob_boyut"] #projects .project-card.ob_gercek_proje .project-info{padding:24px 21px 28px}
 html[data-ob-tasarim="ob_boyut"] #projects .project-card .ob_proje_kesif,
 html[data-ob-tasarim="ob_boyut"] #projects .project-card.ob_gercek_proje .ob_proje_kesif{padding:21px;font-size:8px;letter-spacing:.2px}
 html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_surec_sekmeleri>button{padding:21px 19px;gap:18px}
 html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_surec_sekmeleri strong{font-size:17px}
 html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_adim_icerigi{padding:27px 22px;min-height:365px}
 html[data-ob-tasarim="ob_boyut"] #ob_surec .ob_adim_icerigi h3{font-size:28px}
 html[data-ob-tasarim="ob_boyut"] #notes .note-row,
 html[data-ob-tasarim="ob_boyut"] #notes .note-row:first-child,
 html[data-ob-tasarim="ob_boyut"] #notes .note-row:hover,
 html[data-ob-tasarim="ob_boyut"] #notes .note-row:focus-visible,
 html[data-ob-tasarim="ob_boyut"] #notes .note-row:first-child:hover,
 html[data-ob-tasarim="ob_boyut"] #notes .note-row:first-child:focus-visible{padding:27px 22px}
 html[data-ob-tasarim="ob_boyut"] #notes .note-row h3,
 html[data-ob-tasarim="ob_boyut"] #notes .note-row:first-child h3{font-size:27px;line-height:1.35}
 html[data-ob-tasarim="ob_boyut"] #notes .note-category{font-size:9px;max-width:165px}
 html[data-ob-tasarim="ob_boyut"] #notes .reading-time,
 html[data-ob-tasarim="ob_boyut"] #notes .ob_not_alti>span:last-child{font-size:9px;letter-spacing:.2px}
 html[data-ob-tasarim="ob_boyut"] #contact .ob_iletisim_paneli{padding:27px 19px}
 html[data-ob-tasarim="ob_boyut"] #contact .ob_form_basligi{font-size:8px;gap:13px}
 html[data-ob-tasarim="ob_boyut"] #contact .ob_form_platformlari button{font-size:11px;gap:5px}
 html[data-ob-tasarim="ob_boyut"] #contact .ob_form_platformlari button{flex-direction:column;min-height:70px;gap:8px}
 html[data-ob-tasarim="ob_boyut"] #contact .ob_form_platformlari button svg{width:14px;height:14px}
 html[data-ob-tasarim="ob_boyut"] .ob_alt_bilgi .ob_alt_marka{width:235px}
 html[data-ob-tasarim="ob_boyut"] .ob_alt_bilgi p{font-size:28px}
}
/* Tipografik ürün haritaları uzun İngilizce metinde de doğal boylanır. */
html[data-ob-tasarim="ob_boyut"] #projects .project-card .project-art.ob_urun_sanati{height:auto;min-height:450px;padding-block:75px 32px}
@media(max-width:760px){
 html[data-ob-tasarim="ob_boyut"] #projects .project-card .project-art.ob_urun_sanati{height:auto;min-height:390px;padding-block:75px 32px}
 html[data-ob-tasarim="ob_boyut"] #projects .project-card.ob_gercek_proje .project-art.ob_urun_sanati{height:auto;min-height:430px}
}
/* Mevcut sahnenin durma tercihleri yeni yüzeylerde de geçerlidir. */
html[data-ob-tasarim="ob_boyut"] .effects-off .ob_bolum *,
html[data-ob-tasarim="ob_boyut"] .effects-off .ob_kimlik_uzmanlik *,
html[data-ob-tasarim="ob_boyut"] .effects-off .ob_alt_bilgi *{animation:none!important;transition:none!important}
html[data-ob-tasarim="ob_boyut"] .effects-off #projects .project-card,
html[data-ob-tasarim="ob_boyut"] .effects-off #projects .ob_urun_yuzeyi,
html[data-ob-tasarim="ob_boyut"] .effects-off #notes .note-row,
html[data-ob-tasarim="ob_boyut"] .effects-off .ob_yazilim_ana_karti,
html[data-ob-tasarim="ob_boyut"] .effects-off #contact .button-primary{translate:0 0!important;transform:none!important}
@media(prefers-reduced-motion:reduce){
 html[data-ob-tasarim="ob_boyut"] .ob_bolum *,
 html[data-ob-tasarim="ob_boyut"] .ob_kimlik_uzmanlik *,
 html[data-ob-tasarim="ob_boyut"] .ob_alt_bilgi *{animation:none!important;transition:none!important}
 html[data-ob-tasarim="ob_boyut"] #projects .project-card,
 html[data-ob-tasarim="ob_boyut"] #projects .ob_urun_yuzeyi,
 html[data-ob-tasarim="ob_boyut"] #notes .note-row,
 html[data-ob-tasarim="ob_boyut"] .ob_yazilim_ana_karti,
 html[data-ob-tasarim="ob_boyut"] #contact .button-primary{translate:0 0!important;transform:none!important}
}