/* Site Studio: one cinematic scene, followed by the work itself. */
.studio-home{--studio-paper:#fff;--studio-ink:#101112;--studio-line:#dadddf;--blue:#294cf5;background:#fff;color:#101112;font-family:'Studio Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}
.studio-home :focus-visible{outline:3px solid #294cf5;outline-offset:5px}.studio-home .skip{z-index:100}.studio-home button,.studio-home input,.studio-home textarea,.studio-home select{font:inherit}.studio-home h1,.studio-home h2,.studio-home h3{font-family:'Studio Sans',Arial,sans-serif;font-weight:500}.studio-home h2 em{font:inherit;color:inherit}.scene-header{position:absolute;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:27px 4%;color:#101112}.scene-brand{display:inline-flex;align-items:center;font-size:31px;font-weight:600;letter-spacing:-1.8px;line-height:1;white-space:nowrap}.scene-brand span{font-weight:400;margin-left:5px}.scene-brand svg{margin-left:12px;transform:rotate(-8deg)}.scene-header nav{display:flex;gap:30px;font-size:13px}.scene-header nav sup{font-size:9px;vertical-align:super;margin-left:3px}.scene-header nav a{padding-block:12px}.scene-header a:hover{text-decoration:underline;text-underline-offset:5px}.scene-contact{display:flex;align-items:center;gap:24px;font-size:12px;border:1px solid #10111250;border-radius:40px;padding:13px 20px}.studio-scene{position:relative;min-height:760px;height:min(950px,100svh);overflow:hidden;isolation:isolate;background:#bed6e8}.scene-image-wrap{position:absolute;inset:0;z-index:-2;overflow:hidden}.scene-image{width:100%;height:100%;object-fit:cover;object-position:62% 50%;display:block;will-change:transform}.studio-scene:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f7fbff35,transparent 47%)}.scene-content{position:absolute;left:5%;top:34%;width:45%;max-width:620px}.scene-content h1{font-size:clamp(52px,5.3vw,84px);line-height:1.04;letter-spacing:-.058em;margin:0 0 24px}.scene-content>p{font-size:14px;line-height:1.8;max-width:370px;color:#253644}.scene-cta{display:inline-flex;align-items:center;gap:27px;padding:17px 23px;background:#101112;color:white!important;border-radius:40px;margin-top:25px;font-size:12px;box-shadow:0 8px 26px #365e8318}.scene-cta>span{font-size:10px;color:#c1c7cc;border-left:1px solid #ffffff40;padding-left:18px;margin-left:-7px}.scene-cta svg{margin-left:-15px}.scene-cta:hover{background:#294cf5}.scene-content .scene-starting-price{font-size:11px;margin-top:18px;color:#22323f}.scene-starting-price span{font-size:9px;display:block;margin-top:3px;color:#3d4e5d}.scene-bottom{position:absolute;bottom:0;left:4%;right:4%;display:flex;align-items:center;gap:35px;padding:25px 0;color:#14222e;border-top:1px solid #26495e35}.scene-bottom>span{font-size:11px;margin-right:auto}.scene-bottom nav{display:flex;gap:30px;align-items:center;font-size:11px}.scene-bottom nav>a{padding:12px 0}.scene-bottom nav>a:hover{text-decoration:underline;text-underline-offset:5px}.scene-down{display:grid;place-items:center;width:42px;height:42px;border:1px solid #26495e50;border-radius:50%;margin-left:35px;flex-shrink:0}.studio-home .studio-guides{margin:0 5%;border-color:#dadddf}.studio-home .studio-guides>summary{font-size:13px;padding:28px 0}.studio-home .studio-guides .marketing-links{padding:35px 0}.studio-home .studio-guides .marketing-link-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.studio-home .studio-guides .marketing-link-grid>a{background:white;border:0;border-bottom:1px solid #dadddf;padding:25px 20px 25px 0}.studio-home .studio-guides h3{font:500 23px/1.25 'Studio Sans',sans-serif;letter-spacing:-.7px}.studio-home .studio-guides p{font-size:12px;color:#565e65}.studio-home .studio-guides .landing-section-heading{display:none}.studio-home .landing-inquiry{padding:100px 5%;background:#eef0f1;grid-template-columns:.9fr 1.1fr;gap:12%;border:0}.inquiry-caption{font-size:13px;color:#565e65}.studio-home .landing-inquiry h2{font:500 clamp(46px,5vw,76px)/1.05 'Studio Sans',sans-serif;letter-spacing:-.055em;margin:25px 0}.studio-home .landing-inquiry p{font-size:14px;color:#565e65;line-height:1.85;max-width:380px}.studio-home .landing-inquiry .inquiry-note{font-size:11px;color:#565e65}.studio-home .landing-inquiry form{background:transparent;border:0;border-radius:0;padding:0}.studio-home .landing-inquiry label{font-size:12px;margin-bottom:23px}.studio-home .landing-inquiry input,.studio-home .landing-inquiry textarea,.studio-home .landing-inquiry select{border:1px solid #ccd1d4;background:#fff;border-radius:3px;padding:14px;font-size:15px;color:#101112}.studio-home .landing-inquiry input[type=checkbox]{accent-color:#101112}.studio-home .landing-inquiry button[type=submit]{background:#101112;border-color:#101112;border-radius:35px;color:white;font-size:13px;padding:18px 24px;justify-content:center}.studio-home .landing-inquiry button[type=submit]:hover{background:#294cf5;border-color:#294cf5}.scene-footer{padding:55px 5% 35px;background:#fff;color:#101112}.scene-footer>div{display:flex;align-items:center;justify-content:space-between;gap:25px}.scene-footer p{font-size:20px;letter-spacing:-.6px}.scene-footer>div>a:last-child{font-size:11px}.scene-footer nav{margin-top:45px;padding-top:25px;border-top:1px solid #dadddf;display:flex;gap:30px;font-size:11px;color:#565e65}.scene-footer a:hover{text-decoration:underline;text-underline-offset:5px}
@media(min-width:1900px){.scene-content{left:max(5%,calc((100vw - 1700px)/2))}.scene-header{padding-inline:max(4%,calc((100vw - 1800px)/2))}.scene-image{object-position:center 55%}.studio-scene{height:950px}}
@media(max-width:1100px){.scene-content{top:35%;width:48%}.scene-content h1{font-size:62px}.scene-header nav{gap:20px}.scene-bottom nav{gap:20px}.scene-bottom{gap:20px}.scene-down{margin-left:8px}.scene-content>p{font-size:13px}.scene-image{object-position:58% 50%}}
@media(max-width:900px){.scene-header{position:relative;background:#fff;padding:24px 5%;flex-wrap:wrap;gap:18px}.scene-header nav{order:3;width:100%;justify-content:space-between;font-size:12px}.scene-header nav a{padding:5px 0}.scene-brand{font-size:28px}.scene-contact{font-size:11px;padding:11px 16px;gap:18px}.studio-scene{height:auto;min-height:0;display:flex;flex-direction:column;background:#fff}.studio-scene:before{display:none}.scene-image-wrap{position:relative;inset:auto;z-index:0;height:410px;order:1}.scene-image{object-position:75% 50%;will-change:auto}.scene-content{position:relative;inset:auto;width:auto;max-width:none;order:0;padding:34px 5% 30px;background:#eff5f8;display:grid;grid-template-columns:1fr 1fr;gap:12px 5%;align-items:start}.scene-content h1{font-size:50px;grid-column:1;grid-row:1/4;margin:0}.scene-content>p{font-size:12px;margin:0}.scene-cta{justify-self:start;margin-top:2px;padding:14px 20px;font-size:11px;gap:20px}.scene-cta>span{padding-left:12px}.scene-cta svg{margin-left:-10px}.scene-content .scene-starting-price{margin-top:0}.scene-bottom{position:relative;inset:auto;padding:20px 5%;order:2;border-top:0;background:#fff;flex-wrap:wrap;gap:10px 20px}.scene-bottom>span{font-size:11px}.scene-bottom nav{width:100%;order:3;justify-content:space-between;gap:15px;font-size:11px}.scene-down{width:32px;height:32px;margin-left:auto}.studio-home .landing-inquiry{gap:7%;padding:70px 5%}.studio-home .landing-inquiry h2{font-size:48px}.studio-home .studio-guides .marketing-link-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.scene-header{padding:20px 5% 14px;gap:17px}.scene-brand{font-size:26px}.scene-brand svg{width:15px;height:19px;margin-left:8px}.scene-contact{padding:10px 13px;font-size:10px;gap:12px}.scene-header nav{font-size:11px;gap:12px}.scene-content{display:block;padding:28px 5% 27px}.scene-content h1{font-size:46px;letter-spacing:-.055em;margin-bottom:17px}.scene-content h1 br{display:none}.scene-content>p{font-size:12px;line-height:1.75;max-width:330px}.scene-cta{margin-top:20px}.scene-content .scene-starting-price{font-size:10px;margin-top:13px;display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}.scene-starting-price span{font-size:8px;display:inline;margin-top:0}.scene-image-wrap{height:320px}.scene-image{object-position:78% 50%}.scene-bottom{padding:16px 5% 20px}.scene-bottom nav{display:grid;grid-template-columns:repeat(3,1fr);gap:0 15px}.scene-bottom nav>a{font-size:10px;padding:10px 0}.studio-home .landing-inquiry{display:block;padding:55px 5%}.studio-home .landing-inquiry h2{font-size:44px;margin-block:18px}.studio-home .landing-inquiry p{font-size:13px}.studio-home .landing-inquiry form{margin-top:35px}.studio-home .landing-inquiry label{font-size:12px}.scene-footer{padding:40px 5% 25px}.scene-footer>div{flex-wrap:wrap;gap:23px}.scene-footer p{font-size:16px}.scene-footer>div>a:last-child{width:100%}.scene-footer nav{margin-top:25px;font-size:10px;gap:17px;flex-wrap:wrap}.studio-home .studio-guides .marketing-link-grid{grid-template-columns:1fr}.studio-home .studio-guides>summary{font-size:12px;gap:20px}}
@media(max-width:350px){.scene-content h1{font-size:41px}.scene-image-wrap{height:275px}.scene-brand{font-size:23px}.scene-contact{font-size:9px;gap:7px;padding:9px 11px}.scene-contact svg{width:15px}.scene-content .scene-starting-price{font-size:9px}.scene-content .scene-starting-price span{font-size:7px}}
@media(prefers-reduced-motion:no-preference) and (min-width:901px){.scene-image-wrap{animation:scene-open 1.1s cubic-bezier(.16,1,.3,1) both}.scene-image{transition:transform .5s cubic-bezier(.16,1,.3,1)}@keyframes scene-open{from{clip-path:inset(0 0 12% 0);opacity:.6}to{clip-path:inset(0);opacity:1}}}
@media(prefers-reduced-motion:reduce){.studio-home *{scroll-behavior:auto!important}.scene-image{transform:none!important;transition:none!important}}
@media(min-width:901px){.scene-bottom{left:0;right:0;padding-inline:4%;background:#ffffffaa;backdrop-filter:blur(12px);border-top:1px solid #ffffff80}.scene-bottom nav{font-size:12px}}
@media(max-width:600px){.scene-content h1 br{display:block}.scene-content h1{letter-spacing:-.045em}}
.scene-content h1{letter-spacing:-.04em}.studio-home .landing-inquiry h2{letter-spacing:-.035em}
/* Keep the opening scene edge-to-edge even when the marketing shell has a gutter. */
.studio-home{overflow-x:clip}.studio-home .studio-scene{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw)}
@media(min-width:901px){.scene-header nav{padding:4px 7px;gap:4px;background:#ffffffc7;border:1px solid #ffffffd9;border-radius:999px;box-shadow:0 5px 18px #213b4d18;backdrop-filter:blur(12px)}.scene-header nav a{padding:9px 13px;border-radius:999px;color:#101112}.scene-header nav a:hover,.scene-header nav a:focus-visible{background:#fff;text-decoration:none}}

.scene-campaign{display:inline-flex;align-items:center;flex-wrap:wrap;gap:5px 11px;padding:8px 12px;background:#e9f1ffef;border:1px solid #b0c7f1;border-radius:3px;color:#173067;font-size:11px;line-height:1.4;box-shadow:0 2px 8px #193c5a13;margin-bottom:20px}
.scene-campaign span{font-size:9px;font-weight:700;letter-spacing:1.4px;color:#2345d7}
.scene-campaign strong{font-weight:600}
.scene-campaign:hover{background:#fff;text-decoration:none!important}
.scene-content .scene-starting-price{font-size:12px}.scene-starting-price strong{font-size:15px;font-weight:700;color:#102a55}.scene-starting-price del{margin-left:7px;color:#425564}.scene-starting-price span{font-size:10px}
@media(max-width:900px){.scene-content .scene-campaign{grid-column:1/-1;grid-row:1;margin-bottom:0}.scene-content h1{grid-row:2/5}.scene-content>p:not(.scene-starting-price){grid-column:2;grid-row:2}.scene-cta{grid-column:2;grid-row:3}.scene-content .scene-starting-price{grid-column:2;grid-row:4}}
@media(max-width:600px){.scene-campaign{margin-bottom:15px!important}.scene-content h1{margin-bottom:17px}.scene-content .scene-starting-price{font-size:11px}.scene-starting-price span{flex-basis:100%;font-size:9px}}

/* Canlı ürün sahnesi: heykel görselinin yerine çerçevede çalışan Pro tasarım. */
.studio-scene-live .scene-content{width:40%}
.scene-stage{position:absolute;right:4%;top:116px;bottom:92px;width:min(47%,920px);display:flex;align-items:center}
.stage-frame{width:100%;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 0 0 7px #ffffff73,0 60px 100px -40px #0f2b4a8c}
.stage-bar{display:flex;align-items:baseline;gap:12px;padding:11px 16px;font-size:12px;color:#4a5866;border-bottom:1px solid #1223341a}
.stage-name{font-weight:600;color:#101112;font-size:13px}
.stage-bar a{margin-left:auto;color:#2848ef;white-space:nowrap}
.stage-screen{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#eef2f6}
.stage-screen img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.stage-screen iframe{position:absolute;left:0;top:0;border:0;transform-origin:0 0;opacity:0;transition:opacity .6s ease;pointer-events:none;background:#fff}
.stage-screen iframe.is-ready{opacity:1}
.stage-hit{position:absolute;inset:0;z-index:2}
.stage-hit:focus-visible{outline:3px solid #2848ef;outline-offset:-3px}
.studio-scene-live .scene-bottom nav a[aria-pressed="true"]{color:#2848ef;text-decoration:underline;text-underline-offset:6px}
@media(max-width:1100px){.studio-scene-live .scene-content{width:42%}.scene-stage{width:50%}}
@media(max-width:900px){.scene-stage{position:relative;inset:auto;width:auto;order:1;padding:8px 5% 26px}.stage-screen{aspect-ratio:4/5}.stage-screen img{object-position:left top}.studio-scene-live .scene-content{width:auto}}
@media(max-width:600px){.stage-bar{flex-wrap:wrap;gap:4px 10px}.stage-bar a{margin-left:0;flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.stage-screen iframe{transition:none}}
@media(min-width:1900px){.scene-stage{right:max(4%,calc((100vw - 1700px)/2));width:900px}}

/* Marka işareti: yazı boyutuyla orantılı, solda, düz. */
.studio-mark{flex-shrink:0;width:.9em!important;height:1.03em!important;margin:0 .32em 0 0!important;transform:none!important;position:relative;top:-.07em}

/* Heykel manzarası arka planda kalır, önizleme üzerinde yüzer. Mobilde manzara önizlemenin arkasına geçer. */
.studio-scene-live .scene-stage{z-index:1}
@media(max-width:900px){.studio-scene-live .scene-image-wrap{position:absolute;left:0;right:0;bottom:0;top:auto;height:74%;z-index:0;order:0}.studio-scene-live .scene-stage{position:relative;z-index:1;padding:24px 5% 34px}.studio-scene-live .scene-content{position:relative;z-index:1}.studio-scene-live .scene-bottom{position:relative;z-index:1}}
/* Kompozisyon: önizleme büyük ve sağda; zemin logonun renklerinden (beyaz, açık mavi, marka mavisi parıltısı). */
.studio-scene-live{background:radial-gradient(56% 68% at 72% 48%,#2848ef36 0%,#2848ef14 46%,#2848ef00 76%),radial-gradient(38% 46% at 96% 4%,#7b93ff40 0%,#7b93ff00 70%),radial-gradient(40% 50% at 6% 96%,#c9d4ff80 0%,#c9d4ff00 70%),linear-gradient(180deg,#fbfcff 0%,#f1f4ff 100%)}
.studio-scene-live:before{display:none}
.studio-scene-live .stage-frame{box-shadow:0 0 0 7px #ffffffa6,0 60px 110px -44px #2848ef55,0 30px 60px -40px #10111240}
@media(max-width:900px){.studio-scene-live .scene-content{background:transparent}.scene-header{background:#f8faff}}
.scene-header .scene-contact{background:#ffffffc7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:#ffffffcc}
/* Metin bloğu alttaki meslek şeridine göre konumlanır: kısa ekranlarda (ör. 1366×768) fiyat satırı şeridin altında kalmaz. */
@media(min-width:901px){.studio-scene-live .scene-content{top:auto;bottom:124px}}

/* Dijital kartvizit tanıtımı: canlı önizlemenin sol alt köşesine iliştirilmiş küçük kart (yalnız masaüstü). */
.stage-anchor{position:relative;width:100%}
.stage-card{position:absolute;left:-52px;bottom:-34px;z-index:2;width:232px;display:grid;gap:10px;padding:14px 14px 12px;background:#fff;border-radius:18px;color:#101112;text-decoration:none;box-shadow:0 24px 50px -24px #10111266,0 0 0 1px #10111214;transition:transform .2s ease,box-shadow .2s ease}
.stage-card:hover{transform:translateY(-3px);box-shadow:0 30px 60px -24px #2848ef66,0 0 0 1px #2848ef40;text-decoration:none!important}
.stage-card:focus-visible{outline:3px solid #2848ef;outline-offset:3px}
.stage-card-tag{font-size:9px;font-weight:700;letter-spacing:1.3px;color:#2848ef}
.stage-card-person{display:flex;align-items:center;gap:10px}.stage-card-person b{display:block;font-size:14px;font-weight:600;line-height:1.2}.stage-card-person small{display:block;font-size:11px;color:#62666d}
.stage-card-mono{width:34px;height:34px;border-radius:50%;background:#101112;color:#fff;display:grid;place-items:center;font-size:11px;letter-spacing:.04em;flex:none}
.stage-card-save{display:block;text-align:center;padding:8px;border-radius:10px;background:#101112;color:#fff;font-size:12px;font-weight:600}
.stage-card-cta{font-size:11px;color:#2848ef;text-align:center}
@media(prefers-reduced-motion:reduce){.stage-card{transition:none}.stage-card:hover{transform:none}}
@media(max-width:1180px){.stage-card{left:-28px;width:206px}}
@media(max-width:900px){.stage-card{display:none}}
