/**
 * CONTENT YAPIM - Ziyaretçi Arayüzü
 * Oluşturma: 2026-08-19 | Son değişiklik: 2026-08-19 | Hazırlayan: Özgür Elibol
 * Amaç: Responsive, sinematik ve kurumsal ziyaretçi tasarımı.
 */
:root{--bg:#11131b;--surface:#171a24;--surface2:#202431;--text:#f7f7f3;--muted:#a6a8b1;--line:rgba(255,255,255,.13);--paper:#f5f1e8;--ink:#11131a;--accent-blue:#5b7cfa;--accent-purple:#8b5cf6;--accent-cyan:#28c7c9;--accent-coral:#ff7b5c;--accent-rose:#ff5d8f;--accent-gold:#b79a54;--white:#fff;--black:#000;--max:1440px;--pad:clamp(20px,4vw,64px);--radius:20px;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{color:inherit}.container{width:min(100%,var(--max));margin:0 auto;padding-inline:var(--pad)}.narrow{max-width:900px}.section{padding:clamp(84px,10vw,160px) 0}.eyebrow{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#b8b8b3}.site-header{position:fixed;inset:0 0 auto 0;z-index:100;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:36px;padding:18px var(--pad);background:linear-gradient(to bottom,rgba(0,0,0,.75),rgba(0,0,0,0));transition:background .35s var(--ease),border .35s var(--ease),padding .35s var(--ease);border-bottom:1px solid transparent}.site-header.scrolled{background:rgba(5,5,5,.92);backdrop-filter:blur(18px);border-bottom-color:rgba(255,255,255,.08);padding-block:11px}.brand{display:flex;align-items:center}.brand img{width:145px;height:56px;object-fit:contain;object-position:left center}.main-nav{justify-self:center;display:flex;align-items:center;gap:clamp(18px,2vw,34px);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.main-nav>a{position:relative;padding:11px 0;color:#deded9}.main-nav>a:not(.nav-cta)::after{content:"";position:absolute;left:0;right:100%;bottom:5px;height:1px;background:#fff;transition:right .25s var(--ease)}.main-nav>a:hover::after{right:0}.main-nav .nav-cta{padding:11px 16px;border:1px solid rgba(255,255,255,.35);border-radius:999px;transition:.25s}.main-nav .nav-cta:hover{background:#fff;color:#000}.lang-switch{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700}.lang-switch a{opacity:.45}.lang-switch a.active,.lang-switch a:hover{opacity:1}.menu-toggle{display:none;border:0;background:none;width:42px;height:42px;position:relative;cursor:pointer}.menu-toggle span{position:absolute;left:8px;right:8px;height:1px;background:#fff;transition:.25s}.menu-toggle span:first-child{top:16px}.menu-toggle span:last-child{top:25px}.hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:radial-gradient(circle at 78% 30%,#2b2b2b 0,transparent 27%),radial-gradient(circle at 20% 75%,#151515 0,transparent 35%),#050505}.hero::before{content:"CY";position:absolute;right:-.05em;top:5vh;font-size:min(53vw,760px);line-height:.85;font-weight:900;letter-spacing:-.12em;color:#0b0b0b;user-select:none}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(0,0,0,.65),transparent 52%,rgba(0,0,0,.2));pointer-events:none}.hero-noise{position:absolute;inset:0;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");mix-blend-mode:screen}.hero-content{position:relative;z-index:2;width:min(1100px,calc(100% - (var(--pad) * 2)));margin:0 var(--pad) clamp(72px,9vw,130px)}.hero h1{margin:.2em 0 .35em;font-size:clamp(48px,7vw,112px);line-height:.92;letter-spacing:-.065em;font-weight:700;max-width:1000px;text-wrap:balance}.hero p{max-width:720px;font-size:clamp(16px,1.5vw,21px);color:#c3c3bf;margin:0 0 32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:0 22px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border:1px solid transparent;cursor:pointer;transition:transform .2s var(--ease),background .2s,color .2s,border .2s}.button:hover{transform:translateY(-2px)}.button.light{background:#fff;color:#000}.button.ghost{border-color:rgba(255,255,255,.35);background:rgba(0,0,0,.15);color:#fff}.scroll-mark{position:absolute;right:var(--pad);bottom:36px;z-index:2;font-size:10px;letter-spacing:.2em;color:#999}.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#070707}.marquee>div{white-space:nowrap;width:max-content;padding:16px 0;font-size:11px;font-weight:700;letter-spacing:.15em;color:#777;animation:marquee 28s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:46px}.section-head h2,.process h2{font-size:clamp(37px,5vw,74px);line-height:.95;letter-spacing:-.055em;margin:.2em 0 0;max-width:860px}.text-link{display:inline-flex;gap:8px;align-items:center;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid #555;padding-bottom:6px;white-space:nowrap}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{min-height:310px;padding:28px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);position:relative;transition:background .3s var(--ease),color .3s}.service-card:hover{background:#f3f3ef;color:#090909}.service-number{font-size:10px;letter-spacing:.15em;color:#777}.service-card h3{font-size:clamp(25px,2.5vw,38px);line-height:1.04;letter-spacing:-.04em;margin:auto 0 12px;max-width:270px}.service-card p{margin:0;color:#8c8c88;font-size:14px;max-width:330px}.service-card:hover p,.service-card:hover .service-number{color:#555}.circle-arrow{position:absolute;top:22px;right:22px;width:38px;height:38px;display:grid;place-items:center;border:1px solid #333;border-radius:50%;opacity:0;transform:scale(.7);transition:.25s}.service-card:hover .circle-arrow{opacity:1;transform:scale(1);border-color:#aaa}.projects-section{background:#090909}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:42px 22px}.project-grid.archive{grid-template-columns:repeat(2,1fr)}.project-card{display:block}.project-media{aspect-ratio:16/10;position:relative;overflow:hidden;background:#111;border:1px solid #1b1b1b}.project-media.fallback,.project-detail-visual.fallback{background:radial-gradient(circle at 80% 15%,#2b2b2b,transparent 27%),linear-gradient(145deg,#090909,#191919)}.project-media.has-image,.project-detail-visual.has-image{background-position:center;background-size:cover}.project-monogram{position:absolute;right:5%;bottom:2%;font-size:clamp(86px,14vw,210px);font-weight:900;letter-spacing:-.12em;line-height:.8;color:rgba(255,255,255,.06);transition:transform .6s var(--ease),color .6s}.project-card:hover .project-monogram{transform:translate3d(-3%,-3%,0) scale(1.04);color:rgba(255,255,255,.11)}.project-media::after{content:"VIEW ↗";position:absolute;right:22px;top:22px;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#000;font-size:10px;font-weight:700;opacity:0;transform:scale(.6);transition:.3s var(--ease)}.project-card:hover .project-media::after{opacity:1;transform:scale(1)}.project-info{display:flex;justify-content:space-between;gap:20px;padding-top:16px}.project-info span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#777}.project-info h3{font-size:clamp(24px,2.4vw,36px);line-height:1.08;letter-spacing:-.035em;margin:4px 0 0}.project-brand{align-self:flex-end;text-align:right}.showreel{padding:clamp(95px,12vw,180px) 0;background:#f0f0ec;color:#090909}.showreel-inner{display:flex;justify-content:space-between;align-items:center;gap:60px}.showreel .eyebrow{color:#666}.showreel h2{font-size:clamp(70px,13vw,190px);line-height:.78;letter-spacing:-.075em;margin:.2em 0 .18em}.showreel p{font-size:18px;color:#595955}.play-button{width:clamp(140px,16vw,230px);aspect-ratio:1;border:1px solid #b6b6b1;border-radius:50%;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;transition:.3s var(--ease);flex:none}.play-button span{font-size:28px}.play-button small{font-size:10px;letter-spacing:.12em;text-transform:uppercase}.play-button:hover{background:#0a0a0a;color:#fff;border-color:#0a0a0a;transform:scale(1.03)}.process{border-bottom:1px solid var(--line)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid var(--line)}.process-grid article{padding:28px 24px 10px 0;border-right:1px solid var(--line);min-height:230px}.process-grid article+article{padding-left:24px}.process-grid span{font-size:10px;color:#777;letter-spacing:.12em}.process-grid h3{font-size:22px;margin:55px 0 10px}.process-grid p{font-size:14px;color:#888;margin:0}.social-call{background:#070707}.social-big{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:clamp(46px,8vw,124px);letter-spacing:-.06em;line-height:1;border-top:1px solid var(--line);padding-top:30px}.social-big span{font-size:.45em}.page-hero{padding:clamp(170px,20vw,280px) 0 clamp(70px,8vw,115px);border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 30%,#1c1c1c 0,transparent 25%),#050505}.page-hero h1{font-size:clamp(56px,10vw,150px);line-height:.86;letter-spacing:-.075em;margin:.18em 0 .25em;max-width:1200px}.page-hero p{font-size:clamp(17px,2vw,24px);color:#aaa;max-width:760px;margin:0}.richtext{font-size:clamp(18px,2vw,25px);color:#c4c4c0}.richtext p{margin:0 0 1.5em}.richtext h2,.richtext h3{color:#fff}.values{border-top:1px solid var(--line)}.split-head{display:grid;grid-template-columns:1.6fr 1fr;gap:70px;align-items:end}.split-head h2{font-size:clamp(38px,5vw,72px);line-height:.98;letter-spacing:-.05em;margin:0}.split-head p{color:#888;font-size:17px;margin:0}.service-list{border-top:1px solid var(--line)}.service-list>a{display:grid;grid-template-columns:70px 1fr 50px;align-items:center;gap:30px;padding:28px 0;border-bottom:1px solid var(--line);transition:padding .25s var(--ease),background .25s}.service-list>a:hover{padding-left:18px;background:#0b0b0b}.service-list span{font-size:10px;color:#777}.service-list h2{font-size:clamp(30px,4vw,58px);letter-spacing:-.045em;line-height:1;margin:0 0 8px}.service-list p{margin:0;color:#777;max-width:680px}.service-list b{justify-self:end;font-size:24px;font-weight:400}.detail-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,.7fr);gap:80px}.detail-layout aside{border-top:1px solid var(--line);padding-top:20px;display:flex;flex-direction:column;gap:22px;align-items:flex-start}.detail-layout aside>span{color:#888}.project-detail-visual{aspect-ratio:16/7;display:flex;align-items:flex-end;padding:30px;overflow:hidden}.project-detail-visual span{font-size:clamp(50px,10vw,150px);font-weight:900;letter-spacing:-.09em;color:rgba(255,255,255,.08);line-height:.7}.project-detail-grid{display:grid;grid-template-columns:1.6fr .7fr;gap:80px;margin:56px 0}.project-detail-grid dl{margin:0}.project-detail-grid dl>div{padding:18px 0;border-bottom:1px solid var(--line)}.project-detail-grid dt{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#666}.project-detail-grid dd{margin:4px 0 0;font-size:17px}.photo-grid{columns:3 320px;column-gap:14px}.photo-item{display:block;width:100%;padding:0;margin:0 0 14px;border:0;background:#111;cursor:zoom-in;break-inside:avoid}.photo-item img{width:100%;height:auto}.lightbox{position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.93);display:grid;place-items:center;padding:5vw}.lightbox[hidden]{display:none}.lightbox img{max-height:88vh;max-width:92vw}.lightbox button{position:absolute;right:24px;top:24px;width:48px;height:48px;border-radius:50%;border:1px solid #555;background:#111;font-size:30px;cursor:pointer}.video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 22px}.video-poster,.video-card>div{aspect-ratio:16/9;background:linear-gradient(135deg,#111,#242424);position:relative;display:grid;place-items:center;overflow:hidden}.video-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-poster span,.video-card.fallback div span{position:relative;z-index:2;width:70px;height:70px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;padding-left:4px}.video-card h3{font-size:26px;letter-spacing:-.03em;margin:14px 0 0}.empty{color:#777}.form-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.65fr);gap:80px}.form-card{background:#0a0a0a;border:1px solid var(--line);padding:clamp(24px,4vw,50px);border-radius:var(--radius)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 18px;margin-bottom:28px}.form-grid label{display:flex;flex-direction:column;gap:8px}.form-grid label>span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#969692}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:0;border-bottom:1px solid #343434;background:transparent;color:#fff;border-radius:0;padding:12px 2px;outline:none;transition:border .2s}.form-grid select{background:#0a0a0a}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-bottom-color:#fff}.form-grid input[type=file]{padding:14px 0;color:#888}.form-grid .check{flex-direction:row;align-items:flex-start;gap:12px}.form-grid .check input{width:18px;height:18px;flex:none;margin-top:2px}.form-grid .check span{text-transform:none;letter-spacing:0;font-size:13px;line-height:1.5}.form-alert{padding:12px 14px;border-radius:10px;font-size:14px}.form-alert.error{background:#351616;color:#ffb4b4}.form-alert.success{background:#163520;color:#b3f3c7}.form-aside{padding-top:8px}.form-aside h2{font-size:clamp(34px,4vw,58px);line-height:1;letter-spacing:-.05em;margin:.3em 0}.form-aside p{color:#888;font-size:16px}.contact-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.contact-details{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.contact-details .eyebrow{margin-top:30px}.contact-details>a{font-size:clamp(20px,2.4vw,34px);letter-spacing:-.03em;border-bottom:1px solid #444}.contact-details p{font-size:20px;margin:0}.map-section{height:480px;filter:grayscale(1) invert(.9) contrast(.85)}.map-section iframe{width:100%;height:100%;border:0}.site-footer{padding:clamp(70px,8vw,120px) var(--pad) 30px;background:#030303;border-top:1px solid var(--line)}.footer-top{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-bottom:80px}.footer-logo{width:190px;height:70px;object-fit:contain;object-position:left}.footer-top p{color:#888}.footer-cta p{font-size:clamp(36px,5vw,74px);line-height:.95;letter-spacing:-.05em;color:#fff;max-width:600px;margin:0 0 30px}.footer-bottom{max-width:var(--max);margin:0 auto;padding-top:24px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.3fr 1.4fr .8fr;gap:20px;font-size:11px;color:#777}.footer-bottom>div{display:flex;flex-wrap:wrap;gap:14px 22px}.footer-bottom>div:last-child{justify-content:flex-end;text-align:right}.footer-bottom a:hover{color:#fff}.whatsapp-fab{position:fixed;right:20px;bottom:20px;z-index:90;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#000;font-size:11px;font-weight:900;box-shadow:0 12px 45px rgba(0,0,0,.4)}.cookie-banner{position:fixed;left:20px;right:20px;bottom:20px;z-index:200;max-width:850px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#f2f2ee;color:#111;border-radius:16px;padding:16px 18px;box-shadow:0 22px 60px rgba(0,0,0,.4)}.cookie-banner[hidden]{display:none}.cookie-banner p{margin:0;font-size:13px}.cookie-banner p a{text-decoration:underline}.cookie-banner>div{display:flex;gap:8px}.cookie-banner button{border:1px solid #bbb;background:transparent;padding:10px 14px;border-radius:999px;font-size:11px;font-weight:700;cursor:pointer}.cookie-banner button.primary{background:#111;color:#fff;border-color:#111}
@media(max-width:1120px){.main-nav{gap:18px}.main-nav>a{font-size:10px}.service-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr)}.process-grid article:nth-child(2){border-right:0}.process-grid article:nth-child(3),.process-grid article:nth-child(4){border-top:1px solid var(--line)}.footer-bottom{grid-template-columns:1fr 1fr}.footer-bottom>div:last-child{grid-column:1/-1;justify-content:flex-start;text-align:left}}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto auto;gap:12px}.menu-toggle{display:block;order:3}.lang-switch{order:2}.main-nav{position:fixed;inset:0;z-index:-1;background:#050505;padding:120px var(--pad) 60px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:3px;transform:translateY(-110%);opacity:0;transition:.45s var(--ease);overflow:auto}.main-nav.open{transform:translateY(0);opacity:1}.main-nav>a{font-size:clamp(28px,7vw,54px);line-height:1.05;letter-spacing:-.04em;text-transform:none;width:100%;padding:8px 0}.main-nav .nav-cta{border:0;border-radius:0;padding:8px 0}.menu-open .menu-toggle span:first-child{transform:rotate(45deg);top:21px}.menu-open .menu-toggle span:last-child{transform:rotate(-45deg);top:21px}.hero h1{font-size:clamp(48px,10vw,85px)}.showreel-inner{align-items:flex-end}.detail-layout,.form-layout,.contact-layout{grid-template-columns:1fr;gap:50px}.project-detail-grid{grid-template-columns:1fr;gap:30px}.footer-top{grid-template-columns:1fr}.split-head{grid-template-columns:1fr;gap:30px}}
@media(max-width:680px){.site-header{padding:10px 18px}.brand img{width:118px;height:48px}.hero-content{width:auto;margin:0 20px 80px}.hero h1{font-size:clamp(45px,13vw,72px)}.hero p{font-size:15px}.scroll-mark{right:20px;bottom:22px}.section{padding:80px 0}.section-head{align-items:flex-start;flex-direction:column;margin-bottom:30px}.service-grid{grid-template-columns:1fr}.service-card{min-height:240px}.project-grid,.project-grid.archive{grid-template-columns:1fr;gap:36px}.showreel-inner{align-items:flex-start;flex-direction:column}.showreel h2{font-size:25vw}.play-button{width:140px}.process-grid{grid-template-columns:1fr}.process-grid article,.process-grid article+article{border-right:0;border-top:1px solid var(--line);padding:24px 0;min-height:190px}.process-grid article:first-child{border-top:0}.process-grid h3{margin-top:40px}.page-hero{padding:150px 0 60px}.page-hero h1{font-size:clamp(48px,15vw,85px)}.service-list>a{grid-template-columns:42px 1fr 26px;gap:12px}.service-list p{font-size:13px}.photo-grid{columns:2 150px}.video-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:1}.form-card{border-radius:14px}.footer-top{padding-bottom:55px}.footer-bottom{grid-template-columns:1fr}.footer-bottom>div:last-child{grid-column:auto}.cookie-banner{left:10px;right:10px;bottom:10px;align-items:flex-start;flex-direction:column}.whatsapp-fab{bottom:14px;right:14px}.project-detail-visual{aspect-ratio:4/3}.map-section{height:360px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee>div{animation:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* CONTENT YAPIM v1.0 additional modules: slider, Instagram, products, blog */
.hero-slider{position:relative}.hero-slide{position:absolute;inset:0;display:flex;align-items:flex-end;opacity:0;visibility:hidden;transition:opacity .8s var(--ease),visibility .8s var(--ease);z-index:1}.hero-slide.active{opacity:1;visibility:visible}.hero-slide .hero-content{margin-top:auto}.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.04);opacity:.72}.hero-slide::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.48) 45%,rgba(0,0,0,.18) 100%);pointer-events:none}.hero-slide .hero-content{z-index:3}.hero-dots{position:absolute;z-index:8;right:var(--pad);bottom:75px;display:flex;gap:8px}.hero-dots button{width:34px;height:3px;border:0;padding:0;background:rgba(255,255,255,.25);cursor:pointer;transition:background .25s,width .25s}.hero-dots button.active{background:#fff;width:54px}.instagram-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px}.instagram-card{display:block}.instagram-media{aspect-ratio:1;background:linear-gradient(145deg,#101010,#1b1b1b);display:grid;place-items:center;overflow:hidden;border:1px solid var(--line)}.instagram-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease)}.instagram-media span{font-size:32px;font-weight:700;letter-spacing:-.04em;color:#777}.instagram-card:hover img{transform:scale(1.035)}.instagram-card p{font-size:13px;color:#aaa;margin:10px 0 0}.social-big.compact{font-size:clamp(38px,6vw,86px);border-top:0;padding-top:0}.clients-strip{margin-top:80px;padding-top:30px;border-top:1px solid var(--line)}.client-grid{display:grid;grid-template-columns:repeat(6,1fr);margin-top:22px;border-top:1px solid #1d1d1d;border-left:1px solid #1d1d1d}.client-item{min-height:105px;border-right:1px solid #1d1d1d;border-bottom:1px solid #1d1d1d;display:grid;place-items:center;padding:18px;color:#8b8b87;font-size:13px;text-align:center}.client-item img{max-width:110px;max-height:46px;object-fit:contain;filter:grayscale(1);opacity:.72}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{border:1px solid var(--line);background:#090909;transition:transform .25s var(--ease),border-color .25s}.product-card:hover{transform:translateY(-4px);border-color:#444}.product-media{aspect-ratio:4/3;background:radial-gradient(circle at 78% 20%,#2a2a2a,transparent 26%),linear-gradient(145deg,#0a0a0a,#171717);display:grid;place-items:center;overflow:hidden}.product-media img{width:100%;height:100%;object-fit:cover}.product-media span{font-size:90px;font-weight:900;letter-spacing:-.12em;color:rgba(255,255,255,.07)}.product-card>div:last-child{padding:22px;position:relative}.product-card h2{margin:0 36px 8px 0;font-size:28px;letter-spacing:-.035em}.product-card p{margin:0;color:#888;font-size:14px}.product-card b{position:absolute;right:20px;top:22px;font-weight:400}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 18px}.blog-card{display:block}.blog-media{aspect-ratio:16/10;background:linear-gradient(145deg,#0e0e0e,#202020);display:grid;place-items:center;overflow:hidden;margin-bottom:15px}.blog-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s var(--ease)}.blog-card:hover .blog-media img{transform:scale(1.025)}.blog-media span{font-size:80px;font-weight:900;color:rgba(255,255,255,.07)}.blog-card time{font-size:10px;letter-spacing:.09em;color:#777}.blog-card h2{font-size:28px;line-height:1.06;letter-spacing:-.04em;margin:8px 0}.blog-card p{color:#858581;font-size:14px;margin:0}.blog-detail-image{width:100%;max-height:620px;object-fit:cover;margin-bottom:50px}
@media(max-width:1000px){.instagram-grid{grid-template-columns:repeat(2,1fr)}.client-grid{grid-template-columns:repeat(3,1fr)}.product-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.hero-dots{left:20px;right:auto;bottom:34px}.scroll-mark{display:none}.instagram-grid{grid-template-columns:repeat(2,1fr);gap:8px}.client-grid{grid-template-columns:repeat(2,1fr)}.product-grid,.blog-grid{grid-template-columns:1fr}.clients-strip{margin-top:55px}.hero-slide::after{background:linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,.25))}}

/* Spam tuzağı: gerçek kullanıcı arayüzünde görünmez, inline stil kullanılmaz. */
.hp-field{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}

/* Proje detay galerisi */
.project-actions{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 48px}.project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.project-gallery-item{display:block;padding:0;border:0;background:#111;overflow:hidden;cursor:zoom-in;aspect-ratio:16/10}.project-gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease)}.project-gallery-item:hover img{transform:scale(1.025)}@media(max-width:700px){.project-gallery{grid-template-columns:1fr}}

/* ==========================================================================
   CONTENT YAPIM v1.1 — CreativeAgencyAD esintili renk kodlama sistemi
   Amaç: Siyah/beyaz ağırlığını azaltıp bölümleri kontrollü renklerle ayırmak.
   ========================================================================== */
body{background:var(--bg);background-image:radial-gradient(circle at 90% 8%,color-mix(in srgb,var(--accent-purple) 16%,transparent),transparent 30%),radial-gradient(circle at 8% 28%,color-mix(in srgb,var(--accent-blue) 12%,transparent),transparent 34%)}
.site-header.scrolled{background:color-mix(in srgb,var(--bg) 88%,transparent);border-bottom-color:rgba(255,255,255,.13)}
.main-nav>a:not(.nav-cta)::after{background:linear-gradient(90deg,var(--accent-blue),var(--accent-purple),var(--accent-coral))}
.main-nav .nav-cta{background:var(--accent-blue);border-color:var(--accent-blue);color:#fff}.main-nav .nav-cta:hover{background:var(--accent-coral);border-color:var(--accent-coral);color:var(--ink)}
.hero{background:radial-gradient(circle at 78% 26%,color-mix(in srgb,var(--accent-purple) 34%,transparent),transparent 28%),radial-gradient(circle at 20% 76%,color-mix(in srgb,var(--accent-blue) 30%,transparent),transparent 34%),linear-gradient(135deg,#11131b 0%,#171a27 52%,#14172a 100%)}
.hero::before{color:rgba(255,255,255,.035)}.hero::after{background:linear-gradient(115deg,rgba(10,12,22,.74),rgba(10,12,22,.08) 52%,rgba(10,12,22,.28))}
.hero .eyebrow{color:#fff}.hero .eyebrow::before{content:"";display:inline-block;width:28px;height:3px;margin:0 10px 3px 0;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-purple));border-radius:99px}
.button.light{background:var(--accent-coral);color:var(--ink)}.button.light:hover{background:var(--accent-gold)}.button.ghost{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.45)}
.hero-dots button.active{background:var(--accent-cyan)}
.marquee{background:var(--paper);border-color:color-mix(in srgb,var(--ink) 13%,transparent)}.marquee>div{color:var(--ink)}
.marquee>div::first-letter{color:var(--accent-purple)}
#services{background:var(--paper);color:var(--ink)}#services .eyebrow{color:var(--accent-purple)}#services .text-link{border-color:color-mix(in srgb,var(--ink) 35%,transparent)}
.service-grid{border-color:color-mix(in srgb,var(--ink) 15%,transparent)}.service-card{--card-accent:var(--accent-blue);border-color:color-mix(in srgb,var(--ink) 15%,transparent);background:rgba(255,255,255,.28);overflow:hidden}.service-card:nth-child(6n+2){--card-accent:var(--accent-purple)}.service-card:nth-child(6n+3){--card-accent:var(--accent-cyan)}.service-card:nth-child(6n+4){--card-accent:var(--accent-coral)}.service-card:nth-child(6n+5){--card-accent:var(--accent-rose)}.service-card:nth-child(6n+6){--card-accent:var(--accent-gold)}.service-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:6px;background:var(--card-accent);transform:scaleX(.28);transform-origin:left;transition:transform .35s var(--ease)}.service-card:hover::before{transform:scaleX(1)}.service-card:hover{background:color-mix(in srgb,var(--card-accent) 18%,white);color:var(--ink)}.service-number{color:var(--card-accent);font-weight:800}.service-card p{color:#5f6270}.service-card:hover p,.service-card:hover .service-number{color:var(--ink)}.circle-arrow{border-color:color-mix(in srgb,var(--card-accent) 70%,var(--ink));background:var(--card-accent);color:var(--ink)}
.projects-section{background:linear-gradient(145deg,#171a28,#20243a);color:#fff}.projects-section .eyebrow{color:var(--accent-cyan)}.projects-section .text-link{border-color:var(--accent-cyan)}.project-card{--project-accent:var(--accent-blue)}.project-card:nth-child(6n+2){--project-accent:var(--accent-purple)}.project-card:nth-child(6n+3){--project-accent:var(--accent-coral)}.project-card:nth-child(6n+4){--project-accent:var(--accent-cyan)}.project-card:nth-child(6n+5){--project-accent:var(--accent-rose)}.project-card:nth-child(6n+6){--project-accent:var(--accent-gold)}.project-media{border-color:color-mix(in srgb,var(--project-accent) 55%,transparent);background:#111522}.project-info{border-top:3px solid var(--project-accent);margin-top:0;padding-top:14px}.project-info>div>span{color:var(--project-accent)}.project-media::after{background:var(--project-accent);color:var(--ink)}
.showreel{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-gold) 48%,var(--paper)),var(--paper) 46%,color-mix(in srgb,var(--accent-coral) 16%,var(--paper)));color:var(--ink)}.showreel .eyebrow{color:#5c4520}.play-button{border-color:var(--accent-gold);background:rgba(255,255,255,.35)}.play-button:hover{background:var(--accent-purple);border-color:var(--accent-purple);color:#fff}
.process{background:linear-gradient(145deg,color-mix(in srgb,var(--accent-cyan) 17%,white),#f4fbf9);color:var(--ink);border-bottom-color:rgba(17,19,26,.12)}.process .eyebrow{color:#057f83}.process-grid{border-color:rgba(17,19,26,.16)}.process-grid article{--process-accent:var(--accent-blue);border-color:rgba(17,19,26,.14)}.process-grid article:nth-child(2){--process-accent:var(--accent-purple)}.process-grid article:nth-child(3){--process-accent:var(--accent-coral)}.process-grid article:nth-child(4){--process-accent:var(--accent-gold)}.process-grid article>span{color:var(--process-accent);font-weight:800}.process-grid article{box-shadow:inset 0 5px 0 var(--process-accent)}.process-grid p{color:#5f6670}
.social-call{background:linear-gradient(125deg,var(--accent-purple),color-mix(in srgb,var(--accent-rose) 82%,var(--accent-purple)),var(--accent-coral));color:#fff}.social-call .eyebrow,.social-call .instagram-card p{color:rgba(255,255,255,.82)}.social-big{border-color:rgba(255,255,255,.3)}.instagram-media{border-color:rgba(255,255,255,.32);background:rgba(16,18,28,.2)}.client-grid,.clients-strip{border-color:rgba(255,255,255,.3)}.client-item{border-color:rgba(255,255,255,.25);color:#fff;background:rgba(255,255,255,.06)}.client-item img{filter:grayscale(1) brightness(2.2);opacity:.9}
.page-hero{background:radial-gradient(circle at 80% 22%,color-mix(in srgb,var(--accent-purple) 33%,transparent),transparent 28%),radial-gradient(circle at 20% 74%,color-mix(in srgb,var(--accent-blue) 24%,transparent),transparent 32%),linear-gradient(145deg,#11131b,#1b1f32);border-color:rgba(255,255,255,.14)}.page-hero .eyebrow{color:var(--accent-cyan)}
.page-hero + .section{background:var(--paper);color:var(--ink)}.page-hero + .section .richtext{color:#3d4250}.page-hero + .section .richtext h2,.page-hero + .section .richtext h3{color:var(--ink)}
.values{background:linear-gradient(135deg,color-mix(in srgb,var(--accent-blue) 12%,white),color-mix(in srgb,var(--accent-purple) 10%,white));color:var(--ink)}
.service-list>a{--list-accent:var(--accent-blue);border-color:rgba(17,19,26,.14)}.service-list>a:nth-child(6n+2){--list-accent:var(--accent-purple)}.service-list>a:nth-child(6n+3){--list-accent:var(--accent-cyan)}.service-list>a:nth-child(6n+4){--list-accent:var(--accent-coral)}.service-list>a:nth-child(6n+5){--list-accent:var(--accent-rose)}.service-list>a:nth-child(6n+6){--list-accent:var(--accent-gold)}.service-list>a>span,.service-list>a>b{color:var(--list-accent)}.service-list>a:hover{background:color-mix(in srgb,var(--list-accent) 14%,white)}
.product-card{--product-accent:var(--accent-blue);background:#fff;color:var(--ink);border-color:rgba(17,19,26,.13);box-shadow:0 18px 40px rgba(17,19,26,.06)}.product-card:nth-child(6n+2){--product-accent:var(--accent-purple)}.product-card:nth-child(6n+3){--product-accent:var(--accent-cyan)}.product-card:nth-child(6n+4){--product-accent:var(--accent-coral)}.product-card:nth-child(6n+5){--product-accent:var(--accent-rose)}.product-card:nth-child(6n+6){--product-accent:var(--accent-gold)}.product-card{border-top:5px solid var(--product-accent)}.product-card p{color:#666b75}.product-media{background:linear-gradient(145deg,color-mix(in srgb,var(--product-accent) 16%,#f6f6f2),#ececf0)}.product-media span{color:color-mix(in srgb,var(--product-accent) 38%,transparent)}
.blog-card{--blog-accent:var(--accent-purple);padding-bottom:18px;border-bottom:4px solid var(--blog-accent)}.blog-card:nth-child(5n+2){--blog-accent:var(--accent-blue)}.blog-card:nth-child(5n+3){--blog-accent:var(--accent-coral)}.blog-card:nth-child(5n+4){--blog-accent:var(--accent-cyan)}.blog-card:nth-child(5n+5){--blog-accent:var(--accent-gold)}.blog-card time{color:var(--blog-accent)}.blog-card p{color:#676b73}
.form-card{background:#fff;color:var(--ink);border:1px solid rgba(17,19,26,.12);box-shadow:0 24px 70px rgba(17,19,26,.08)}.form-card input,.form-card select,.form-card textarea{background:#f8f7f3;color:var(--ink);border-color:#d9d7cf}.form-aside{background:linear-gradient(145deg,var(--accent-blue),var(--accent-purple));color:#fff;border-radius:var(--radius);padding:clamp(28px,4vw,52px)}.form-aside .eyebrow{color:#fff}.form-aside p{color:rgba(255,255,255,.82)}
.contact-details .eyebrow{color:var(--accent-purple)}.map-section{border-top:8px solid var(--accent-cyan)}
.site-footer{background:#10121a;border-color:rgba(255,255,255,.1)}.footer-cta .text-link{border-color:var(--accent-coral)}.footer-bottom{border-color:rgba(255,255,255,.12)}.whatsapp-fab{background:var(--accent-cyan);color:var(--ink);box-shadow:0 12px 45px color-mix(in srgb,var(--accent-cyan) 28%,transparent)}
.cookie-banner{background:var(--paper);color:var(--ink)}.cookie-banner button.primary{background:var(--accent-purple);border-color:var(--accent-purple);color:#fff}
@media(max-width:900px){.main-nav{background:linear-gradient(145deg,#11131b,#1c2033)}.main-nav>a:nth-child(3n+1){color:#fff}.main-nav>a:nth-child(3n+2){color:color-mix(in srgb,var(--accent-cyan) 70%,white)}.main-nav>a:nth-child(3n+3){color:color-mix(in srgb,var(--accent-coral) 65%,white)}}
@media(max-width:680px){.service-card{min-height:225px}.social-call{background:linear-gradient(160deg,var(--accent-purple),var(--accent-rose) 58%,var(--accent-coral))}.form-aside{border-radius:14px}}



/* ========================================================================== 
   CONTENT YAPIM v1.2 — Görünür renk kodlama / açık zemin revizyonu
   Oluşturma: 2026-08-19 | Son değişiklik: 2026-08-19 | Hazırlayan: Özgür Elibol
   Amaç: Siyah-beyaz baskınlığını kaldırmak; CreativeAgencyAD yaklaşımındaki
   açık zemin + sıcak vurgu + bölüm bazlı renk ayrımını CONTENT YAPIM'a uyarlamak.
   ========================================================================== */
:root{
  --cy-canvas:#f7f3eb;
  --cy-white:#ffffff;
  --cy-ink:#17181d;
  --cy-navy:#27314f;
  --cy-navy-2:#39456a;
  --cy-gold:#b79a54;
  --cy-sand:#eadfc8;
  --cy-blue:#dce7f5;
  --cy-blue-strong:#6680c9;
  --cy-lilac:#e5ddf2;
  --cy-purple:#8267aa;
  --cy-mint:#dcebe3;
  --cy-sage:#6f9582;
  --cy-peach:#f2d7c8;
  --cy-coral:#d9785c;
  --cy-rose:#c86e8f;
  --cy-line:rgba(23,24,29,.14);
}
html{background:var(--cy-canvas)}
body{background:var(--cy-canvas);background-image:none;color:var(--cy-ink)}
.section{position:relative}
.eyebrow{color:#6e6657}

/* Header: hero üzerinde koyu; sayfa kaydırılınca açık ve renkli */
.site-header{background:linear-gradient(to bottom,rgba(39,49,79,.86),rgba(39,49,79,0));}
.site-header.scrolled{background:rgba(247,243,235,.94);border-bottom-color:rgba(23,24,29,.10);box-shadow:0 10px 30px rgba(39,49,79,.08)}
.site-header.scrolled .main-nav>a{color:var(--cy-ink)}
.site-header.scrolled .lang-switch{color:var(--cy-ink)}
.site-header.scrolled .menu-toggle span{background:var(--cy-ink)}
.main-nav>a:not(.nav-cta)::after{background:linear-gradient(90deg,var(--cy-gold),var(--cy-coral),var(--cy-purple))}
.main-nav .nav-cta{background:var(--cy-gold);border-color:var(--cy-gold);color:var(--cy-ink)}
.main-nav .nav-cta:hover{background:var(--cy-coral);border-color:var(--cy-coral);color:#fff}

/* Ana hero: siyah yerine lacivert + mor + sıcak altın ışık */
.hero{background:
  radial-gradient(circle at 82% 22%,rgba(183,154,84,.42),transparent 29%),
  radial-gradient(circle at 18% 78%,rgba(130,103,170,.46),transparent 32%),
  radial-gradient(circle at 60% 70%,rgba(102,128,201,.30),transparent 32%),
  linear-gradient(135deg,var(--cy-navy) 0%,#303b61 48%,#5c4b71 100%)}
.hero::before{color:rgba(255,255,255,.055)}
.hero::after{background:linear-gradient(110deg,rgba(26,31,52,.68),rgba(26,31,52,.12) 55%,rgba(26,31,52,.2))}
.hero p{color:rgba(255,255,255,.83)}
.hero .button.light{background:var(--cy-gold);color:var(--cy-ink)}
.hero .button.light:hover{background:#d7bd78}
.hero .button.ghost{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.54)}
.hero .eyebrow::before{background:linear-gradient(90deg,#d6bf7d,#e69179,#bca9d8)}
.scroll-mark{color:rgba(255,255,255,.72)}

/* Marquee */
.marquee{background:var(--cy-white);border-color:var(--cy-line)}
.marquee>div{color:#575047}

/* Hizmetler — krem zemin + her kartın kendi pastel kodu */
#services{background:var(--cy-canvas);color:var(--cy-ink)}
#services .section-head h2{color:var(--cy-ink)}
#services .eyebrow{color:#8b6f31}
.service-grid{gap:14px;border:0}
.service-card{border:1px solid var(--cy-line);border-radius:18px;background:var(--cy-white);min-height:300px;box-shadow:0 16px 34px rgba(39,49,79,.055)}
.service-card:nth-child(6n+1){--card-accent:var(--cy-gold);background:#fffaf0}
.service-card:nth-child(6n+2){--card-accent:var(--cy-purple);background:var(--cy-lilac)}
.service-card:nth-child(6n+3){--card-accent:var(--cy-coral);background:var(--cy-peach)}
.service-card:nth-child(6n+4){--card-accent:var(--cy-blue-strong);background:var(--cy-blue)}
.service-card:nth-child(6n+5){--card-accent:var(--cy-sage);background:var(--cy-mint)}
.service-card:nth-child(6n+6){--card-accent:var(--cy-rose);background:#f3dfe7}
.service-card::before{height:8px;transform:scaleX(1)}
.service-card:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(39,49,79,.12);background:var(--cy-white)}
.service-card h3,.service-card p,.service-card:hover h3,.service-card:hover p{color:var(--cy-ink)}
.service-number{color:var(--card-accent)}
.circle-arrow{opacity:1;transform:scale(1);background:var(--card-accent);border-color:transparent;color:#fff}

/* Projeler — açık mavi/lila blok; siyah bölüm kaldırıldı */
.projects-section{background:linear-gradient(135deg,var(--cy-blue) 0%,#edf0f8 45%,var(--cy-lilac) 100%);color:var(--cy-ink)}
.projects-section .section-head h2{color:var(--cy-ink)}
.projects-section .eyebrow{color:#4f659e}
.projects-section .text-link{border-color:#7b6e99;color:var(--cy-ink)}
.project-card{--project-accent:var(--cy-gold);background:rgba(255,255,255,.78);border-radius:18px;padding:10px 10px 16px;box-shadow:0 18px 40px rgba(39,49,79,.08);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.project-card:nth-child(6n+1){--project-accent:var(--cy-gold)}
.project-card:nth-child(6n+2){--project-accent:var(--cy-purple)}
.project-card:nth-child(6n+3){--project-accent:var(--cy-coral)}
.project-card:nth-child(6n+4){--project-accent:var(--cy-blue-strong)}
.project-card:nth-child(6n+5){--project-accent:var(--cy-sage)}
.project-card:nth-child(6n+6){--project-accent:var(--cy-rose)}
.project-card:hover{transform:translateY(-5px);box-shadow:0 24px 54px rgba(39,49,79,.14)}
.project-media{border:0;border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--project-accent) 34%,#f6f0e7),#d9deeb)}
.project-media.fallback{background:linear-gradient(145deg,color-mix(in srgb,var(--project-accent) 45%,#f9f3e9),#d9deeb)}
.project-monogram{color:rgba(23,24,29,.09)}
.project-card:hover .project-monogram{color:rgba(23,24,29,.14)}
.project-info{border-top:4px solid var(--project-accent);margin:10px 6px 0;padding-top:13px;color:var(--cy-ink)}
.project-info span{color:#716b65}.project-info>div>span{color:var(--project-accent);font-weight:800}
.project-media::after{background:var(--project-accent);color:#fff}

/* Showreel — sıcak altın renk bloğu */
.showreel{background:linear-gradient(120deg,#d8bd78 0%,#ead8ad 48%,#f4ded0 100%);color:var(--cy-ink)}
.showreel .eyebrow{color:#725c2f}.showreel p{color:#514b42}
.play-button{background:rgba(255,255,255,.48);border-color:#8b713b}.play-button:hover{background:var(--cy-navy);border-color:var(--cy-navy);color:#fff}

/* Süreç — mint/sage */
.process{background:linear-gradient(135deg,var(--cy-mint),#eef4ef);color:var(--cy-ink);border:0}
.process .eyebrow{color:#4f7866}.process h2{color:var(--cy-ink)}
.process-grid{border-color:rgba(23,24,29,.12)}
.process-grid article{background:rgba(255,255,255,.38);border-color:rgba(23,24,29,.12);box-shadow:inset 0 6px 0 var(--process-accent)}
.process-grid article:nth-child(1){--process-accent:var(--cy-gold)}
.process-grid article:nth-child(2){--process-accent:var(--cy-blue-strong)}
.process-grid article:nth-child(3){--process-accent:var(--cy-coral)}
.process-grid article:nth-child(4){--process-accent:var(--cy-purple)}
.process-grid p{color:#536059}

/* Instagram + markalar — canlı ama kontrollü mor/mercan */
.social-call{background:linear-gradient(130deg,#725c9b 0%,#9a668e 48%,#ce775d 100%);color:#fff}
.social-call .section-head,.social-call .social-big{color:#fff}
.instagram-card{background:rgba(255,255,255,.10);border-radius:16px;padding:10px}
.instagram-media{border:1px solid rgba(255,255,255,.28);border-radius:11px;background:rgba(255,255,255,.08)}
.client-item{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25)}
.client-item img{filter:none;opacity:1}

/* Alt sayfalar: koyu siyah hero yerine renkli lacivert/lila, içerik ise açık */
.page-hero{background:
  radial-gradient(circle at 82% 30%,rgba(183,154,84,.35),transparent 28%),
  radial-gradient(circle at 15% 80%,rgba(130,103,170,.42),transparent 32%),
  linear-gradient(135deg,var(--cy-navy),#47547b 58%,#705d82);color:#fff;border:0}
.page-hero .eyebrow{color:#e7d49f}.page-hero p{color:rgba(255,255,255,.79)}
.page-hero + .section{background:var(--cy-canvas);color:var(--cy-ink)}
.values{background:linear-gradient(135deg,var(--cy-sand),var(--cy-lilac));color:var(--cy-ink)}

/* Liste / kart sayfaları */
.service-list>a{background:var(--cy-white);border:1px solid var(--cy-line);border-radius:15px;margin-bottom:12px;padding-inline:22px;box-shadow:0 12px 28px rgba(39,49,79,.045)}
.service-list>a:nth-child(6n+1){--list-accent:var(--cy-gold)}
.service-list>a:nth-child(6n+2){--list-accent:var(--cy-purple)}
.service-list>a:nth-child(6n+3){--list-accent:var(--cy-coral)}
.service-list>a:nth-child(6n+4){--list-accent:var(--cy-blue-strong)}
.service-list>a:nth-child(6n+5){--list-accent:var(--cy-sage)}
.service-list>a:nth-child(6n+6){--list-accent:var(--cy-rose)}
.service-list>a:hover{background:color-mix(in srgb,var(--list-accent) 15%,white)}
.product-card{background:#fff;border-radius:16px;overflow:hidden}
.blog-card{background:#fff;border-radius:16px;padding:10px 10px 18px;box-shadow:0 14px 32px rgba(39,49,79,.055)}
.blog-media,.product-media{border-radius:10px}
.photo-item,.video-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 14px 32px rgba(39,49,79,.055)}

/* Formlar ve iletişim */
.form-card{background:#fff;border:1px solid rgba(23,24,29,.11);border-top:7px solid var(--cy-gold)}
.form-aside{background:linear-gradient(145deg,var(--cy-navy-2),var(--cy-purple));color:#fff}
.contact-details .eyebrow{color:var(--cy-purple)}
.map-section{border-top:8px solid var(--cy-gold)}

/* Footer: siyah değil, koyu lacivert */
.site-footer{background:var(--cy-navy);color:#fff;border:0}
.site-footer p,.site-footer span{color:rgba(255,255,255,.76)}
.footer-cta .text-link{border-color:var(--cy-gold)}
.whatsapp-fab{background:var(--cy-sage);color:#fff;box-shadow:0 14px 40px rgba(39,49,79,.22)}
.cookie-banner{background:#fffaf0;color:var(--cy-ink);border-color:rgba(23,24,29,.12)}
.cookie-banner button.primary{background:var(--cy-gold);border-color:var(--cy-gold);color:var(--cy-ink)}

/* Mobil */
@media(max-width:900px){
  .main-nav{background:linear-gradient(160deg,var(--cy-navy),#4f4164)}
  .site-header.scrolled .main-nav>a{color:#fff}
  .service-grid{gap:10px}
  .project-card{padding:8px 8px 14px}
}
@media(max-width:680px){
  .hero{background:radial-gradient(circle at 76% 18%,rgba(183,154,84,.40),transparent 30%),radial-gradient(circle at 18% 82%,rgba(130,103,170,.46),transparent 34%),linear-gradient(155deg,var(--cy-navy),#514366)}
  .service-card{min-height:230px}
  .projects-section{background:linear-gradient(160deg,var(--cy-blue),var(--cy-lilac))}
  .showreel{background:linear-gradient(150deg,#d8bd78,#f2dcc9)}
  .social-call{background:linear-gradient(165deg,#725c9b,#a96688 55%,#ce775d)}
}

/* ========================================================================== 
   CONTENT YAPIM v1.3.0 — RENKLİ / ENERJİK ANA TEMA
   Oluşturma: 2026-08-19 | Son değişiklik: 2026-08-19 | Hazırlayan: Özgür Elibol
   Amaç: CreativeAgencyAD benzeri renk kodlama mantığıyla monokrom görünümü kaldırmak.
   ========================================================================== */
:root{
  --cy-cream:#FFF8F0;
  --cy-white:#FFFFFF;
  --cy-ink:#171717;
  --cy-orange:var(--accent-coral,#FF5A1F);
  --cy-yellow:var(--accent-gold,#FFC857);
  --cy-green:var(--accent-cyan,#5B8C5A);
  --cy-purple:var(--accent-purple,#6C4AB6);
  --cy-blue:var(--accent-blue,#2F6BFF);
  --cy-rose:var(--accent-rose,#E6527A);
  --cy-peach:#FFE2D5;
  --cy-lilac:#EDE3FF;
  --cy-sky:#E0EBFF;
  --cy-mint:#E1F1E0;
  --cy-butter:#FFF0B8;
  --cy-softrose:#FBE0E8;
  --cy-deep:#27213C;
  --cy-line:rgba(23,23,23,.13);
}
html,body{background:var(--cy-cream);color:var(--cy-ink)}
body{background-image:none}

/* Header artık siyah değil */
.site-header,.site-header.scrolled{background:rgba(255,248,240,.96);border-bottom:1px solid var(--cy-line);box-shadow:0 8px 30px rgba(39,33,60,.06);backdrop-filter:blur(16px)}
.site-header{padding-block:10px}.site-header.scrolled{padding-block:8px}
.site-header .main-nav>a,.site-header.scrolled .main-nav>a,.site-header .lang-switch,.site-header.scrolled .lang-switch{color:var(--cy-ink)}
.site-header .menu-toggle span,.site-header.scrolled .menu-toggle span{background:var(--cy-ink)}
.main-nav>a:not(.nav-cta)::after{background:var(--cy-orange);height:3px;border-radius:99px}
.main-nav .nav-cta{background:var(--cy-orange);border-color:var(--cy-orange);color:#fff}
.main-nav .nav-cta:hover{background:var(--cy-purple);border-color:var(--cy-purple);color:#fff}
.lang-switch a{opacity:.5}.lang-switch a.active{color:var(--cy-orange);opacity:1}
.brand img{width:118px;height:44px}

/* Hero: turuncu + sarı + mor; video/fotoğraf varsa renk katmanının içinde görünür */
.hero{min-height:100svh;background:linear-gradient(120deg,var(--cy-orange) 0 40%,var(--cy-yellow) 40% 68%,var(--cy-purple) 68% 100%);color:#fff;padding-top:68px}
.hero::before{content:"CY";right:-.04em;top:12vh;color:rgba(255,255,255,.13);font-size:min(48vw,700px)}
.hero::after{background:linear-gradient(100deg,rgba(39,33,60,.16),rgba(39,33,60,.04) 50%,rgba(39,33,60,.18))}
.hero-slide::after{background:linear-gradient(90deg,rgba(39,33,60,.40) 0%,rgba(39,33,60,.10) 55%,rgba(39,33,60,.16) 100%)}
.hero-media{opacity:.24;filter:saturate(1.15) contrast(1.04);mix-blend-mode:multiply}
.hero h1{color:#fff;text-shadow:0 2px 24px rgba(39,33,60,.12)}
.hero p{color:rgba(255,255,255,.92)}
.hero .eyebrow{color:#fff}.hero .eyebrow::before{background:#fff}
.hero .button.light{background:#fff;color:var(--cy-ink)}.hero .button.light:hover{background:var(--cy-yellow);color:var(--cy-ink)}
.hero .button.ghost{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.75);color:#fff}.hero .button.ghost:hover{background:var(--cy-purple)}
.hero-dots button{background:rgba(255,255,255,.4)}.hero-dots button.active{background:#fff}
.scroll-mark{color:#fff}

.marquee{background:var(--cy-white);border-color:var(--cy-line)}.marquee>div{color:var(--cy-ink)}

/* Genel açık içerik */
.section{background:var(--cy-cream);color:var(--cy-ink)}
.section-head h2,.process h2{color:var(--cy-ink)}
.text-link{border-bottom-color:var(--cy-orange);color:var(--cy-ink)}

/* Hizmetler: her kart ayrı renk kodlu */
#services{background:var(--cy-cream);color:var(--cy-ink)}
#services .eyebrow{color:var(--cy-orange)}
.service-grid{border:0;gap:16px;grid-template-columns:repeat(3,1fr)}
.service-card{border:0;border-radius:22px;min-height:300px;box-shadow:0 16px 36px rgba(39,33,60,.07);color:var(--cy-ink);overflow:hidden}
.service-card:nth-child(6n+1){--card-accent:var(--cy-orange);background:var(--cy-peach)}
.service-card:nth-child(6n+2){--card-accent:var(--cy-purple);background:var(--cy-lilac)}
.service-card:nth-child(6n+3){--card-accent:var(--cy-green);background:var(--cy-mint)}
.service-card:nth-child(6n+4){--card-accent:var(--cy-blue);background:var(--cy-sky)}
.service-card:nth-child(6n+5){--card-accent:var(--cy-yellow);background:var(--cy-butter)}
.service-card:nth-child(6n+6){--card-accent:var(--cy-rose);background:var(--cy-softrose)}
.service-card::before{height:9px;background:var(--card-accent);transform:scaleX(1)}
.service-card:hover{background:#fff;color:var(--cy-ink);transform:translateY(-6px);box-shadow:0 24px 54px rgba(39,33,60,.13)}
.service-card h3,.service-card p,.service-card:hover h3,.service-card:hover p{color:var(--cy-ink)}
.service-number,.service-card:hover .service-number{color:var(--card-accent);font-weight:900}
.circle-arrow,.service-card:hover .circle-arrow{opacity:1;transform:scale(1);background:var(--card-accent);border-color:transparent;color:#fff}

/* Projeler: siyah bölüm tamamen kaldırıldı */
.projects-section{background:var(--cy-white);color:var(--cy-ink);border-top:12px solid var(--cy-purple)}
.projects-section .eyebrow{color:var(--cy-purple)}
.projects-section .section-head h2,.projects-section .text-link{color:var(--cy-ink)}
.project-grid{gap:24px}
.project-card{--project-accent:var(--cy-orange);background:var(--cy-peach);border-radius:22px;padding:12px 12px 18px;box-shadow:none;color:var(--cy-ink)}
.project-card:nth-child(6n+1){--project-accent:var(--cy-orange);background:var(--cy-peach)}
.project-card:nth-child(6n+2){--project-accent:var(--cy-purple);background:var(--cy-lilac)}
.project-card:nth-child(6n+3){--project-accent:var(--cy-green);background:var(--cy-mint)}
.project-card:nth-child(6n+4){--project-accent:var(--cy-blue);background:var(--cy-sky)}
.project-card:nth-child(6n+5){--project-accent:#A67C00;background:var(--cy-butter)}
.project-card:nth-child(6n+6){--project-accent:var(--cy-rose);background:var(--cy-softrose)}
.project-card:hover{transform:translateY(-5px);box-shadow:0 24px 54px rgba(39,33,60,.12)}
.project-media,.project-media.fallback{border:0;border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.68),rgba(255,255,255,.22))}
.project-media.has-image{background-position:center;background-size:cover}
.project-monogram{color:rgba(23,23,23,.10)}.project-card:hover .project-monogram{color:rgba(23,23,23,.16)}
.project-info{border-top:5px solid var(--project-accent);margin-top:10px;padding:14px 4px 0;color:var(--cy-ink)}
.project-info span{color:#5f5a56}.project-info>div>span{color:var(--project-accent);font-weight:900}
.project-info h3{color:var(--cy-ink)}
.project-media::after{background:var(--project-accent);color:#fff}

/* Showreel: yüksek kontrastlı sarı blok */
.showreel{background:var(--cy-yellow);color:var(--cy-ink);border-top:12px solid var(--cy-orange)}
.showreel .eyebrow,.showreel p{color:var(--cy-ink)}
.play-button{background:#fff;border-color:var(--cy-ink);color:var(--cy-ink)}.play-button:hover{background:var(--cy-purple);border-color:var(--cy-purple);color:#fff}

/* Süreç: yeşil */
.process{background:var(--cy-mint);color:var(--cy-ink);border-top:12px solid var(--cy-green);border-bottom:0}
.process .eyebrow{color:var(--cy-green)}
.process-grid{border-color:var(--cy-line)}
.process-grid article{background:rgba(255,255,255,.54);border-color:var(--cy-line);box-shadow:inset 0 7px 0 var(--process-accent)}
.process-grid article:nth-child(1){--process-accent:var(--cy-orange)}
.process-grid article:nth-child(2){--process-accent:var(--cy-blue)}
.process-grid article:nth-child(3){--process-accent:var(--cy-purple)}
.process-grid article:nth-child(4){--process-accent:var(--cy-green)}
.process-grid p{color:#455145}

/* Instagram / markalar: mor */
.social-call{background:var(--cy-purple);color:#fff;border-top:12px solid var(--cy-rose)}
.social-call .eyebrow,.social-call .section-head h2,.social-call .social-big{color:#fff}
.instagram-card{background:rgba(255,255,255,.12);border-radius:18px;padding:10px}.instagram-media{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.25);border-radius:13px}.instagram-card p{color:rgba(255,255,255,.85)}
.clients-strip{border-color:rgba(255,255,255,.25)}.client-grid{border:0;gap:8px}.client-item{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.20);border-radius:12px;color:#fff}.client-item img{filter:none;opacity:1}

/* Alt sayfa hero */
.page-hero{background:linear-gradient(125deg,var(--cy-purple) 0 48%,var(--cy-orange) 48% 78%,var(--cy-yellow) 78%);color:#fff;border:0}
.page-hero .eyebrow{color:#fff}.page-hero h1{color:#fff}.page-hero p{color:rgba(255,255,255,.9)}
.page-hero + .section{background:var(--cy-cream);color:var(--cy-ink)}
.values{background:var(--cy-butter);color:var(--cy-ink);border-top:12px solid var(--cy-yellow)}

/* Liste/kart içerikleri */
.service-list>a{background:#fff;border:0;border-left:8px solid var(--list-accent,var(--cy-orange));border-radius:16px;margin-bottom:12px;color:var(--cy-ink);box-shadow:0 12px 26px rgba(39,33,60,.06)}
.service-list>a:nth-child(6n+1){--list-accent:var(--cy-orange)}.service-list>a:nth-child(6n+2){--list-accent:var(--cy-purple)}.service-list>a:nth-child(6n+3){--list-accent:var(--cy-green)}.service-list>a:nth-child(6n+4){--list-accent:var(--cy-blue)}.service-list>a:nth-child(6n+5){--list-accent:#A67C00}.service-list>a:nth-child(6n+6){--list-accent:var(--cy-rose)}
.service-list>a:hover{background:var(--cy-butter)}
.product-card,.blog-card,.photo-item,.video-card{background:#fff;color:var(--cy-ink);border:0;border-radius:18px;overflow:hidden;box-shadow:0 14px 34px rgba(39,33,60,.07)}
.product-media,.blog-media,.video-poster{background:var(--cy-sky)}
.product-card p,.blog-card p{color:#666}

/* Formlar */
.form-card{background:#fff;color:var(--cy-ink);border:0;border-top:10px solid var(--cy-orange);box-shadow:0 18px 48px rgba(39,33,60,.09)}
.form-card input,.form-card textarea,.form-card select{background:var(--cy-cream);color:var(--cy-ink);border-color:var(--cy-line)}
.form-aside{background:var(--cy-purple);color:#fff;border-top:10px solid var(--cy-yellow)}
.contact-details .eyebrow{color:var(--cy-orange)}
.map-section{border-top:12px solid var(--cy-green)}
.button.light{background:var(--cy-orange);color:#fff}.button.light:hover{background:var(--cy-purple);color:#fff}

/* Footer: koyu mor; siyah değil */
.site-footer{background:var(--cy-deep);color:#fff;border-top:12px solid var(--cy-orange)}
.site-footer p,.site-footer span{color:rgba(255,255,255,.76)}
.footer-cta .text-link{color:#fff;border-color:var(--cy-yellow)}
.whatsapp-fab{background:var(--cy-green);color:#fff;box-shadow:0 12px 36px rgba(39,33,60,.22)}
.cookie-banner{background:#fff;color:var(--cy-ink);border:2px solid var(--cy-yellow)}.cookie-banner button.primary{background:var(--cy-orange);border-color:var(--cy-orange);color:#fff}

@media(max-width:900px){
  .main-nav{background:var(--cy-cream);color:var(--cy-ink);border-top:1px solid var(--cy-line)}
  .main-nav>a,.site-header.scrolled .main-nav>a{color:var(--cy-ink)}
  .service-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:680px){
  .hero{background:linear-gradient(155deg,var(--cy-orange) 0 48%,var(--cy-purple) 48% 78%,var(--cy-yellow) 78%)}
  .hero-slide::after{background:linear-gradient(0deg,rgba(39,33,60,.40),rgba(39,33,60,.05))}
  .service-grid{grid-template-columns:1fr}
  .projects-section{background:#fff}
  .project-grid{grid-template-columns:1fr}
  .showreel{background:var(--cy-yellow)}
  .social-call{background:var(--cy-purple)}
}