:root{--orange:#f58220;--orange-dark:#d9680f;--black:#0b0b0b;--charcoal:#151515;--graphite:#242424;--gray:#737373;--light:#e9e9e6;--paper:#f6f5f0;--white:#fff;--max:1360px;--pad:clamp(20px,5vw,72px);--section:clamp(76px,10vw,152px);--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--black);font:400 16px/1.65 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img{display:block;max-width:100%;object-fit:cover}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{width:min(100%,var(--max));margin:auto;padding-inline:var(--pad)}.section{padding-block:var(--section)}.dark{background:var(--charcoal);color:var(--white)}.label{display:flex;align-items:center;gap:12px;color:var(--orange);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.label:before{content:"";width:28px;height:2px;background:currentColor}.display{font:600 clamp(38px,5.2vw,76px)/1.05 Sora,Arial,sans-serif;letter-spacing:-.045em;margin:20px 0}.display-xl{font-size:clamp(52px,7vw,104px);max-width:950px}.muted{color:#9c9c98}.orange{color:var(--orange)}.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:16px 22px;border:1px solid transparent;font-weight:600;line-height:1.1;transition:.3s var(--ease)}.btn span{transition:transform .3s}.btn:hover span{transform:translateX(4px)}.btn-primary{background:var(--orange);color:var(--black)}.btn-primary:hover{background:#ff9336}.btn-outline{border-color:#ffffff55;color:#fff}.btn-outline:hover{border-color:#fff}.skip{position:fixed;z-index:99;top:10px;left:10px;background:var(--orange);padding:10px;transform:translateY(-150%)}.skip:focus{transform:none}
.site-header{position:fixed;z-index:50;inset:0 0 auto;color:#fff;border-bottom:1px solid #ffffff22;transition:.35s}.site-header.scrolled{background:#111111ed;backdrop-filter:blur(12px)}.nav{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:13px;font-family:Sora;font-weight:700;letter-spacing:-.04em}.mark{display:grid;place-items:center;width:47px;height:34px;background:var(--orange);color:#111;font-size:18px;clip-path:polygon(0 0,100% 0,86% 100%,0 100%)}.nav-links{display:flex;align-items:center;gap:32px;font-size:14px}.nav-links>a:not(.btn){position:relative}.nav-links>a:not(.btn):after{content:"";position:absolute;left:0;bottom:-7px;width:100%;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:right;transition:transform .3s}.nav-links>a:hover:after,.nav-links>a.active:after{transform:scaleX(1);transform-origin:left}.menu-toggle{display:none;border:0;background:none;color:#fff;font-size:25px}
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;background:#0b0b0b;color:#fff;overflow:hidden}.hero-media{position:absolute;inset:0;background:url('../assets/images/meray-reklam-mimari-tabela-hero.webp') center/cover;animation:heroZoom 1.4s var(--ease) both}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080808ed 0%,#0808089c 48%,#08080838 100%)}.hero-content{position:relative;z-index:2;padding-top:170px;padding-bottom:58px}.hero h1{max-width:920px;margin:18px 0 28px;font:600 clamp(48px,6.8vw,98px)/.98 Sora;letter-spacing:-.055em}.hero-copy{max-width:650px;font-size:clamp(16px,1.6vw,20px);color:#d8d8d3}.hero-actions{display:flex;gap:12px;margin-top:36px}.hero-meta{display:flex;gap:34px;margin-top:70px;padding-top:20px;border-top:1px solid #ffffff35;font-size:11px;letter-spacing:.13em}.hero-meta span:first-child{margin-right:auto}
.split{display:grid;grid-template-columns:5fr 6fr;gap:clamp(50px,10vw,150px);align-items:start}.lead{font-size:clamp(21px,2.1vw,30px);line-height:1.45;letter-spacing:-.02em}.process-tags{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:48px;padding-top:18px;border-top:1px solid #bbb}.process-tags b{font-size:12px;letter-spacing:.1em}.services-head{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-bottom:60px}.service-row{position:relative;display:grid;grid-template-columns:70px 1.2fr 1.5fr 40px;align-items:center;gap:20px;padding:32px 0;border-top:1px solid #bbb;transition:.3s}.service-row:last-child{border-bottom:1px solid #bbb}.service-row:hover{padding-inline:18px;background:#edece7}.service-no{color:var(--orange);font-size:12px}.service-row h3{margin:0;font:500 clamp(22px,2.2vw,34px)/1.15 Sora}.service-row p{margin:0;color:#555}.service-row .arrow{font-size:24px;color:var(--orange)}
.split{display:grid;grid-template-columns:5fr 6fr;gap:clamp(50px,10vw,150px);align-items:start}.lead{font-size:clamp(21px,2.1vw,30px);line-height:1.45;letter-spacing:-.02em}.process-tags{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:48px;padding-top:18px;border-top:1px solid #bbb}.process-tags b{font-size:12px;letter-spacing:.1em}.process-showcase{position:relative;margin-top:72px;min-height:560px;overflow:hidden;background:var(--black);color:#fff}.process-showcase>img{position:absolute;inset:0;width:100%;height:100%;filter:saturate(.75);transition:transform 1.1s var(--ease)}.process-showcase:hover>img{transform:scale(1.018)}.process-showcase:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000000d 25%,#080808e8 100%)}.process-rail{position:absolute;z-index:2;inset:auto 0 0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff45;background:#0b0b0bb8;backdrop-filter:blur(8px)}.process-rail article{position:relative;min-height:190px;padding:25px 25px 28px;transition:.35s var(--ease)}.process-rail article+article{border-left:1px solid #ffffff30}.process-rail article:hover{background:var(--orange);color:#111;transform:translateY(-8px)}.process-rail span{font-size:11px;color:var(--orange);letter-spacing:.14em}.process-rail article:hover span{color:#111}.process-rail h3{margin:22px 0 8px;font:600 21px Sora}.process-rail p{margin:0;color:#c4c4c0;font-size:13px;line-height:1.5}.process-rail article:hover p{color:#292929}.process-stamp{position:absolute;z-index:2;right:28px;top:28px;display:grid;place-items:center;width:92px;height:92px;border:1px solid #ffffff75;color:#fff;font:700 22px/1 Sora;text-align:center;transform:rotate(3deg)}.process-stamp small{color:var(--orange);font:600 9px Inter;letter-spacing:.16em}.services-head{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-bottom:60px}.service-row{position:relative;display:grid;grid-template-columns:70px 1.2fr 1.5fr 40px;align-items:center;gap:20px;padding:32px 0;border-top:1px solid #bbb;transition:.3s}.service-row:last-child{border-bottom:1px solid #bbb}.service-row:hover{padding-inline:18px;background:#edece7}.service-no{color:var(--orange);font-size:12px}.service-row h3{margin:0;font:500 clamp(22px,2.2vw,34px)/1.15 Sora}.service-row p{margin:0;color:#555}.service-row .arrow{font-size:24px;color:var(--orange)}
.intro-section{padding-top:clamp(72px,7vw,110px);padding-bottom:clamp(44px,4.5vw,68px)}.intro-section .split{grid-template-columns:minmax(280px,4.5fr) minmax(420px,6.5fr);gap:clamp(36px,6vw,82px);align-items:center}.intro-section .display{margin-bottom:0}.intro-section .lead{margin-top:0}.intro-section .split>div:last-child>p:last-child{margin-bottom:0}#hizmetler{padding-top:clamp(48px,5vw,76px)}
.project-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:48px}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.project-card{position:relative;overflow:hidden;min-height:390px;background:#222}.project-card:nth-child(1){grid-column:span 7}.project-card:nth-child(2){grid-column:span 5}.project-card:nth-child(3){grid-column:span 5}.project-card:nth-child(4){grid-column:span 7}.project-card img{width:100%;height:100%;position:absolute;transition:transform .7s var(--ease)}.project-card:nth-child(even) img{filter:saturate(.65) brightness(.82)}.project-card:hover img{transform:scale(1.025)}.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,#000d)}.project-info{position:absolute;z-index:2;left:28px;right:28px;bottom:26px;color:#fff}.project-info small{color:var(--orange);text-transform:uppercase;letter-spacing:.12em}.project-info h3{margin:7px 0 0;font:500 28px Sora}.production{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.production img{height:620px;width:100%}.capabilities{display:grid;grid-template-columns:repeat(2,1fr);margin-top:55px;border-top:1px solid #ffffff38}.capabilities span{padding:18px 0;border-bottom:1px solid #ffffff38}.steps{display:grid;grid-template-columns:repeat(5,1fr);margin-top:60px;position:relative}.steps:before{content:"";position:absolute;top:13px;left:0;width:100%;height:1px;background:#bbb}.step{position:relative;padding:48px 22px 0 0}.step:before{content:"";position:absolute;top:8px;left:0;width:11px;height:11px;border-radius:50%;background:var(--orange)}.step small{color:var(--orange)}.step h3{font:500 18px Sora}.why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 50px;margin-top:50px}.why-item{padding:25px 0;border-top:1px solid #ffffff31;font:500 clamp(20px,2vw,30px) Sora}.why-item span{color:var(--orange);font-size:12px;margin-right:18px}.cta{background:var(--orange);color:#0b0b0b}.cta-inner{display:flex;justify-content:space-between;align-items:end;gap:50px}.cta .btn{background:#111;color:#fff}.site-footer{padding:80px 0 30px;background:#0b0b0b;color:#fff}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:60px}.footer-col h3{font-size:12px;color:var(--orange);text-transform:uppercase;letter-spacing:.12em}.footer-col a,.footer-col span{display:block;color:#aaa;margin:10px 0}.footer-bottom{display:flex;justify-content:space-between;margin-top:70px;padding-top:25px;border-top:1px solid #ffffff25;color:#777;font-size:13px}.mobile-actions{display:none}
.page-hero{padding:210px 0 110px;background:#101010;color:#fff}.page-hero p{max-width:680px;color:#aaa;font-size:18px}.filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:36px}.filter{border:1px solid #bbb;background:transparent;padding:10px 15px}.filter.active,.filter:hover{background:var(--orange);border-color:var(--orange)}.project-card.hidden{display:none}.content-grid{display:grid;grid-template-columns:1fr 2fr;gap:90px}.prose{max-width:820px}.prose h2{font:600 clamp(30px,4vw,54px)/1.12 Sora;letter-spacing:-.04em;margin:70px 0 20px}.prose h2:first-child{margin-top:0}.prose h3{font:600 22px Sora;margin-top:36px}.prose p,.prose li{color:#4e4e4a;font-size:17px}.feature-list{padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.feature-list li{padding:15px 0;border-top:1px solid #bbb}.related{display:flex;flex-wrap:wrap;gap:10px;margin-top:45px}.related a{padding:10px 14px;border:1px solid #aaa}.contact-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:90px}.contact-list{margin-top:45px}.contact-list a,.contact-list span{display:block;padding:15px 0;border-top:1px solid #aaa}.form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;border:0;border-bottom:1px solid #999;background:transparent;padding:13px 0;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--orange)}.notice{font-size:13px;color:#777}.error-page{min-height:100vh;display:grid;place-items:center;text-align:center;background:#111;color:#fff;padding:30px}.error-code{font:700 clamp(120px,25vw,340px)/.7 Sora;color:var(--orange);opacity:.15}.error-content{margin-top:-100px;position:relative}.reveal{opacity:0;transform:translateY(28px);transition:.75s var(--ease)}.reveal.is-visible{opacity:1;transform:none}
@keyframes heroZoom{from{transform:scale(1.04)}to{transform:scale(1)}}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30}.fact{padding:32px 24px 32px 0}.fact+.fact{padding-left:24px;border-left:1px solid #ffffff30}.fact strong{display:block;font:600 clamp(24px,3vw,42px)/1.1 Sora;color:var(--orange);letter-spacing:-.04em}.fact span{display:block;margin-top:9px;color:#b8b8b3;font-size:14px}.areas{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}.areas span{padding:11px 15px;border:1px solid #ffffff38;color:#d5d5d0}.contact-meta{display:grid;gap:0;margin-top:42px}.contact-meta>div,.contact-meta>a{padding:17px 0;border-top:1px solid #aaa}.contact-meta small{display:block;color:var(--gray);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.contact-meta strong{display:block;margin-top:5px;font-weight:500}.field input[type="file"]{border:1px dashed #999;padding:18px}.social-links{display:flex!important;gap:16px}.social-links a{display:inline-block!important}.corporate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#bbb;border:1px solid #bbb;margin-top:50px}.corporate-item{background:var(--paper);padding:34px}.corporate-item h3{font:600 22px Sora;margin:0 0 12px}.corporate-item p{color:#5e5e59;margin:0}