.case-lab{position:relative;overflow:hidden;padding:125px 0;background:#0a0b0b;color:var(--txt)}.case-lab:before{content:"CASE LAB";position:absolute;right:-.04em;top:.08em;font:900 clamp(9rem, 22vw, 22rem)/0.8 var(--f-d);letter-spacing:-.08em;color:rgba(255,255,255,.018)}.case-lab-head{position:relative;display:grid;grid-template-columns:1fr 0.62fr;gap:8%;align-items:end}.case-lab-head .h2-kicker{grid-column:1/-1}.case-lab-head h2{max-width:11ch;margin:8px 0 0;font-size:clamp(3.6rem, 6vw, 6.7rem);line-height:.85;letter-spacing:-.055em}.case-lab-head h2 em{display:block;color:var(--orange);font-style:normal}.case-lab-head h2 .punc{display:inline-block;margin-left:-.09em}html[lang="tr"] .case-lab-head h2 .punc,html[lang="en"] .case-lab-head h2 .punc{display:none}.case-lab-head>p{max-width:55ch;margin:0 0 8px;color:#969c98;font-size:1rem;line-height:1.72}.case-lab-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;border:1px solid #292c2a}.case-lab-tabs button{position:relative;padding:23px 25px;text-align:left;border:0;border-right:1px solid #292c2a;background:#101211;color:#fff;cursor:pointer}.case-lab-tabs button:last-child{border-right:0}.case-lab-tabs button:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:3px;background:var(--orange);transition:right .3s}.case-lab-tabs button.on{background:#171918}.case-lab-tabs button.on:after{right:0}.case-lab-tabs b,.case-lab-tabs small,.case-lab-tabs span{display:block}.case-lab-tabs span{color:var(--orange);font:0.62rem var(--f-m)}.case-lab-tabs b{margin-top:15px;font:700 1.15rem var(--f-d)}.case-lab-tabs small{margin-top:5px;color:#747a76}.case-lab-stage{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(360px,0.84fr);min-height:690px;border:1px solid #292c2a;border-top:0}.case-lab-view{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,#202320,#0e100f 68%)}.case-lab-view:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px}.case-lab-view img{position:relative;z-index:1;width:88%;height:75%;object-fit:contain;filter:drop-shadow(0 32px 45px rgba(0, 0, 0, .52))}.case-lab-meta{position:absolute;z-index:4;left:24px;top:22px;display:flex;gap:15px;align-items:center;font:0.55rem var(--f-m);letter-spacing:.1em;text-transform:uppercase}.case-lab-meta span{padding:8px 10px;background:var(--orange);color:var(--on-accent)}.case-lab-meta strong{color:#a4aaa6}.case-lab-scan{position:absolute;z-index:2;left:0;right:0;top:40%;height:1px;background:linear-gradient(90deg,transparent,var(--orange),transparent);box-shadow:0 0 18px var(--orange);animation:caseScan 5s ease-in-out infinite}.case-lab-zoom{position:absolute;z-index:5;width:210px;height:210px;border:2px solid var(--orange);border-radius:50%;background-repeat:no-repeat;background-color:#111;box-shadow:0 22px 65px rgba(0,0,0,.55),inset 0 0 0 8px rgba(10,11,11,.8);pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.8);transition:opacity .2s,transform .2s}.case-lab-view:hover .case-lab-zoom{opacity:1;transform:translate(-50%,-50%) scale(1)}.case-lab-hint{position:absolute;z-index:4;left:24px;bottom:20px;color:#777d79;font:0.52rem var(--f-m);letter-spacing:.1em;text-transform:uppercase}.case-lab-slides{position:absolute;z-index:5;right:20px;bottom:18px;padding:5px;background:#111}.case-lab-slides button{padding:8px 13px;border:0;background:0 0;color:#777;cursor:pointer}.case-lab-slides button.on{background:var(--orange);color:var(--on-accent)}.case-lab-file{padding:36px;background:#f1efe9;color:#171817}.case-lab-file-top{padding-bottom:24px;border-bottom:1px solid #d7d3ca}.case-lab-file-top span,.case-lab-file-top strong{display:block}.case-lab-file-top span{color:#8d8981;font:0.55rem var(--f-m);letter-spacing:.12em;text-transform:uppercase}.case-lab-file-top strong{margin-top:9px;font:800 1.55rem var(--f-d)}.case-lab-rows>div{display:grid;grid-template-columns:1fr auto;gap:22px;padding:20px 0;border-bottom:1px solid #dbd7ce}.case-lab-rows b,.case-lab-rows small{display:block}.case-lab-rows b{font:700 0.97rem var(--f-d)}.case-lab-rows small{max-width:35ch;margin-top:5px;color:#77736d;font-size:.72rem;line-height:1.45}.case-lab-rows strong{align-self:center;color:var(--orange);font:800 1.05rem var(--f-d);white-space:nowrap}.case-lab-total{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-top:24px;padding-top:24px;border-top:2px solid #171817}.case-lab-total span{font:0.58rem var(--f-m);letter-spacing:.08em;text-transform:uppercase}.case-lab-total strong{font:900 2.35rem var(--f-d);color:var(--orange);white-space:nowrap}.case-lab-file>p{margin:25px 0 0;color:#86827a;font-size:.69rem;line-height:1.55}.case-lab-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:18px;padding:24px 26px;border:1px solid #292c2a}.case-lab-bottom span,.case-lab-bottom strong{display:block}.case-lab-bottom span{color:var(--orange);font:0.54rem var(--f-m);letter-spacing:.1em;text-transform:uppercase}.case-lab-bottom strong{margin-top:6px;font:700 1.05rem var(--f-d)}@keyframes caseScan{0%,100%{top:25%;opacity:.2}50%{top:75%;opacity:1}}@media (max-width:900px){.case-lab{padding:100px 0}.case-lab-head{grid-template-columns:1fr;gap:25px}.case-lab-tabs{margin-top:45px}.case-lab-stage{grid-template-columns:1fr}.case-lab-view{min-height:580px}.case-lab-bottom{align-items:flex-start;flex-direction:column}.case-lab-bottom .btn{width:100%;justify-content:center}}@media (max-width:600px){.case-lab{padding:82px 0 118px}.case-lab-head h2{font-size:clamp(3rem, 13vw, 4rem)}.case-lab-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.case-lab-tabs button{flex:0 0 78%;scroll-snap-align:start}.case-lab-view{min-height:430px}.case-lab-view img{width:96%;height:68%}.case-lab-zoom{display:none}.case-lab-hint{font-size:.47rem}.case-lab-file{padding:27px 21px}.case-lab-file-top strong{font-size:1.35rem}.case-lab-rows>div{gap:12px}.case-lab-rows strong{font-size:.92rem}.case-lab-total{align-items:flex-start;flex-direction:column}.case-lab-total strong{font-size:2.2rem}.case-lab-bottom{padding:22px 20px}}.case-lab-tabs{scrollbar-width:none}.case-lab-tabs::-webkit-scrollbar{display:none}
.home-four .case-lab-head h2{color:#f4f2ed}.home-four .case-lab-head>p{color:#a7ada9}.home-four .case-lab-head .kicker{color:var(--orange)}.home-four .case-lab-bottom strong{color:#f4f2ed}.home-four .case-lab-bottom span{color:var(--orange)}