.sn-home{position:relative;width:100%;overflow:hidden;background:#eee}.sn-home-track{position:relative;aspect-ratio:16/9}.sn-home-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .6s ease}.sn-home-slide.is-active{opacity:1;visibility:visible}.sn-home picture,.sn-home img{display:block;width:100%;height:100%}.sn-home img{object-fit:cover}.sn-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:48px;height:48px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(0,0,0,.3);color:#fff;font-size:34px;cursor:pointer}.sn-prev{left:24px}.sn-next{right:24px}.sn-dots{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:7px}.sn-dots button{width:8px;height:8px;border:0;border-radius:50%;padding:0;background:rgba(255,255,255,.55)}.sn-dots button.is-active{background:#fff}.sn-filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 0 28px}.sn-filters button{border:1px solid #ccc;background:#fff;padding:10px 18px;border-radius:30px;cursor:pointer}.sn-filters button.is-active{background:#171614;color:#fff;border-color:#171614}.sn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sn-grid figure{position:relative;margin:0;overflow:hidden;background:#eee;aspect-ratio:4/5}.sn-grid picture,.sn-grid img{display:block;width:100%;height:100%}.sn-grid img{object-fit:cover;transition:transform .5s ease}.sn-grid figure:hover img{transform:scale(1.035)}.sn-grid figcaption{position:absolute;inset:auto 0 0;padding:35px 20px 18px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.65))}.sn-grid figcaption span{font-size:11px;text-transform:uppercase;letter-spacing:.12em}.sn-grid h3{color:inherit;margin:4px 0 0;font-size:20px}.sn-models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sn-model-card{background:#f6f4ef}.sn-model-card picture,.sn-model-card img{display:block;width:100%;aspect-ratio:3/4}.sn-model-card img{object-fit:cover}.sn-model-info{padding:18px}.sn-model-info h3{margin:0 0 6px}.sn-model-info p{margin:0;color:#666}.sn-empty{text-align:center;padding:30px;background:#f6f4ef}@media(max-width:767px){.sn-home-track{aspect-ratio:9/16}.sn-arrow{width:38px;height:38px}.sn-prev{left:10px}.sn-next{right:10px}.sn-grid,.sn-models{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sn-grid figcaption{padding:25px 12px 12px}.sn-grid h3{font-size:15px}.sn-model-info{padding:12px}}

/* Anasayfa: panelden beslenen StudioNoi 3D portfolyo alanı */
#studio-portfolio-full .snoi-image-wrap img{transition:none!important}
#studio-portfolio-full .snoi-card.is-active:hover img{transform:none!important}
#studio-portfolio-full{--card-width:min(680px,72vw)!important;--card-height:min(480px,51vw)!important}#studio-portfolio-full .snoi-image-wrap{aspect-ratio:16/9}@media(max-width:767px){#studio-portfolio-full{--card-width:min(340px,88vw)!important;--card-height:min(270px,69vw)!important}#studio-portfolio-full .snoi-image-wrap{aspect-ratio:16/9}}
#studio-portfolio-full .snoi-light{display:none!important}
#studio-portfolio-full{--card-width:430px;--card-height:590px;position:relative!important;display:block!important;width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;padding:90px 0 70px!important;overflow:hidden!important;background:#f8f8f6;box-sizing:border-box!important}#studio-portfolio-full *{box-sizing:border-box}#studio-portfolio-full .snoi-portfolio-head{width:100%;margin:0 auto 58px;padding:0 30px;text-align:center}#studio-portfolio-full .snoi-portfolio-head h2{margin:0;color:#171717;font-family:Arial,Helvetica,sans-serif;font-size:clamp(36px,3vw,58px);font-weight:400;line-height:1;letter-spacing:.17em}#studio-portfolio-full .snoi-portfolio-head p{margin:17px 0 0;color:#777;font-family:Arial,Helvetica,sans-serif;font-size:10px;line-height:1;letter-spacing:.38em}#studio-portfolio-full .snoi-portfolio-viewport{position:relative;width:100%;overflow:visible;touch-action:pan-y}#studio-portfolio-full .snoi-portfolio-stage{position:relative;width:100%;height:calc(var(--card-height) + 60px);perspective:1500px;transform-style:preserve-3d}#studio-portfolio-full .snoi-card{position:absolute;left:50%;top:50%;width:var(--card-width);height:var(--card-height);margin:0;overflow:hidden;opacity:0;pointer-events:none;background:#fff;border:1px solid rgba(0,0,0,.09);border-radius:6px;box-shadow:0 12px 35px rgba(0,0,0,.08);transform:translate(-50%,-50%) scale(.70);transform-origin:center;transition:transform .65s cubic-bezier(.2,.75,.25,1),opacity .45s ease,filter .45s ease,box-shadow .45s ease}#studio-portfolio-full .snoi-card.is-active{z-index:10;opacity:1;pointer-events:auto;filter:none;transform:translate(-50%,-50%) scale(1);box-shadow:0 30px 80px rgba(0,0,0,.17),0 0 0 1px rgba(0,0,0,.06)}#studio-portfolio-full .snoi-card.is-prev{z-index:4;opacity:.52;pointer-events:auto;cursor:pointer;filter:grayscale(.12) brightness(.96);transform:translate(calc(-50% - var(--card-width)*.95),-50%) scale(.80) rotateY(8deg)}#studio-portfolio-full .snoi-card.is-next{z-index:4;opacity:.52;pointer-events:auto;cursor:pointer;filter:grayscale(.12) brightness(.96);transform:translate(calc(-50% + var(--card-width)*.95),-50%) scale(.80) rotateY(-8deg)}#studio-portfolio-full .snoi-card-link{display:grid;grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;color:inherit;text-decoration:none}#studio-portfolio-full .snoi-image-wrap{position:relative;width:calc(100% - 12px);height:100%;min-height:0;margin:6px 6px 0;overflow:hidden;background:#ececea}#studio-portfolio-full .snoi-image-wrap picture,#studio-portfolio-full .snoi-image-wrap img{display:block;width:100%;height:100%}#studio-portfolio-full .snoi-image-wrap img{object-fit:cover;object-position:center;transition:transform .9s cubic-bezier(.2,.75,.25,1)}#studio-portfolio-full .snoi-card.is-active:hover img{transform:scale(1.035)}#studio-portfolio-full .snoi-info{width:100%;min-height:90px;padding:18px 15px 17px;text-align:center;background:#fff;border-top:1px solid rgba(0,0,0,.05)}#studio-portfolio-full .snoi-info h3{margin:0 0 7px;color:#171717;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:500;line-height:1.2;letter-spacing:.14em}#studio-portfolio-full .snoi-info p{margin:0;color:#8a8a8a;font-family:Arial,Helvetica,sans-serif;font-size:9px;line-height:1.3;letter-spacing:.17em}#studio-portfolio-full .snoi-light{position:absolute;inset:-40%;opacity:0;pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.35) 48%,rgba(255,255,255,.17) 53%,transparent 64%);transform:translate3d(var(--shine-x,0),var(--shine-y,0),0) rotate(8deg);transition:opacity .25s ease}#studio-portfolio-full .snoi-card.is-active:hover .snoi-light{opacity:.75}#studio-portfolio-full .snoi-dots{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;margin-top:18px}#studio-portfolio-full .snoi-dot{width:6px;height:6px;min-width:0;margin:0;padding:0;border:0;border-radius:50px;background:#111;opacity:.18;cursor:pointer;transition:width .25s ease,opacity .25s ease}#studio-portfolio-full .snoi-dot.is-active{width:25px;opacity:1}@media(max-width:1100px) and (min-width:768px){#studio-portfolio-full{--card-width:370px;--card-height:530px}}@media(max-width:767px){#studio-portfolio-full{--card-width:min(290px,76vw);--card-height:440px;padding:55px 0 45px!important}#studio-portfolio-full .snoi-portfolio-head{margin-bottom:35px}#studio-portfolio-full .snoi-portfolio-head h2{font-size:clamp(27px,9vw,36px);letter-spacing:.12em}#studio-portfolio-full .snoi-portfolio-head p{font-size:8px;letter-spacing:.28em}#studio-portfolio-full .snoi-portfolio-stage{height:calc(var(--card-height) + 35px)}#studio-portfolio-full .snoi-card.is-prev{transform:translate(calc(-50% - var(--card-width)*.78),-50%) scale(.71)}#studio-portfolio-full .snoi-card.is-next{transform:translate(calc(-50% + var(--card-width)*.78),-50%) scale(.71)}#studio-portfolio-full .snoi-info{min-height:72px;padding:13px 10px 12px}#studio-portfolio-full .snoi-info h3{font-size:12px}#studio-portfolio-full .snoi-info p{font-size:8px}}
