@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Manrope:wght@200;300;400;500;600;700&display=swap');
:root{--bg:#0a0a0a;--paper:#f1f0eb;--muted:#8b8b86;--line:#292929;--acid:#dcff4f;--wrap:min(1440px,calc(100% - clamp(2rem,8vw,9rem)))}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}html{background:#0a0a0a;color-scheme:dark;scroll-behavior:smooth;overflow-x:hidden!important;max-width:100vw!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.35)}body{margin:0;background:var(--bg);color:var(--paper);font:16px/1.6 'DM Sans',sans-serif;overflow:visible!important;max-width:100vw!important}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,select,textarea{font:inherit}.skip{position:fixed;top:-5rem;left:1rem;background:var(--acid);color:#111;padding:.7rem 1rem;z-index:100}.skip:focus{top:1rem}.wrap{width:var(--wrap);margin:auto}.header,.header.solid{position:fixed;top:0;left:0;right:0;width:100%;height:5rem;display:flex;align-items:center;justify-content:space-between;padding:0 max(2rem,calc((100% - 1440px)/2));z-index:100;background:rgba(10,10,10,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.12);box-sizing:border-box}.logo{display:flex;align-items:center;gap:.75rem;height:100%;flex-shrink:0;text-decoration:none}.brand-logo-frame{display:flex;align-items:center;height:3.5rem;width:auto;aspect-ratio:1732/478;overflow:visible;flex-shrink:0}.logo .brand-logo{display:block;width:auto;height:3.5rem;max-height:3.5rem;object-fit:contain;object-position:left center;aspect-ratio:1732/478}.header nav{display:flex;gap:1.5rem;align-items:center;font-size:.82rem;margin-right:4.5rem;flex-shrink:0}.header nav a{color:#c4c4bf;transition:color .2s ease}.header nav a:hover,.header nav a.active{color:var(--acid)}.nav-price{border:1px solid #555;padding:.6rem .9rem}.menu{display:none;background:0;border:0;color:#fff}.kicker{margin:0 0 1.3rem;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:#777}.kicker.light{color:#c0c0b9}.kicker.acid{color:var(--acid)}h1,h2,h3{font-family:'Manrope';font-weight:300;line-height:1.04;letter-spacing:-.05em;margin-top:0}h2{font-size:clamp(2.6rem,5vw,5.5rem)}em{font-family:Georgia,serif;font-weight:400;color:#aaa}.home-hero{height:100svh;min-height:720px;position:relative;display:flex;align-items:center}.home-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.48) 45%,rgba(0,0,0,.08) 76%),linear-gradient(0deg,rgba(0,0,0,.45),transparent 40%)}.hero-content{position:relative;z-index:2;width:var(--wrap);margin:auto;padding-top:5rem}.hero-content h1{font-size:clamp(3.5rem,6.6vw,7.8rem);max-width:1050px;margin-bottom:1.8rem}.hero-content .lead{max-width:590px;color:#d0d0ca;font-size:1.08rem}.buttons{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;padding:.9rem 1.15rem;border:1px solid #555;font-size:.85rem;transition:.25s}.btn.bright{background:var(--paper);color:#111;border-color:var(--paper)}.btn.bright:hover{background:var(--acid);border-color:var(--acid)}.btn.glass{backdrop-filter:blur(10px);background:#0003}.btn.dark{background:#111;color:#fff;border-color:#111}.hero-meta{position:absolute;z-index:2;right:max(2rem,calc((100vw - 1440px)/2));bottom:2rem;display:grid;text-align:right}.hero-meta span{font-size:.68rem;text-transform:uppercase;letter-spacing:.13em;color:#bbb}.hero-meta strong{font:400 1.3rem 'Manrope'}.trust-strip{height:5rem;border-bottom:1px solid var(--line);display:flex;justify-content:center;align-items:center;gap:clamp(2rem,7vw,8rem);color:#878782;text-transform:uppercase;font-size:.68rem;letter-spacing:.13em}.intro{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;padding:10rem 0}.intro h2{margin:0}.intro-copy{padding-top:3rem;color:#aaa}.intro-copy p:first-child{color:#ddd;font-size:1.15rem}.arrow-link{display:inline-flex;gap:1rem;border-bottom:1px solid #444;padding-bottom:.4rem;margin-top:1rem;font-size:.85rem}.arrow-link span{color:var(--acid)}.featured{padding-bottom:10rem}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:3rem}.section-top h2{margin-bottom:0}.mosaic{display:grid;grid-template-columns:1.25fr .75fr;gap:1rem}.shot{position:relative;display:block;overflow:hidden;height:33vw;min-height:320px}.shot-large{grid-row:span 2;height:auto}.shot img{width:100%;height:100%;object-fit:cover;transition:.7s}.shot:hover img{transform:scale(1.025)}.shot:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 45%)}.shot span{position:absolute;z-index:2;left:1.3rem;bottom:1.2rem;display:grid;color:#bbb;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.shot span b{font:400 1.2rem 'Manrope';color:#fff;text-transform:none;letter-spacing:0}.capabilities{background:#131313;padding:10rem 0}.cap-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.cap-grid h2{margin:0}.cap-list{border-top:1px solid var(--line)}.cap-list a{display:grid;grid-template-columns:auto 1fr auto;gap:1.5rem;align-items:center;border-bottom:1px solid var(--line);padding:1.35rem 0}.cap-list span{font-size:.7rem;color:#666}.cap-list b{font:400 1.1rem 'Manrope'}.cap-list i{font-style:normal;color:var(--acid)}.ai-teaser{padding:10rem 0;display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:center}.ai-teaser-img{height:min(62vw,720px);position:relative;overflow:hidden}.ai-teaser-img img{width:100%;height:100%;object-fit:cover}.ai-teaser-img span{position:absolute;top:1rem;left:1rem;background:var(--acid);color:#111;padding:.55rem .7rem;font-size:.65rem;letter-spacing:.13em}.ai-teaser>div:last-child p:not(.kicker){color:#aaa;max-width:500px}.price-teaser{background:var(--acid);color:#111;padding:8rem 0}.price-teaser>.wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end}.price-teaser h2{margin:0}.price-teaser p{max-width:500px}.light-link{border-color:#0006;margin-left:1.5rem}.proof{padding:9rem 0}.proof-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.proof article{padding:2rem;border-right:1px solid var(--line)}.proof article:first-child{padding-left:0}.proof article:last-child{border:0}.proof b,.proof span{display:block}.proof b{font:300 clamp(2.2rem,4vw,4rem) 'Manrope'}.proof span{color:var(--acid);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.proof p{color:#888}.contact-band{padding:8rem max(2rem,calc((100vw - 1440px)/2));background:var(--paper);color:#111}.contact-band h2{font-size:clamp(3.5rem,8vw,9rem);margin-bottom:0}.contact-band .plain{align-self:center;border-bottom:1px solid #777}.footer{padding:4rem max(2rem,calc((100vw - 1440px)/2));display:grid;grid-template-columns:1fr 1fr 1fr;gap:3rem;border-top:1px solid var(--line);color:#777}.footer p{margin:0}.footer>div:not(.logo){display:grid;grid-template-columns:1fr 1fr;gap:.4rem;color:#aaa}.footer small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:1.5rem}
.page-hero{padding:12rem 0 6rem}.page-hero h1{font-size:clamp(3.5rem,7vw,8rem);max-width:1100px}.page-hero .lead{max-width:720px;color:#aaa;font-size:1.15rem}.page-image{height:55vw;max-height:760px;overflow:hidden}.page-image img{width:100%;height:100%;object-fit:cover}.content-section{padding:8rem 0}.content-section.alt{background:#131313}.content-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.rich p{color:#aaa;max-width:780px}.rich .big{font-size:1.25rem;color:#ddd}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.card{background:#0d0d0d;padding:2rem;min-height:250px}.card span{color:var(--acid);font-size:.7rem}.card h3{font-size:1.5rem;margin-top:2rem}.card p{color:#888}.service-rows{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:.2fr .8fr 1fr;gap:2rem;padding:2rem 0;border-bottom:1px solid var(--line)}.service-row>span{color:var(--acid)}.service-row h3{font-size:2rem;margin:0}.service-row p{color:#999;margin:0}.project-wall{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.project-wall .shot{height:42vw;max-height:650px}.process{counter-reset:step;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}.process article{padding:2rem 1.4rem;border-right:1px solid var(--line)}.process article:before{counter-increment:step;content:'0' counter(step);color:var(--acid);font-size:.7rem}.process h3{font-size:1.25rem;margin-top:2rem}.process p{color:#888;font-size:.88rem}.calculator{display:grid;grid-template-columns:1fr .8fr;gap:1rem;align-items:start}.calc-form{background:#141414;padding:clamp(1.5rem,4vw,3.5rem)}.field{margin-bottom:1.5rem}.field label{display:block;margin-bottom:.5rem;color:#bbb;font-size:.85rem}.field select,.field input,.field textarea{width:100%;background:#0b0b0b;border:1px solid #333;color:#fff;padding:.9rem}.field input[type=range]{padding:0;accent-color:var(--acid)}.range-line{display:flex;justify-content:space-between}.calc-result{background:var(--acid);color:#111;padding:clamp(1.5rem,4vw,3.5rem);position:sticky;top:1rem}.calc-result .estimate{font:300 clamp(2.4rem,4vw,4.6rem) 'Manrope';letter-spacing:-.06em;line-height:1}.calc-result small{display:block;margin-top:1rem;color:#42482d}.breakdown{border-top:1px solid #0004;margin-top:2rem;padding-top:1rem}.breakdown div{display:flex;justify-content:space-between;padding:.4rem 0}.notice{padding:1rem;border:1px solid #0004;font-size:.8rem;margin-top:2rem}.article-layout{display:grid;grid-template-columns:.35fr 1fr;gap:8vw}.article-nav{position:sticky;top:2rem;align-self:start;border-top:1px solid var(--line)}.article-nav a{display:block;padding:.8rem 0;border-bottom:1px solid var(--line);color:#888;font-size:.8rem}.article-body h2{font-size:clamp(2rem,4vw,4rem);margin-top:5rem}.article-body h2:first-child{margin-top:0}.article-body h3{font-size:1.4rem;margin-top:2.5rem}.article-body p{color:#aaa}.faq details{border-bottom:1px solid var(--line);padding:1.2rem 0}.faq summary{cursor:pointer;font-size:1.05rem}.faq p{color:#888}.contact-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.contact-details a,.contact-details span{display:block;font-size:1.2rem;margin-bottom:1rem}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact-form .full{grid-column:1/-1}.contact-form button{cursor:pointer}.tool-preview{border:1px solid #333;background:#111;padding:1rem}.tool-bar{display:flex;justify-content:space-between;border-bottom:1px solid #333;padding-bottom:1rem;font-size:.72rem;color:#888}.nodes{padding:3rem 0;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.node{border:1px solid #343434;padding:1.2rem;background:#171717}.node b{display:block;color:var(--acid);font-size:.75rem;margin-bottom:.8rem}.node span{color:#888;font-size:.8rem}
@media(max-width:900px){.header{padding:0 1.2rem}.menu{display:block}.header nav{display:none;position:fixed;inset:0;background:#0a0a0a;flex-direction:column;justify-content:center;font-size:1.3rem}.header nav.open{display:flex}.hero-content h1{font-size:clamp(3rem,10vw,5rem)}.hero-meta{display:none}.trust-strip{overflow:auto;justify-content:flex-start;padding:0 1.5rem}.trust-strip span{white-space:nowrap}.intro,.cap-grid,.ai-teaser,.price-teaser>.wrap,.content-grid,.calculator,.article-layout,.contact-grid{grid-template-columns:1fr}.mosaic{grid-template-columns:1fr}.shot,.shot-large{height:70vw;min-height:300px}.cards{grid-template-columns:1fr 1fr}.proof-grid{grid-template-columns:1fr}.proof article{border-right:0;border-bottom:1px solid var(--line);padding-left:0}.process{grid-template-columns:1fr 1fr}.calc-result,.article-nav{position:static}.footer{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.home-hero{min-height:680px}.hero-content{padding-top:4rem}.hero-content h1 br{display:inline-block;width:100%}.buttons{display:grid}.btn{width:100%}.section-top{display:block}.mosaic .shot{height:105vw}.cards,.project-wall,.process{grid-template-columns:1fr}.project-wall .shot{height:105vw}.service-row{grid-template-columns:auto 1fr}.service-row p{grid-column:2}.light-link{margin-left:0}.footer,.contact-form{grid-template-columns:1fr}.footer small,.contact-form .full{grid-column:auto}.page-hero{padding-top:9rem}.nodes{grid-template-columns:1fr}}

/* The call-to-action keeps its footprint while only its wording changes. */
.contact-band .contact-rotating-title{min-height:1.04em;transition:opacity .25s ease}.contact-band .contact-rotating-title.is-changing{opacity:0}

/* Centered AI Lab entry mirrors the compact brand treatment on the homepage. */
.ai-lab-entry{width:min(13rem,100%);margin:3.5rem auto 0;text-align:left}.ai-lab-entry a{display:block;padding-bottom:.7rem;border-bottom:1px solid #3a3a3a}.ai-lab-entry-title{display:block;font:500 1.05rem 'DM Sans',sans-serif;letter-spacing:-.025em}.ai-lab-entry-title i{color:#ff5a1f;font-style:normal}.ai-lab-entry-title b{color:#fff;font-size:1.18em}.ai-lab-entry small{display:block;margin-top:.65rem;color:#aaa;font:400 .72rem 'DM Sans';letter-spacing:.04em}.ai-lab-entry a:hover{border-color:#ff5a1f}.ai-lab-entry a:hover small{color:#ff5a1f}

/* AI Lab entry: a compact, centred lock-up with the exact brand casing. */
.page-hero:has(.ai-lab-entry){position:relative;min-height:39rem;padding-bottom:10.5rem}
.page-hero .ai-lab-entry{position:absolute;left:50%;bottom:3.6rem;width:13rem;margin:0!important;transform:translateX(-50%);text-align:left}
.page-hero .ai-lab-entry-title{font-size:1.05rem;line-height:1.2;text-transform:none}
.page-hero .ai-lab-entry-title i{color:#ff5a1f;font-style:normal}
.page-hero .ai-lab-entry-title b{color:#fff;font-size:1.18em;font-weight:700}
.page-hero .ai-lab-entry small{margin-top:.7rem;white-space:nowrap}

/* Compact AI Lab comparison — same visual footprint as the original feature card. */
.ai-lab-compare-block{padding:0 0 var(--section-space);display:flex;justify-content:center}
.ai-lab-compare-block .compare{position:relative;width:min(calc(100vw - 10rem),1280px);aspect-ratio:16/9;overflow:hidden;background:#171717}
@media(max-width:700px){.ai-lab-compare-block .compare{width:calc(100vw - 2.5rem)}}
/* Telefon ve tablet: okunabilir ölçek, taşmayan başlıklar ve dokunmatik boşluklar */
@media(max-width:900px){
  :root{--wrap:min(100% - 2.5rem,720px)}
  .header{height:4.75rem;padding:0 1.25rem}
  .header nav{padding:5rem 1.5rem 2rem;gap:1.15rem}
  .header nav a{font-size:1.15rem}
  .page-hero h1,.hero-content h1{overflow-wrap:normal;word-break:normal;hyphens:none}
  .page-hero .lead,.hero-content .lead{font-size:1rem}
  .ai-lab-compare-block{padding-inline:0}
  .ai-lab-compare-block .compare{width:min(calc(100vw - 3rem),900px)}
}
@media(max-width:600px){
  .home-hero{min-height:640px}
  .hero-content{padding-top:3.5rem}
  .hero-content h1{font-size:clamp(1.95rem,7.5vw,4.5rem);line-height:1.15}
  .page-hero h1{font-size:clamp(2.8rem,12vw,4.25rem);line-height:1.04}
  .page-hero .lead,.hero-content .lead{line-height:1.6}
  .ai-lab-compare-block .compare{width:calc(100vw - 2.5rem);aspect-ratio:4/3}
  .compare-divider span{width:2.6rem;height:2.6rem}
}
@media(max-width:700px){.page-hero:has(.ai-lab-entry){min-height:0;padding-bottom:12rem}.page-hero .ai-lab-entry{bottom:3rem}}

/* Brand treatment for every visible Render Studio AI Lab label. */
.ai-lab-brand{font-family:'DM Sans',sans-serif;font-style:normal;text-transform:none;letter-spacing:-.03em;color:inherit}
.ai-lab-brand>span{color:#ff5a1f}
.ai-lab-brand>b{color:#fff;font-weight:700;font-size:1.16em}
.ai-lab-brand>i{color:#ff5a1f;font-style:normal;margin-left:.5em;font-size:.75em}
.kicker.ai-lab-brand{letter-spacing:.02em;font-size:.84rem}
.kicker.ai-lab-brand>span{color:#ff5a1f}
.kicker.ai-lab-brand>b{color:#fff;font-size:1.16em}
.kicker.ai-lab-brand .dev-badge{color:#ff5a1f;font-style:normal}

/* Desktop AI Lab lock-up: placed in the open area at right, not beneath the copy. */
@media(min-width:1100px){
  .page-hero .ai-lab-entry{left:auto;right:8rem;top:33rem;bottom:auto;width:20rem;transform:none}
  .page-hero .ai-lab-entry-title{font-size:1.45rem;letter-spacing:-.04em}
  .page-hero .ai-lab-entry-title b{font-size:1.16em}
  .page-hero .ai-lab-entry a{padding-bottom:1rem}
  .page-hero .ai-lab-entry small{margin-top:.85rem;font-size:.92rem;letter-spacing:.01em}
}

/* AI Lab is the primary service accent. */
.cap-list a:last-child b{color:#ff5a1f}
.ai-lab-name{color:#fff;font-size:1.16em;font-weight:600;letter-spacing:.01em}
.ai-section-label{font-size:1rem}.ai-section-label .ai-lab-name{color:#fff!important;font-size:1.16em;font-weight:600;text-transform:none}
.cap-list a:last-child .ai-lab-name{color:#fff!important;font-size:1.34em;font-weight:700;letter-spacing:0}
.logo{gap:0}.brand-logo-frame{display:block;position:relative;width:13rem;height:4.25rem;overflow:hidden;flex:none}.logo .brand-logo{position:absolute;top:-2.15rem;left:-2.45rem;display:block;width:auto;height:8rem;max-width:none}.footer .brand-logo-frame{width:16rem;height:5.25rem}.footer .logo .brand-logo{top:-2.65rem;left:-3rem;height:10rem}

/* Brand system evolved from the 2020 Render Studio wordmark */
.logo{gap:.6rem;letter-spacing:0}.logo b{display:none}.logo .brand-mark{width:1.8rem;height:2.2rem;color:#fff;flex:none}.logo .brand-name{display:flex;align-items:baseline;gap:.25rem;font-family:'Manrope',sans-serif;font-size:1.05rem;font-weight:300;letter-spacing:-.045em;text-transform:none}.logo .brand-name strong{font-family:Georgia,serif;font-size:1.15rem;font-weight:400}.logo .brand-name small{display:none}.header .logo:hover .brand-mark{color:var(--acid)}.footer .logo .brand-mark{width:3.6rem;height:4.6rem}.footer .logo .brand-name{font-size:1.65rem}.footer .logo .brand-name strong{font-size:1.8rem}@media(min-width:1100px){.header .logo .brand-name small{display:block;margin-left:.55rem;padding-left:.65rem;border-left:1px solid #555;color:#777;font:500 .48rem 'DM Sans';letter-spacing:.14em;text-transform:uppercase}}

/* Flat orange identity */
:root{--acid:#f05a24}
.logo .brand-name strong{font-family:'Manrope',sans-serif;font-weight:700}
.social-rail{position:fixed;z-index:18;left:1.1rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:.8rem;color:#fff}.social-rail:before{content:"";width:1px;height:3rem;background:#ffffff55}.social-rail span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:#aaa}.social-rail a{width:2rem;height:2rem;display:grid;place-items:center;border:1px solid #ffffff44;border-radius:50%;background:#09090999;font:600 .68rem 'Manrope',sans-serif;transition:.2s}.social-rail a:hover{background:var(--acid);border-color:var(--acid);color:#111;transform:translateY(-2px)}
@media(max-width:900px){.social-rail{position:static;transform:none;flex-direction:row;justify-content:center;padding:1.5rem;border-top:1px solid var(--line)}.social-rail:before{display:none}.social-rail span{writing-mode:horizontal-tb;transform:none;margin-right:.5rem}}

/* Layered graphite palette based on the approved UI reference */
:root{--bg:#111113;--surface:#1b1c1d;--surface-deep:#171819;--surface-soft:#202224;--line:#303235;--muted:#999b9d;--paper:#f3f1ec}
body{background:var(--bg)}
.header.solid{background:var(--bg)}
.header nav.open{background:var(--bg)}
.capabilities,.content-section.alt{background:var(--surface-deep)}
.card,.calc-form,.tool-preview{background:var(--surface)}
.node{background:var(--surface-soft);border-color:#393b3d}
.field select,.field input,.field textarea{background:#141517;border-color:#37393c}
.social-rail a{background:#171819e6}
.footer{background:#0f1012}
.social-rail svg{width:1rem;height:1rem;overflow:visible}.social-rail svg rect,.social-rail svg circle{fill:none;stroke:currentColor;stroke-width:1.8}.social-rail svg .social-dot,.social-rail svg .social-fill{fill:currentColor;stroke:none}
.header nav a.active{color:var(--acid)}
.nav-price{border:0;padding:.6rem 0}
.references-section{background:var(--paper);color:#111}.references-section h2{margin-bottom:0}.references-note{max-width:360px;color:#666;align-self:end}.references-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #d5d3cd;border-left:1px solid #d5d3cd}.references-grid figure{margin:0;min-height:160px;padding:2rem;display:grid;place-items:center;border-right:1px solid #d5d3cd;border-bottom:1px solid #d5d3cd;background:#fff}.references-grid img{width:100%;height:90px;object-fit:contain;filter:grayscale(1);opacity:.72;transition:.25s}.references-grid figure:hover img{filter:grayscale(0);opacity:1}.references-section .section-top{align-items:end}.references-section .kicker{color:#777}
@media(max-width:900px){.references-grid{grid-template-columns:repeat(2,1fr)}.references-note{display:none}}
@media(max-width:600px){.references-grid figure{min-height:120px;padding:1.2rem}.references-grid img{height:65px}}
.dev-badge{display:inline-block;margin-left:.75rem;padding:.32rem .55rem;border:1px solid currentColor;border-radius:999px;font-size:.58rem;letter-spacing:.08em;vertical-align:middle}
.project-showcase{display:grid;gap:clamp(5rem,10vw,10rem)}.project-feature{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(2rem,7vw,7rem);align-items:center}.project-feature.reverse{grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr)}.project-feature.reverse .project-visual{grid-column:2}.project-feature.reverse .project-copy{grid-column:1;grid-row:1}.project-visual{display:block;overflow:hidden;aspect-ratio:16/10;background:var(--surface)}.project-visual img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.project-visual:hover img{transform:scale(1.025)}.project-copy{max-width:440px}.project-number{display:block;color:var(--acid);font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;margin-bottom:2rem}.project-copy h3{font-size:clamp(2.3rem,4.5vw,5rem);margin-bottom:1.3rem}.project-copy p{color:#a7a8aa;font-size:1rem}.project-copy small{display:block;color:#707275;text-transform:uppercase;letter-spacing:.13em;margin-top:1.5rem}.motion-ready .project-feature{opacity:0;transition:opacity .75s ease,transform .9s cubic-bezier(.2,.8,.2,1)}.motion-ready .project-feature.from-left{transform:translateX(-5rem)}.motion-ready .project-feature.from-right{transform:translateX(5rem)}.motion-ready .project-feature.in-view{opacity:1;transform:translateX(0)}
@media(max-width:900px){.project-feature,.project-feature.reverse{grid-template-columns:1fr;gap:2rem}.project-feature.reverse .project-visual,.project-feature.reverse .project-copy{grid-column:auto;grid-row:auto}.project-copy{max-width:650px}.motion-ready .project-feature.from-left,.motion-ready .project-feature.from-right{transform:translateY(2rem)}.motion-ready .project-feature.in-view{transform:translateY(0)}}
@media(max-width:600px){.trust-strip{display:grid;grid-template-columns:1fr 1fr;width:100%;height:auto;gap:0;padding:0;overflow:hidden}.trust-strip span{padding:1rem;border-bottom:1px solid var(--line);white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){.motion-ready .project-feature{opacity:1;transform:none;transition:none}}
.project-feature{grid-template-columns:minmax(300px,.95fr) 90px minmax(250px,.65fr);gap:clamp(1.5rem,4vw,4rem);max-width:1120px;margin-inline:auto}.project-feature.reverse{grid-template-columns:minmax(250px,.65fr) 90px minmax(300px,.95fr)}.project-feature.reverse .project-visual{grid-column:3}.project-feature.reverse .project-vertical{grid-column:2;grid-row:1}.project-feature.reverse .project-copy{grid-column:1;grid-row:1}.project-visual{aspect-ratio:9/16;max-height:760px}.project-vertical{height:100%;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line);position:relative}.project-vertical:after{content:"";position:absolute;right:-4px;bottom:1.25rem;width:7px;height:7px;border-radius:50%;background:var(--acid)}.project-vertical h3{writing-mode:vertical-rl;transform:rotate(180deg);font-size:clamp(2rem,3vw,3.6rem);margin:0;white-space:nowrap}.project-copy{align-self:end;padding-bottom:1rem}.project-copy .arrow-link{width:100%;justify-content:space-between;margin-top:2.5rem;border-bottom-color:#4a4b4d}.project-copy .arrow-link:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--acid);margin-right:.35rem}
.project-feature{grid-template-columns:minmax(300px,.95fr) 90px minmax(250px,.65fr);gap:clamp(1.5rem,4vw,4rem);max-width:1120px;margin-inline:auto}.project-feature.reverse{grid-template-columns:minmax(250px,.65fr) 90px minmax(300px,.95fr)}.project-feature.reverse .project-visual{grid-column:3}.project-feature.reverse .project-vertical{grid-column:2;grid-row:1}.project-feature.reverse .project-copy{grid-column:1;grid-row:1}.project-visual{aspect-ratio:9/16;max-height:760px}.project-vertical{height:100%;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line);position:relative}.project-vertical:after{content:"";position:absolute;right:-4px;bottom:1.25rem;width:7px;height:7px;border-radius:50%;background:var(--acid)}.project-vertical h3{writing-mode:vertical-rl;transform:rotate(180deg);font-size:clamp(.72rem,1.1vw,.95rem);margin:0;color:var(--paper);font-family:'DM Sans',sans-serif;font-weight:600;letter-spacing:.02em;white-space:nowrap}.project-vertical h3 span{color:var(--acid)}.project-vertical h3 b{font-family:'Manrope',sans-serif;font-size:clamp(2rem,3vw,3.6rem);font-weight:300;letter-spacing:-.05em}.project-copy{align-self:end;padding-bottom:1rem}.project-copy .arrow-link{width:100%;justify-content:space-between;margin-top:2.5rem;border-bottom-color:#4a4b4d}.project-copy .arrow-link:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--acid);margin-right:.35rem}
@media(max-width:900px){.project-feature,.project-feature.reverse{grid-template-columns:minmax(0,1fr) 60px}.project-feature .project-visual,.project-feature.reverse .project-visual{grid-column:1;grid-row:1}.project-feature .project-vertical,.project-feature.reverse .project-vertical{grid-column:2;grid-row:1}.project-feature .project-copy,.project-feature.reverse .project-copy{grid-column:1/-1;grid-row:2}.project-vertical h3{font-size:clamp(1.7rem,6vw,2.7rem)}}
@media(max-width:600px){.project-feature,.project-feature.reverse{grid-template-columns:minmax(0,1fr) 44px;gap:1rem}.project-visual{max-height:78vh}.project-vertical{border-right-color:#3b3d3f}.project-vertical:after{bottom:.75rem}.project-copy{padding-top:1rem}}
.home-hero{overflow:hidden!important}.hero-slides{position:absolute;inset:0;overflow:hidden!important}.home-hero .hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.02);transition:opacity 1s ease,transform 6s ease}.home-hero .hero-slide.active{opacity:1;transform:scale(1)}.hero-dots{position:absolute;z-index:3;left:50%;bottom:2.2rem;transform:translateX(-50%);display:flex;align-items:center;gap:.7rem}.hero-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#ffffff66;cursor:pointer;transition:.25s}.hero-dots button:hover{background:#fff}.hero-dots button.active{width:9px;height:9px;background:var(--acid);box-shadow:0 0 0 4px #f05a2426}.hero-dots button:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:900px){.hero-dots{bottom:1.5rem}}
.hero-kicker,.hero-title,.hero-lead{transition:opacity .55s ease,transform .65s cubic-bezier(.22,1,.36,1)}.hero-content.text-changing .hero-kicker,.hero-content.text-changing .hero-title,.hero-content.text-changing .hero-lead{opacity:0;transform:translateY(1rem)}
.hero-content{transition:padding .9s cubic-bezier(.22,1,.36,1),text-align .4s ease}.hero-content.hero-copy-right{padding-left:min(43vw,650px);text-align:right}.hero-content.hero-copy-right .hero-title,.hero-content.hero-copy-right .hero-lead{margin-left:auto}.hero-content.hero-copy-right .buttons{justify-content:flex-end}.hero-content.hero-copy-offset-left{padding-left:min(11vw,170px);padding-top:14rem}.hero-content.hero-copy-offset-right{padding-left:min(49vw,730px);padding-top:13rem;text-align:left}.hero-content.hero-copy-offset-right .hero-title{font-size:clamp(3rem,5.2vw,6.5rem)}
@media(max-width:900px){.hero-content.hero-copy-right,.hero-content.hero-copy-offset-left,.hero-content.hero-copy-offset-right{padding-left:0;padding-top:4rem;text-align:left}.hero-content.hero-copy-right .hero-title,.hero-content.hero-copy-right .hero-lead{margin-left:0}.hero-content.hero-copy-right .buttons{justify-content:flex-start}}
.compare{--position:50%;isolation:isolate;cursor:ew-resize}.compare>img,.compare-after,.compare-after img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.compare-after{width:var(--position);overflow:hidden;z-index:2}.compare-after img{width:calc(100% / (var(--position) / 100%));max-width:none}.compare-divider{position:absolute;z-index:4;top:0;bottom:0;left:var(--position);width:2px;background:#fff;transform:translateX(-1px);pointer-events:none}.compare-divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:2.8rem;height:2.8rem;border-radius:50%;display:grid;place-items:center;background:var(--acid);color:#111;border:2px solid #fff;font-size:1rem;font-weight:700}.compare-range{position:absolute;z-index:5;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.compare:focus-within{outline:2px solid var(--acid);outline-offset:5px}.compare-label{position:absolute!important;z-index:3;top:1rem!important;bottom:auto!important;left:1rem!important;background:#111d;color:#fff!important;padding:.5rem .65rem;font-size:.63rem!important;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}.compare-label.after-label{left:auto!important;right:1rem}.compare-label.before-label{background:#e7e7e7e6;color:#111!important}
@media(max-width:600px){.compare-label{font-size:.52rem!important}.compare-divider span{width:2.3rem;height:2.3rem}}
.compare .compare-after{width:100%;clip-path:inset(0 calc(100% - var(--position)) 0 0)}.compare .compare-after img{width:100%;max-width:100%}
.header .logo{align-items:center}.header .logo .brand-name{position:relative;padding-bottom:.85rem}.header .logo .brand-name small{display:block;position:absolute;left:0;top:1.35rem;margin:0;padding:0;border:0;color:var(--acid);font:500 .48rem 'DM Sans',sans-serif;letter-spacing:.12em;text-transform:none;white-space:nowrap}
@media(max-width:600px){.header .logo .brand-name small{font-size:.43rem;letter-spacing:.08em}}

/* AI Studio: compact 16:9 comparison above the copy */
.ai-teaser{display:grid;grid-template-columns:1fr;gap:3.5rem;align-items:start}
.ai-teaser .ai-teaser-img{width:min(100%,1100px);height:auto;aspect-ratio:16/9;margin-inline:auto}
.ai-teaser-copy{width:min(100%,1100px);margin-inline:auto}
.ai-teaser-copy h2{max-width:900px;margin-bottom:1.5rem}
.ai-teaser-copy p:not(.kicker){max-width:760px}
.ai-teaser-copy .btn{margin-top:.75rem}
@media(max-width:600px){.ai-teaser{gap:2rem}.ai-teaser-copy h2{font-size:clamp(2.5rem,12vw,4rem)}}

/* Header logo hierarchy */
.header .logo{gap:.8rem}
.header .logo .brand-mark{width:2.2rem;height:2.7rem}
.header .logo .brand-name{font-size:1.25rem;line-height:1;padding-bottom:.8rem}
.header .logo .brand-name strong{font-size:inherit}
.header .logo .brand-name small{top:1.45rem;font-size:.42rem;line-height:1;letter-spacing:.11em}
.logo .brand-name{font-weight:200}
@media(max-width:600px){.header .logo{gap:.6rem}.header .logo .brand-mark{width:1.9rem;height:2.3rem}.header .logo .brand-name{font-size:1.05rem}.header .logo .brand-name small{top:1.25rem;font-size:.37rem}}

/* AI Studio label and clean comparison captions */
.ai-teaser{gap:0}
.ai-section-label{width:min(100%,1100px);margin:0 auto 1.25rem;color:var(--acid);font:600 .9rem 'DM Sans',sans-serif;letter-spacing:.16em;text-transform:uppercase}
.ai-teaser .ai-teaser-img{margin-top:3.5rem;margin-bottom:0}
.compare-label,.compare-label.before-label,.compare-label.after-label{background:transparent!important;color:#111!important;padding:0!important;font-weight:700;text-shadow:none}
@media(max-width:600px){.ai-section-label{font-size:.78rem;margin-bottom:1rem}.ai-teaser .ai-teaser-img{margin-top:2rem;margin-bottom:0}}

/* Minimal price call-to-actions */
.price-teaser .kicker{color:#111}
.price-teaser .btn.bright,
.price-teaser .light-link{background:transparent;color:#111;border:0;margin-left:0;padding:.75rem 0;font-weight:700;transition:color .2s ease}
.price-teaser .btn.bright{margin-right:2rem;gap:1rem}
.price-teaser .light-link{display:inline-flex;gap:.75rem}
.price-teaser .light-link::after{content:'↗';display:inline-block;transition:transform .2s ease}
.price-teaser .btn.bright span{transition:transform .2s ease}
.price-teaser .btn.bright:hover,
.price-teaser .light-link:hover{background:transparent;color:#fff}
.price-teaser .btn.bright:hover span,
.price-teaser .light-link:hover::after{transform:translate(.2rem,-.15rem)}
.price-teaser .btn.bright:focus-visible,
.price-teaser .light-link:focus-visible{outline:2px solid #111;outline-offset:5px}
@media(max-width:600px){.price-teaser .btn.bright,.price-teaser .light-link{width:auto}.price-teaser .btn.bright{margin-right:1.25rem}}

/* Expanded studio proof */
.proof-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end;margin:0 0 4rem}
.proof-intro h2{font-size:clamp(2.5rem,4.5vw,5rem);margin:0}
.proof-intro p{max-width:560px;margin:0 0 .6rem;color:#aaa;font-size:1.05rem}
.proof-grid article:nth-child(3n){border-right:0}
.proof-grid article:nth-child(n+4){border-top:1px solid var(--line)}
.proof-grid article:nth-child(4){padding-left:0}
.proof-grid article:last-child{border-top:1px solid var(--line)}
.proof-grid b{font-size:clamp(2rem,3.4vw,3.5rem)}
@media(max-width:900px){.proof-intro{grid-template-columns:1fr;gap:1.5rem}.proof-grid article:nth-child(n){border-right:0;border-top:0;border-bottom:1px solid var(--line);padding-left:0}.proof-grid article:last-child{border-bottom:0}}

/* Cleaner featured project action */
.project-copy .arrow-link{border-bottom:0}
.project-copy .arrow-link::before{display:none}

/* Minimal hero actions */
.home-hero .buttons{gap:2rem}
.home-hero .btn,
.home-hero .btn.bright,
.home-hero .btn.glass{width:auto;background:transparent;color:#fff;border:0;padding:.65rem 0;font-weight:700;backdrop-filter:none;gap:1rem}
.home-hero .btn:hover,
.home-hero .btn.bright:hover,
.home-hero .btn.glass:hover{background:transparent;color:var(--acid)}
.home-hero .btn span{transition:transform .2s ease}
.home-hero .btn:hover span{transform:translate(.2rem,-.15rem)}
.home-hero .btn:focus-visible{outline:2px solid var(--acid);outline-offset:5px}
@media(max-width:600px){.home-hero .btn{width:auto}}

/* Small brand cue for the studio introduction */
.studio-kicker{display:flex;align-items:center;gap:.7rem}
.studio-kicker::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--acid);flex:none}

/* Product-led AI Studio presentation */
.ai-section-label{display:flex;align-items:center;gap:.8rem}
.ai-section-label .dev-badge{color:#d5d5d0;border-color:#555;font-size:.56rem}
.ai-teaser-copy{border-top:0;padding-top:var(--content-gap)}
.ai-section-label{position:relative;width:100%;padding-bottom:1rem}.ai-section-label::after{content:"";position:absolute;left:0;bottom:0;width:min(24rem,100%);height:1px;background:#3b3c3e}
.ai-teaser .ai-section-label{margin-bottom:0}.ai-teaser-copy{padding-top:1.25rem}
.ai-teaser-copy h2{max-width:980px}
.ai-teaser .ai-product-lead{max-width:850px!important;color:#d0d0cb!important;font-size:1.15rem;line-height:1.7}
.ai-process-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:3rem 0 2rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ai-process-grid article{min-height:190px;padding:1.6rem 2rem 1.7rem 0;border-right:1px solid var(--line)}
.ai-process-grid article+article{padding-left:2rem}
.ai-process-grid article:last-child{border-right:0}
.ai-process-grid span{color:var(--acid);font-size:.66rem;letter-spacing:.13em;text-transform:uppercase}
.ai-process-grid h3{margin:2rem 0 .65rem;font-size:1.35rem;letter-spacing:-.035em}
.ai-process-grid p{margin:0;color:#888;font-size:.92rem}
.ai-tech-line{display:flex;flex-wrap:wrap;gap:.65rem;margin-bottom:2rem}
.ai-tech-line span{padding:.45rem .7rem;border:1px solid #3b3c3e;color:#aaa;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.ai-teaser-copy>.btn{background:transparent;border:0;padding:.7rem 0;font-weight:700}
.ai-teaser-copy>.btn:hover{color:var(--acid)}
@media(max-width:760px){.ai-section-label{align-items:flex-start;flex-direction:column}.ai-section-label .dev-badge{margin-left:0}.ai-process-grid{grid-template-columns:1fr}.ai-process-grid article,.ai-process-grid article+article{min-height:0;padding:1.4rem 0;border-right:0;border-bottom:1px solid var(--line)}.ai-process-grid article:last-child{border-bottom:0}.ai-process-grid h3{margin:1rem 0 .5rem}}

/* Studio + platform brand architecture */
.dual-brand{padding:0 0 10rem}
.dual-brand-head{display:grid;grid-template-columns:.45fr 1.55fr;gap:5vw;align-items:start;margin-bottom:3.5rem}
.dual-brand-head h2{margin:0;font-size:clamp(2.7rem,5vw,5.7rem)}
.dual-brand-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}
.dual-brand-card{position:relative;display:flex;flex-direction:column;min-height:470px;padding:clamp(2rem,4vw,4rem);overflow:hidden;transition:background .35s ease,color .35s ease}
.dual-brand-card+ .dual-brand-card{border-left:1px solid var(--line)}
.dual-brand-card::after{content:'';position:absolute;right:-5rem;bottom:-8rem;width:20rem;height:20rem;border:1px solid #ffffff12;transform:rotate(35deg);transition:.5s ease}
.dual-brand-card:hover::after{right:-2rem;bottom:-5rem;border-color:#ffffff38}
.dual-brand-card>span{color:var(--acid);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}
.dual-brand-card h3{font-size:clamp(2rem,3.3vw,4rem);margin:3rem 0 1.5rem;max-width:650px}
.dual-brand-card p{max-width:560px;color:#999}
.dual-brand-card strong{margin-top:auto;font-size:.82rem}.dual-brand-card strong i{margin-left:.7rem;color:var(--acid);font-style:normal;transition:.2s}
.dual-brand-card:hover strong i{display:inline-block;transform:translate(.2rem,-.15rem)}
.studio-card:hover{background:#18191a}.lab-card{background:#151617}.lab-card:hover{background:var(--acid);color:#111}.lab-card:hover>span,.lab-card:hover strong i{color:#111}.lab-card:hover p{color:#303030}.lab-card:hover::after{border-color:#0002}
@media(max-width:900px){.dual-brand-head{grid-template-columns:1fr;gap:1rem}.dual-brand-grid{grid-template-columns:1fr}.dual-brand-card{min-height:390px}.dual-brand-card+ .dual-brand-card{border-left:0;border-top:1px solid var(--line)}}

/* Studio design philosophy */
.design-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:end;margin:0 0 4rem}
.design-intro h2{margin:0;font-size:clamp(2.6rem,4.8vw,5.5rem)}
.design-intro>p{max-width:620px;margin:0 0 .7rem;color:#aaa;font-size:1.05rem}
.design-intro+.cards .card{min-height:330px}
.design-intro+.cards .card p{line-height:1.75}
@media(max-width:900px){.design-intro{grid-template-columns:1fr;gap:1.5rem}.design-intro+.cards .card{min-height:290px}}
@media(max-width:600px){.design-intro+.cards .card{min-height:0}}

/* Editorial studio / AI paths */
.dual-brand-showcase{display:grid;gap:9rem}
.brand-feature{margin:0 auto}
.brand-feature .project-copy h3{font-size:clamp(1.8rem,2.8vw,3.2rem);margin:0 0 1.3rem}
.brand-feature .project-copy p:not(.kicker){color:#999}
.brand-feature .project-copy small{display:block;margin-top:1.5rem;color:#666;font-size:.68rem;letter-spacing:.12em}
.brand-feature .project-visual img{width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.dual-brand-showcase{gap:6rem}}

/* Standardized quiet divider with signature orange accent tab across all pages */
.topic-break, hr.topic-break{position:relative!important;height:1px!important;margin:0 auto!important;background:transparent!important;overflow:visible!important;border:0!important;display:block!important;box-sizing:border-box!important}
.topic-break::before, hr.topic-break::before{content:""!important;position:absolute!important;left:50%!important;top:0!important;width:100vw!important;height:1px!important;background:rgba(255,255,255,.12)!important;transform:translateX(-50%)!important;display:block!important}
.topic-break span, hr.topic-break::after{content:""!important;position:absolute!important;z-index:2!important;left:0!important;top:-1px!important;width:4.5rem!important;height:3px!important;background:var(--acid,#ff5a1f)!important;display:block!important}
.page-hero .topic-break, .projects-hero .topic-break{margin:1.15rem auto 0 auto!important;width:100%!important}
@media(max-width:600px){.topic-break, hr.topic-break{margin:0 auto!important}.topic-break span, hr.topic-break::after{width:2.75rem!important}}

/* Rotating studio statement */
.studio-title-stage{display:grid;min-height:2.1em;overflow:hidden}
.studio-title-stage .studio-title{grid-area:1/1;margin:0;opacity:0;transform:translateY(1rem);transition:opacity .9s ease,transform .9s cubic-bezier(.22,1,.36,1);pointer-events:none}
.studio-title-stage .studio-title.active{opacity:1;transform:translateY(0);pointer-events:auto}
.studio-title-stage .studio-title.leaving{opacity:0;transform:translateY(-1rem)}
.intro-rotator-nav{position:relative;display:flex;gap:.55rem;margin-top:-3.5rem;margin-bottom:7rem;border-bottom:0;overflow:visible}
.intro-rotator-nav::before{content:"";position:absolute;z-index:0;left:50%;bottom:0;width:100vw;height:1px;background:var(--line);transform:translateX(-50%)}
.intro-rotator-nav button{position:relative;z-index:1;width:4.5rem;height:5px;margin:0 0 -2px;padding:0;border:0;background:transparent;cursor:pointer;transition:width .3s ease}
.intro-rotator-nav button::after{content:"";position:absolute;inset:1px 0;background:transparent;transform-origin:left center}
.intro-rotator-nav button.active{width:6rem;background:transparent}
.intro-rotator-nav button.active::after{background:var(--acid);animation:rotator-line-grow 6.5s linear both}
.intro-rotator-nav button:hover::after{background:#fff}
@keyframes rotator-line-grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.intro-rotator-nav button.active::after{animation:none;transform:none}}
.intro-rotator-nav button:focus-visible{outline:2px solid #fff;outline-offset:5px}
@media(max-width:600px){.studio-title-stage{min-height:3.15em}.intro-rotator-nav{margin-top:-2rem;margin-bottom:4.5rem}.intro-rotator-nav button{width:2.5rem}.intro-rotator-nav button.active{width:3.5rem}}
@media(prefers-reduced-motion:reduce){.studio-title-stage .studio-title{transition:none}}

/* Expanded global footer */
.footer.footer-expanded{display:block;padding:6rem max(2rem,calc((100vw - 1440px)/2)) 2rem;background:#090a0b;color:#aaa}
.footer-expanded>div:not(.logo){display:grid;color:inherit}
.footer-main{grid-template-columns:minmax(240px,.75fr) 2.25fr;gap:clamp(4rem,8vw,9rem)}
.footer-brand .logo{display:inline-flex;color:#fff}
.footer-brand>p{max-width:340px;margin:1.8rem 0;color:#8e8f91;line-height:1.7}
.footer-contact-link{display:flex;justify-content:space-between;max-width:340px;padding:.9rem 0;border-bottom:1px solid #303134;color:#fff;font-weight:600}
.footer-contact-link span{color:var(--acid)}
.footer-social{display:flex;gap:.6rem;margin-top:1.8rem}
.footer-social a{width:2.25rem;height:2.25rem;display:grid;place-items:center;border:1px solid #303134;border-radius:50%;transition:.2s}
.footer-social svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.6}
.footer-social .social-fill,.footer-social .social-dot{fill:currentColor;stroke:none}
.footer-social a:hover{color:var(--acid);border-color:var(--acid)}
.footer-nav{display:grid;grid-template-columns:repeat(4,minmax(125px,1fr));gap:clamp(2rem,4vw,5rem)}
.footer-nav>div{display:flex;flex-direction:column;align-items:flex-start}
.footer-nav h3{margin:0 0 1.6rem;color:#777;font:600 .68rem 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase}
.footer-nav a{margin-bottom:.85rem;color:#e1e1dd;font-size:.85rem;line-height:1.4;transition:.2s}
.footer-nav a:hover{color:var(--acid);transform:translateX(.2rem)}
.footer-bottom{grid-template-columns:1fr auto;align-items:center;gap:2rem;margin-top:5rem;padding-top:2rem;border-top:1px solid #202124;font-size:.75rem}
.footer-bottom>div{display:flex;gap:1.5rem;align-items:center}
.footer-bottom a{color:#d0d0cb}.footer-bottom a:hover{color:var(--acid)}
@media(max-width:1050px){.footer-main{grid-template-columns:1fr}.footer-nav{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.footer.footer-expanded{padding-top:4rem}.footer-nav{grid-template-columns:1fr 1fr;gap:2.5rem 1.5rem}.footer-bottom{grid-template-columns:1fr}.footer-bottom>div{align-items:flex-start;flex-direction:column;gap:.5rem}.footer-brand>p,.footer-contact-link{max-width:none}}

/* Featured projects — larger editorial experiment */
.featured .section-top{margin-bottom:clamp(3rem,5vw,5rem)}
.featured-intro{max-width:42rem;margin:1.25rem 0 0;color:#aaa;font-size:1rem;line-height:1.65}
.featured .project-showcase{gap:clamp(4rem,7vw,7rem)}
.featured .project-feature{width:100%;max-width:1160px;grid-template-columns:minmax(380px,461px) 96px minmax(300px,1fr);gap:clamp(1.5rem,3.5vw,3.5rem)}
.featured .project-feature.reverse{grid-template-columns:minmax(300px,1fr) 96px minmax(380px,461px)}
.featured .project-visual{width:100%;max-width:461px;max-height:none}
.featured .project-copy{align-self:center;max-width:500px;padding:0}
.featured .project-number{margin-bottom:1.4rem;font-size:.73rem;font-weight:700}
.featured .project-copy p{margin:0;color:#b1b2b3;font-size:1.08rem;line-height:1.75}
.featured .project-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:2rem 0 0;padding:1.2rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.featured .project-meta div{min-width:0}
.featured .project-meta dt{color:#6f7072;font-size:.62rem;letter-spacing:.13em;text-transform:uppercase}
.featured .project-meta dd{margin:.25rem 0 0;color:#e5e5e1;font-size:.78rem}
.featured .project-copy .arrow-link{width:auto;margin-top:1.5rem;border:0;font-weight:700}
.featured .project-vertical:after{bottom:2rem}
.featured-footer{display:flex;justify-content:flex-end;margin-top:clamp(4rem,7vw,7rem);padding-top:2rem;border-top:1px solid var(--line)}
.featured-all-link{display:inline-flex;gap:1rem;font-weight:700;transition:color .2s ease}
.featured-all-link span{color:var(--acid)}
.featured-all-link:hover{color:var(--acid)}
@media(max-width:900px){.featured .project-feature,.featured .project-feature.reverse{grid-template-columns:minmax(0,1fr) 60px;gap:2rem;max-width:720px}.featured .project-feature .project-visual,.featured .project-feature.reverse .project-visual{grid-column:1;grid-row:1}.featured .project-feature .project-vertical,.featured .project-feature.reverse .project-vertical{grid-column:2;grid-row:1}.featured .project-feature .project-copy,.featured .project-feature.reverse .project-copy{grid-column:1/-1;grid-row:2}.featured .project-visual{max-height:82vh}.featured .project-copy{max-width:650px}.featured-footer{justify-content:flex-start}}
@media(max-width:600px){.featured .project-feature,.featured .project-feature.reverse{grid-template-columns:minmax(0,1fr) 44px;gap:1rem}.featured .project-copy p{font-size:1rem}.featured .project-meta{grid-template-columns:1fr;gap:.8rem}.featured .project-meta div{display:grid;grid-template-columns:5rem 1fr;align-items:baseline}.featured .project-meta dd{margin:0}}

/* Featured projects — compact gallery alternative */
.featured .project-showcase{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.25rem,2.4vw,2.5rem);align-items:start}
.featured .project-feature,.featured .project-feature.reverse{display:flex;flex-direction:column;width:100%;max-width:none;gap:0;margin:0}
.featured .project-feature .project-visual,.featured .project-feature.reverse .project-visual{order:1;width:100%;max-width:none;aspect-ratio:4/5;max-height:none;grid-column:auto;grid-row:auto}
.featured .project-feature .project-vertical,.featured .project-feature.reverse .project-vertical{order:2;display:block;height:auto;margin:1.5rem 0 0;padding:0;border:0;grid-column:auto;grid-row:auto}
.featured .project-feature .project-vertical::after{display:none}
.featured .project-feature .project-vertical h3,.featured .project-feature.reverse .project-vertical h3{writing-mode:horizontal-tb;transform:none;white-space:normal;margin:0;font-size:clamp(1.8rem,2.7vw,3rem);line-height:1.05}
.featured .project-feature .project-copy,.featured .project-feature.reverse .project-copy{order:3;display:flex;flex-direction:column;max-width:none;padding:0;grid-column:auto;grid-row:auto}
.featured .project-number{order:-1;margin:.8rem 0 1rem;font-size:.64rem}
.featured .project-copy p{font-size:.95rem;line-height:1.65}
.featured .project-meta{gap:.6rem;margin:1.4rem 0 0;padding:1rem 0}
.featured .project-meta dt{font-size:.56rem}
.featured .project-meta dd{font-size:.7rem}
.featured .project-copy .arrow-link{align-self:flex-start;margin-top:1.2rem}
.featured-footer{margin-top:4rem}
@media(max-width:900px){.featured .project-showcase{grid-template-columns:1fr 1fr}.featured .project-feature,.featured .project-feature.reverse{max-width:none}.featured .project-feature:last-child{grid-column:1/-1;max-width:calc(50% - .7rem)}}
@media(max-width:650px){.featured .project-showcase{grid-template-columns:1fr;gap:4rem}.featured .project-feature:last-child{grid-column:auto;max-width:none}.featured .project-feature .project-visual,.featured .project-feature.reverse .project-visual{aspect-ratio:4/5}.featured .project-feature .project-vertical h3,.featured .project-feature.reverse .project-vertical h3{font-size:2.2rem}.featured .project-meta{grid-template-columns:repeat(3,minmax(0,1fr))}.featured .project-meta div{display:block}.featured .project-meta dd{margin:.25rem 0 0}}

/* Direct portfolio gallery */
.portfolio-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:clamp(230px,24vw,390px);gap:1rem}
.gallery-item{position:relative;display:block;overflow:hidden;background:#151617}
.gallery-item.gallery-wide{grid-column:span 2}
.gallery-item.gallery-tall{grid-row:span 2}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .4s ease}
.gallery-item::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 45%);opacity:.72;transition:opacity .35s ease}
.gallery-item>span{position:absolute;z-index:2;left:1.25rem;bottom:1.1rem;font:400 clamp(1rem,1.35vw,1.3rem) 'Manrope',sans-serif;letter-spacing:-.025em;transform:translateY(.25rem);transition:transform .35s ease}
.gallery-item>span small{display:block;margin-top:.15rem;color:#c4c4bf;font:600 .58rem 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase}
.gallery-item:hover img{transform:scale(1.035)}
.gallery-item:hover::after{opacity:1}
.gallery-item:hover>span{transform:translateY(0)}
@media(max-width:800px){.portfolio-gallery{grid-template-columns:1fr 1fr;grid-auto-rows:clamp(220px,45vw,380px)}.gallery-item.gallery-wide{grid-column:span 2}.gallery-item.gallery-tall{grid-row:span 1}}
@media(max-width:560px){.portfolio-gallery{grid-template-columns:1fr;grid-auto-rows:72vw}.gallery-item.gallery-wide{grid-column:auto}.gallery-item.gallery-tall{grid-row:auto}}
.portfolio-gallery{transition:opacity .45s ease,transform .55s ease}.portfolio-gallery.changing{opacity:.18;transform:translateY(.5rem)}.gallery-set-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:1.6rem}.gallery-set-nav button{position:relative;height:3px;padding:0;border:0;background:#343537;cursor:pointer;overflow:hidden}.gallery-set-nav button::after{content:"";position:absolute;inset:0;background:var(--acid);transform:scaleX(0);transform-origin:left;transition:transform .45s ease}.gallery-set-nav button.active::after{transform:scaleX(1)}.gallery-set-nav button:hover{background:#666}

/* Ana sayfa portföy galerisi bilgi kartı */
.portfolio-gallery .gallery-info-card{display:flex;flex-direction:column;justify-content:space-between;height:100%;margin:0;padding:clamp(1.2rem,1.8vw,1.8rem);border:1px solid #596167;border-radius:3px;outline:3px solid #252a2d;outline-offset:3px;background:#23282b;color:#f3f0ea;text-decoration:none;box-sizing:border-box;box-shadow:0 12px 28px rgba(0,0,0,.16);transition:border-color .3s ease,transform .3s ease}
.portfolio-gallery .gallery-info-card::after{display:none}
.portfolio-gallery .gallery-info-card:hover{border-color:#f15a24;transform:translateY(-2px)}
.portfolio-gallery .gallery-info-card .gallery-info-index{display:block;color:var(--acid);font-size:.64rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.portfolio-gallery .gallery-info-card h3{max-width:16ch;margin:.75rem 0 .5rem;font:400 clamp(1.2rem,1.7vw,1.65rem)/1.15 'Manrope',sans-serif;color:#fff}
.portfolio-gallery .gallery-info-card p{max-width:32ch;margin:0;color:#b7b9ba;font-size:clamp(.78rem,.88vw,.86rem);line-height:1.6}
.portfolio-gallery .gallery-info-card small{display:inline-flex;align-items:center;gap:.35rem;margin-top:1rem;color:#e2e1dd;font-size:.65rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase;transition:color .25s ease}
.portfolio-gallery .gallery-info-card:hover small{color:var(--acid)}


/* Projects — two portfolio branches */
.projects-hero{padding-bottom:4rem}.project-category-nav{position:sticky;top:5rem;z-index:8;display:flex;overflow-x:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(10,10,10,.94);scrollbar-width:none}.project-category-nav::-webkit-scrollbar{display:none}.project-category-nav a{flex:1;min-width:max-content;padding:1.1rem 1.4rem;border-right:1px solid var(--line);color:#aaa;font-size:.72rem;text-align:center;text-transform:uppercase;letter-spacing:.1em;transition:.25s}.project-category-nav a:first-child{padding-left:0;text-align:left}.project-category-nav a:last-child{border:0}.project-category-nav a:hover{color:var(--acid)}
.portfolio-branch{padding:9rem 0}.portfolio-branch-head{display:grid;grid-template-columns:.32fr 1.68fr;gap:5vw;margin-bottom:4rem}.portfolio-branch-head h2{margin:0 0 1.5rem;font-size:clamp(3rem,5.5vw,6rem)}.portfolio-branch-head>div>p{max-width:720px;color:#999;font-size:1.04rem}.category-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.category-project{position:relative;display:grid;grid-template-rows:minmax(320px,34vw) auto;overflow:hidden;background:#101112}.category-project.large{grid-column:span 2;grid-template-rows:minmax(420px,43vw) auto}.category-project>img{width:100%;height:100%;object-fit:cover;filter:saturate(.9);transition:transform .8s ease,filter .4s ease}.category-project>div{position:relative;padding:clamp(1.5rem,3vw,2.7rem);background:#111213}.category-project small,.ai-project-main span,.ai-project-side span{color:var(--acid);font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.category-project h3{margin:1rem 0 .8rem;font-size:clamp(1.7rem,2.6vw,3rem)}.category-project p{max-width:650px;margin:0;color:#909194}.category-index{position:absolute;z-index:2;top:1.2rem;right:1.2rem;width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:50%;background:rgba(8,8,8,.72);font-size:.65rem}.category-project:hover>img{transform:scale(1.025);filter:saturate(1.05)}
.ai-portfolio-branch{padding-top:2rem;padding-bottom:10rem}.ai-project-pair{display:grid;grid-template-columns:1.25fr .75fr;gap:1rem}.ai-project-main,.ai-project-side{position:relative;overflow:hidden;background:#131415}.ai-project-main{min-height:760px}.ai-project-side{display:grid;grid-template-rows:1.15fr .85fr}.ai-project-main>img,.ai-project-side>img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.ai-project-main::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.88),transparent 58%)}.ai-project-main>div{position:absolute;z-index:2;left:clamp(1.5rem,4vw,4rem);right:2rem;bottom:clamp(1.5rem,4vw,4rem)}.ai-project-main h3{margin:1rem 0;font-size:clamp(2.5rem,5vw,5.5rem)}.ai-project-main p{max-width:620px;color:#bbb}.ai-project-side>div{padding:clamp(1.5rem,3vw,3rem)}.ai-project-side h3{margin:1.2rem 0 2rem;font-size:clamp(2rem,3.4vw,4rem)}.ai-project-main:hover>img,.ai-project-side:hover>img{transform:scale(1.025)}
@media(max-width:900px){.portfolio-branch-head{grid-template-columns:1fr;gap:1rem}.ai-project-pair{grid-template-columns:1fr}.ai-project-main{min-height:650px}.ai-project-side{grid-template-columns:1fr 1fr;grid-template-rows:none}}
@media(max-width:600px){.portfolio-branch{padding:6rem 0}.category-project-grid{grid-template-columns:1fr}.category-project,.category-project.large{grid-column:auto;grid-template-rows:75vw auto}.project-category-nav{max-width:calc(100% - 2rem)}.project-category-nav a{padding:.9rem 1rem}.ai-project-main{min-height:120vw}.ai-project-side{grid-template-columns:1fr}.ai-project-side>img{height:80vw}.footer-nav,.footer-nav>div{min-width:0}.footer-nav a{overflow-wrap:anywhere}}

/* Editorial category selectors */
.editorial-category-list{display:grid;gap:clamp(4rem,7vw,7rem);margin-bottom:7rem}.editorial-category{appearance:none;width:min(100%,1100px);margin:0 auto;padding:0;border:0;background:transparent;color:inherit;display:grid;grid-template-columns:minmax(250px,390px) 88px minmax(260px,1fr);gap:clamp(1.2rem,3.5vw,3.5rem);align-items:stretch;text-align:left;cursor:pointer}.editorial-category.reverse{grid-template-columns:minmax(260px,1fr) 88px minmax(250px,390px)}.editorial-category img{width:100%;height:520px;object-fit:cover;filter:saturate(.82);transition:.6s ease}.editorial-category>strong{display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line);font:300 clamp(1.8rem,2.6vw,3rem) 'Manrope',sans-serif;writing-mode:vertical-rl;transform:rotate(180deg)}.editorial-category>span{align-self:center}.editorial-category small{display:block;margin-bottom:1.2rem;color:var(--acid);font-size:.63rem;font-style:normal;letter-spacing:.14em;text-transform:uppercase}.editorial-category b{display:block;margin-bottom:1rem;font:300 clamp(1.8rem,3vw,3.4rem)/1.05 'Manrope',sans-serif}.editorial-category em{display:block;max-width:440px;color:#999;font:400 .95rem/1.7 'DM Sans',sans-serif}.editorial-category:hover img,.editorial-category.active img{filter:saturate(1);transform:scale(.985)}.editorial-category.active>strong{color:var(--acid);border-right-color:var(--acid)}.gallery-result-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.gallery-result-head span{font:300 clamp(1.8rem,3vw,3rem) 'Manrope',sans-serif}.gallery-result-head button{border:0;background:transparent;color:#aaa;font-weight:700;cursor:pointer}.gallery-result-head button:hover{color:var(--acid)}.filter-project.is-hidden{display:none}
@media(max-width:800px){.editorial-category,.editorial-category.reverse{grid-template-columns:minmax(0,1fr) 58px}.editorial-category>img,.editorial-category.reverse>img{grid-column:1;grid-row:1;height:90vw;max-height:600px}.editorial-category>strong,.editorial-category.reverse>strong{grid-column:2;grid-row:1}.editorial-category>span,.editorial-category.reverse>span{grid-column:1/-1;grid-row:2}.editorial-category-list{gap:5rem}}

/* Projects page — category portal and SEO content */
.projects-intro h1{max-width:1200px}.projects-intro-copy{display:grid;grid-template-columns:1fr 1fr;gap:5vw;max-width:1050px;margin:3rem 0 0 auto}.projects-intro-copy p{margin:0;color:#a5a6a8;font-size:1.05rem}.projects-categories{padding-bottom:2rem}.category-note{max-width:420px;margin:0 0 .5rem;color:#8c8d8f}.projects-categories .editorial-category i{display:inline-block;margin-top:1.5rem;color:#e7e7e3;font:700 .78rem 'DM Sans',sans-serif}.projects-categories .editorial-category:hover i{color:var(--acid)}
.project-method{padding:2rem 0 10rem}.project-method-intro{display:grid;grid-template-columns:.35fr .8fr .85fr;gap:5vw;align-items:start;margin-bottom:5rem}.project-method-intro h2{margin:0}.project-method-intro>p:last-child{margin:1rem 0 0;color:#999}.project-method-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-method-grid article{min-height:370px;padding:2rem 1.5rem;border-right:1px solid var(--line)}.project-method-grid article:last-child{border:0}.project-method-grid span{color:var(--acid);font-size:.7rem}.project-method-grid h3{margin:3rem 0 1.2rem;font-size:1.45rem}.project-method-grid p{color:#898a8c;font-size:.88rem;line-height:1.75}
.project-gallery-modal{width:min(1320px,calc(100% - 2rem));max-height:92vh;padding:clamp(1.5rem,4vw,4rem);border:1px solid #343537;background:#101112;color:var(--paper);overflow:auto}.project-gallery-modal::backdrop{background:rgba(0,0,0,.88);backdrop-filter:blur(6px)}.gallery-close{position:sticky;z-index:3;top:0;float:right;border:0;background:var(--acid);color:#111;padding:.7rem 1rem;font-weight:700;cursor:pointer}.modal-gallery-head{margin-bottom:2.5rem}.modal-gallery-head h2{margin:0}.modal-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.modal-gallery-grid figure{margin:0}.modal-gallery-grid img{width:100%;aspect-ratio:16/10;object-fit:cover}.modal-gallery-grid figcaption{padding:.75rem 0;color:#aaa;font-size:.8rem}
@media(max-width:1000px){.project-method-intro{grid-template-columns:1fr}.project-method-grid{grid-template-columns:1fr 1fr}.project-method-grid article{min-height:300px;border-bottom:1px solid var(--line)}}
@media(max-width:700px){.projects-intro-copy{grid-template-columns:1fr}.category-note{margin-top:1.5rem}.project-method-grid{grid-template-columns:1fr}.project-method-grid article{min-height:0;border-right:0}.modal-gallery-grid{grid-template-columns:1fr}}

/* Category project detail pages */
.back-link{display:inline-block;margin-bottom:4rem;color:#999;font-size:.78rem;font-weight:700}.back-link:hover{color:var(--acid)}.category-page-hero h1{max-width:1180px}.category-hero-copy{display:grid;grid-template-columns:1fr 1fr;gap:5vw;max-width:1100px;margin:3rem 0 0 auto}.category-hero-copy p{margin:0;color:#a0a1a3;font-size:1.05rem}.category-projects{padding:2rem 0 10rem}.category-projects-head{display:flex;justify-content:space-between;gap:3rem;margin-bottom:5rem}.category-projects-head>p:last-child{max-width:520px;margin:0;color:#888}.detail-project{display:grid;grid-template-columns:minmax(300px,.62fr) minmax(0,1.38fr);gap:clamp(2rem,6vw,6rem);align-items:center;padding:5rem 0;border-top:1px solid var(--line)}.detail-project.reverse{grid-template-columns:minmax(0,1.38fr) minmax(300px,.62fr)}.detail-project.reverse .detail-project-info{grid-column:2;grid-row:1}.detail-project.reverse .project-carousel{grid-column:1;grid-row:1}.detail-project-info>span{color:var(--acid);font-size:.67rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.detail-project-info h2{margin:1.5rem 0;font-size:clamp(2.8rem,5vw,5.5rem)}.detail-project-info>p{color:#a0a1a3;line-height:1.8}.detail-project-info dl{margin:2rem 0 0;border-top:1px solid var(--line)}.detail-project-info dl div{display:grid;grid-template-columns:7rem 1fr;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--line)}.detail-project-info dt{color:#6f7072;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.detail-project-info dd{margin:0;color:#ddd;font-size:.78rem}.project-carousel{position:relative;overflow:hidden;background:#151617}.carousel-track{position:relative;aspect-ratio:16/10}.carousel-slide{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:transparent;opacity:0;visibility:hidden;cursor:zoom-in;transition:opacity .8s ease,visibility .8s}.carousel-slide.active{opacity:1;visibility:visible}.carousel-slide img{width:100%;height:100%;object-fit:cover}.carousel-dots{position:absolute;z-index:3;left:50%;bottom:1.2rem;display:flex;gap:.55rem;transform:translateX(-50%)}.carousel-dots button{width:.5rem;height:.5rem;padding:0;border:1px solid #fff;border-radius:50%;background:rgba(0,0,0,.3);cursor:pointer;transition:.25s}.carousel-dots button.active{width:1.8rem;border-radius:1rem;background:var(--acid);border-color:var(--acid)}
.image-lightbox{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:clamp(1rem,3vw,2.5rem);border:0;background:#090a0b;color:#fff;overflow:hidden}.image-lightbox::backdrop{background:#000}.image-lightbox figure{width:min(1200px,calc(100% - 8rem));height:calc(100vh - 9rem);margin:0 auto;display:grid;place-items:center}.image-lightbox figure img{max-width:100%;max-height:100%;object-fit:contain}.image-lightbox figcaption{position:absolute;left:2rem;bottom:1.5rem;color:#aaa}.lightbox-close{position:absolute;z-index:3;right:2rem;top:1.5rem;border:0;background:transparent;color:#fff;font-weight:700;cursor:pointer}.lightbox-arrow{position:absolute;z-index:3;top:50%;width:3rem;height:3rem;border:1px solid #444;border-radius:50%;background:#111c;color:#fff;cursor:pointer}.lightbox-arrow:hover{border-color:var(--acid);color:var(--acid)}.lightbox-arrow.prev{left:2rem}.lightbox-arrow.next{right:2rem}.lightbox-thumbs{position:absolute;left:50%;bottom:1.2rem;display:flex;gap:.6rem;transform:translateX(-50%)}.lightbox-thumbs button{width:70px;height:44px;padding:0;border:1px solid #444;background:#111;opacity:.55;cursor:pointer}.lightbox-thumbs button.active{border-color:var(--acid);opacity:1}.lightbox-thumbs img{width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.category-hero-copy{grid-template-columns:1fr}.detail-project,.detail-project.reverse{grid-template-columns:1fr}.detail-project.reverse .detail-project-info,.detail-project.reverse .project-carousel{grid-column:auto;grid-row:auto}.detail-project.reverse .detail-project-info{order:1}.detail-project.reverse .project-carousel{order:2}.category-projects-head{display:block}.image-lightbox figure{width:100%;height:calc(100vh - 10rem)}.lightbox-arrow{top:auto;bottom:1rem}.lightbox-arrow.prev{left:1rem}.lightbox-arrow.next{right:1rem}.lightbox-close{right:1rem;top:1rem}}
.carousel-nav{position:absolute;z-index:4;top:50%;width:2.8rem;height:2.8rem;padding:0;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(8,9,10,.7);color:#fff;font-size:1.15rem;cursor:pointer;transform:translateY(-50%);transition:background .25s,border-color .25s,color .25s}.carousel-nav.prev{left:1.2rem}.carousel-nav.next{right:1.2rem}.carousel-nav:hover{background:var(--acid);border-color:var(--acid);color:#111}.carousel-nav:focus-visible{outline:2px solid var(--acid);outline-offset:3px}
.social-rail .social-whatsapp,.footer-social .social-whatsapp{color:inherit;background:transparent}.social-rail .social-whatsapp svg,.footer-social .social-whatsapp svg{width:1.08rem;height:1.08rem;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}.social-rail .social-whatsapp:hover,.footer-social .social-whatsapp:hover{color:var(--acid);background:transparent}

/* Studio page cinematic hero */
.studio-page-hero{position:relative;height:100svh;min-height:720px;display:flex;align-items:center;overflow:hidden}.studio-hero-slides,.studio-hero-slides img,.studio-hero-shade{position:absolute;inset:0}.studio-hero-slides img{width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.025);transition:opacity 1s ease,transform 7s ease}.studio-hero-slides img.active{opacity:1;transform:scale(1)}.studio-hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.43) 58%,rgba(0,0,0,.12)),linear-gradient(0deg,rgba(0,0,0,.5),transparent 45%)}.studio-hero-copy{position:relative;z-index:2;padding-top:5rem;transition:opacity .55s ease,transform .65s ease}.studio-hero-copy.changing{opacity:0;transform:translateY(1rem)}.studio-hero-copy h1{max-width:1100px;margin:0 0 2rem;font-size:clamp(3.5rem,7vw,8rem)}.studio-hero-copy>p:last-child{max-width:650px;color:#d0d0cb;font-size:1.08rem}.studio-hero-dots{position:absolute;z-index:3;left:50%;bottom:2rem;display:flex;gap:.65rem;transform:translateX(-50%)}.studio-hero-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#ffffff66;cursor:pointer;transition:.25s}.studio-hero-dots button.active{width:1.8rem;border-radius:1rem;background:var(--acid)}

/* QA refinements: stable navigation, readable comparison and responsive media */
.header,.header.solid{transition:background-color .35s ease,border-color .35s ease,box-shadow .35s ease,backdrop-filter .35s ease}
.header,.header.solid{min-height:5rem;transition:none}
.header nav a{display:block;white-space:nowrap}
@media(max-width:900px){.header,.header.solid{min-height:4.75rem}.header nav a{min-height:2.7rem;display:flex;align-items:center}}
.guide-hero{min-height:100vh!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;padding-top:13.5rem!important;padding-bottom:0!important;position:relative!important}.guide-library{padding:0 0 9rem}.guide-library-head{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.25rem 0 2.5rem;border-top:1px solid var(--line)}.guide-library-head .kicker{margin:0}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.guide-card{min-height:17rem;display:flex;flex-direction:column;align-items:flex-start;padding:2rem;background:#0d0d0d;transition:background .25s,color .25s}.guide-card:hover{background:#1a1a1a}.guide-card>span{color:var(--acid);font-size:.66rem;font-weight:700;letter-spacing:.13em}.guide-card h2,.guide-card h3{margin:1.5rem 0 .8rem;font-size:clamp(1.65rem,2.4vw,2.5rem);line-height:1.05}.guide-card h3{font-size:clamp(1.35rem,1.75vw,1.8rem)}.guide-card p{margin:0;color:#999;font-size:.9rem;line-height:1.6}.guide-card b{margin-top:auto;padding-top:1.75rem;font-size:.77rem}.featured-guide{grid-column:span 2;min-height:22rem;background:#171717}.featured-guide h2{font-size:clamp(2.4rem,4vw,4.5rem);max-width:760px}.featured-guide p{max-width:600px}@media(max-width:900px){.guide-grid{grid-template-columns:1fr 1fr}.featured-guide{grid-column:span 2}.guide-library{padding-bottom:6rem}}@media(max-width:600px){.guide-library-head{display:block}.guide-library-head .arrow-link{display:inline-block;margin-top:1rem}.guide-grid{grid-template-columns:1fr}.featured-guide{grid-column:auto;min-height:20rem}.guide-card{min-height:0;padding:1.5rem}.featured-guide h2{font-size:clamp(2.2rem,11vw,3.4rem)}}
.header.is-scrolled,.header.solid.is-scrolled{background:rgba(10,10,11,.78);border-bottom-color:rgba(255,255,255,.12);box-shadow:0 8px 28px rgba(0,0,0,.2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.compare-label,.compare-label.before-label,.compare-label.after-label{color:#fff!important;text-shadow:0 1px 5px rgba(0,0,0,.9),0 0 14px rgba(0,0,0,.55)}
.brand-feature .project-visual{aspect-ratio:4/5}
@media(min-width:1000px){.dual-brand-showcase .brand-feature .project-visual{aspect-ratio:4/5;max-height:680px}}
@media(max-width:900px){.social-rail{display:none!important}}
.hero-content.hero-copy-right,.hero-content.hero-copy-offset-left,.hero-content.hero-copy-offset-right{padding-left:0;padding-top:5rem;text-align:left}
.hero-content.hero-copy-right .hero-title,.hero-content.hero-copy-right .hero-lead{margin-left:0}
.hero-content.hero-copy-right .buttons{justify-content:flex-start}
.hero-content.hero-copy-offset-right .hero-title{font-size:clamp(3.5rem,6.6vw,7.8rem)}

/* AI showcase — broad horizontal production system */
.ai-showcase{padding-bottom:10rem}.ai-showcase-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:7vw;align-items:end}.ai-showcase-intro h2{margin:0}.ai-showcase-intro>div{padding-bottom:.6rem}.ai-showcase-intro .ai-product-lead{margin-top:0}.ai-capability-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,1fr);gap:1px;margin:4rem 0 0;overflow-x:auto;background:var(--line);border:1px solid var(--line);scroll-snap-type:x mandatory;scrollbar-color:var(--acid) #202123;scrollbar-width:thin}.ai-capability-strip article{min-height:285px;padding:1.8rem;background:#111213;scroll-snap-align:start}.ai-capability-strip span,.ai-example>div>span{color:var(--acid);font-size:.64rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.ai-capability-strip h3{margin:3.5rem 0 1rem;font-size:1.55rem}.ai-capability-strip p{margin:0;color:#8f9092;font-size:.9rem;line-height:1.7}.ai-example-head{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin:6rem 0 1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.ai-example-head p{margin:0}.ai-example-head>p:last-child{max-width:520px;color:#8f9092}.ai-example-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:1px;background:var(--line);border:1px solid var(--line)}.ai-example{display:grid;grid-template-rows:auto 1fr;background:#101112}.ai-example-wide{grid-row:auto}.ai-example img{display:block;width:100%;height:100%;min-height:260px;object-fit:cover}.ai-example-wide .ai-teaser-img{width:100%;height:auto;aspect-ratio:16/10;margin:0}.ai-example>div:last-child{padding:clamp(1.5rem,2.5vw,2.4rem)}.ai-example h3{margin:1rem 0 .7rem;font-size:clamp(1.5rem,2.4vw,2.7rem)}.ai-example p{margin:0;color:#8f9092;line-height:1.7}.ai-example:not(.ai-example-wide)>img{aspect-ratio:16/9}.ai-example .compare-label{padding:0!important}
@media(max-width:900px){.ai-showcase-intro{grid-template-columns:1fr;gap:2rem}.ai-capability-strip{grid-auto-columns:minmax(250px,82vw)}.ai-example-grid{grid-template-columns:1fr}.ai-example-wide{grid-row:auto}.ai-example-head{display:block}.ai-example-head>p:last-child{margin-top:.8rem}.ai-showcase{padding-bottom:6rem}}
.ai-interface-demo{display:grid;grid-template-columns:.42fr 1.58fr;gap:5vw;align-items:center;margin-top:6rem;padding:clamp(2rem,4vw,4rem);border:1px solid var(--line);background:#0d0e0f}.ai-interface-copy h3{margin:0 0 1.5rem;font-size:clamp(2.4rem,4vw,4.7rem)}.ai-interface-copy>p:last-child{color:#8f9092}.ai-interface-panel{border:1px solid #343537;background:#151617;box-shadow:0 25px 70px #0007}.ai-interface-bar{display:flex;justify-content:space-between;padding:.9rem 1.1rem;border-bottom:1px solid #343537;color:#aaa;font-size:.68rem;letter-spacing:.11em;text-transform:uppercase}.ai-interface-body{display:grid;grid-template-columns:1fr .8fr 1.25fr;min-height:380px}.ai-interface-body>div{padding:1.3rem;border-right:1px solid #343537}.ai-interface-body>div:last-child{border-right:0}.ai-interface-body span{display:block;color:var(--acid);font-size:.62rem}.ai-interface-body b{display:block;margin:.8rem 0;font:500 1rem 'Manrope',sans-serif}.ai-interface-body small{display:block;color:#777;font-size:.68rem}.ai-upload-thumb{height:230px;margin-top:1.4rem;overflow:hidden;background:#222}.ai-upload-thumb img,.ai-output-grid img{width:100%;height:100%;object-fit:cover}.ai-mode>div{display:grid;gap:.55rem;margin-top:1.5rem}.ai-mode button{padding:.75rem;border:1px solid #38393b;background:transparent;color:#aaa;text-align:left;font-size:.72rem}.ai-mode button.active{border-color:var(--acid);color:#fff}.ai-output-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;height:230px;margin-top:1.4rem}.ai-output-grid img:first-child{grid-column:1/-1;height:150px}.ai-output-grid img:not(:first-child){height:74px}
.ai-interface-screenshot{overflow:hidden;background:#0c0d0f}.ai-interface-screenshot img{display:block;width:100%;height:auto}
.ai-interface-copy{transition:opacity .35s ease,transform .35s ease}.ai-interface-copy.is-changing{opacity:0;transform:translateY(.5rem)}
@media(min-width:901px){.ai-interface-demo{height:680px;min-height:0;overflow:hidden}.ai-interface-copy{height:31rem;min-height:0;overflow:hidden}}
.ai-interface-copy.is-changing{opacity:1;transform:none}.ai-interface-copy h3{min-height:6.24em}.ai-interface-copy>p:last-child{min-height:6.4em}
.ai-interface-copy h3{font-size:clamp(2rem,3.15vw,3.6rem)}
@media(max-width:900px){.ai-interface-demo{grid-template-columns:1fr}.ai-interface-body{grid-template-columns:1fr}.ai-interface-body>div{border-right:0;border-bottom:1px solid #343537}.ai-interface-body>div:last-child{border-bottom:0}.ai-upload-thumb,.ai-output-grid{height:220px}}
.ai-showcase{min-width:0}.ai-showcase>*{min-width:0}.ai-showcase .ai-section-label,.ai-showcase .ai-teaser-copy{width:100%;max-width:1100px}.ai-showcase-intro>*{min-width:0}.ai-showcase-intro .ai-product-lead{max-width:100%!important}.ai-capability-strip{width:100%;max-width:100%;min-width:0;contain:inline-size;overscroll-behavior-inline:contain}
.ai-showcase{padding-bottom:5rem}
.ai-showcase .ai-capability-strip{display:grid;grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;width:100%;margin:.85rem 0 0;overflow:hidden;scroll-snap-type:none;contain:none;background:var(--line);border:1px solid var(--line);scrollbar-width:none}
.ai-showcase .ai-capability-strip::-webkit-scrollbar{display:none}
.ai-showcase .ai-capability-strip article{min-width:0;min-height:138px;padding:.8rem .9rem;background:#111213}
.ai-showcase .ai-capability-strip h3{margin:.45rem 0 .35rem;font-size:.96rem;line-height:1.22;overflow-wrap:anywhere}
.ai-showcase .ai-capability-strip p{margin:0;font-size:.73rem;line-height:1.42}
.ai-showcase .ai-capability-strip span{font-size:.56rem}
.ai-showcase .ai-interface-demo{margin-top:2.5rem}
.ai-example-wide .ai-example-copy{display:flex;flex-direction:column;align-items:flex-start}
.ai-example-wide .ai-example-copy p+p{margin-top:1rem}
.ai-example-link{margin-top:2rem;padding-top:.35rem;color:#f1f1ef}
.ai-example-link b{color:var(--acid)}
.ai-example-video{display:block;width:100%;height:100%;min-height:260px;aspect-ratio:16/9;object-fit:cover;object-position:center;background:#090a0b}
.ai-example:last-child .ai-example-video{height:auto;min-height:0;aspect-ratio:11/20;object-position:center}
.brand-compare{position:relative;cursor:ew-resize}
.brand-compare:hover img{transform:none}
@media(max-width:900px){.ai-showcase .ai-capability-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-showcase .ai-capability-strip article{min-height:126px}}
@media(max-width:480px){.ai-showcase .ai-capability-strip{grid-template-columns:1fr}.ai-showcase .ai-capability-strip article{min-height:0}}

.hero-kicker{text-transform:none}
.calc-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.calc-form>.kicker{margin:1rem 0 1.35rem}.calc-form>.kicker:first-child{margin-top:0}@media(max-width:600px){.calc-input-grid{grid-template-columns:1fr}}
.field-help{position:relative;display:inline-grid;place-items:center;width:1rem;height:1rem;margin-left:.35rem;border:1px solid var(--muted);border-radius:50%;color:var(--paper);font-size:.66rem;line-height:1;cursor:help;vertical-align:middle}.field-help:after{content:attr(data-tooltip);position:absolute;z-index:10;left:calc(100% + .6rem);bottom:calc(100% - .35rem);width:15rem;padding:.65rem .75rem;background:var(--ink);border:1px solid var(--line);color:var(--paper);font-size:.72rem;font-weight:400;line-height:1.45;letter-spacing:0;text-transform:none;opacity:0;pointer-events:none;transform:translateY(.3rem);transition:opacity .18s ease,transform .18s ease}.field-help:hover:after,.field-help:focus:after{opacity:1;transform:translateY(0)}
.intro-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.5rem;margin-top:2.4rem;color:#777;font-size:.66rem;letter-spacing:.13em;text-transform:uppercase}.intro-stats span{min-width:0}
.project-feature:first-child .project-vertical{border-right:0;border-left:1px solid var(--line)}.project-feature:first-child .project-vertical:after{right:auto;left:-4px}
.dual-brand-showcase .project-feature.reverse .project-copy{justify-self:start;margin-left:0}
@media(min-width:901px){.dual-brand-showcase .project-feature.reverse .project-copy{transform:translateX(-4rem)}}
.featured{padding-bottom:10rem}.featured-footer{margin-top:4rem;padding-top:0;border-top:0}
@media(max-width:600px){.intro-stats{grid-template-columns:1fr;margin-top:2rem}}

/* Shared spacing scale — applied across homepage and inner pages */
:root{--section-space:clamp(5rem,8vw,8rem);--section-space-large:clamp(6rem,10vw,10rem);--layout-gap:clamp(2rem,5vw,5rem);--content-gap:clamp(1.5rem,3vw,3rem)}
.intro,.featured,.capabilities,.ai-teaser,.ai-showcase,.proof,.content-section,.portfolio-branch,.project-method,.category-projects,.dual-brand{padding-block:var(--section-space)}
.page-hero{padding-block:var(--section-space-large)}
.intro,.cap-grid,.ai-teaser,.price-teaser>.wrap,.content-grid,.article-layout,.contact-grid,.projects-intro-copy,.category-hero-copy,.project-method-intro,.design-intro,.dual-brand-head{gap:var(--layout-gap)}
.section-top,.category-projects-head{margin-bottom:var(--content-gap)}
.featured-footer{margin-top:var(--content-gap)}
.topic-break{margin-bottom:0}
.intro-rotator-nav{margin-bottom:0}
.dual-brand{background:#171819!important;box-shadow:0 0 0 100vmax #171819;clip-path:inset(0 -100vmax)}
.contact-rotating-title{min-height:2.08em;transition:opacity .35s ease,transform .35s ease}.contact-rotating-title.is-changing{opacity:0;transform:translateY(.25em)}
.dual-brand-showcase .project-feature.reverse .project-vertical{justify-content:flex-end}
.dual-brand-showcase .project-vertical h3 span{font-size:clamp(.88rem,1.3vw,1.12rem);line-height:1}
.dual-brand-showcase .project-feature:first-child .project-vertical h3 b{font-size:clamp(1.7rem,2.15vw,2.7rem);line-height:.9}
.animation-method{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,8vw,10rem);padding:0 0 var(--section-space)}.animation-method h2{margin:0}.animation-method>div:last-child{color:#a0a1a3;line-height:1.75}.animation-method>div:last-child p{margin:0 0 1rem}.animation-cover-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.animation-cover-card{position:relative;min-height:15rem;padding:0;border:0;overflow:hidden;background:#151617;color:var(--paper);text-align:left;cursor:pointer}.animation-cover-card img{display:block;width:100%;height:100%;min-height:15rem;object-fit:cover;transition:transform .55s ease}.animation-cover-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 25%,rgba(0,0,0,.84));pointer-events:none}.animation-cover-card span{position:absolute;z-index:1;inset:auto 0 0;padding:3rem 1.15rem 1.15rem}.animation-cover-card i,.animation-cover-card b,.animation-cover-card em{display:block}.animation-cover-card i{color:var(--acid);font-style:normal;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.animation-cover-card b{margin-top:.45rem;font:400 1.2rem 'Manrope',sans-serif;line-height:1.15}.animation-cover-card em{margin-top:.55rem;color:#ddd;font-size:.72rem;font-style:normal}.animation-cover-card:hover img{transform:scale(1.04)}.animation-dialog{width:min(1100px,calc(100% - 2rem));max-height:92vh;padding:clamp(1rem,3vw,2.4rem);border:1px solid #404144;background:#101112;color:var(--paper);overflow:auto}.animation-dialog::backdrop{background:rgba(0,0,0,.88);backdrop-filter:blur(5px)}.animation-dialog-close{float:right;padding:.65rem .9rem;border:0;background:var(--acid);color:#111;font-weight:700;cursor:pointer}.animation-dialog-content{clear:both}.animation-dialog-content video{display:block;width:100%;max-height:65vh;background:#000}.animation-dialog-copy{display:grid;grid-template-columns:.35fr 1fr;gap:2rem;padding-top:1.4rem}.animation-dialog-copy span{color:var(--acid);font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.animation-dialog-copy h2{margin:0;font-size:clamp(1.8rem,3vw,3.4rem)}.animation-dialog-copy p{grid-column:2;margin:0;color:#a3a4a6;line-height:1.65}.animation-dialog-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.8rem;padding-top:1rem;border-top:1px solid var(--line)}.animation-dialog-nav button{border:0;background:transparent;color:var(--paper);font-weight:700;cursor:pointer}.animation-dialog-nav button:hover{color:var(--acid)}.animation-current{margin:0;color:#999;font-size:.75rem}@media(max-width:850px){.animation-method{grid-template-columns:1fr}.animation-cover-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.animation-dialog-copy{grid-template-columns:1fr}.animation-dialog-copy p{grid-column:auto}}@media(max-width:560px){.animation-cover-grid{grid-template-columns:1fr}.animation-cover-card,.animation-cover-card img{min-height:18rem}}
@media(max-width:600px){:root{--section-space:4.5rem;--section-space-large:5.5rem;--layout-gap:1.5rem;--content-gap:1.5rem}}

/* Keep both dual-brand text columns flush with the top edge of their images. */
@media(min-width:901px){.dual-brand-showcase .brand-feature .project-copy{align-self:start;padding-top:0;padding-bottom:0}}

/* Projeler girişindeki ayırıcı çizgiden sonra, üst bölümle dengeli boşluk. */
.projects-categories{padding-top:var(--section-space)}
.projects-intro + .projects-categories{padding-top:clamp(7rem,10vw,10rem)!important}

/* Animasyonlar ilk yüklemede indirilmez; video yalnız seçilince açılır. */
.editorial-category video{width:100%;height:520px;object-fit:cover;background:#161718}
.modal-gallery-grid:has(.video-stage){display:block}.video-stage{margin-bottom:1.5rem;padding:1.5rem;border:1px solid var(--line);background:#151617}.video-stage p{margin:0 0 1rem;color:#a5a6a8}.video-player:empty{display:none}.video-player video{display:block;width:100%;max-height:70vh;background:#000}.animation-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.animation-list button{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border:0;background:#111213;color:#e8e8e2;text-align:left;cursor:pointer}.animation-list button:hover{background:#222426;color:var(--acid)}.animation-list button span{font-size:.72rem;font-weight:700;white-space:nowrap}
@media(max-width:800px){.editorial-category video{grid-column:1;grid-row:1;height:90vw;max-height:600px}.animation-list{grid-template-columns:1fr}}

/* Tam sayfa kategori galerileri. */
.category-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.category-card-grid figure{margin:0}.category-card-grid img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.category-card-grid figcaption{padding:.7rem 0;color:#a6a7a8;font-size:.78rem}.animation-viewer:empty{display:none}.animation-viewer{margin:0 0 2rem;padding:1rem;background:#111213;border:1px solid var(--line)}.animation-viewer video{display:block;width:100%;max-height:72vh;background:#000}.animation-page-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.animation-card{min-height:9rem;padding:1.4rem;border:0;background:#111213;color:#f0f0eb;text-align:left;cursor:pointer}.animation-card:hover{background:#212325}.animation-card span{display:block;color:var(--acid);font-size:.68rem;font-weight:700;letter-spacing:.13em}.animation-card b{display:block;margin-top:2rem;font:400 1.15rem 'Manrope',sans-serif}.animation-card i{display:block;margin-top:.8rem;color:#aaa;font-size:.75rem;font-style:normal}@media(max-width:850px){.category-card-grid,.animation-page-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.category-card-grid,.animation-page-list{grid-template-columns:1fr}}

/* Project categories: use the same vertical rule and end marker as the homepage cards. */
.editorial-category>strong{position:relative;justify-content:flex-start;padding-top:clamp(1.5rem,3vw,2rem);border-right-color:var(--line)}
.editorial-category>strong::after{content:"";position:absolute;right:-4px;bottom:1.25rem;width:7px;height:7px;border-radius:50%;background:var(--acid)}
.editorial-category.reverse>strong{border-right:0;border-left:1px solid var(--line)}
.editorial-category.reverse>strong::after{right:auto;left:-4px}
.editorial-compare{display:grid;grid-template-columns:1fr 1fr;height:520px;overflow:hidden;background:#171717}.editorial-compare>div{position:relative;min-width:0;overflow:hidden}.editorial-compare>div+div{border-left:2px solid #fff}.editorial-category .editorial-compare img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;filter:saturate(.82);transition:.6s ease}.editorial-category:hover .editorial-compare img{filter:saturate(1);transform:scale(1.025)}.editorial-compare span{position:absolute;top:1rem;left:1rem;color:#fff;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 5px #000}.editorial-compare>div:last-child span{left:auto;right:1rem}@media(max-width:800px){.editorial-category>.editorial-compare{grid-column:1;grid-row:1;height:90vw;max-height:600px}}
@media(max-width:800px){.editorial-category>strong{padding-top:1.15rem}.editorial-category>strong::after{bottom:.75rem}}

/* Portfolyo: eşit kutular yerine doğal yatay ve dikey görsel oranları. */
/* İç / dış mekân galerisi: görsele tıklanınca açılan inceleme kartı. */
/* Kart ekranı kaplamaz; yatay/dikey görsel kendi oranında ana sahnede görünür. */
.animation-horizontal-card{position:relative;grid-column:span 2;min-height:0;aspect-ratio:16/9;padding:0;border:0;overflow:hidden;background:#151617;color:var(--paper);text-align:left;cursor:pointer}.animation-horizontal-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.animation-horizontal-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(0,0,0,.88));pointer-events:none}.animation-horizontal-card span{position:absolute;z-index:1;inset:auto 0 0;padding:3rem 1.15rem 1.15rem}.animation-horizontal-card i,.animation-horizontal-card b,.animation-horizontal-card em{display:block}.animation-horizontal-card i{color:var(--acid);font-style:normal;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.animation-horizontal-card b{margin-top:.45rem;font:400 1.35rem 'Manrope',sans-serif;line-height:1.15}.animation-horizontal-card em{margin-top:.55rem;color:#ddd;font-size:.72rem;font-style:normal}.animation-horizontal-card:hover img{transform:scale(1.04)}
.animation-cover-grid{grid-auto-flow:row dense}
.horizontal-animation-dialog{width:min(1120px,calc(100% - 2rem));max-height:92vh;padding:clamp(1rem,3vw,2.4rem);border:1px solid #404144;background:#101112;color:var(--paper);overflow:auto}.horizontal-animation-dialog::backdrop{background:rgba(0,0,0,.88);backdrop-filter:blur(5px)}.horizontal-animation-close{float:right;padding:.65rem .9rem;border:0;background:var(--acid);color:#111;font-weight:700;cursor:pointer}.horizontal-animation-content{clear:both}.horizontal-animation-content video{display:block;width:100%;max-height:65vh;background:#000}.horizontal-animation-content>div{padding-top:1.4rem}.horizontal-animation-content span{color:var(--acid);font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.horizontal-animation-content h2{margin:.55rem 0;font-size:clamp(1.8rem,3vw,3.4rem)}.horizontal-animation-content p{margin:0;color:#a3a4a6;line-height:1.65}.horizontal-animation-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--line)}.horizontal-animation-nav button{border:0;background:transparent;color:var(--paper);font-weight:700;cursor:pointer}.horizontal-animation-nav button:hover{color:var(--acid)}.horizontal-animation-nav p{margin:0;color:#999;font-size:.75rem}
@media(max-width:850px){.animation-horizontal-card{grid-column:span 2}}@media(max-width:560px){.animation-horizontal-card{grid-column:auto}.animation-horizontal-card b{font-size:1.15rem}}
.image-gallery-dialog{width:min(1040px,calc(100vw - 2rem));max-height:calc(100vh - 2rem);padding:clamp(1rem,2vw,1.5rem);border-color:#383a3c;border-radius:0;background:#101112}
.image-gallery-content{display:grid;grid-template-columns:minmax(170px,.34fr) minmax(0,1fr);gap:clamp(1rem,2vw,2rem);align-items:stretch}.image-gallery-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(.5rem,2vw,1.5rem)}.image-gallery-copy span{color:var(--acid);font-size:.64rem;font-weight:700;letter-spacing:.13em}.image-gallery-copy b{margin-top:1rem;font-size:clamp(1.5rem,2.6vw,2.7rem);line-height:1.04}.image-gallery-copy p{margin:.8rem 0 0;color:#aaa;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}.image-gallery-copy small{margin-top:auto;padding-top:2rem;color:#777;line-height:1.5}.image-gallery-stage{display:grid;place-items:center;min-height:clamp(320px,55vh,600px);background:#070808;overflow:hidden}.image-gallery-stage img{width:100%;height:100%;max-height:55vh;object-fit:contain;background:#070808}.image-gallery-strip{grid-column:1/-1;display:flex;gap:.55rem;overflow-x:auto;padding-top:.25rem;scrollbar-width:thin}.image-gallery-strip button{flex:0 0 74px;height:58px;padding:0;border:1px solid #37393b;background:#18191a;overflow:hidden;cursor:pointer}.image-gallery-strip button.active{border-color:var(--acid);box-shadow:inset 0 0 0 1px var(--acid)}.image-gallery-strip img{display:block;width:100%;height:100%;object-fit:cover}.image-gallery-nav{margin-top:1rem}.image-gallery-nav button{padding:.45rem 0}
@media(max-width:650px){.image-gallery-content{grid-template-columns:1fr}.image-gallery-copy{padding:.4rem 0}.image-gallery-copy small{display:none}.image-gallery-stage{min-height:48vh}.image-gallery-stage img{max-height:48vh}.image-gallery-strip button{flex-basis:60px;height:48px}}

/* İç mekân test kartı: büyük ama sayfaya sığan, alt galeri şeritli sabit düzen. */
.image-gallery-dialog.interior-gallery-card{position:relative;width:min(1280px,calc(100vw - 3rem));height:min(820px,calc(100vh - 2rem));max-height:calc(100vh - 2rem);padding:1.25rem;border-color:#3a3c3e;border-radius:18px;overflow:hidden;background:#101112;box-shadow:0 28px 90px rgba(0,0,0,.6)}
.interior-gallery-card .image-gallery-content{height:100%;min-height:0;grid-template-columns:minmax(240px,.35fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr) 82px;gap:1.1rem 1.35rem}.interior-gallery-card .image-gallery-copy{min-height:0;padding:clamp(1.25rem,3vw,3rem);border:1px solid #282a2c;border-radius:12px;background:#0d0e0f}.interior-gallery-card .image-gallery-copy b{font-size:clamp(2rem,3.2vw,3.8rem)}.interior-gallery-card .image-gallery-stage{min-height:0;height:100%;border:1px solid #282a2c;border-radius:12px;background:#070808}.interior-gallery-card .image-gallery-stage img{max-height:100%;border-radius:11px}.interior-gallery-card .image-gallery-strip{grid-column:1/-1;gap:.75rem;min-height:0;padding:.2rem 0 0;border-top:1px solid var(--line)}.interior-gallery-card .image-gallery-strip button{flex:0 0 92px;height:68px;border-radius:8px}.interior-gallery-card .image-gallery-nav{position:absolute;z-index:3;inset:50% .6rem auto;transform:translateY(-50%);margin:0;padding:0;border:0;pointer-events:none}.interior-gallery-card .image-gallery-nav button{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid #424447;border-radius:50%;background:#101112e8;pointer-events:auto;font-size:0}.interior-gallery-card .image-gallery-nav button:before{font-size:1.15rem}.interior-gallery-card .image-gallery-prev:before{content:'←'}.interior-gallery-card .image-gallery-next:before{content:'→'}.interior-gallery-card .image-gallery-current{display:none}.interior-gallery-card .image-gallery-close{position:absolute;z-index:4;top:1.7rem;right:1.7rem;border-radius:7px}
@media(max-width:760px){.image-gallery-dialog.interior-gallery-card{width:calc(100vw - 1rem);height:calc(100vh - 1rem);padding:.75rem;border-radius:12px}.interior-gallery-card .image-gallery-content{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) 62px;gap:.75rem}.interior-gallery-card .image-gallery-copy{padding:.8rem 1rem}.interior-gallery-card .image-gallery-copy b{font-size:1.55rem}.interior-gallery-card .image-gallery-copy small{display:none}.interior-gallery-card .image-gallery-stage{grid-row:2}.interior-gallery-card .image-gallery-strip{grid-row:3}.interior-gallery-card .image-gallery-strip button{flex-basis:65px;height:52px}.interior-gallery-card .image-gallery-close{top:1.15rem;right:1.15rem}.interior-gallery-card .image-gallery-nav{inset:55% .5rem auto}}
/* İç mekân inceleme kartı: fotoğraf çerçevenin içinde tam alanı kullanır. */
.image-gallery-dialog.interior-gallery-card.interior-full-image-card{width:var(--interior-card-width,min(1180px,calc(100vw - 3rem)));height:var(--interior-card-height,min(780px,calc(100vh - 2rem)));max-width:calc(100vw - 3rem);max-height:calc(100vh - 2rem);padding:3px;border:0;border-radius:18px;overflow:visible;background:#2a2e31;box-shadow:0 28px 90px rgba(0,0,0,.6)}.interior-full-image-card .image-gallery-content{display:block;height:100%;min-height:0}.interior-full-image-card .interior-full-image{position:relative;width:100%;height:100%;overflow:hidden;border:1px solid #454b4f;border-radius:15px;background:#171a1c;display:flex;align-items:center;justify-content:center}.interior-full-image-card .interior-full-image>img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;background:#171a1c}.interior-full-image-card .interior-image-info{position:absolute;left:clamp(.75rem,2vw,1.25rem);bottom:clamp(.75rem,2vw,1.25rem);max-width:min(340px,calc(100% - 1.5rem));padding:.5rem .85rem;border-radius:8px;background:rgba(14,16,18,.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:#fff}.interior-full-image-card .interior-image-info span,.interior-full-image-card .interior-image-info small{display:block;color:var(--acid,#ff5a1f);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase}.interior-full-image-card .interior-image-info b{display:block;margin:.14rem 0 .22rem;font-size:clamp(.85rem,1.25vw,1.05rem);font-weight:600;color:#f1f0eb}.interior-full-image-card .image-gallery-nav{position:fixed;z-index:120;top:50vh;right:max(.75rem,calc((100vw - 1500px)/2 - 1rem));left:max(.75rem,calc((100vw - 1500px)/2 - 1rem));transform:translateY(-50%);display:flex;justify-content:space-between;margin:0;padding:0;border:0;pointer-events:none}.interior-full-image-card .image-gallery-nav button{pointer-events:auto;background:#202427ed;border-color:#555c61;color:#fff}.interior-full-image-card .image-gallery-close{display:flex!important;align-items:center;justify-content:center;position:absolute;top:10px;right:10px;z-index:150;width:26px;height:26px;min-width:26px;min-height:26px;border-radius:50%;background:rgba(14,16,18,.65);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.85);cursor:pointer;line-height:1;padding:0;box-shadow:0 2px 8px rgba(0,0,0,.4);transition:all .2s ease}.interior-full-image-card .image-gallery-close svg{display:block;width:11px;height:11px;stroke:currentColor;stroke-width:2.2}.interior-full-image-card .image-gallery-close:hover{background:rgba(255,255,255,.2);color:#fff;border-color:rgba(255,255,255,.35)}.interior-full-image-card .image-gallery-current{display:none}
@media(max-width:900px), (pointer: coarse) and (max-width:1024px){
  .image-gallery-dialog.interior-gallery-card.interior-full-image-card{width:calc(100vw - 1rem)!important;height:min(86vh,760px)!important;max-width:calc(100vw - 1rem)!important;max-height:calc(100vh - 1.5rem)!important;padding:4px!important;border:1px solid #3d4348!important;border-radius:14px!important;position:fixed!important;inset:0!important;margin:auto!important;overflow:hidden!important;background:#1c2023!important;box-shadow:0 24px 80px rgba(0,0,0,.85)!important}
  .interior-full-image-card .image-gallery-content{display:block!important;width:100%!important;height:100%!important}
  .interior-full-image-card .interior-full-image{width:100%!important;height:100%!important;border-radius:11px!important;overflow:hidden!important;position:relative!important;border:1px solid #2e3439!important;background:#0d0f11!important;display:flex!important;align-items:center!important;justify-content:center!important}
  .interior-full-image-card .interior-full-image>img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;display:block!important;background:transparent!important}
  .interior-full-image-card .interior-image-info{display:none!important}
  .interior-full-image-card .image-gallery-nav,
  .interior-gallery-card .image-gallery-nav,
  .image-gallery-nav{display:none!important}
  .interior-full-image-card .image-gallery-close{display:flex!important;position:absolute!important;top:10px!important;right:10px!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border-radius:50%!important;background:rgba(14,16,18,.85)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid rgba(255,255,255,.25)!important;color:#fff!important;padding:0!important;z-index:200!important}
  .interior-full-image-card .image-gallery-close svg{width:14px!important;height:14px!important}
}
.category-card-grid figure[role=button]{cursor:zoom-in}
.image-gallery-dialog{width:min(1100px,calc(100% - 2rem));max-height:92vh;padding:clamp(1rem,3vw,2.4rem);border:1px solid #404144;background:#101112;color:var(--paper);overflow:auto}
.image-gallery-dialog::backdrop{background:rgba(0,0,0,.88);backdrop-filter:blur(5px)}
.image-gallery-close{float:right;padding:.65rem .9rem;border:0;background:var(--acid);color:#111;font-weight:700;cursor:pointer}
.image-gallery-content{clear:both}.image-gallery-content img{display:block;width:100%;max-height:68vh;object-fit:contain;background:#000}
.image-gallery-content>div{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0 0}.image-gallery-content b{font:400 clamp(1.2rem,2vw,2rem) 'Manrope',sans-serif}.image-gallery-content span{align-self:end;color:#aaa;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}
.image-gallery-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.3rem;padding-top:1rem;border-top:1px solid var(--line)}.image-gallery-nav button{border:0;background:transparent;color:var(--paper);font-weight:700;cursor:pointer}.image-gallery-nav button:hover{color:var(--acid)}.image-gallery-current{margin:0;color:#999;font-size:.75rem}
@media(max-width:600px){.image-gallery-content>div{display:block}.image-gallery-content span{display:block;margin-top:.35rem}.image-gallery-nav button{font-size:.75rem}}
.category-card-grid{display:block;column-count:3;column-gap:1rem}.category-card-grid figure{position:relative;display:inline-block;width:100%;margin:0 0 1rem;break-inside:avoid;overflow:hidden;background:#151617}.category-card-grid img{display:block;width:100%;height:auto;aspect-ratio:auto;transition:transform .6s ease}.category-card-grid figure:hover img{transform:scale(1.025)}.category-card-grid figcaption{position:absolute;inset:auto 0 0;padding:3rem 1.1rem 1rem;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.82));font-size:.8rem;pointer-events:none}.category-card-grid figcaption b,.category-card-grid figcaption span{display:block}.category-card-grid figcaption b{font:400 1.05rem 'Manrope',sans-serif}.category-card-grid figcaption span{margin-top:.25rem;color:#ddd;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase}@media(max-width:850px){.category-card-grid{column-count:2}}@media(max-width:600px){.category-card-grid{column-count:1}}
/* İç mekân galerisi: her görsel ayrı, iki tonlu ve ince konturlu bir kartta. */
.interior-project-page .category-card-grid{column-gap:1.45rem}.interior-project-page .category-card-grid figure{margin-bottom:1.45rem;padding:5px;border:1px solid #555d62;border-radius:9px;background:#2b3034;box-shadow:0 12px 28px rgba(0,0,0,.16)}.interior-project-page .category-card-grid figure:nth-child(even){border-color:#3d484e;background:#1b2226}.interior-project-page .category-card-grid figure:after{content:'';position:absolute;inset:2px;border:1px solid rgba(255,255,255,.08);border-radius:6px;pointer-events:none}.interior-project-page .category-card-grid img{border-radius:5px}.interior-project-page .category-card-grid figcaption{right:5px;bottom:5px;left:5px;border-radius:0 0 5px 5px}.interior-project-page .category-card-grid figure:hover{border-color:#f15a24;box-shadow:0 14px 35px rgba(0,0,0,.28)}
/* Açık görsel kartında da çerçeve payı dört tarafta aynı kalır. */
.image-gallery-dialog.interior-gallery-card.interior-full-image-card{padding:5px}.interior-full-image-card .interior-full-image{width:100%;height:100%}@media(max-width:760px){.image-gallery-dialog.interior-gallery-card.interior-full-image-card{padding:4px}}
/* Ortak medya dili: içerik görselleri ve videolar iki tonlu, eşit aralıklı kontur taşır. */
:is(.shot,.page-image,.ai-teaser-img,.project-carousel,.editorial-compare,.video-stage,.animation-viewer,.image-gallery-stage){outline:3px solid #252a2d;outline-offset:3px;border:1px solid #596167;border-radius:3px;background:#1a1f22}:is(.shot,.page-image,.ai-teaser-img,.project-carousel,.editorial-compare,.video-stage,.animation-viewer,.image-gallery-stage) img,:is(.shot,.page-image,.ai-teaser-img,.project-carousel,.editorial-compare,.video-stage,.animation-viewer,.image-gallery-stage) video{border-radius:2px}.editorial-category>img,.editorial-category>video{outline:3px solid #252a2d;outline-offset:3px;border:1px solid #596167;border-radius:3px;background:#1a1f22}.editorial-category.reverse>img,.editorial-category.reverse>video{outline-color:#1a1f22;border-color:#465157}body:not(.interior-project-page) .category-card-grid figure{outline:3px solid #252a2d;outline-offset:3px;border:1px solid #596167;border-radius:3px}.category-card-grid{column-gap:1.35rem}.category-card-grid figure{margin-bottom:1.35rem}
/* Genel kartlarda kontur ile görsel arasındaki gerçek, eşit iç boşluk. */
:is(.shot,.page-image,.ai-teaser-img,.project-carousel,.editorial-compare,.animation-viewer,.image-gallery-stage){padding:4px;background:#2b3034}.editorial-category>img,.editorial-category>video{padding:4px;background:#2b3034}.editorial-category.reverse>img,.editorial-category.reverse>video{background:#1b2226}body:not(.interior-project-page) .category-card-grid figure{padding:4px;background:#2b3034}body:not(.interior-project-page) .category-card-grid figure:nth-child(even){background:#1b2226;border-color:#465157}.video-stage{padding:calc(1.5rem + 4px);background:#2b3034}
/* Ana sayfa portföy, stüdyo ve AI örnekleri de aynı medya kartı görünümünü kullanır. */
.gallery-item,.project-visual,.ai-example{outline:3px solid #252a2d;outline-offset:3px;border:1px solid #596167;border-radius:3px;background:#2b3034}.gallery-item,.project-visual{padding:4px}.gallery-item:nth-child(even),.ai-example:nth-child(even){background:#1b2226;border-color:#465157}.gallery-item img,.project-visual img,.ai-example img,.ai-example video{border-radius:2px}.ai-example{padding:4px}.ai-example>div:last-child{margin:0;background:#101112}
.service-process{margin-top:clamp(4rem,8vw,8rem)}.service-row-link{color:inherit;text-decoration:none;transition:padding .25s ease,background .25s ease}.service-row-link:hover{padding-inline:1rem;background:#1a1f22}.service-row-link:hover h3{color:var(--acid)}
.service-process-top{width:var(--wrap);margin:0 auto clamp(5rem,9vw,10rem)}
/* Tüm animasyon kartları ve oynatıcıları, görsel galerilerle aynı iki tonlu çerçeve dilini kullanır. */
.animation-cover-grid{gap:1.45rem}.animation-cover-card,.animation-horizontal-card{padding:5px!important;border:1px solid #596167!important;border-radius:9px!important;outline:3px solid #252a2d;outline-offset:3px;background:#2b3034!important}.animation-cover-card:nth-child(even),.animation-horizontal-card:nth-child(even){background:#1b2226!important;border-color:#465157!important}.animation-cover-card img,.animation-horizontal-card img{border-radius:5px}.animation-dialog{width:min(480px,calc(100vw - 3rem));height:min(88vh,860px);max-height:calc(100vh - 2rem);padding:5px;border:0;border-radius:18px;overflow:visible;background:#2b3034}.horizontal-animation-dialog{width:min(1180px,calc(100vw - 4rem));height:auto;aspect-ratio:16/9;max-height:calc(100vh - 2rem);padding:5px;border:0;border-radius:18px;overflow:visible;background:#2b3034}.animation-dialog-close,.horizontal-animation-close{display:flex!important;align-items:center;justify-content:center;position:absolute;top:10px;right:10px;z-index:150;width:26px;height:26px;min-width:26px;min-height:26px;border-radius:50%;background:rgba(14,16,18,.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#fff;cursor:pointer;padding:0;line-height:1;box-shadow:0 2px 8px rgba(0,0,0,.5);transition:all .2s ease}.animation-dialog-close:hover,.horizontal-animation-close:hover{background:rgba(255,255,255,.25);border-color:rgba(255,255,255,.4)}.animation-dialog-close svg,.horizontal-animation-close svg{width:11px;height:11px;stroke:currentColor;stroke-width:2.2}.animation-dialog-content,.horizontal-animation-content{height:100%;clear:none;position:relative;overflow:hidden;border:1px solid #596167;border-radius:14px;background:#1b2226}.animation-dialog-content video,.horizontal-animation-content video{width:100%;height:100%;max-height:none;object-fit:contain;background:#1b2226}.animation-dialog-copy,.horizontal-animation-content>div{position:absolute!important;top:10px!important;left:10px!important;bottom:auto!important;max-width:calc(100% - 50px)!important;padding:.35rem .65rem!important;border-radius:7px!important;background:rgba(14,16,18,.82)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important;text-shadow:none!important;pointer-events:none!important;z-index:20!important}.animation-dialog-copy span,.horizontal-animation-content>div span{display:block!important;color:var(--acid,#ff5a1f)!important;font-size:.62rem!important;letter-spacing:.08em!important;text-transform:uppercase!important}.animation-dialog-copy h2,.horizontal-animation-content>div h2{margin:.08rem 0 0!important;font-size:.85rem!important;font-weight:600!important;color:#f1f0eb!important}.animation-dialog-copy p,.horizontal-animation-content p{display:none!important}.animation-dialog-nav,.horizontal-animation-nav{position:fixed;z-index:8;top:50vh;right:1rem;left:1rem;transform:translateY(-50%);margin:0;padding:0;border:0;pointer-events:none}.animation-dialog-nav button,.horizontal-animation-nav button{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid #596167;border-radius:50%;background:#202427ed;pointer-events:auto;font-size:0}.animation-dialog-nav button:first-child:before,.horizontal-animation-nav button:first-child:before{content:'←';font-size:1.15rem}.animation-dialog-nav button:last-child:before,.horizontal-animation-nav button:last-child:before{content:'→';font-size:1.15rem}.animation-current,.horizontal-animation-nav p{display:none}

/* Dış mekân seçkisi de iç mekânla aynı: eşit boşluklu, iki tonlu ayrı kartlar. */
body:not(.interior-project-page) .category-card-grid{column-gap:1.45rem}
body:not(.interior-project-page) .category-card-grid figure{position:relative;display:inline-block;width:100%;margin-bottom:1.45rem;padding:5px;break-inside:avoid;border:1px solid #555d62;border-radius:9px;outline:3px solid #252a2d;outline-offset:3px;background:#2b3034;box-shadow:0 12px 28px rgba(0,0,0,.16)}
body:not(.interior-project-page) .category-card-grid figure:nth-child(even){border-color:#3d484e;background:#1b2226}
body:not(.interior-project-page) .category-card-grid figure:after{content:'';position:absolute;inset:2px;border:1px solid rgba(255,255,255,.08);border-radius:6px;pointer-events:none}
body:not(.interior-project-page) .category-card-grid img{display:block;border-radius:5px}
body:not(.interior-project-page) .category-card-grid figcaption{right:5px;bottom:5px;left:5px;border-radius:0 0 5px 5px}
body:not(.interior-project-page) .category-card-grid figure:hover{border-color:#f15a24;box-shadow:0 14px 35px rgba(0,0,0,.28)}

/* Tarayıcının varsayılan dialog konumu yerine kart her zaman ekranın tam ortasında kalır. */
.image-gallery-dialog.interior-gallery-card.interior-full-image-card[open],
.animation-dialog[open],
.horizontal-animation-dialog[open]{position:fixed!important;inset:0!important;margin:auto!important;transform:none!important}

/* Ortak yön tuşu: bütün görsel ve video pencerelerinde ok, dairenin geometrik merkezindedir. */
.image-gallery-nav button,
.animation-dialog-nav button,
.horizontal-animation-nav button,
.interior-full-image-card .image-gallery-nav button,
.carousel-nav {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  overflow: hidden !important;
  cursor: pointer !important;
}
.image-gallery-nav button::before,
.animation-dialog-nav button::before,
.horizontal-animation-nav button::before,
.interior-full-image-card .image-gallery-nav button::before,
.carousel-nav::before {
  content: '' !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 22px !important;
  height: 22px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
  transition: opacity .18s ease !important;
}
.image-gallery-prev::before,
.animation-prev::before,
.horizontal-animation-prev::before,
.interior-full-image-card .image-gallery-prev::before,
.carousel-nav.prev::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='19' y1='12' x2='5' y2='12'%3E%3C/line%3E%3Cpolyline points='12 19 5 12 12 5'%3E%3C/polyline%3E%3C/svg%3E") !important;
}
.image-gallery-next::before,
.animation-next::before,
.horizontal-animation-next::before,
.interior-full-image-card .image-gallery-next::before,
.carousel-nav.next::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E") !important;
}
.image-gallery-prev:hover::before,
.animation-prev:hover::before,
.horizontal-animation-prev:hover::before,
.interior-full-image-card .image-gallery-prev:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f05a24' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='19' y1='12' x2='5' y2='12'%3E%3C/line%3E%3Cpolyline points='12 19 5 12 12 5'%3E%3C/polyline%3E%3C/svg%3E") !important;
}
.image-gallery-next:hover::before,
.animation-next:hover::before,
.horizontal-animation-next:hover::before,
.interior-full-image-card .image-gallery-next:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23f05a24' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3Cpolyline points='12 5 19 12 12 19'%3E%3C/polyline%3E%3C/svg%3E") !important;
}


/* Marka adı nerede görünürse görünsün aynı yazım ve vurgu ile kullanılır. */
.render-studio-word,.logo .brand-name,.logo .brand-name strong{color:var(--acid)!important;text-transform:none}

/* Projeler alt menüsü doğrudan ana bağlantının altında açılır; arka plan kutusu yoktur. */
.project-nav-menu{position:relative;display:inline-flex;align-items:center;height:100%}
.project-nav-row{display:inline-flex;align-items:center;height:100%}
.project-nav-row > a, .project-nav-menu > a{position:relative;z-index:160!important;cursor:pointer}
.project-nav-arrow{display:none!important}
.project-nav-toggle{display:none!important}
.project-nav-dropdown{position:absolute;z-index:150!important;top:100%;left:0;width:max-content;min-width:18rem;padding:.4rem 0 .75rem;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.project-nav-dropdown::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}
.project-nav-menu:hover .project-nav-dropdown,.project-nav-menu:focus-within .project-nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.project-nav-dropdown a{display:flex!important;align-items:center;gap:1.5rem;padding:.55rem 0!important;border:0!important;border-radius:0!important;color:#fff!important;font-size:.84rem!important;font-weight:400!important;line-height:1.2;white-space:nowrap;background:transparent!important;text-shadow:0 2px 6px rgba(0,0,0,.85);transition:color .15s ease}
.project-nav-dropdown a:hover,.project-nav-dropdown a:focus-visible{background:transparent!important;color:var(--acid)!important;outline:none}
.project-nav-dropdown a.active{color:var(--acid)!important}
.project-nav-dropdown a span{display:inline-block;width:1.4rem;min-width:1.4rem;color:var(--acid)!important;font-size:.72rem!important;font-weight:600;letter-spacing:.08em;text-shadow:0 2px 6px rgba(0,0,0,.85)}
/* Mobile project-nav dropdown is handled in header responsive block */

/* Bütün galerilerde ekranın sağına ve soluna sabitlenen yön okları (resim oranından ve ölçüsünden tamamen bağımsız) */
.interior-full-image-card .image-gallery-nav,
.animation-dialog-nav,
.horizontal-animation-nav{position:fixed!important;z-index:99999!important;top:50vh!important;left:0!important;right:0!important;width:100vw!important;height:0!important;margin:0!important;padding:0 2.5rem!important;box-sizing:border-box!important;transform:translateY(-50%)!important;display:flex!important;justify-content:space-between!important;align-items:center!important;pointer-events:none!important}
.interior-full-image-card .image-gallery-nav button,
.animation-dialog-nav button,
.horizontal-animation-nav button{pointer-events:auto!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important;border-radius:50%!important;background:rgba(22,25,27,.9)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;border:1px solid rgba(255,255,255,.22)!important;color:#fff!important;font-size:0!important;cursor:pointer!important;box-shadow:0 6px 24px rgba(0,0,0,.55)!important;transition:transform .18s ease,background .18s ease,border-color .18s ease!important}
.interior-full-image-card .image-gallery-nav button:hover,
.animation-dialog-nav button:hover,
.horizontal-animation-nav button:hover{background:#111!important;border-color:var(--acid)!important;color:var(--acid)!important;transform:scale(1.1)!important}
@media(max-width:900px), (pointer: coarse) and (max-width:1024px){
  .image-gallery-dialog.interior-gallery-card.interior-full-image-card,
  .animation-dialog,
  .horizontal-animation-dialog{max-width:calc(100vw - 1rem)!important;max-height:calc(100vh - 1.5rem)!important}
  .interior-full-image-card .image-gallery-nav,
  .animation-dialog-nav,
  .horizontal-animation-nav{display:none!important}
  .interior-full-image-card .image-gallery-nav button,
  .animation-dialog-nav button,
  .horizontal-animation-nav button{display:none!important}
}

/* Portföy akışında görseller arasına yerleşen hizmete özel bilgi kartları. */
.gallery-info-card{display:inline-flex;flex-direction:column;justify-content:space-between;width:100%;min-height:17rem;margin:0 0 1.45rem;padding:clamp(1.25rem,2vw,2rem);break-inside:avoid;border:1px solid #596167;border-radius:9px;outline:3px solid #252a2d;outline-offset:3px;background:#2b3034;color:#f3f0ea;box-shadow:0 12px 28px rgba(0,0,0,.16)}
.gallery-info-card:nth-of-type(even){background:#1b2226;border-color:#465157}
.gallery-info-card .gallery-info-index{color:var(--acid);font-size:.64rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.gallery-info-card h3{max-width:14ch;margin:1.2rem 0 .9rem;font:400 clamp(1.7rem,2.5vw,2.65rem)/1.02 'Manrope',sans-serif}
.gallery-info-card p{max-width:38ch;margin:0;color:#b7b9ba;font-size:.86rem;line-height:1.7}
.gallery-info-card small{margin-top:1.5rem;color:#e2e1dd;font-size:.66rem;letter-spacing:.11em;text-transform:uppercase}
.animation-cover-grid .gallery-info-card{min-height:15rem;margin:0;padding:1.4rem;outline-offset:3px}
.animation-cover-grid .gallery-info-card h3{font-size:clamp(1.4rem,2vw,2rem)}

/* Tüm sayfalarda sağ üstte sabit, sade dil seçici. */
.language-switcher{position:absolute;right:max(2rem,calc((100% - 1440px)/2));top:50%;z-index:8;display:flex;align-items:center;gap:.28rem;transform:translateY(-50%);font-size:.7rem;font-weight:700;letter-spacing:.08em}
@media(min-width:901px){.header nav{margin-right:4.5rem}.language-switcher{right:max(2rem,calc((100% - 1440px)/2))}}
.language-switcher button{appearance:none;border:0;padding:.25rem .14rem;background:transparent;color:#8e9395;font:inherit;cursor:pointer;transition:color .18s ease}
.language-switcher button:hover,.language-switcher button:focus-visible,.language-switcher button.active{color:var(--acid);outline:0}
.language-switcher span{color:#596167}
/* Mobile language-switcher positioning handled in responsive header flex layout */

/* Üst bar her sayfada kaydırmadan bağımsız görünür kalır. Ana sayfada hero görseli barın arkasında görünür; kaydırınca ve alt sayfalarda koyu zemin alır. */
.header,.header.solid{position:fixed!important;top:0!important;right:0!important;left:0!important;width:100%!important;height:5rem!important;z-index:100!important;box-sizing:border-box!important}
.header{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid rgba(255,255,255,.18)}
.header.solid{background:rgba(10,10,10,.94)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border-bottom:1px solid rgba(255,255,255,.12)!important}
.header.is-scrolled,.header.solid.is-scrolled{background:rgba(10,10,11,.85)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;border-bottom:1px solid rgba(255,255,255,.12)!important;box-shadow:0 8px 28px rgba(0,0,0,.2)!important}

/* Ortak ana logo ve ikon: guclu, okunakli ve dengeli mimari marka olcegi. */
.header .brand-logo-frame, .brand-logo-frame {
  width: auto !important;
  height: 3.5rem !important;
  max-height: 3.5rem !important;
  max-width: 18rem !important;
  aspect-ratio: 1732 / 478 !important;
  overflow: visible !important;
  display: flex !important;
  align-items: center !important;
  flex-shrink: 0 !important;
}
.header .logo .brand-logo, .logo .brand-logo {
  position: static !important;
  display: block !important;
  width: auto !important;
  height: 3.5rem !important;
  max-height: 3.5rem !important;
  object-fit: contain !important;
  object-position: left center !important;
  aspect-ratio: 1732 / 478 !important;
}
.footer .brand-logo-frame {
  width: auto !important;
  height: 3.4rem !important;
  max-height: 3.4rem !important;
  max-width: 16rem !important;
  aspect-ratio: 1732 / 478 !important;
  display: flex !important;
  align-items: center !important;
}
.footer .logo .brand-logo {
  width: auto !important;
  height: 3.4rem !important;
  max-height: 3.4rem !important;
  object-fit: contain !important;
  aspect-ratio: 1732 / 478 !important;
}
.footer .logo .brand-mark, .footer-brand .brand-mark, .footer .brand-mark {
  width: 3.8rem !important;
  height: 3.8rem !important;
  min-width: 3.8rem !important;
  min-height: 3.8rem !important;
  object-fit: contain !important;
}
.footer .logo .brand-name, .footer-brand .brand-name {
  font-size: 1.65rem !important;
  line-height: 1.15 !important;
}
.footer .logo .brand-name strong, .footer-brand .brand-name strong {
  font-size: 1.65rem !important;
}
@media(max-width:760px){
  .header .brand-logo-frame, .brand-logo-frame {
    height: 2.5rem !important;
    max-height: 2.5rem !important;
    width: auto !important;
    aspect-ratio: 1732 / 478 !important;
  }
  .header .logo .brand-logo, .logo .brand-logo {
    height: 2.5rem !important;
    max-height: 2.5rem !important;
    width: auto !important;
    aspect-ratio: 1732 / 478 !important;
  }
  .footer .brand-logo-frame {
    height: 2.6rem !important;
  }
  .footer .logo .brand-logo {
    height: 2.6rem !important;
    max-height: 2.6rem !important;
  }
  .footer .logo .brand-mark, .footer-brand .brand-mark, .footer .brand-mark {
    width: 3.2rem !important;
    height: 3.2rem !important;
    min-width: 3.2rem !important;
    min-height: 3.2rem !important;
  }
}

/* Stüdyo: teslim süreci, kurucu notu ve erişilebilir hero kontrolleri. */

/* Açılan tüm görsel ve videolarda yön tuşları medya alanına hiç girmez.
   Kartın genişliği her zaman iki sabit yön tuşu için yanlarda boşluk bırakır. */
:root{--opened-media-width:min(1500px,calc(100vw - 10rem));--opened-media-arrow:clamp(.75rem,calc((100vw - var(--opened-media-width))/2 - 3.5rem),4rem)}
.image-gallery-dialog[open]{max-width:var(--opened-media-width)!important}
.animation-dialog[open]{width:min(480px,calc(100vw - 2rem))!important;max-width:min(480px,calc(100vw - 2rem))!important}
.horizontal-animation-dialog[open]{width:min(1180px,calc(100vw - 4rem))!important;max-width:min(1180px,calc(100vw - 4rem))!important}
.image-gallery-dialog .image-gallery-nav,.animation-dialog .animation-dialog-nav,.horizontal-animation-dialog .horizontal-animation-nav,.interior-full-image-card .image-gallery-nav{position:fixed!important;z-index:120!important;top:50vh!important;right:var(--opened-media-arrow)!important;bottom:auto!important;left:var(--opened-media-arrow)!important;width:auto!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:space-between!important;transform:translateY(-50%)!important;pointer-events:none!important}
.image-gallery-dialog .image-gallery-nav button,.animation-dialog .animation-dialog-nav button,.horizontal-animation-dialog .horizontal-animation-nav button{display:flex!important;align-items:center!important;justify-content:center!important;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;padding:0!important;border:1px solid #596167!important;border-radius:50%!important;background:#202427ed!important;line-height:1!important;pointer-events:auto!important}
@media(max-width:760px){:root{--opened-media-width:calc(100vw - 6rem);--opened-media-arrow:.6rem}.image-gallery-dialog .image-gallery-nav button,.animation-dialog .animation-dialog-nav button,.horizontal-animation-dialog .horizontal-animation-nav button{width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important}
.horizontal-animation-dialog[open]{width:calc(100vw - 1.2rem)!important;max-width:calc(100vw - 1.2rem)!important;height:auto!important;aspect-ratio:16/9!important;max-height:60vh!important;padding:4px!important;border-radius:14px!important;inset:0!important;margin:auto!important;position:fixed!important}
.animation-dialog[open]{width:min(340px,calc(100vw - 1.2rem))!important;max-width:calc(100vw - 1.2rem)!important;height:min(72vh,560px)!important;padding:4px!important;border-radius:14px!important;inset:0!important;margin:auto!important;position:fixed!important}
.horizontal-animation-dialog .horizontal-animation-close,.animation-dialog .animation-dialog-close{top:8px!important;right:8px!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important}
.horizontal-animation-dialog .horizontal-animation-close svg,.animation-dialog .animation-dialog-close svg{width:10px!important;height:10px!important}}
.studio-workflow .section-top{align-items:end}.studio-workflow-lead{max-width:420px;margin:0;color:#a8aaac;line-height:1.75}.studio-workflow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:3rem 0 0;padding:0;list-style:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.studio-workflow-grid li{min-height:19rem;padding:2rem 1.5rem;border-right:1px solid var(--line)}.studio-workflow-grid li:last-child{border-right:0}.studio-workflow-grid span{color:var(--acid);font-size:.68rem;font-weight:700;letter-spacing:.14em}.studio-workflow-grid h3{margin:3.2rem 0 1rem;font-size:clamp(1.35rem,1.8vw,2rem)}.studio-workflow-grid p{margin:0;color:#929598;font-size:.88rem;line-height:1.7}.studio-founder{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(3rem,9vw,10rem);align-items:end}.studio-founder-copy{max-width:740px}.studio-founder-copy h2{margin-bottom:2rem}.studio-founder-copy .big{max-width:620px;color:#e5e3de;font-size:clamp(1.2rem,1.8vw,1.55rem);line-height:1.55}.studio-founder-copy>p:not(.big):not(.kicker):not(.studio-signature){max-width:620px;color:#9ea0a2}.studio-signature{display:flex;flex-direction:column;margin:2.8rem 0 0;color:var(--paper);font:400 1.25rem 'Manrope',sans-serif}.studio-signature span{margin-top:.25rem;color:var(--acid);font:600 .67rem 'DM Sans',sans-serif;letter-spacing:.14em;text-transform:uppercase}.studio-founder-note{min-height:22rem;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #566067;outline:3px solid #24292d;outline-offset:3px;border-radius:9px;background:#252b2f}.studio-founder-note span,.studio-founder-note small{color:#b6b8b9;font-size:.65rem;letter-spacing:.13em;text-transform:uppercase}.studio-founder-note b{font:300 clamp(2rem,3.2vw,3.4rem)/1.03 'Manrope',sans-serif;color:#f4f1ec}.studio-hero-dots{gap:0}.studio-hero-dots button{position:relative;width:44px!important;height:44px!important;padding:0!important;border:0!important;background:transparent!important;display:grid!important;place-items:center}.studio-hero-dots button::after{content:"";width:7px;height:7px;border-radius:50%;background:#ffffff88;transition:.25s}.studio-hero-dots button.active::after{width:1.8rem;border-radius:1rem;background:var(--acid)}.studio-hero-dots button:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.references-grid figure{padding:1.6rem}.references-grid figure:nth-child(3n) img{max-width:76%;max-height:72px}.references-grid figure:nth-child(4n) img{max-width:84%;max-height:66px}.references-grid figure:nth-child(5n) img{max-width:72%;max-height:76px}@media(max-width:900px){.studio-workflow-grid{grid-template-columns:1fr 1fr}.studio-workflow-grid li:nth-child(2){border-right:0}.studio-workflow-grid li{min-height:0;border-bottom:1px solid var(--line)}.studio-workflow-grid li:nth-child(n+3){border-bottom:0}.studio-founder{grid-template-columns:1fr}.studio-founder-note{min-height:16rem;max-width:620px}.studio-workflow .section-top{display:block}.studio-workflow-lead{margin-top:1.5rem}}@media(max-width:600px){.studio-workflow-grid{grid-template-columns:1fr}.studio-workflow-grid li,.studio-workflow-grid li:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.studio-workflow-grid li:last-child{border-bottom:0}.studio-workflow-grid h3{margin:2rem 0 .8rem}.studio-founder{gap:3rem}.references-grid figure{padding:1rem}.references-grid figure:nth-child(n) img{max-width:82%;max-height:60px}}

/* Proje Kapak Modeli Rozeti ve Kart Yapısı */
.category-card-grid .project-cover-card{position:relative;display:flex;flex-direction:column;cursor:pointer;border-radius:12px;overflow:hidden;background:#15181a;border:1px solid #33383c;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.category-card-grid .project-cover-card:hover{transform:translateY(-3px);border-color:#5c646b;box-shadow:0 18px 40px rgba(0,0,0,.5)}
.category-card-grid .project-cover-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .4s ease}
.category-card-grid .project-cover-card:hover img{transform:scale(1.025)}
.category-card-grid .project-cover-card .project-album-badge{position:absolute;top:.85rem;right:.85rem;display:inline-flex;align-items:center;gap:.35rem;padding:.32rem .65rem;background:rgba(18,21,24,.88);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);border-radius:999px;color:#f1f0eb;font-size:.68rem;font-weight:600;letter-spacing:.04em;z-index:3;pointer-events:none;box-shadow:0 4px 14px rgba(0,0,0,.4);transition:all .22s ease}
.category-card-grid .project-cover-card .project-album-badge svg{width:12px;height:12px;color:var(--acid);flex-shrink:0}
.category-card-grid .project-cover-card:hover .project-album-badge{background:rgba(220,255,79,.95);color:#111;border-color:var(--acid)}
.category-card-grid .project-cover-card:hover .project-album-badge svg{color:#111}
.category-card-grid .project-cover-card figcaption{padding:.9rem 1.1rem;display:flex;flex-direction:column;gap:.25rem;background:#15181a;border-top:1px solid #272c30}
.category-card-grid .project-cover-card figcaption b{font:500 1.05rem 'Manrope',sans-serif;color:#f4f1ec;letter-spacing:-.01em}
.category-card-grid .project-cover-card figcaption span{font-size:.7rem;color:#8d9295;letter-spacing:.03em}

/* Lightbox Başlık & Kategori SEO Çubuğu */
.interior-full-image-card .interior-image-info span{display:block;color:var(--acid);font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.2rem;text-shadow:0 1px 4px rgba(0,0,0,.8)}
.interior-full-image-card .interior-image-info b{display:block;font:500 clamp(1rem,1.4vw,1.28rem) 'Manrope',sans-serif;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.9);line-height:1.2;margin-bottom:.25rem}
.interior-full-image-card .interior-image-info small{display:inline-block;padding:.2rem .55rem;background:rgba(0,0,0,.65);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#eee;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}

@media(max-width:900px), (pointer: coarse) and (max-width:1024px){
  .interior-full-image,
  .interior-full-image img{
    -webkit-user-drag:none;
    -webkit-touch-callout:none;
    user-select:none;
    touch-action:pan-y pinch-zoom;
  }
  .interior-full-image-card .interior-image-info{
    display:none!important;
  }
  .interior-full-image-card .image-gallery-nav,
  .interior-full-image-card .image-gallery-nav button{
    display:none!important;
  }
  .interior-full-image-card .image-gallery-close{
    display:flex!important;
    position:absolute!important;
    top:10px!important;
    right:10px!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    border-radius:50%!important;
    background:rgba(14,16,18,.85)!important;
    backdrop-filter:blur(8px)!important;
    -webkit-backdrop-filter:blur(8px)!important;
    border:1px solid rgba(255,255,255,.25)!important;
    color:#fff!important;
    padding:0!important;
    z-index:200!important;
  }
  .interior-full-image-card .image-gallery-close svg{
    width:14px!important;
    height:14px!important;
  }
}


/* Proje Tipolojisi Filtre Çubuğu */
.gallery-filter-bar{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:1.8rem 0 2.2rem;padding:.35rem .45rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.09);border-radius:999px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.gallery-filter-btn{appearance:none;background:transparent;border:1px solid transparent;border-radius:999px;padding:.5rem 1.15rem;color:#9aa0a6;font:500 .82rem 'Manrope',sans-serif;letter-spacing:.02em;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .22s cubic-bezier(.2,.8,.2,1)}
.gallery-filter-btn small{display:inline-flex;align-items:center;justify-content:center;min-width:1.35rem;height:1.2rem;padding:0 .4rem;border-radius:999px;background:rgba(255,255,255,.06);color:#80868b;font:600 .68rem 'DM Sans',sans-serif;transition:all .22s ease}
.gallery-filter-btn:hover{color:#fff;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}
.gallery-filter-btn:hover small{background:rgba(255,255,255,.14);color:#fff}
.gallery-filter-btn.active{background:#202529;color:#fff;border-color:var(--acid);box-shadow:0 4px 18px rgba(220,255,79,.12)}
.gallery-filter-btn.active small{background:var(--acid);color:#111;font-weight:700}
@keyframes galleryItemFadeIn{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
.category-card-grid figure.filtering-in{animation:galleryItemFadeIn .32s ease forwards}
@media(max-width:768px){.gallery-filter-bar{display:flex;width:100%;overflow-x:auto;flex-wrap:nowrap;border-radius:12px;padding:.3rem;margin:1.2rem 0 1.6rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.gallery-filter-bar::-webkit-scrollbar{display:none}.gallery-filter-btn{white-space:nowrap;flex-shrink:0;padding:.42rem .85rem;font-size:.76rem}}

/* Galeri Sayfalama / Devamı Butonu */
.category-card-grid:not(.is-ready) figure:nth-of-type(n+11) { display: none !important; }
.gallery-load-more-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 3.5rem auto 4.5rem;
  width: 100%;
}
.gallery-load-more-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.95rem;
  background: #111417;
  color: #f1f0eb;
  border: 1px solid #252b32;
  border-radius: 12px;
  padding: 0.95rem 2.2rem;
  font-family: 'DM Sans', sans-serif;
  font-size: 0.92rem;
  font-weight: 600;
  cursor: pointer;
  outline: none;
  transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: 0 4px 16px rgba(0,0,0,0.3);
}
.gallery-load-more-btn:hover {
  background: #161b20;
  border-color: rgba(255, 90, 31, 0.65);
  box-shadow: 0 8px 26px rgba(255, 90, 31, 0.15);
  transform: translateY(-2px);
  color: #fff;
}
.gallery-load-more-btn:active {
  transform: translateY(0) scale(0.98);
}
.gallery-load-more-btn .load-more-count {
  font-family: 'Manrope', sans-serif;
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--acid, #ff5a1f);
  background: rgba(255, 90, 31, 0.1);
  border: 1px solid rgba(255, 90, 31, 0.25);
  padding: 0.22rem 0.65rem;
  border-radius: 6px;
  letter-spacing: 0.02em;
}
.gallery-load-more-btn .load-more-icon {
  color: var(--acid, #ff5a1f);
  transition: transform 0.25s ease;
  display: flex;
  align-items: center;
}
.gallery-load-more-btn:hover .load-more-icon {
  transform: translateY(3px);
}

.projects-intro-copy,
.category-hero-copy,
.services-hero-copy,
.guide-hero-copy,
.calc-hero-copy {
  position: relative !important;
  z-index: 10 !important;
}

/* Hero Başlık Altı Dönen Zengin Mimari Açıklama Metni */
.hero-rotating-text {
  transition: opacity 0.45s cubic-bezier(0.2, 0.8, 0.2, 1), transform 0.45s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
  min-height: 3.8rem;
  display: block;
  font-size: 0.84rem !important;
  line-height: 1.42 !important;
}
.hero-rotating-text.is-fading {
  opacity: 0 !important;
  transform: translateY(4px) !important;
}

/* ==========================================================================
   Tüm Bölümler İçin Standart Eşit 150px Alt ve Üst Boşluk (Padding)
   ========================================================================== */
.content-section,
.category-projects,
.enhanced-process-section,
.services-catalog-section,
.projects-categories,
.project-method,
.animation-method,
.guide-article-section,
.guide-library,
.contact-band,
.references-section,
.studio-intro-section,
.studio-workflow-section,
.studio-founder-section,
.studio-why-section {
  padding-top: 150px !important;
  padding-bottom: 150px !important;
  box-sizing: border-box !important;
}

@media(max-width: 768px) {
  .content-section,
  .category-projects,
  .enhanced-process-section,
  .services-catalog-section,
  .projects-categories,
  .project-method,
  .animation-method,
  .guide-article-section,
  .guide-library,
  .contact-band,
  .references-section,
  .studio-intro-section,
  .studio-workflow-section,
  .studio-founder-section,
  .studio-why-section {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}

/* ==========================================================================
   Hero Bilgi Barları (Ribbon / Kutu Bar Stili)
   ========================================================================== */
.cat-hero-ribbon,
.services-hero-ribbon,
.calc-hero-ribbon,
.projects-metrics-bar,
.ai-hero-ribbon,
.st-hero-ribbon,
.guide-hero-ribbon,
.guide-cta-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  background: #111417 !important;
  border: 1px solid #20252a !important;
  border-radius: 8px !important;
  padding: .8rem 1.4rem !important;
  gap: 1.5rem !important;
  flex-wrap: wrap !important;
  min-height: 48px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}

.chr-left, .shr-left, .clr-left, .ahr-left, .str-left, .ghr-left, .gcb-left {
  display: flex !important;
  align-items: center !important;
  gap: .6rem !important;
  font-size: .8rem !important;
  color: #b0b5ba !important;
}

.chr-dot, .shr-dot, .clr-dot, .ahr-dot, .str-dot, .ghr-dot, .gcb-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: var(--acid, #ff5a1f) !important;
  flex-shrink: 0 !important;
}

.chr-left b, .shr-left b, .clr-left b, .ahr-left b, .str-left b, .ghr-left b, .gcb-left b {
  color: #f1f0eb !important;
}

.chr-sep, .shr-sep, .clr-sep, .ahr-sep, .str-sep, .ghr-sep, .gcb-sep {
  color: #31373e !important;
}

.chr-guide, .shr-guide, .clr-guide, .ahr-guide, .str-guide, .ghr-guide, .gcb-cta .btn {
  font-size: .8rem !important;
  color: #d0d4d8 !important;
  font-weight: 500 !important;
}

@media(max-width: 820px) {
  .cat-hero-ribbon,
  .services-hero-ribbon,
  .calc-hero-ribbon,
  .projects-metrics-bar,
  .ai-hero-ribbon,
  .st-hero-ribbon,
  .guide-hero-ribbon,
  .guide-cta-bar {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: .8rem !important;
    height: auto !important;
  }
  .chr-sep, .shr-sep, .clr-sep, .ahr-sep, .str-sep, .ghr-sep {
    display: none !important;
  }
}

/* --- Responsive Mobile & Tablet Header Navigation Fix --- */
@media(max-width: 900px) {
  :is(header.header, .header, .header.solid),
  :is(header.header, .header, .header.solid):has(nav.open) {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: 5rem !important;
    padding: 0 1.25rem !important;
    z-index: 100000 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }
  :is(header.header, .header, .header.solid) .logo {
    order: 1 !important;
    margin-right: auto !important;
    z-index: 100002 !important;
  }
  :is(header.header, .header, .header.solid) .language-switcher {
    order: 2 !important;
    position: static !important;
    transform: none !important;
    margin-right: 0.85rem !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.28rem !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.08em !important;
    z-index: 100002 !important;
  }
  :is(header.header, .header, .header.solid) .menu {
    order: 3 !important;
    position: static !important;
    transform: none !important;
    margin: 0 !important;
    display: block !important;
    background: transparent !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
    color: #f1f0eb !important;
    border-radius: 4px !important;
    width: 68px !important;
    min-width: 68px !important;
    max-width: 68px !important;
    box-sizing: border-box !important;
    text-align: center !important;
    padding: 0.4rem 0 !important;
    font-size: 0.85rem !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    z-index: 100002 !important;
  }
  .header nav:not(.open) {
    display: none !important;
  }
  .header nav.open {
    display: flex !important;
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    background: rgba(10, 10, 10, 0.98) !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-end !important;
    padding: 5rem 1.75rem 4rem 1.5rem !important;
    box-sizing: border-box !important;
    z-index: 100001 !important;
    gap: 1.25rem !important;
  }
  .header nav.open > a,
  .header nav.open .project-nav-menu > a {
    font-size: 1.22rem !important;
    font-weight: 500 !important;
    color: #deded9 !important;
    text-align: right !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 0.45rem !important;
    letter-spacing: -0.01em !important;
    padding: 0.2rem 0 !important;
    transition: color 0.2s ease, opacity 0.2s ease !important;
    text-decoration: none !important;
    cursor: pointer !important;
  }
  .header nav.open > a:hover,
  .header nav.open > a.active,
  .header nav.open .project-nav-menu > a:hover,
  .header nav.open .project-nav-menu.is-open > a {
    color: var(--acid) !important;
  }

  .project-nav-menu {
    position: static !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    height: auto !important;
  }

  .project-nav-arrow {
    display: inline-block !important;
    font-size: 1.2rem !important;
    color: var(--acid) !important;
    transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
    line-height: 1 !important;
  }
  .project-nav-menu.is-open .project-nav-arrow {
    transform: translateX(-4px) !important;
  }

  /* Sola dogru acilan saf alt menu listesi (Kutu/Arka Plan Yok, Saf Metin) */
  .project-nav-dropdown {
    position: fixed !important;
    top: clamp(5.4rem, 11vh, 6.2rem) !important;
    left: 1.25rem !important;
    bottom: auto !important;
    max-height: calc(100vh - 7rem) !important;
    overflow-y: auto !important;
    width: min(230px, calc(100vw - 130px)) !important;
    max-width: 230px !important;
    transform: translateX(-8px) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 0.65rem !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    z-index: 100003 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition: opacity 0.22s ease, transform 0.22s ease, visibility 0.22s ease !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }
  .project-nav-menu.is-open .project-nav-dropdown {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateX(0) !important;
  }

  .project-nav-dropdown a {
    display: flex !important;
    align-items: center !important;
    gap: 0.75rem !important;
    padding: 0.28rem 0 !important;
    border: none !important;
    border-radius: 0 !important;
    font-size: 0.85rem !important;
    font-weight: 400 !important;
    color: #deded8 !important;
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: left !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    background: transparent !important;
    transition: color 0.15s ease !important;
    text-decoration: none !important;
  }
  .project-nav-dropdown a:hover,
  .project-nav-dropdown a.active {
    color: var(--acid) !important;
    background: transparent !important;
  }
  .project-nav-dropdown a span {
    color: var(--acid) !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    min-width: 1.3rem !important;
  }
  .project-nav-dropdown a.all-projects-link {
    border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
    margin-top: 0.35rem !important;
    padding-top: 0.45rem !important;
    color: var(--acid) !important;
    font-weight: 600 !important;
  }

}

@media (max-width: 360px) {
  .header nav.open {
    padding-right: 1.1rem !important;
    gap: 1rem !important;
  }
  .header nav.open > a,
  .header nav.open .project-nav-row > a {
    font-size: 1.1rem !important;
  }
  .project-nav-dropdown a {
    font-size: 0.78rem !important;
    gap: 0.5rem !important;
  }
}

/* ==========================================================================
   GLOBAL MOUSE SCROLL WHEEL INDICATOR
   ========================================================================== */
.page-hero,
.studio-page-hero,
.calc-first-zone {
  position: relative;
}
.home-hero-scroll,
.page-hero-scroll {
  position: absolute !important;
  z-index: 25 !important;
  left: 50% !important;
  bottom: 1.5rem !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: .35rem !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: opacity .35s ease, transform .35s ease, visibility .35s ease !important;
}
/* Sayfa kaydirildiginda ustteki hero fare ikonu hemen gizlenir (iki fare asla ayni anda gorunmez) */
.home-hero-scroll.is-hidden,
.page-hero-scroll.is-hidden,
.header.is-scrolled ~ main .home-hero-scroll,
.header.is-scrolled ~ main .page-hero-scroll {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateX(-50%) translateY(12px) !important;
}
.home-hero .home-hero-scroll {
  bottom: 1.5rem !important;
}
.studio-page-hero .page-hero-scroll {
  bottom: 1.5rem !important;
}
.home-hero .hero-dots,
.studio-page-hero .studio-hero-dots {
  bottom: 7.2rem !important;
}
.home-hero-scroll:hover,
.page-hero-scroll:hover {
  transform: translateX(-50%) translateY(3px);
}
.home-hero-scroll .mouse-frame,
.page-hero-scroll .mouse-frame {
  width: 22px;
  height: 35px;
  border: 2px solid rgba(255, 255, 255, .45);
  border-radius: 12px;
  display: flex;
  justify-content: center;
  padding-top: 6px;
  box-sizing: border-box;
  background: rgba(10, 10, 10, .85);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  box-shadow: 0 0 12px rgba(0, 0, 0, .6);
  transition: border-color .3s ease;
}
.home-hero .home-hero-scroll .mouse-frame,
.studio-page-hero .page-hero-scroll .mouse-frame {
  background: rgba(10, 10, 10, .25);
}
.home-hero-scroll:hover .mouse-frame,
.page-hero-scroll:hover .mouse-frame {
  border-color: rgba(255, 255, 255, .85);
}
.home-hero-scroll .mouse-wheel,
.page-hero-scroll .mouse-wheel {
  width: 3px;
  height: 7px;
  background: var(--acid, #ff5a1f);
  border-radius: 2px;
  box-shadow: 0 0 6px rgba(255, 90, 31, .6);
  animation: mouseScrollAnim 1.8s cubic-bezier(.65, .05, .36, 1) infinite;
}
.home-hero-scroll .scroll-chevron,
.page-hero-scroll .scroll-chevron {
  color: rgba(255, 255, 255, .45);
  display: flex;
  align-items: center;
  animation: chevronPulse 1.8s ease-in-out infinite;
}
@keyframes mouseScrollAnim {
  0% { opacity: 0; transform: translateY(-2px); }
  25% { opacity: 1; }
  60% { opacity: 1; transform: translateY(8px); }
  100% { opacity: 0; transform: translateY(12px); }
}
@keyframes chevronPulse {
  0%, 100% { opacity: .35; transform: translateY(0); }
  50% { opacity: .85; transform: translateY(2px); }
}
@media (max-width: 900px) {
  .home-hero .hero-dots,
  .studio-page-hero .studio-hero-dots {
    bottom: 6.2rem !important;
  }
  .home-hero-scroll,
  .page-hero-scroll {
    bottom: 0.6rem;
  }
  .home-hero .home-hero-scroll,
  .studio-page-hero .page-hero-scroll {
    bottom: 1.1rem;
  }
}

/* Akilli Sayfa Basi Fare Butonu (Smart Scroll-To-Top Mouse) */
.smart-scroll-top {
  position: fixed !important;
  z-index: 9998 !important;
  left: 50% !important;
  bottom: 1.5rem !important;
  transform: translateX(-50%) translateY(10px) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: .35rem !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  cursor: pointer !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity .3s cubic-bezier(0.16, 1, 0.3, 1), transform .3s cubic-bezier(0.16, 1, 0.3, 1), visibility .3s ease !important;
}
.smart-scroll-top.is-visible {
  visibility: visible !important;
}
/* Suruklerken / kaydirirken kaybolur */
.smart-scroll-top.is-visible:not(.is-idle) {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateX(-50%) translateY(6px) !important;
}
/* Kaydirma durdugunda hafif belirginlesir */
.smart-scroll-top.is-visible.is-idle {
  opacity: 0.75 !important;
  pointer-events: auto !important;
  transform: translateX(-50%) translateY(0) !important;
}
.smart-scroll-top:hover {
  opacity: 1 !important;
  transform: translateX(-50%) translateY(-3px) !important;
}
.smart-scroll-top .mouse-frame {
  width: 22px;
  height: 35px;
  border: 2px solid rgba(255, 255, 255, .5);
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 6px;
  box-sizing: border-box;
  background: rgba(10, 12, 14, .65);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, .5);
  transition: border-color .25s ease, background .25s ease;
}
.smart-scroll-top:hover .mouse-frame {
  border-color: rgba(255, 255, 255, .95);
  background: rgba(10, 12, 14, .85);
}
.smart-scroll-top .mouse-wheel {
  width: 3px;
  height: 7px;
  background: var(--acid, #ff5a1f);
  border-radius: 2px;
  box-shadow: 0 0 6px rgba(255, 90, 31, .8);
  animation: mouseWheelUpAnim 1.8s cubic-bezier(.65, .05, .36, 1) infinite;
}
@keyframes mouseWheelUpAnim {
  0% { opacity: 0; transform: translateY(3px); }
  25% { opacity: 1; }
  60% { opacity: 1; transform: translateY(-7px); }
  100% { opacity: 0; transform: translateY(-11px); }
}
.smart-scroll-top .scroll-chevron-up {
  color: rgba(255, 255, 255, .65);
  display: flex;
  align-items: center;
  animation: chevronUpPulse 1.8s ease-in-out infinite;
}
@keyframes chevronUpPulse {
  0%, 100% { opacity: .35; transform: translateY(0); }
  50% { opacity: 1; transform: translateY(-3px); }
}
/* Dialog veya galeri modali acikken kesinlikle gizle */
body:has(dialog[open]) .smart-scroll-top,
dialog[open] ~ .smart-scroll-top {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
@media (max-width: 900px) {
  .smart-scroll-top {
    bottom: 1.1rem !important;
  }
}


/* Obsolete 760px language-switcher override removed */

/* Top Header Scrim - guarantees navigation readability and covers any top image artifacts */
.header:not(.solid) {
  background: linear-gradient(180deg, rgba(10, 10, 10, 0.96) 0%, rgba(10, 10, 10, 0.8) 50%, rgba(10, 10, 10, 0) 100%) !important;
}

/* ==============================================================================
   MOBILE ULTRA-STABILITY & ZERO OVERFLOW FIXES (375px & 390px Viewports)
   ============================================================================== */
@media (max-width: 820px) {
  html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
    width: 100% !important;
  }

  .cat-hero-ribbon,
  .services-hero-ribbon,
  .calc-hero-ribbon,
  .projects-metrics-bar,
  .ai-hero-ribbon,
  .st-hero-ribbon,
  .guide-hero-ribbon,
  .guide-cta-bar {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 0.6rem !important;
    height: auto !important;
    min-height: 48px !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 0.8rem 1rem !important;
    overflow: hidden !important;
  }

  .chr-left, .shr-left, .clr-left, .ahr-left, .str-left, .ghr-left, .gcb-left, .pm-left {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0.35rem 0.6rem !important;
    font-size: 0.76rem !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  .chr-left span, .shr-left span, .clr-left span, .ahr-left span, .str-left span, .ghr-left span {
    white-space: normal !important;
  }

  .chr-sep, .shr-sep, .clr-sep, .ahr-sep, .str-sep, .ghr-sep, .pm-sep {
    display: none !important;
  }

  .chr-guide, .shr-guide, .clr-guide, .ahr-guide, .str-guide, .ghr-guide, .pm-guide {
    font-size: 0.72rem !important;
    color: #8b9298 !important;
    max-width: 100% !important;
    white-space: normal !important;
    word-break: break-word !important;
    line-height: 1.35 !important;
  }

  .gallery-filter-bar {
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    flex-wrap: nowrap !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }
  .gallery-filter-bar::-webkit-scrollbar {
    display: none !important;
  }

  .footer, .footer.footer-expanded, .contact-band {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    width: 100% !important;
    max-width: 100vw !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }
  .footer-main {
    grid-template-columns: 1fr !important;
    gap: 2.5rem !important;
  }
}

@media (max-width: 480px) {
  .footer-nav {
    grid-template-columns: 1fr 1fr !important;
    gap: 1.5rem 1rem !important;
  }
  .footer.footer-expanded {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-top: 3.5rem !important;
  }
  .cat-hero-ribbon,
  .services-hero-ribbon,
  .calc-hero-ribbon,
  .projects-metrics-bar,
  .ai-hero-ribbon,
  .st-hero-ribbon,
  .guide-hero-ribbon,
  .guide-cta-bar {
    padding: 0.6rem 0.8rem !important;
  }
}

@media (max-width: 350px) {
  .footer-nav {
    grid-template-columns: 1fr !important;
    gap: 1.5rem !important;
  }
  .footer.footer-expanded {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
  .cat-hero-ribbon,
  .guide-hero-ribbon,
  .services-hero-ribbon {
    padding: 0.5rem 0.6rem !important;
  }
  .chr-left, .shr-left, .clr-left, .ahr-left, .str-left, .ghr-left, .gcb-left, .pm-left {
    font-size: 0.7rem !important;
  }
}

/* Industrial & Product Modeling Section Responsive Grid */
.industrial-grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: clamp(2rem, 4vw, 4rem);
  align-items: start;
}
.industrial-cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
@media (max-width: 900px) {
  .industrial-grid {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }
}
@media (max-width: 600px) {
  .industrial-cards {
    grid-template-columns: 1fr !important;
    gap: 0.85rem !important;
  }
}

/* ==========================================================================
   MOBILE HERO & PILLARS RESPONSIVE OVERHAUL (ALL HERO & CATEGORY PAGES)
   Fixes squished cards, overlapping text, and unreadable multi-column grids
   ========================================================================== */
@media (max-width: 900px), (pointer: coarse) and (max-width: 1024px) {
  /* 1. Reset all desktop translateY shifts on mobile so elements never collide */
  .page-hero [style*="translateY"],
  .category-page-hero [style*="translateY"],
  .projects-hero [style*="translateY"],
  .projects-intro [style*="translateY"],
  .ai-studio-hero [style*="translateY"],
  .services-hero [style*="translateY"],
  .guide-hero [style*="translateY"],
  .cat-hero-ribbon,
  .ai-hero-ribbon,
  .services-hero-ribbon,
  .guide-hero-ribbon,
  .projects-metrics-bar {
    transform: none !important;
  }

  /* 2. Natural hero height and comfortable top spacing on mobile */
  .page-hero.ai-studio-hero,
  .category-page-hero,
  .page-hero.services-hero,
  .page-hero.guide-hero,
  .projects-intro {
    min-height: auto !important;
    height: auto !important;
    padding-top: 5.2rem !important;
    padding-bottom: 2rem !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 0 !important;
  }

  .category-page-hero .back-link,
  .category-page-hero a.back-link {
    position: static !important;
    margin-bottom: 1rem !important;
    display: inline-block !important;
  }

  .page-hero h1,
  .category-page-hero h1,
  .projects-intro h1 {
    font-size: clamp(2rem, 8vw, 2.7rem) !important;
    line-height: 1.15 !important;
    margin: 0 0 1rem 0 !important;
  }

  /* 3. Hero Copy Text - Full width, clean typography, hide dummy spacer p */
  .category-hero-copy,
  .projects-intro-copy,
  .ai-intro-copy,
  .services-hero-copy,
  .guide-hero-copy {
    display: block !important;
    grid-template-columns: 1fr !important;
    gap: 0 !important;
    max-width: 100% !important;
    margin: 0 0 1.2rem 0 !important;
  }

  .category-hero-copy p:empty,
  .projects-intro-copy p:empty,
  .ai-intro-copy p:empty,
  .services-hero-copy p:empty,
  .guide-hero-copy p:empty,
  .category-hero-copy p:first-child:has(br:only-child),
  .projects-intro-copy p:first-child:has(br:only-child),
  .ai-intro-copy p:first-child:has(br:only-child),
  .services-hero-copy p:first-child:has(br:only-child),
  .guide-hero-copy p:first-child:has(br:only-child) {
    display: none !important;
  }

  .category-hero-copy p,
  .projects-intro-copy p,
  .ai-intro-copy p,
  .services-hero-copy p,
  .guide-hero-copy p {
    font-size: 0.94rem !important;
    line-height: 1.62 !important;
    color: #a5a6a8 !important;
    margin: 0 0 0.85rem 0 !important;
  }

  /* 4. Pillars Wrap & Grids - Responsive, spacious, highly readable cards */
  .category-pillars-wrap,
  .projects-pillars-wrap,
  .ai-pillars-wrap,
  .services-pillars-wrap,
  .guide-pillars-wrap,
  .studio-pillars-wrap,
  .calc-pillars-wrap {
    margin-top: 2.25rem !important;
    margin-bottom: 2rem !important;
    width: 100% !important;
    display: block !important;
  }

  .category-pillars-grid,
  .projects-pillars-grid,
  .ai-pillars-grid,
  .services-pillars-grid,
  .guide-pillars-grid,
  .studio-pillars-grid,
  .calc-pillars-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.85rem !important;
    width: 100% !important;
  }

  .pillar-card {
    min-height: auto !important;
    padding: 1.15rem 1.2rem !important;
    width: 100% !important;
    box-sizing: border-box !important;
    border-radius: 10px !important;
  }

  .pillar-top {
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    margin-bottom: 0.45rem !important;
  }

  .pillar-num {
    font-size: 1.25rem !important;
  }

  .pillar-tag {
    font-size: 0.68rem !important;
  }

  .pillar-card h3 {
    font-size: 1.05rem !important;
    font-weight: 600 !important;
    margin: 0 0 0.4rem 0 !important;
    line-height: 1.3 !important;
    color: #f3f2ee !important;
  }

  .pillar-card p {
    font-size: 0.86rem !important;
    line-height: 1.55 !important;
    color: #8f949a !important;
    margin: 0 0 0.85rem 0 !important;
  }

  .pillar-points {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.35rem !important;
    margin-top: 0.2rem !important;
  }

  .pillar-points span {
    font-size: 0.7rem !important;
    padding: 0.22rem 0.52rem !important;
    border-radius: 4px !important;
  }

  /* 5. Hero Ribbons on Mobile */
  .cat-hero-ribbon,
  .ai-hero-ribbon,
  .services-hero-ribbon,
  .guide-hero-ribbon,
  .projects-metrics-bar {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.65rem !important;
    padding: 0.85rem 1.15rem !important;
    min-height: auto !important;
    height: auto !important;
    margin-top: 1.2rem !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
  }

  .chr-left, .ahr-left, .shr-left, .ghr-left, .projects-metrics-bar {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0.5rem !important;
    font-size: 0.82rem !important;
  }

  .chr-sep, .ahr-sep, .shr-sep, .ghr-sep, .aim-sep, .pmb-sep {
    display: none !important;
  }
}

/* Tablet & Katlanabilir Ekran (Fold açık: 601px - 900px) */
@media (min-width: 601px) and (max-width: 900px) {
  .category-pillars-grid,
  .projects-pillars-grid,
  .ai-pillars-grid,
  .services-pillars-grid,
  .guide-pillars-grid,
  .studio-pillars-grid,
  .calc-pillars-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* ==============================================================================
   SERKAN BEY MOBİL & KATLANABİLİR (Z FOLD / PHONE) EKRAN DÜZELTMELERİ
   - Footer çakışmalarını (metin binişleri) sıfırlar
   - Devasa anlamsız siyah/gri boşlukları ferah ve ölçülü hale getirir
   - "İki Uzmanlık · Tek Marka" dual-brand taşmalarını çözer
   - Hizmet satırlarındaki numara/başlık binişlerini düzeltir
   ============================================================================== */
@media (max-width: 820px) {
  /* ==============================================================================
     TÜM SAYFALARDA MOBİL YAZI BAŞLANGIÇ HİZASINI BİREBİR EŞİTLEME (Masaüstü Değişmez!)
     Kullanıcının işaretlediği kırmızı referans çizgisi:
     Header bittikten sonra tam aynı yükseklikten başlar.
     ============================================================================== */
  .page-hero,
  .category-page-hero,
  .projects-hero,
  .projects-intro,
  .services-hero,
  .ai-studio-hero,
  .guide-hero,
  .calc-page-hero,
  .contact-page-section,
  .studio-page-hero .studio-hero-copy,
  .page-hero.ai-studio-hero,
  .page-hero.services-hero,
  .page-hero.guide-hero,
  main > section:first-of-type:not(.home-hero):not(.studio-page-hero) {
    min-height: auto !important;
    height: auto !important;
    padding-top: 6.2rem !important;
    padding-bottom: 2rem !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    gap: 0 !important;
    box-sizing: border-box !important;
  }

  /* Hizmetler ve Odak Kartlı Sayfalar: Kartları aşağı al, ilk ekranda tek kart görünsün, üst metin bloğu dikeyde dengeli/ortalı olsun */
  main > section.page-hero.services-hero:first-of-type:not(.home-hero):not(.studio-page-hero),
  .page-hero.services-hero,
  main > section.page-hero.guide-hero:first-of-type:not(.home-hero):not(.studio-page-hero),
  .page-hero.guide-hero,
  main > section.page-hero.ai-studio-hero:first-of-type:not(.home-hero):not(.studio-page-hero),
  .page-hero.ai-studio-hero,
  main > section.category-page-hero:first-of-type:not(.home-hero):not(.studio-page-hero),
  .category-page-hero,
  main > section.projects-intro:first-of-type:not(.home-hero):not(.studio-page-hero),
  .projects-intro,
  .calc-first-zone .page-hero.calc-page-hero,
  .page-hero.calc-page-hero,
  .calc-page-hero {
    padding-top: clamp(12rem, 23vh, 14.5rem) !important;
  }

  .services-pillars-wrap,
  main > section.page-hero.services-hero .services-pillars-wrap,
  .guide-pillars-wrap,
  main > section.page-hero.guide-hero .guide-pillars-wrap,
  .ai-pillars-wrap,
  main > section.page-hero.ai-studio-hero .ai-pillars-wrap,
  .category-pillars-wrap,
  main > section.category-page-hero .category-pillars-wrap,
  .projects-pillars-wrap,
  main > section.projects-intro .projects-pillars-wrap,
  .calc-first-zone .calculator-section,
  .calculator-section {
    margin-top: clamp(5.8rem, 12vh, 7.2rem) !important;
  }

  /* Projeler sayfası: Uzun açıklama metni nedeniyle kart marjinini hafifçe dengele, ilk kart tam sığsın */
  main > section.projects-intro .projects-pillars-wrap,
  .projects-intro .projects-pillars-wrap {
    margin-top: clamp(3.2rem, 7.5vh, 4.5rem) !important;
  }








  /* Mobilde kategori sayfalarındaki "← Projeler" linki başlığı aşağı itmesin */
  .category-page-hero .back-link,
  .category-page-hero a.back-link {
    display: none !important;
  }

  /* Kicker (İlk Yazı Rozeti) her sayfada tam aynı marjinde başlasın */
  .category-page-hero .kicker,
  .page-hero .kicker,
  .projects-intro .kicker,
  .services-hero .kicker,
  .ai-studio-hero .kicker,
  .guide-hero .kicker,
  .calc-page-hero .kicker {
    margin: 0 0 0.85rem 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
  }

  /* AI Lab Başlık Rozeti — Tek satırda derli toplu ve hizalı */
  .ai-section-label {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0.5rem !important;
    margin-bottom: 1.25rem !important;
  }
  .ai-section-label .dev-badge {
    margin-left: 0.35rem !important;
  }
  .ai-teaser {
    padding: 3.5rem 0 !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  /* 1. Footer Tamamen Dikey ve Ferah Dizilim (Çakışmaları Sıfırlar) */
  .footer,
  .footer.footer-expanded {
    display: block !important;
    padding: 3rem 1.25rem 2rem !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: #090a0b !important;
  }

  .footer-main {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2.2rem !important;
    width: 100% !important;
  }

  .footer-brand {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    margin-bottom: 0 !important;
  }

  .footer-brand > p {
    max-width: 100% !important;
    margin: 1.2rem 0 !important;
    font-size: 0.88rem !important;
    line-height: 1.6 !important;
    color: #9ca3af !important;
  }

  .footer-contact-link {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    justify-content: space-between !important;
    padding: 0.75rem 0 !important;
    margin-bottom: 0.5rem !important;
  }

  .footer-social {
    display: flex !important;
    gap: 0.75rem !important;
    margin-top: 1rem !important;
    margin-bottom: 0.5rem !important;
  }

  .footer-nav {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 2rem 1.25rem !important;
    width: 100% !important;
  }

  .footer-nav > div {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  .footer-nav h3 {
    margin: 0 0 1rem 0 !important;
    font-size: 0.72rem !important;
    letter-spacing: 0.12em !important;
    color: #94a3b8 !important;
  }

  .footer-nav a {
    margin-bottom: 0.75rem !important;
    font-size: 0.86rem !important;
    line-height: 1.4 !important;
    color: #e2e8f0 !important;
    display: block !important;
  }

  .footer-bottom {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.85rem !important;
    margin-top: 2.5rem !important;
    padding-top: 1.5rem !important;
    border-top: 1px solid #1e293b !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .footer-bottom > div {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 1rem !important;
    align-items: center !important;
  }

  /* 2. Contact Band & Content Section Boşluklarını Mobilde Zarifleştir */
  .contact-band {
    padding: 3.5rem 1.25rem 3rem !important;
  }

  .content-section,
  .content-section.alt {
    padding: 3rem 0 !important;
  }

  /* HATA 4 ÇÖZÜMÜ: Hizmetler Kataloğu ile Üst Kartlar Arasındaki Boşluğu Sıfırla */
  .services-catalog-section,
  .content-section.services-catalog-section {
    padding-top: 1.5rem !important;
    padding-bottom: 3rem !important;
  }

  .services-catalog-header {
    display: flex !important;
    flex-direction: column !important;
    gap: 1.25rem !important;
    margin-bottom: 1.75rem !important;
  }

  .sch-meta-grid {
    grid-template-columns: 1fr !important;
    gap: 0.75rem !important;
    margin-top: 1rem !important;
  }

  /* ==========================================================================
     Tüm Sayfalarda İki Renk (#171819) Arka Plan Ayrımı ve Tam Genişlik (Sıfır Yan Boşluk)
     ========================================================================== */
  .dual-brand,
  .projects-categories,
  .category-projects,
  .animation-method,
  .enhanced-process-section,
  .guide-article-section {
    width: 100% !important;
    max-width: 100vw !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
    background: #171819 !important;
    box-shadow: none !important;
    clip-path: none !important;
    box-sizing: border-box !important;
  }
  .dual-brand {
    padding-top: 3.5rem !important;
    padding-bottom: 4rem !important;
  }

  .dual-brand-head {
    grid-template-columns: 1fr !important;
    gap: 0.75rem !important;
    margin-bottom: 1.75rem !important;
    width: 100% !important;
  }

  .dual-brand-head h2 {
    font-size: clamp(2rem, 7vw, 2.7rem) !important;
    line-height: 1.15 !important;
  }

  .dual-brand-showcase {
    gap: 2.5rem !important;
    width: 100% !important;
  }

  .brand-feature {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 1.2rem !important;
  }

  .brand-feature .project-visual {
    width: 100% !important;
    max-width: 100% !important;
    height: 54vw !important;
    max-height: 280px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
  }

  .brand-feature .project-vertical {
    display: none !important;
  }

  .brand-feature .project-copy {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }

  /* HATA 5 ÇÖZÜMÜ: Hizmet Satırları (01 Dış Mekân...) Numara Başlık Binişini ve Sağ Boşluğu Düzelt */
  .service-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 0.45rem !important;
    padding: 1.5rem 0 !important;
    width: 100% !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  }

  .service-row > span {
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    color: var(--acid, #ff5a1f) !important;
    margin: 0 !important;
    line-height: 1 !important;
  }

  .service-row h3 {
    font-size: 1.25rem !important;
    margin: 0 !important;
    line-height: 1.25 !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.4rem !important;
    color: #f1f5f9 !important;
  }

  .service-row > div {
    width: 100% !important;
  }

  .service-row p {
    font-size: 0.88rem !important;
    line-height: 1.6 !important;
    margin: 0.35rem 0 0.75rem 0 !important;
    color: #94a3b8 !important;
    width: 100% !important;
  }

  .service-meta-tags {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.4rem !important;
    width: 100% !important;
  }

  .service-meta-tags span {
    font-size: 0.72rem !important;
    padding: 0.25rem 0.55rem !important;
    background: #14181d !important;
    border: 1px solid #232931 !important;
    border-radius: 4px !important;
    color: #cbd5e1 !important;
  }

  /* HATA 3 ÇÖZÜMÜ: Scroll-to-top Butonunun Metinlere Binmesini Önle */
  .smart-scroll-top {
    left: auto !important;
    right: 1rem !important;
    bottom: 5.2rem !important;
    transform: none !important;
    z-index: 95 !important;
  }

  /* ==========================================================================
     Z FOLD & MOBİL HERO BUTONLARI SAĞA HİZALAMA VE ARKA PLAN SIFIRLAMA
     - Kullanıcının talimatı: [İnteraktif Portfolyo ↗], [Projeleri Gör], [Yaklaşık Fiyat Al]
       butonları mobilde sağa hizalanır (3 kırmızı çizgi hizası).
     - "İnteraktif Portfolyo" butonunda hiçbir solid dolgu kutusu veya kırmızı/turuncu blok kalmaz.
     ========================================================================== */
  .home-hero .buttons,
  .home-hero .hero-content .buttons,
  .hero-content.hero-copy-right .buttons,
  .hero-content.hero-copy-offset-left .buttons,
  .hero-content.hero-copy-offset-right .buttons {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
    text-align: right !important;
    margin-left: auto !important;
    width: 100% !important;
    gap: 0.85rem !important;
    margin-top: 1.5rem !important;
    padding-right: 0 !important;
  }

  .home-hero .buttons .btn,
  .home-hero .btn,
  .home-hero .btn.glass,
  .home-hero .btn.bright {
    width: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    text-align: right !important;
    padding: 0.35rem 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    font-size: 0.95rem !important;
    font-weight: 700 !important;
    gap: 0.75rem !important;
  }

  .home-hero .buttons a[href*="interaktif-portfolyo"],
  .home-hero .btn[href*="interaktif-portfolyo"],
  .home-hero .hero-interactive-btn {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    outline: none !important;
    box-shadow: none !important;
    color: var(--acid, #ff5a1f) !important;
    padding: 0.35rem 0 !important;
  }

  .home-hero .btn:hover,
  .home-hero .btn.bright:hover,
  .home-hero .btn.glass:hover {
    background: transparent !important;
    color: var(--acid, #ff5a1f) !important;
  }
}