.plist{position:relative;z-index:2;background:var(--bg-2);border-top:1px solid var(--line);background-image:radial-gradient(1000px 480px at 50% 0%,rgba(108,106,255,.11),rgba(108,106,255,.04) 45%,transparent 75%)}.plist .wrap{padding-block:24px 72px}.prod{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,5vw,76px);align-items:center;padding-block:clamp(48px,7vw,96px);border-bottom:1px solid var(--line)}.prod:last-child{border-bottom:0}.prod:nth-child(odd of.prod) .prod-vis{order:2}.prod-vis{position:relative;aspect-ratio:4 / 3;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:radial-gradient(120% 90% at 70% 20%,var(--vis-a) 0%,var(--vis-b) 70%)}.prod-vis canvas{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated}.prod-idx{font:500 12px/1 var(--f-label);letter-spacing:.1em;color:var(--muted);margin:0 0 16px}.prod-name{margin:16px 0 14px;font-family:var(--f-display);font-weight:400;font-synthesis:none;font-size:clamp(2.3rem,1.4rem + 2.6vw,3.7rem);line-height:1.04;letter-spacing:-.015em}.prod-lede{margin:0 0 24px;font-size:1.08rem;line-height:1.55;color:color-mix(in srgb,var(--fg) 92%,transparent);max-width:34rem;text-wrap:pretty}.prod-feats{list-style:none;margin:0 0 24px;padding:0;display:grid;gap:11px;max-width:34rem}.prod-feats li{position:relative;padding-left:22px;color:color-mix(in srgb,var(--fg) 74%,transparent);font-size:.97rem;line-height:1.5;text-wrap:pretty}.prod-feats li:before{content:"";position:absolute;left:1px;top:.5em;width:9px;height:8px;background:var(--brand-hi);clip-path:polygon(0 0,100% 0,50% 100%)}.prod-for{margin:0 0 8px;font-size:.92rem;color:var(--muted);max-width:34rem;text-wrap:pretty}.prod-for .k{font:500 11px/1 var(--f-label);letter-spacing:.1em;color:var(--fg);margin-right:6px}.prod-note{margin:0 0 26px;font-size:.9rem;color:color-mix(in srgb,var(--muted) 88%,transparent);max-width:34rem;text-wrap:pretty}.prod .go{display:inline-block;font:500 12px/1.3 var(--f-label);letter-spacing:.08em;color:var(--fg);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:3px}.prod .go:hover{border-color:var(--fg)}.prod .go.none{color:var(--muted);border:0}@media(max-width:860px){.prod{grid-template-columns:1fr}.prod:nth-child(odd of.prod) .prod-vis{order:0}}@media(min-width:861px){.prod{min-height:100vh;min-height:100svh;padding-block:clamp(40px,8vh,72px);box-sizing:border-box}.prod:last-child{min-height:0;padding-bottom:24px}}.prod-name{clip-path:inset(-25% -5% -14% -5%)}.prod-name .nm{display:inline-block}.js-story .prod [data-r]{opacity:0;transform:translateY(18px);transition:opacity .8s cubic-bezier(.16,1,.3,1) var(--d, 0s),transform .9s cubic-bezier(.16,1,.3,1) var(--d, 0s)}.js-story .prod .prod-name .nm{transform:translateY(115%) rotate(4deg);transform-origin:0 100%;transition:transform 1.1s cubic-bezier(.16,1,.3,1) .14s}.js-story .prod .prod-lede .w{opacity:.14;transition:opacity .6s ease var(--wd, 0s)}.js-story .prod.in [data-r]{opacity:1;transform:none}.js-story .prod.in .prod-name .nm{transform:none}.js-story .prod.in .prod-lede .w{opacity:1}.js-story .prod:focus-within [data-r],.js-story .prod:focus-within .prod-name .nm,.js-story .prod:focus-within .prod-lede .w{opacity:1;transform:none;transition-delay:0s}@media(prefers-reduced-motion:reduce){.js-story .prod [data-r],.js-story .prod .prod-name .nm,.js-story .prod .prod-lede .w{opacity:1;transform:none;transition:none}}:is(#urunler,#adimlar){background-color:var(--stage)}:is(#urunler,#adimlar) .prod{position:relative}:is(#urunler,#adimlar) .prod:before{content:"";position:absolute;z-index:-1;pointer-events:none;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);--wc: min(100vw - 48px, 1360px);--gp: clamp(28px, 5vw, 76px);--colL: calc((var(--wc) - var(--gp)) * 1.05 / 2.05);--colR: calc((var(--wc) - var(--gp)) / 2.05);--shift: max(0px, (1408px - 100vw) * .25);--mw: 1600px;--mh: 1200px;--mx: 800px;--oy: 163px;--cx: calc(50vw + var(--wc) / 2 - var(--colR) / 2 + 30px + var(--shift));--gm: calc(50vw - var(--wc) / 2 + var(--colL) + var(--gp) / 2);background:url(/desen/isaret-noktali-1600.png) no-repeat;background-size:var(--mw) var(--mh);background-position:calc(var(--cx) - var(--mx)) calc(50% + 26px);image-rendering:pixelated;opacity:.3;-webkit-mask-image:linear-gradient(90deg,transparent var(--gm),#000 calc(var(--gm) + 110px)),linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent var(--gm),#000 calc(var(--gm) + 110px)),linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent);mask-composite:intersect}:is(#urunler,#adimlar) .prod:nth-child(2n of.prod):before{--cx: calc(50vw - var(--wc) / 2 + var(--colL) / 2 - 70px - var(--shift));--gm: calc(50vw + var(--wc) / 2 - var(--colR) - var(--gp) / 2);-webkit-mask-image:linear-gradient(90deg,#000 calc(var(--gm) - 140px),transparent var(--gm)),linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,#000 calc(var(--gm) - 140px),transparent var(--gm)),linear-gradient(180deg,transparent,#000 6%,#000 94%,transparent)}@media(min-width:861px){:is(#urunler,#adimlar) .prod:last-child:before{bottom:-72px;background-position-y:calc(50% - 10px + (clamp(40px,8vh,72px) - 24px)/2)}}@media(min-width:861px)and (max-width:1199px),(min-width:861px)and (max-height:820px){:is(#urunler,#adimlar) .prod:before{--mw: 1240px;--mh: 960px;--mx: 620px;--oy: 148px;background-image:url(/desen/isaret-noktali-1240.png)}}@media(max-width:860px){:is(#urunler,#adimlar) .prod:before,:is(#urunler,#adimlar) .prod:nth-child(2n of.prod):before{--cx: 50vw;background-position:calc(var(--cx) - var(--mx)) calc(14px - var(--oy));--end: calc(clamp(48px, 7vw, 96px) + (100vw - 48px)*.75 - 24px) ;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 10px,#000 var(--end),transparent calc(var(--end) + 36px));mask-image:linear-gradient(180deg,transparent 0,#000 10px,#000 var(--end),transparent calc(var(--end) + 36px))}}@media(max-width:640px){:is(#urunler,#adimlar) .prod:before,:is(#urunler,#adimlar) .prod:nth-child(2n of.prod):before{--mw: 762px;--mh: 642px;--mx: 381px;--oy: 85px;background-image:url(/desen/isaret-noktali-762.png)}}@media(forced-colors:active),print{:is(#urunler,#adimlar) .prod:before{display:none}}.js-story :is(#urunler,#adimlar) .prod-vis{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1)}.js-story :is(#urunler,#adimlar) .prod.in .prod-vis,.js-story :is(#urunler,#adimlar) .prod:focus-within .prod-vis{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.js-story :is(#urunler,#adimlar) .prod-vis{opacity:1;transform:none;transition:none}}@media print{.js-story :is(#urunler,#adimlar) .prod-vis{opacity:1!important;transform:none!important;transition:none!important}}@media print{.js-story .prod [data-r],.js-story .prod .prod-name .nm,.js-story .prod .prod-lede .w{opacity:1!important;transform:none!important;transition:none!important}}@media(forced-colors:active){.prod-feats li:before{forced-color-adjust:none;background:CanvasText}}