/* MAKI MEDYA V9.23 — Tekil ve otomatik açılır proje vitrini */
.maki-category-section{position:relative;z-index:2;padding:clamp(48px,6vw,95px) max(4.6vw,18px);background:#edf5ff;color:#102c52;font-family:inherit}
.maki-category-header{font-size:11px;letter-spacing:.2em;font-weight:800;margin-bottom:26px;color:#34629c}
.maki-category-row{display:flex;margin:0 0 20px;height:280px;border:1px solid #bad2f0;border-radius:24px;overflow:hidden;background:#dceafd;box-shadow:0 14px 44px #164d8b14;isolation:isolate;transition:box-shadow .8s,border-color .8s}
.maki-category-row.is-open{box-shadow:0 20px 55px #164d8b27;border-color:#76a7e0}
.maki-category-cover{position:relative;min-height:100%;width:100%;flex:0 0 100%;border:0;padding:31px;text-align:left;color:white;overflow:hidden;cursor:pointer;background:#163760;transition:flex-basis 1.15s cubic-bezier(.2,.77,.19,1);font:inherit;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:8px}
.maki-category-row.is-open .maki-category-cover{flex-basis:clamp(320px,39%,520px)}
.maki-category-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 6s ease}
.maki-category-row.is-open .maki-category-cover img,.maki-category-cover:hover img{transform:scale(1.065)}
.maki-category-shade{position:absolute;inset:0;background:linear-gradient(90deg,#061b38d9,#0c3a6680 70%,#07162b55)}
.maki-category-number,.maki-category-title,.maki-category-sub,.maki-category-action{position:relative;z-index:1}
.maki-category-number{font-size:11px;font-weight:750;letter-spacing:.13em}
.maki-category-title{font-weight:800;font-size:clamp(27px,3vw,45px);line-height:1.08;letter-spacing:-.04em}
.maki-category-sub{font-size:13px;opacity:.93}
.maki-category-action{font-size:11px;font-weight:800;letter-spacing:.08em;margin-top:8px;border:1px solid #ffffff90;border-radius:30px;padding:10px 15px;transition:background .3s}
.maki-category-cover:hover .maki-category-action{background:#ffffff2b}
.maki-category-cover:focus-visible,.maki-category-track a:focus-visible{outline:3px solid #64adff;outline-offset:-4px}
.maki-category-detail{flex:1 1 0;min-width:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s}
.maki-category-row.is-open .maki-category-detail{opacity:1;visibility:visible;transition-delay:.24s}
.maki-category-track{display:flex;align-items:stretch;gap:12px;padding:15px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;height:100%;box-sizing:border-box}
.maki-category-project{display:flex;flex-direction:column;flex:0 0 clamp(195px,19vw,250px);min-width:0;scroll-snap-align:start;border-radius:15px;background:#fff;color:#12315b;text-decoration:none;overflow:hidden;box-shadow:0 4px 18px #102b4c17;transform:translateY(12px);opacity:0;transition:transform .7s cubic-bezier(.17,.8,.25,1),opacity .6s ease}
.maki-category-row.is-open .maki-category-project{transform:none;opacity:1}
.maki-category-project:hover{transform:translateY(-3px)!important}
.maki-category-project-media{height:150px;background:#122a45;display:flex;justify-content:center;align-items:center;overflow:hidden;flex-shrink:0}
.maki-category-project-media img,.maki-category-project-media video{width:100%;height:100%;object-fit:contain}
.maki-category-project-body{padding:13px 15px;overflow:hidden}
.maki-category-project-kind{font-size:10px;font-weight:800;color:#3c7fc0;letter-spacing:.12em;text-transform:uppercase}
.maki-category-project-title{display:block;margin-top:6px;font-size:15px;font-weight:800;line-height:1.35;overflow-wrap:anywhere}
.maki-category-project-summary{font-size:12px;line-height:1.45;margin:7px 0 0;color:#466488;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.maki-category-empty{display:flex;align-items:center;justify-content:center;text-align:center;min-width:100%;font-size:15px;padding:30px;color:#37628f;box-sizing:border-box}
.maki-category-all{display:inline-flex;gap:16px;align-items:center;margin-top:10px;border:1px solid #568bc3;color:#123f72;border-radius:50px;padding:14px 20px;font-size:11px;font-weight:800;letter-spacing:.1em;transition:background .3s,color .3s}
.maki-category-all:hover{background:#123f72;color:#fff}
html[data-maki-site-theme="dark"] .maki-category-section{background:#101b2a;color:#f4f8ff}
html[data-maki-site-theme="dark"] .maki-category-row{background:#182a41;border-color:#37506d}
html[data-maki-site-theme="dark"] .maki-category-all{color:#e7f4ff}
@media(max-width:750px){.maki-category-section{padding:36px 15px}.maki-category-row{flex-direction:column;height:auto;min-height:0}.maki-category-cover,.maki-category-row.is-open .maki-category-cover{flex:0 0 auto;height:214px;min-height:214px;width:100%;transition:none}.maki-category-detail{flex:auto;max-height:0;transition:max-height 1s cubic-bezier(.2,.77,.19,1),opacity .7s;overflow:hidden}.maki-category-row.is-open .maki-category-detail{max-height:286px}.maki-category-track{overflow-x:auto;height:272px}.maki-category-project{flex-basis:210px}.maki-category-title{font-size:30px}}
@media(prefers-reduced-motion:reduce){.maki-category-cover,.maki-category-cover img,.maki-category-detail,.maki-category-project,.maki-category-row{transition:none!important}.maki-category-project{opacity:1;transform:none}}