:root{--ink:#25282b;--ink-2:#34383b;--paper:#f7f3ed;--white:#fff;--orange:#d88932;--orange-bright:#f2a23a;--orange-deep:#a65308;--line:rgba(37,40,43,.15);--line-light:rgba(255,255,255,.16);--max:1240px;--pad:max(5.5vw,1.2rem);--ease:cubic-bezier(.22,1,.36,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}h1,h2,h3,p{margin-top:0}.container{width:min(calc(100% - var(--pad)*2),var(--max));margin-inline:auto}.skip{position:fixed;top:-5rem;left:1rem;z-index:999;background:#fff;padding:.7rem 1rem}.skip:focus{top:1rem}.eyebrow{display:flex;align-items:center;gap:.75rem;color:var(--orange-deep);font-size:.68rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase}.eyebrow::before{content:"";width:32px;height:1px;background:currentColor}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-height:52px;padding:.8rem 1.25rem;border:1px solid currentColor;font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;transition:.3s}.btn:hover{transform:translateY(-2px)}.btn--orange{background:var(--orange-bright);border-color:var(--orange-bright);color:#181818}.btn--dark{background:var(--ink);border-color:var(--ink);color:#fff}.site-header{position:sticky;top:0;z-index:100;background:rgba(37,40,43,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--line-light)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.logo{display:flex;align-items:center;gap:.75rem;color:#fff}.logo svg{width:38px;height:38px}.logo strong{font:700 1rem/1 "Space Grotesk",sans-serif;letter-spacing:.18em}.logo small{display:block;margin-top:.38rem;color:var(--orange-bright);font-size:.43rem;letter-spacing:.25em}.nav__links{display:flex;align-items:center;gap:clamp(1rem,2vw,2rem);color:#e6e3df;font-size:.69rem;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.nav__links a[aria-current=page],.nav__links a:hover{color:var(--orange-bright)}.menu{display:none;background:transparent;border:0;width:46px;height:46px;padding:10px}.menu span{display:block;height:1px;background:#fff;margin:7px 0}.page-hero{position:relative;min-height:570px;display:grid;align-items:end;overflow:hidden;background:var(--ink);color:#fff}.page-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.page-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(19,21,23,.88),rgba(19,21,23,.42) 58%,rgba(19,21,23,.08)),linear-gradient(0deg,rgba(19,21,23,.72),transparent 55%)}.page-hero__content{position:relative;z-index:1;padding:9rem 0 5rem;max-width:970px}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.6rem;color:#eee;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.7rem}.breadcrumbs span{color:var(--orange-bright)}.page-hero h1{font:700 clamp(3rem,7vw,7rem)/.93 "Space Grotesk",sans-serif;letter-spacing:-.055em;text-transform:uppercase;margin-bottom:1.5rem}.page-hero h1 em{display:block;color:var(--orange-bright);font-style:normal}.page-hero p{max-width:760px;color:#eef0f0;font-size:clamp(1rem,1.6vw,1.22rem);margin-bottom:2rem;text-shadow:0 2px 10px #000}.section{padding:clamp(5rem,8vw,8rem) 0}.section--dark{background:var(--ink);color:#fff}.section--white{background:#fff}.section-head{display:grid;grid-template-columns:1.15fr .85fr;gap:4rem;align-items:end;margin-bottom:3rem}.section h2{font:700 clamp(2.5rem,5vw,5.2rem)/.95 "Space Grotesk",sans-serif;letter-spacing:-.05em;text-transform:uppercase;margin:.8rem 0 0}.section h2 span{color:var(--orange)}.section-head p{margin:0;color:#5e6467}.section--dark .section-head p{color:#bdc1c2}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.5rem,6vw,7rem);align-items:center}.intro-copy p{color:#575e61}.intro-copy .lead{font-size:1.22rem;color:var(--ink)}.intro-media{position:relative;aspect-ratio:4/5;overflow:hidden;background:#ddd}.intro-media img{width:100%;height:100%;object-fit:cover}.intro-media::after{content:"";position:absolute;inset:1rem;border:1px solid rgba(255,255,255,.7)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.feature{background:var(--paper);padding:2rem;min-height:220px}.feature span{color:var(--orange-deep);font-size:.7rem;font-weight:800;letter-spacing:.15em}.feature h3{font:650 1.4rem/1.2 "Space Grotesk",sans-serif;margin:.8rem 0}.feature p{color:#62686a;font-size:.92rem;margin:0}.service-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.service-link{position:relative;min-height:300px;display:flex;flex-direction:column;justify-content:flex-end;padding:1.7rem;background:#1d2022;color:#fff;overflow:hidden;border:1px solid var(--line-light)}.service-link img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.48;transition:.5s}.service-link::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(8,9,10,.9),transparent 70%)}.service-link:hover img{transform:scale(1.04);opacity:.58}.service-link>*:not(img){position:relative;z-index:1}.service-link small{color:var(--orange-bright);font-weight:700;text-transform:uppercase;letter-spacing:.13em}.service-link h3{font:650 1.55rem/1.2 "Space Grotesk",sans-serif;margin:.5rem 0 0}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}.process article{background:#fff;padding:2rem;min-height:210px}.process b{color:var(--orange);font-size:.8rem}.process h3{font:650 1.25rem "Space Grotesk",sans-serif;margin:.7rem 0}.process p{font-size:.9rem;color:#616669;margin:0}.cta{background:var(--orange-bright);padding:clamp(3rem,6vw,5.5rem) 0}.cta__inner{display:flex;align-items:center;justify-content:space-between;gap:3rem}.cta h2{font-size:clamp(2.5rem,5vw,5.5rem);margin:0;max-width:780px}.article{max-width:850px}.article h2{font-size:clamp(2rem,4vw,3.5rem);margin:3rem 0 1rem;text-transform:none;letter-spacing:-.035em}.article h3{font:650 1.4rem "Space Grotesk",sans-serif;margin:2rem 0 .7rem}.article p,.article li{color:#50575a}.article ul{padding-left:1.2rem}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.related a{padding:1.5rem;border:1px solid var(--line);background:#fff;display:flex;justify-content:space-between;gap:1rem;font-weight:700}.related a span{color:var(--orange-deep)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:4rem}.contact-list{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}.contact-list a,.contact-list address{display:block;background:#fff;padding:1.5rem;font-style:normal}.contact-list small{display:block;color:var(--orange-deep);font-weight:800;text-transform:uppercase;letter-spacing:.12em}.contact-list strong{font:650 1.2rem "Space Grotesk",sans-serif}.form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field{display:grid;gap:.45rem}.field--full{grid-column:1/-1}.field label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:#fff;padding:1rem;color:var(--ink)}.field textarea{min-height:150px;resize:vertical}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}.gallery figure{margin:0;position:relative;aspect-ratio:4/5;overflow:hidden;background:#ddd}.gallery img{width:100%;height:100%;object-fit:cover}.gallery figcaption{position:absolute;inset:auto .7rem .7rem;background:rgba(37,40,43,.88);color:#fff;padding:.55rem .7rem;font-size:.7rem}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.video-grid article{background:#1e2022;color:#fff}.video-grid video{display:block;width:100%;aspect-ratio:9/13;object-fit:cover;background:#111}.video-grid h2{font-size:1.1rem;letter-spacing:0;text-transform:none;padding:1rem;margin:0}.footer{background:#1d2022;color:#dfe2e2;padding:4.5rem 0 1.5rem}.footer__grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:3rem}.footer h2{color:#fff;font-size:1rem;letter-spacing:.12em;text-transform:uppercase}.footer p,.footer li{font-size:.86rem;color:#adb3b5}.footer ul{list-style:none;padding:0;margin:0}.footer a:hover{color:var(--orange-bright)}.footer__bottom{display:flex;justify-content:space-between;gap:2rem;border-top:1px solid var(--line-light);margin-top:3rem;padding-top:1.5rem;font-size:.78rem}.mobile-contact{display:none}.not-found{min-height:calc(100vh - 78px);display:grid;place-items:center;text-align:center;padding:4rem 1rem}.not-found strong{font:700 clamp(7rem,20vw,16rem)/.8 "Space Grotesk",sans-serif;color:var(--orange-bright)}.not-found h1{font:700 clamp(2rem,5vw,4rem) "Space Grotesk",sans-serif}.not-found p{max-width:620px;color:#5c6265}
@media(max-width:960px){.menu{display:block}.nav__links{position:fixed;inset:78px 0 auto;background:#202326;padding:2rem var(--pad);display:grid;gap:1.3rem;transform:translateY(-130%);transition:.45s}.nav__links.is-open{transform:none}.section-head,.intro-grid,.contact-grid{grid-template-columns:1fr}.feature-grid,.service-list{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:repeat(3,1fr)}.cta__inner{align-items:flex-start;flex-direction:column}.footer__grid{grid-template-columns:1fr 1fr}.footer__grid>:first-child{grid-column:1/-1}}
@media(max-width:600px){body{padding-bottom:62px}.nav{height:70px}.nav__links{inset-block-start:70px}.page-hero{min-height:520px}.page-hero__content{padding:7.5rem 0 4rem}.page-hero h1{font-size:clamp(2.7rem,13vw,4.5rem)}.section{padding:4.5rem 0}.section h2{font-size:clamp(2.4rem,11vw,3.8rem)}.feature-grid,.service-list,.process,.related,.gallery,.video-grid{grid-template-columns:1fr}.service-link{min-height:360px}.gallery figure{aspect-ratio:4/5}.footer__grid{grid-template-columns:1fr}.footer__grid>:first-child{grid-column:auto}.footer__bottom{flex-direction:column}.form{grid-template-columns:1fr}.field--full{grid-column:auto}.mobile-contact{position:fixed;z-index:120;inset:auto 0 0;height:62px;display:grid;grid-template-columns:1fr 1fr;background:#202326;color:#fff}.mobile-contact a{display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.mobile-contact a:first-child{background:var(--orange-bright);color:#181818}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Müşteri isteği: banner görsellerinde karartma kullanma. */
.page-hero::after{background:none}
.page-hero__content{text-shadow:0 2px 18px rgba(0,0,0,.72)}
