/* Studio refresh — shared, responsive presentation layer. */
:root{--paper:#f8f7f4;--ink:#20231e;--muted:#64685e;--lime:#d7f58b;--violet:#4c6536;--line:#dfe3d8}
body{background:var(--paper)}
:focus-visible{outline:3px solid #667e36;outline-offset:5px}section[id]{scroll-margin-top:100px}
.skip-link{position:fixed;top:8px;left:16px;z-index:2000;padding:12px 20px;background:#20231e;color:#fff;transform:translateY(-180%)}.skip-link:focus{transform:none}
.site-header{height:82px;gap:25px;background:#f8f7f4ed;border-bottom:1px solid var(--line)}.site-header.scrolled{height:82px;box-shadow:0 5px 25px #20231e08}.site-header .logo img{width:178px;max-height:58px}.site-header nav{gap:22px;font-size:12px}.header-cta{border-radius:999px;font-size:10px;min-height:44px;padding:0 17px}.mega{border:1px solid var(--line);border-radius:18px;top:65px}.services.submenu-open .mega,.services:focus-within .mega{opacity:1;visibility:visible;transform:none}.mega a{border-radius:8px}
.ticker{background:#e9eedf;border:0;font-size:10px;padding:8px 0;color:#465338}.ticker div{animation-duration:45s}.ticker:hover div{animation-play-state:paused}
.hero{min-height:620px;gap:5vw;padding:70px max(28px,calc((100vw - 1240px)/2));background:radial-gradient(ellipse at 85% 35%,#e5ebd9,transparent 60%),#f8f7f4}.hero h1{font-size:clamp(44px,5.4vw,78px);line-height:1.06;letter-spacing:-.065em;max-width:700px}.hero h1 em:after{height:5px;bottom:1px}.hero-copy>p{font-size:17px;max-width:510px}.eyebrow{font-size:10px;letter-spacing:.15em;color:#58664a;margin-bottom:20px}.dark-section .eyebrow,.work .eyebrow,.service-benefits .eyebrow{color:#d7f58b}.hero ul{gap:16px;font-size:10px;padding-top:24px}.hero-art{height:390px;max-width:510px;width:100%;justify-self:center}.hero-product{width:80%;height:90%;border:1px solid #dde3d4;border-radius:110px 24px 24px 24px;overflow:hidden;box-shadow:0 25px 60px #31432112}.hero-mini{width:39%;height:47%;border:6px solid #f8f7f4;border-radius:24px;box-shadow:0 20px 40px #31432115}.hero-blob{display:none}.hero-art:after{content:'GÖRSELDEKİ FARK, DETAYDA.';position:absolute;right:5px;bottom:0;font-size:9px;letter-spacing:.12em;color:#59634f}.btn{min-height:48px;padding:0 22px;font-size:10px}.btn:hover,.header-cta:hover{box-shadow:0 8px 20px #20231e14;transform:translateY(-3px)}.btn.dark{background:#273222}.btn.line{border-color:#b9c2ae}.actions{flex-wrap:wrap;margin-top:28px}
.section{padding:78px max(28px,calc((100vw - 1240px)/2))}.section-head{margin-bottom:35px}.section-head h2,.process>h2,.quote h2{font-size:clamp(32px,3.5vw,49px);line-height:1.13}.section-head>p{font-size:14px;max-width:340px}.dark-section{background:#222a20}.compare-grid{max-width:900px;margin:auto;gap:24px}.compare{aspect-ratio:4/3;max-height:350px;border-radius:20px;box-shadow:none}.compare:focus-within{outline:3px solid #d7f58b;outline-offset:5px}.compare>b{font-size:10px;background:#273222}.compare:before{content:'ÖNCE';position:absolute;left:16px;top:16px;z-index:2;background:#fff;color:#273222;border-radius:30px;padding:5px 10px;font-size:9px}.compare:after{content:'SONRA';position:absolute;right:16px;top:16px;z-index:2;background:#fff;color:#273222;border-radius:30px;padding:5px 10px;font-size:9px}
.services-color{background:#f8f7f4}.services-color:before{display:none}.services-color .section-head{padding-bottom:25px;margin-bottom:30px}.services-color .service-grid-expanded{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.services-color .service-grid-expanded>a{min-height:0;padding:10px 10px 28px;border-radius:18px;background:#fff!important;box-shadow:0 2px 12px #27322206;border:1px solid #e2e5dc!important}.service-card-image{aspect-ratio:2/1;background:#edf0e8}.service-grid-expanded>a>small{margin:16px 10px 0}.services-color .service-grid-expanded h3{margin:10px 10px;font-size:21px;padding-right:28px}.service-grid-expanded>a>p{margin:0 10px;padding-right:28px;font-size:13px;max-width:none}.services-color .service-grid-expanded>a>i{width:28px;height:28px;right:16px;bottom:20px;font-size:15px}.services-color .service-grid-expanded>a:last-child{grid-column:span 3;display:grid;grid-template-columns:240px 1fr;column-gap:24px;padding-bottom:10px}.service-grid-expanded>a:last-child .service-card-image{grid-row:1/4}.service-grid-expanded>a:last-child>p{margin-bottom:15px}
.work{background:#e9eee3;color:var(--ink)}.work .eyebrow{color:#58664a}.portfolio{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.portfolio a{height:260px}.portfolio img{padding:16px 16px 45px}.portfolio span{background:#fff;padding:14px 16px;color:var(--ink);font-size:13px}.portfolio span i{font-size:10px}.brand-showcase,.references-page{background:#f8f7f4}.home-logos,.logo-wall{grid-template-columns:repeat(5,minmax(0,1fr));border:0;gap:10px}.home-logos>div,.logo-cell{aspect-ratio:2;border:1px solid var(--line);border-radius:12px;padding:18px}.home-logos img,.logo-cell img{max-height:65px}.process>div{margin-top:35px;border:0;gap:16px}.process article,.process article:first-child{border:1px solid var(--line);border-radius:16px;min-height:220px;padding:24px}.process b{color:#4c6536}.process h3{font-size:19px;margin-top:35px}.process p{font-size:13px}.blog-color,.related-posts{background:#eff2ea}.post-grid img{height:auto;aspect-ratio:16/10;max-height:230px;border-radius:14px}.post-grid h3,.post-grid h2{font-size:21px}.post-grid p{font-size:14px}.quote{padding:75px max(28px,calc((100vw - 1240px)/2));background:#273222}.quote:after{border-color:#d7f58b;opacity:.12}.quote p{color:#ced5c8}.quote>div>span{font-size:10px;letter-spacing:.15em}.quote .btn.light{background:#d7f58b}.wa{background:#273222;box-shadow:0 4px 20px #0002}footer{background:#1c2219}.footer-grid{gap:35px}.footer-grid a{font-size:13px}
.service-hero,.page-hero{min-height:0;padding:65px max(28px,calc((100vw - 1240px)/2));gap:50px;background:#eef1e8!important}.service-copy h1,.page-hero h1{font-size:clamp(38px,4.7vw,65px);line-height:1.05}.service-copy>p{font-size:16px}.service-visual{max-width:500px;justify-self:center;transform:none!important}.service-story figure{max-width:700px}.service-story img{max-height:470px;object-fit:contain}.page-visual{height:330px}.page-hero>img{height:330px}.page-visual .orb{background:#dfe8cf;animation:none}.service-intro>div h2,.service-use h2,.service-faq h2{font-size:clamp(30px,3.3vw,46px)}.benefit-grid article{min-height:235px}.benefit-grid h3{margin-top:55px;font-size:21px}.service-seo{padding-top:65px;padding-bottom:65px}.article-hero{max-height:420px;object-fit:contain}.prose img{max-height:480px;object-fit:contain;margin-inline:auto}.index-head{padding-top:65px;padding-bottom:65px}.reveal{opacity:1;transform:none}.reveal.entering{animation:studioReveal .65s both;animation-delay:var(--reveal-delay,0ms)}
@keyframes studioReveal{from{opacity:.15;transform:translateY(24px)}to{opacity:1;transform:none}}
@media(min-width:951px) and (max-width:1200px){.site-header{gap:15px;padding-inline:22px}.site-header nav{gap:14px}.site-header .logo img{width:145px}.header-cta{font-size:9px;padding-inline:12px}.mega-wide{left:-100px}}
@media(max-width:950px){.site-header,.site-header.scrolled{height:72px}.site-header .logo img{width:155px}.hero{grid-template-columns:1fr 1fr;gap:25px;min-height:520px}.hero h1{font-size:48px}.hero-art{height:310px}.hero ul{display:grid;gap:5px}.hero .actions{flex-direction:column;align-items:flex-start}.hero .btn{min-width:220px}.services-color .service-grid-expanded{grid-template-columns:repeat(2,minmax(0,1fr))}.services-color .service-grid-expanded>a:last-child{grid-column:auto;display:flex}.portfolio{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-grid{grid-template-columns:1fr 1fr}.home-logos,.logo-wall{grid-template-columns:repeat(4,minmax(0,1fr))}.menu-open .site-header nav{overflow-y:auto;min-height:0;max-height:calc(100dvh - 72px);padding-bottom:35px}.menu-open .services.submenu-open .mega{max-height:none;overflow:visible}.service-hero{grid-template-columns:1fr;gap:30px}.service-visual{width:100%}}
@media(max-width:600px){.hero{grid-template-columns:1fr;padding:45px 20px;gap:30px}.hero h1{font-size:clamp(40px,11vw,58px);margin-bottom:20px}.hero-copy>p{font-size:15px}.hero-art{height:265px;max-width:340px}.hero ul{display:flex;flex-wrap:wrap;gap:8px 15px}.hero .actions{align-items:stretch}.hero-product{border-top-left-radius:80px}.hero-art:after{font-size:8px}.section{padding:52px 20px}.section-head h2,.process>h2,.quote h2{font-size:34px}.compare-grid{gap:12px}.compare{aspect-ratio:3/4;max-height:260px}.compare>b{font-size:8px;padding:5px 8px}.compare:before,.compare:after{font-size:7px;padding:3px 6px;top:8px}.compare:before{left:6px}.compare:after{right:6px}.compare>i{height:34px;width:34px}.services-color .service-grid-expanded{grid-template-columns:1fr;gap:14px}.services-color .service-grid-expanded>a{display:grid;grid-template-columns:105px 1fr;gap:0 12px;padding:12px;align-items:start}.services-color .service-grid-expanded>a:last-child{display:grid}.service-card-image{grid-row:1/4;aspect-ratio:1;height:105px}.service-grid-expanded>a>small{margin:0 0 5px}.services-color .service-grid-expanded h3{font-size:17px;margin:0 0 7px;padding:0}.service-grid-expanded>a>p{font-size:12px;line-height:1.55;margin:0;padding:0}.services-color .service-grid-expanded>a>i{display:none}.service-grid-expanded>a:last-child>p{margin:0}.portfolio a{height:190px}.portfolio span{padding:12px 10px;font-size:12px}.portfolio span i{display:none}.brand-showcase .home-logos{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-showcase .home-logos>div{aspect-ratio:1.6;padding:10px}.process>div{grid-template-columns:1fr 1fr;gap:10px}.process article,.process article:first-child{padding:16px;min-height:0}.process h3{font-size:16px;margin-top:20px}.process p{font-size:12px}.quote{padding:55px 20px 80px}.wa{left:auto;right:12px;bottom:12px;border-radius:999px;font-size:11px;padding:12px 17px;min-height:44px}.service-hero,.page-hero{padding:40px 20px}.service-copy h1{font-size:42px}.service-visual{max-width:380px}.service-story figure{max-width:450px}.page-visual{height:250px}.article-hero{max-height:280px}.prose img{max-height:300px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid a{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal,.reveal.entering{opacity:1;transform:none}}
@media(min-width:951px){.mega-wide{left:auto;right:-260px;width:min(780px,calc(100vw - 48px))}}
@media(max-width:600px){.services-color .service-grid-expanded>a:last-child{grid-template-columns:105px minmax(0,1fr);column-gap:12px}}
.skip-link{clip-path:inset(50%);width:1px;height:1px;overflow:hidden;transform:none;padding:0}.skip-link:focus{clip-path:none;width:auto;height:auto;padding:12px 20px}

/* Preserve intrinsic proportions when only the displayed width is constrained. */
img{height:auto}
.footer-grid img{width:150px;height:auto;object-fit:contain}