/*
Theme Name: Vera Kolektif
Description: Vera Kolektif için Türkçe kurumsal tanıtım teması.
Version: 1.5.3
Requires at least: 5.8
Requires PHP: 7.4
Text Domain: vera-kolektif
*/
@font-face{font-family:VeraSerif;font-weight:400;font-style:normal;font-display:swap;src:url("assets/NimbusRoman-Regular.otf") format("opentype")}
@font-face{font-family:VeraSans;font-weight:400;font-style:normal;font-display:swap;src:url("assets/NimbusSans-Regular.otf") format("opentype")}
@font-face{font-family:VeraSans;font-weight:700;font-style:normal;font-display:swap;src:url("assets/NimbusSans-Bold.otf") format("opentype")}

:root{--paper:#f5f1e8;--ink:#23251d;--olive:#363e2f;--light:#f8f2e5;--muted:#58594e;--rule:#c9c4b6;--sand:#d6b58a;--max:1370px;--serif:VeraSerif,Georgia,serif;--sans:VeraSans,Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}img{display:block;max-width:100%;height:auto}a:focus-visible,summary:focus-visible{outline:2px solid #a56d3e;outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:.98}address{font-style:normal}[hidden]{display:none!important}
.wrap{width:min(var(--max),100% - clamp(36px,9vw,144px));margin-inline:auto}.eyebrow{font:700 .69rem/1.4 var(--sans);letter-spacing:.17em;text-transform:uppercase}.skip-link{position:fixed;top:-6rem;left:1rem;z-index:10;background:white;padding:.7rem}.skip-link:focus{top:1rem}
.mast{position:relative;z-index:5}.mast-inner{min-height:97px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;border-bottom:1px solid var(--rule)}.brand{display:block;width:clamp(145px,14.7vw,208px)}.head-phone{justify-self:end;text-decoration:none;white-space:nowrap;font-size:.85rem;border-bottom:1px solid var(--ink);padding:.15rem 0 .24rem}.head-phone span{margin-left:.35rem}.site-menu{position:relative;justify-self:start}.site-menu summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:.6rem;font-size:.85rem;padding:.4rem 0}.site-menu summary::-webkit-details-marker{display:none}.menu-icon{width:20px;height:7px;border-block:1px solid var(--ink)}.menu-pop{position:absolute;left:0;top:calc(100% + 8px);width:min(18rem,calc(100vw - 40px));background:#f9f6ed;border:1px solid var(--rule);box-shadow:0 15px 30px #25241726;padding:.3rem 1rem}.menu-pop a{display:block;text-decoration:none;padding:.65rem .1rem;border-bottom:1px solid var(--rule)}.menu-pop a:last-child{border-bottom:0}.menu-pop a:hover,.menu-pop [aria-current]{color:#795230}
.hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,4vw,64px);align-items:center;padding-block:clamp(27px,3.8vw,59px) clamp(24px,2.7vw,44px)}
.hero-copy{padding-block:20px}.hero h1{font-size:clamp(4.2rem,7.3vw,8.3rem);line-height:.86;letter-spacing:-.068em;margin-bottom:1.4rem}.hero h1 em{color:#576044;font-style:italic;letter-spacing:-.069em}.hero-copy p{font-size:clamp(1rem,1.3vw,1.2rem);max-width:29rem;color:#53554a;margin-bottom:1.4rem}.hero-media img{width:100%;aspect-ratio:1.27;object-fit:cover;object-position:55% 55%;background:#5c5846}.hero-media figcaption{display:flex;justify-content:space-between;gap:.4rem;padding:.54rem 0 0;font-size:.67rem;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}
.button{display:inline-flex;align-items:center;gap:1.2rem;min-height:45px;text-decoration:none;border-bottom:1px solid currentColor;padding:.35rem 0;font-size:.88rem;font-weight:700}.button:hover,.head-phone:hover{color:#795230}.arrow{line-height:1}
.hero-index{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-block:1px solid var(--rule);margin-bottom:clamp(42px,6vw,91px)}.hero-index a{text-decoration:none;text-align:center;padding:.9rem .35rem;font-size:clamp(.7rem,1.1vw,.87rem);border-right:1px solid var(--rule)}.hero-index a:last-child{border-right:0}.hero-index a:hover{background:#e9e3d6}
.section,.case-section{padding-block:clamp(56px,8vw,117px)}.intro-head{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(18px,5vw,82px);align-items:end;margin-bottom:clamp(25px,3.7vw,58px)}.intro-head .eyebrow,.content .eyebrow,.footer .eyebrow{margin-bottom:1rem;color:#775536}.intro-head h2,.content h2,.related h2{font-size:clamp(2.85rem,5.8vw,6.25rem);letter-spacing:-.055em}.intro-head>p{font-size:1.07rem;max-width:27rem;color:var(--muted)}
.case-section{background:var(--olive);color:var(--light)}.case-section .eyebrow{color:#ead0ad}.case-section .intro-head>p,.case-stages article>p{color:#f0e9da}.case-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(20px,5vw,82px);align-items:start}.case-layout figure img{width:100%;aspect-ratio:1.1;object-fit:cover}.case-stages{border-top:1px solid #f3eddd6b}.case-stages article{padding:1.15rem 0 1.25rem;border-bottom:1px solid #f3eddd48}.case-stages h3{font-size:clamp(1.63rem,2.75vw,2.8rem);margin-bottom:.58rem}.case-stages article>p{margin-bottom:.67rem}.case-links{display:flex;flex-wrap:wrap;gap:.2rem 1rem}.case-links a{color:#ffe1b9;font-size:.81rem;text-underline-offset:.2em}.case-links a:hover{color:white}
.grid{border-top:1px solid #938b7b}.service-card{display:grid;grid-template-columns:minmax(108px,19%) minmax(0,1fr) auto;gap:clamp(14px,4vw,63px);align-items:center;text-decoration:none;border-bottom:1px solid var(--rule);padding:clamp(13px,1.7vw,25px) .1rem}.card-media{overflow:hidden;background:#5c5846;aspect-ratio:1.9}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.card-copy h3{font-size:clamp(2rem,4.1vw,4.3rem);letter-spacing:-.047em;margin-bottom:.38rem}.card-copy p{color:var(--muted);font-size:.98rem}.card-arrow{width:42px;height:42px;border:1px solid #a9a291;border-radius:50%;display:grid;place-items:center;margin-right:.7rem;line-height:1}.service-card:hover .card-arrow{background:var(--olive);color:white}.service-card:hover .card-media img{transform:scale(1.04)}
.detail-hero{--tone:#343e31;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(24px,5vw,83px);padding:clamp(34px,5vw,75px) max(clamp(18px,4.5vw,72px),calc((100% - var(--max))/2));background:var(--tone);color:var(--light)}.tone-acik-hava-reklam{--tone:#3d3328}.tone-mimari-dekorasyon{--tone:#44362d}.tone-organizasyon{--tone:#372c32}.tone-guvenlik-sistemleri{--tone:#2b3638}.back{display:inline-block;font-size:.82rem;text-underline-offset:.24em;margin-bottom:clamp(26px,4vw,57px);color:#eee4d2}.detail-copy .eyebrow{color:#f2d4ae;margin-bottom:.9rem}.detail-copy h1{font-size:clamp(3.25rem,6.35vw,7.6rem);letter-spacing:-.059em;margin-bottom:1.1rem}.detail-copy>p:not(.eyebrow){max-width:31rem;font-size:clamp(1rem,1.25vw,1.2rem);color:#f3eddf}.detail-media img{width:100%;aspect-ratio:1.43;object-fit:cover}.tone-organizasyon .detail-media img{object-position:50% 40%}.tone-guvenlik-sistemleri .detail-media img{object-position:44% 42%}.detail-media figcaption{display:flex;flex-wrap:wrap;gap:.32rem 1.1rem;padding:.75rem 0 0;font-size:.85rem}.detail-media figcaption span{color:#ead1ae}.detail-media figcaption strong{font-weight:400}
.content-layout{display:grid;grid-template-columns:minmax(0,.79fr) minmax(0,1.21fr);gap:clamp(30px,7vw,110px)}.content-heading>p:not(.eyebrow){margin-top:1.15rem;color:var(--muted);max-width:27rem}.content-heading .button{margin-top:1rem}.service-list{border-top:1px solid #938b7b}.offering{padding:1.2rem 0 1.38rem;border-bottom:1px solid var(--rule)}.offering h3{font-size:clamp(1.55rem,2.65vw,2.55rem);margin-bottom:.58rem}.offering p{color:var(--muted)}.faq{background:#eae4d8}.faq-list details{border-bottom:1px solid #b9ae9e}.faq-list details:first-child{border-top:1px solid #b9ae9e}.faq-list summary{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;cursor:pointer;font-weight:700;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';color:#795131}.faq-list details[open] summary::after{content:'−'}.faq-list p{color:var(--muted);margin-bottom:1.1rem}.related{padding-block:clamp(42px,6vw,85px)}.related h2{font-size:clamp(2.35rem,4.2vw,4.4rem);margin-bottom:1.25rem}.related-links{display:flex;flex-wrap:wrap;gap:.55rem}.related-links a{border:1px solid #a29a8b;text-decoration:none;padding:.5rem .65rem;font-size:.86rem}.related-links a:hover{background:var(--olive);color:white}
.footer{background:#282e23;color:var(--light);padding-block:clamp(42px,6.5vw,90px) 1.5rem}.footer-lead{display:grid;grid-template-columns:1.25fr .75fr;gap:1.5rem;align-items:end;padding-bottom:clamp(34px,5vw,68px)}.footer .eyebrow{color:#ead0ad}.footer h2{font-size:clamp(2.8rem,6vw,6.25rem);letter-spacing:-.05em}.contact-info p{margin-bottom:.6rem}.contact-info a{font-family:var(--serif);font-size:clamp(1.7rem,3vw,3rem);line-height:1.1;text-underline-offset:.19em}.contact-info address{color:#e1d9c9;font-size:.92rem}.foot-bottom{border-top:1px solid #ffffff54;padding-top:1.15rem;display:flex;justify-content:space-between;gap:1rem;color:#e1d9c9;font-size:.76rem}.wp-extra{padding-block:3rem}
@media(max-width:850px){.hero h1{font-size:clamp(3.65rem,8.35vw,6rem)}.hero-media img{aspect-ratio:1.05}}
@media(max-width:690px){
 .mast-inner{min-height:71px;gap:7px}.site-menu summary{font-size:.7rem;gap:.35rem}.menu-icon{width:13px}.head-phone{font-size:.69rem}.head-phone span{display:none}.brand{width:clamp(125px,28vw,160px)}
 .hero,.intro-head,.case-layout,.detail-hero,.content-layout,.footer-lead{grid-template-columns:1fr}.hero{gap:10px;padding-top:20px}.hero-copy{padding:20px 0 12px}.hero h1{font-size:clamp(3.85rem,12.8vw,6rem);margin-bottom:1rem}.hero-copy p{max-width:23rem;margin-bottom:.63rem}.hero-media img{aspect-ratio:1.46}.hero-media figcaption{font-size:.59rem}.hero-index{grid-template-columns:repeat(6,1fr)}.hero-index a{grid-column:span 2;font-size:.68rem;padding:.55rem .23rem;border-bottom:1px solid var(--rule)}.hero-index a:nth-child(3){border-right:0}.hero-index a:nth-last-child(-n+2){grid-column:span 3;border-bottom:0}
 .intro-head{gap:.9rem}.intro-head .eyebrow{margin-bottom:.7rem}.intro-head>p{font-size:.98rem}.case-layout figure img{aspect-ratio:1.65}.case-stages article{padding:.9rem 0 1rem}.service-card{grid-template-columns:minmax(0,29%) minmax(0,1fr) auto;gap:12px}.card-media{aspect-ratio:1.23}.card-copy h3{font-size:clamp(1.45rem,5.5vw,2.55rem);margin-bottom:.22rem}.card-copy p{font-size:.78rem;line-height:1.4}.card-arrow{width:25px;height:25px;margin-right:0;font-size:.78rem}
 .detail-hero{gap:24px}.detail-copy h1{font-size:clamp(3.25rem,10.7vw,5.8rem)}.detail-media figcaption{font-size:.77rem}.footer-lead{gap:1.35rem}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Warm charcoal, stone and olive */
:root{--paper:#dcd3bf;--ink:#24241d;--olive:#33392e;--light:#f3ecda;--muted:#565044;--rule:#a49a84;--sand:#dec29a}
body{background:#262821;color:var(--light)}
.mast-inner{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);border-bottom-color:#ada48a55}
.brand{grid-column:2}
.head-phone{grid-column:3;border-bottom-color:#bcb097}
.head-phone:hover,.hero .button:hover{color:#efd3a8}
.hero h1 em{color:#bac2a3}
.hero-copy p{color:#ddd6c4}
.hero-media figcaption{color:#c7bea7}
.hero-index{display:flex;align-items:center;gap:clamp(1rem,3vw,3.3rem);padding-block:.55rem;border-block:1px solid #ada48a62;margin-bottom:clamp(37px,5.2vw,76px)}
.hero-index>.eyebrow{flex:none;color:#cdbb9b;white-space:nowrap;font-size:.63rem}
.hero-index ul{flex:1;min-width:0;list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.22rem 1.25rem;margin:0;padding:0}
.hero-index a{display:inline-flex;align-items:baseline;gap:.32rem;padding:.5rem 0;border:0;color:var(--light);font:400 clamp(.91rem,1.42vw,1.25rem)/1.25 var(--serif);text-align:left}
.hero-index a .arrow{font:400 .65rem/1 var(--sans);color:#cdbb9b;transition:transform .2s}
.hero-index a:hover{background:none;color:#efd3a8}
.hero-index a:hover .arrow{transform:translate(2px,-2px)}
.case-section{background:#393b31;border-top:1px solid #c3b79b3d}
.case-section .intro-head>p{max-width:33rem;color:#eee6d2}
.case-section .intro-head h2{color:#f6edda}
.service-index,.content,.related,.wp-extra{background:var(--paper);color:var(--ink)}
.faq{background:#ccc2ac}
.footer{background:#282d23}
@media(max-width:690px){
 .hero-index{display:block;padding:.7rem 0 .58rem}
 .hero-index>.eyebrow{display:block;margin-bottom:.38rem}
 .hero-index ul{display:grid;grid-template-columns:1fr 1fr;gap:0 .6rem}
 .hero-index a,.hero-index a:nth-last-child(-n+2){padding:.36rem 0;border:0;font-size:.94rem}
}

/* Original split-screen opening */
.mast{background:#000;color:#f7efe0}
.mast-inner{min-height:89px;border-bottom:0}
.site-menu{grid-column:1}
.site-menu summary{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid #b1a78e69;border-radius:50%}
.site-menu summary:hover,.site-menu[open] summary{border-color:#dfc698;background:#211f1a}
.menu-icon{display:block;width:19px;height:7px;border-color:#e2cda6}
.menu-pop{background:#171914;color:#f7efe0;border-color:#625945;left:0}
.menu-pop a{border-color:#b1a78e44}
.menu-pop a:hover,.menu-pop [aria-current]{color:#e4c697}
.hero{grid-template-columns:minmax(0,45%) minmax(0,55%);gap:0;min-height:clamp(540px,46vw,735px);padding:0;background:#161813;color:#fff8eb}
.hero-copy{padding:clamp(50px,7vw,106px) clamp(24px,4vw,65px) clamp(50px,7vw,106px) max(clamp(18px,4.5vw,72px),calc((100vw - var(--max))/2))}
.hero h1{font-size:clamp(3.45rem,5.9vw,7rem);line-height:.92;letter-spacing:-.052em}
.hero h1 em{color:#dec39a}
.hero .button{border:1px solid #d8cbb5;padding:.55rem 1rem}
.hero .button:hover{background:#ece1ca;color:#25251e}
.hero-media{position:relative;align-self:stretch;min-height:100%;overflow:hidden}
.hero-media img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-position:60% 50%}
.hero-media figcaption{position:absolute;right:1.15rem;bottom:1rem;display:flex;padding:.4rem .55rem;background:#15140fd9;color:#f2e6cd}
.hero-media figcaption span:first-child{display:none}
.index-band{background:#1e2119;padding:0 0 1rem}
.hero-index{margin-bottom:0}
.case-section{border-top:0}
.detail-hero{background:#181b15;color:#fff8eb}
@media(max-width:850px){.hero h1{font-size:clamp(3.25rem,6.7vw,5.6rem)}}
@media(max-width:690px){
 .mast-inner{min-height:71px}
 .site-menu summary{width:42px;height:42px}
 .hero{grid-template-columns:1fr;min-height:0}
 .hero-copy{padding:41px 6vw 38px}
 .hero h1{font-size:clamp(3.3rem,12vw,5.65rem)}
 .hero-media{min-height:0;height:clamp(238px,66vw,410px)}
 .hero-media figcaption{right:.7rem;bottom:.7rem}
 .index-band{padding-bottom:.75rem}
}

/* Image-led service gallery from the first design */
.service-index .grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(14px,1.8vw,28px);border:0}
.service-index .service-card{display:flex;flex-direction:column;gap:0;align-items:stretch;min-width:0;grid-column:span 2;padding:0;border:0;background:#e8e0ce}
.service-index .service-card:nth-child(-n+2){grid-column:span 3}
.service-index .card-media{aspect-ratio:1.68}
.service-index .service-card:nth-child(-n+2) .card-media{aspect-ratio:1.94}
.service-index .card-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;gap:.6rem 1rem;padding:clamp(18px,2.2vw,34px);flex:1}
.service-index .card-copy h3{margin:0;font-size:clamp(1.74rem,2.65vw,3rem);line-height:1.02}
.service-index .card-copy p,.service-index .card-action{grid-column:1/-1}
.service-index .card-copy p{font-size:.96rem}
.service-index .card-action{margin-top:.35rem;font-size:.75rem;font-weight:700;color:#634c32}
.service-index .card-arrow{width:32px;height:32px;margin:0}
@media(max-width:690px){
 .service-index .grid{grid-template-columns:1fr}
 .service-index .service-card,.service-index .service-card:nth-child(-n+2){grid-column:auto}
 .service-index .service-card .card-media,.service-index .service-card:nth-child(-n+2) .card-media{aspect-ratio:1.75}
}

.service-index [data-route="guvenlik-sistemleri"] img{object-position:50% 28%}

/* Approved right-aligned logo lockup */
.brand img{display:block;width:100%;height:auto}
.contact-info p{overflow-wrap:anywhere}

.brand,.brand img{opacity:1!important;filter:none!important;mix-blend-mode:normal!important}.brand img{display:block;width:100%;height:auto}