.product-studio{position:relative;isolation:isolate;min-height:820px;height:100svh;max-height:1200px;overflow:clip;background:#101719;color:#edf1ee;padding:145px 5% 30px;border-bottom:1px solid #c6d4d322}
.product-studio::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,#081214 0%,#101d20 48%,#15292d 100%);pointer-events:none}
.studio-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;--studio-light:85,186,195}
.product-studio[data-selected="kartvizit"] .studio-atmosphere{--studio-light:140,182,195}
.product-studio[data-selected="defter-kalem"] .studio-atmosphere{--studio-light:98,152,169}
.studio-light-field{position:absolute;inset:3% -25% -40% 10%;background:radial-gradient(ellipse at 60% 48%,rgba(var(--studio-light),.23),transparent 56%);transform:rotate(-15deg);transition:opacity 1.2s,transform 1.4s;opacity:.7}
.studio-is-detail .studio-light-field{opacity:1;transform:rotate(0) scale(1.2)}
.studio-light-line{position:absolute;width:70%;height:170%;left:47%;top:-50%;transform:rotate(32deg);background:linear-gradient(90deg,transparent 45%,rgba(var(--studio-light),.07) 49%,rgba(var(--studio-light),.13) 50%,transparent 57%);filter:blur(17px);transition:transform 1.8s,opacity 1s;opacity:.6}
.studio-is-detail .studio-light-line{transform:translateX(-10%) rotate(22deg);opacity:1}
.studio-horizon{position:absolute;left:24%;right:-12%;bottom:17%;height:21%;border-top:1px solid #89dce316;border-radius:50%;box-shadow:0 -25px 90px -50px #8ee9f580;transform:rotate(-7deg);transition:opacity 1s}
.studio-is-detail .studio-horizon{opacity:.35}
.studio-is-detail .studio-watermark{opacity:.3;transform:translateY(30px)}
.studio-heading{position:relative;z-index:2;max-width:610px;pointer-events:none;transition:opacity .45s,transform .65s}
.studio-heading h1{font-size:clamp(44px,4.8vw,78px);line-height:1.05;letter-spacing:-.065em;margin:24px 0}
.studio-heading h1 span{color:#9faeae}.studio-heading .eyebrow{font-size:9px;color:#6edbe4}
.studio-intro{font-size:13px;line-height:1.8;max-width:350px;color:#a7b8b8}
.studio-digital{display:inline-flex;gap:30px;align-items:center;margin-top:26px;padding-bottom:8px;border-bottom:1px solid #8aabaa70;font-size:11px;pointer-events:auto}
.studio-digital span{color:#67dce4;font-size:19px}
.studio-watermark{position:absolute;bottom:18%;left:5%;font-size:clamp(150px,23vw,430px);letter-spacing:-.09em;line-height:1;color:#bdcfce06;font-weight:700;pointer-events:none;user-select:none;transition:opacity 1s,transform 1.2s}
.studio-stage{position:absolute;inset:100px 0 150px;z-index:1;outline-offset:-6px;touch-action:pan-y;cursor:grab;transition:top .8s cubic-bezier(.65,0,.2,1),bottom .8s cubic-bezier(.65,0,.2,1)}
.studio-stage:active{cursor:grabbing}.studio-stage canvas{display:block;width:100%;height:100%}
.studio-fallback{position:absolute;inset:8% 8% 5% 42%;display:grid;place-items:center}.studio-fallback>a{display:grid;place-items:center;width:100%;height:100%}
.studio-preview-object{display:flex;flex-direction:column;align-items:center;justify-content:center;width:300px;height:174px;background:#dce3df;border:1px solid #bdccc7;border-radius:6px;transform:rotate(-9deg);box-shadow:12px 14px 0 -2px #253a40,21px 25px 0 -3px #1a2b30,0 35px 60px #0004;color:#1c3439}
.studio-preview-object img{width:55px;height:auto;margin-bottom:6px;mix-blend-mode:normal}
.studio-preview-object strong{font-size:25px;line-height:1.1;letter-spacing:-.06em}.studio-preview-object small{font-size:7px;letter-spacing:.2em;margin-top:6px}
.studio-preview-kupa-imza{width:155px;height:180px;border-radius:12px 12px 35px 35px;box-shadow:0 25px 50px #0004;position:relative}.studio-preview-kupa-imza::after{content:'';position:absolute;right:-50px;top:25px;width:60px;height:105px;border:15px solid #dce3df;border-left:0;border-radius:0 50% 50% 0}
.studio-preview-termos{width:110px;height:245px;border-radius:22px;color:#dce8e7;background:#20363b;box-shadow:inset 13px 0 15px #70969a33,0 25px 50px #0004;border-top:8px solid #a9bbbe}
.studio-preview-defter-kalem{width:155px;height:225px;color:#e0e8e6;background:#1a3035;border-left:8px solid #102226;box-shadow:6px 5px 0 #dce3df,0 25px 50px #0004}
@media(max-width:540px){.studio-preview-object{scale:.75}}
.studio-ready .studio-fallback{display:none}
.studio-bottom{position:absolute;bottom:70px;left:5%;right:5%;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:25px;z-index:3;transition:opacity .35s,transform .6s}
.studio-current>span{font-size:10px;color:#6edbe4;font-variant-numeric:tabular-nums;letter-spacing:.15em}.studio-current h2{font-size:clamp(20px,2.1vw,32px);margin:10px 0}
.studio-current>button{padding:0;background:none;border:0;font-size:11px;color:#acbdbc}.studio-current>button span{margin-left:16px;color:#6edbe4}
.studio-navigation{display:flex;align-items:center;gap:20px}.studio-navigation>button{width:44px;height:44px;background:none;border:1px solid #c7dcd044;border-radius:50%;font-size:20px;transition:background .25s}
.studio-navigation>button:hover{background:#c7dcd022}.studio-dots{display:flex;gap:7px}.studio-dots button{min-width:38px;min-height:44px;background:none;border:0;border-bottom:1px solid #c7dcd033;font-size:10px;color:#829a99;transition:color .3s,border-color .3s}.studio-dots button[aria-pressed=true]{color:#7de3e8;border-color:#7de3e8}
.studio-all{justify-self:end;font-size:12px;display:flex;gap:25px;padding-bottom:10px;border-bottom:1px solid #c7dcd044}
.studio-footnote{position:absolute;bottom:23px;left:5%;right:5%;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #bfd5d31a;padding-top:16px;font-size:8px;letter-spacing:.13em;color:#8aa09e;z-index:2}
.studio-detail{position:absolute;inset:120px 5% 75px;z-index:2;pointer-events:none}
.studio-detail button,.studio-detail a{pointer-events:auto}.studio-close{position:absolute;top:0;left:0;background:none;border:0;border-bottom:1px solid #c7dcd044;padding:10px 0;font-size:12px}
.studio-editorial{position:absolute;left:0;top:27%;width:28%;max-width:370px}.studio-editorial h2{font-size:clamp(34px,3.8vw,58px);margin:22px 0;overflow-wrap:anywhere}.studio-editorial>p:not(.eyebrow){font-size:14px;line-height:1.85;color:#b3c4c1}.studio-editorial .text-link{margin-top:22px;font-size:11px;color:#78dfe4}
.studio-benefits{position:absolute;right:0;top:26%;width:175px;display:flex;flex-direction:column}.studio-benefits button{background:none;border:0;border-bottom:1px solid #bad4cf33;padding:20px 0;text-align:left;font-size:11px;color:#8ba09c;display:flex;align-items:center;gap:12px;transition:color .3s}.studio-benefits button span{font-size:9px}.studio-benefits i{font-style:normal;margin-left:auto}.studio-benefits button[aria-pressed=true]{color:#8ce8e8;border-color:#8ce8e8}
.studio-is-detail .studio-heading,.studio-is-detail .studio-bottom{opacity:0;transform:translateY(18px);pointer-events:none}.studio-is-detail .studio-heading a{pointer-events:none}
.studio-is-detail .studio-gesture{visibility:hidden}
@media(min-width:1700px){.studio-heading{max-width:700px}.studio-heading h1{font-size:86px}}
@media(max-width:900px){.product-studio{min-height:850px;padding-top:120px}.studio-heading h1{font-size:52px}.studio-intro{font-size:12px}.studio-stage{inset:310px -12% 155px}.studio-bottom{grid-template-columns:1fr auto;gap:12px}.studio-current h2{font-size:21px}.studio-all{display:none}.studio-navigation{gap:9px}.studio-dots button{min-width:29px}.studio-is-detail .studio-stage{inset:145px -10% 305px}.studio-detail{inset:100px 6% 65px}.studio-editorial{top:auto;bottom:75px;width:100%;max-width:600px}.studio-editorial h2{font-size:32px;margin:12px 0}.studio-editorial>p:not(.eyebrow){font-size:12px;line-height:1.65;min-height:60px;max-width:520px}.studio-editorial .text-link{margin-top:5px}.studio-benefits{top:auto;bottom:0;right:auto;width:100%;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.studio-benefits button{font-size:10px;display:block;padding:12px 0;min-height:55px}.studio-benefits button span{display:block;margin-bottom:5px}.studio-benefits i{display:none}.studio-fallback{inset:0 20%}}
@media(max-width:540px){.product-studio{height:100svh;min-height:780px;max-height:none;padding:110px 6% 25px}.studio-heading h1{font-size:43px;margin:18px 0}.studio-heading .eyebrow{font-size:8px}.studio-intro{font-size:11px}.studio-digital{margin-top:15px;font-size:10px}.studio-stage{inset:305px -20% 180px}.studio-bottom{bottom:60px;left:6%;right:6%;grid-template-columns:1fr;gap:15px}.studio-current{text-align:center}.studio-current h2{margin:4px 0 7px;font-size:23px}.studio-current>span{font-size:8px}.studio-navigation{justify-content:center;gap:20px}.studio-navigation>button{width:36px;height:36px}.studio-dots button{min-height:36px}.studio-footnote{font-size:6px;bottom:18px;gap:6px;left:6%;right:6%}.studio-gesture{display:none}.studio-detail{inset:94px 6% 62px}.studio-is-detail .studio-stage{inset:145px -20% 350px}.studio-editorial{bottom:77px}.studio-editorial h2{font-size:29px;margin:12px 0}.studio-editorial .eyebrow{font-size:8px}.studio-editorial>p:not(.eyebrow){min-height:65px;font-size:12px}.studio-benefits{gap:8px}.studio-benefits button{font-size:9px}.studio-watermark{bottom:32%}}
@media(prefers-reduced-motion:reduce){.product-studio *{transition:none!important}}
body main section.product-studio p.studio-intro{font-size:14px!important;line-height:1.8}
.page-index main .studio-current h2{font-size:clamp(20px,2.1vw,32px)}
.page-index main .studio-editorial h2{font-size:clamp(34px,3.8vw,58px)}
body main .product-studio .studio-editorial>p:not(.eyebrow){font-size:14px!important}
body main .product-studio .text-link{font-size:12px}
@media(max-width:900px){.page-index main .studio-editorial h2{font-size:32px}body main section.product-studio p.studio-intro{font-size:13px!important}body main .product-studio .studio-editorial>p:not(.eyebrow){font-size:13px!important}}
@media(max-width:540px){.page-index main .studio-editorial h2{font-size:29px}.page-index main .studio-current h2{font-size:23px}}
@media(max-width:900px){.studio-atmosphere{mask-image:linear-gradient(#000 0%,#000 58%,transparent 85%)}.studio-horizon{left:-20%;bottom:33%}.studio-is-detail .studio-light-field{opacity:.75}}

/* A fixed drawing buffer avoids repeated GPU reallocations during detail motion. */
.studio-stage{transition:none!important}
.studio-light-line{filter:none;background:linear-gradient(90deg,transparent 32%,rgba(var(--studio-light),.055) 48%,transparent 65%)}
.studio-preview-davetiye{width:180px;height:250px;background:#f0eadd;border:8px solid #22464b;color:#284448}
@media(max-width:900px){.studio-is-detail .studio-stage{inset:310px -12% 155px}.studio-bottom{grid-template-columns:1fr}.studio-current{text-align:center}.studio-navigation{justify-content:center}}
@media(max-width:540px){.studio-navigation{gap:6px}.studio-dots{gap:0}}