:root{
  --bg:#030b12;--bg2:#07131c;--card:#07111a;--line:#27323b;--cream:#f0e3d4;
  --text:#d4d6d7;--muted:#9aa2a8;--gold:#e7b968;--gold2:#ffd98b;--white:#fff;
  --serif:Georgia,"Times New Roman",serif;--sans:Inter,Arial,Helvetica,sans-serif;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.55}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1120px,90%);margin:auto}.section{padding:72px 0}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:.38em;text-transform:uppercase;margin-bottom:14px}.title{font-family:var(--serif);color:var(--cream);font-weight:400;line-height:.98;font-size:clamp(42px,6vw,74px);margin:0}.section-title{font-family:var(--serif);font-size:clamp(34px,4.3vw,54px);line-height:1.05;color:var(--cream);font-weight:400;margin:6px 0 20px}.lead{font-size:16px;color:#d7d8d9;max-width:620px}.gold-rule{width:40px;height:2px;background:var(--gold);margin:24px 0}.tagline{font-size:11px;letter-spacing:.38em;color:#b6b9bc;text-transform:uppercase;display:flex;align-items:center;gap:12px}.tagline:before,.tagline:after{content:"";width:38px;height:1px;background:var(--gold)}
header{position:relative;z-index:20;background:linear-gradient(#030b12f5,#030b12d5);border-bottom:1px solid #17222c}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand img{width:195px;height:auto}.links{display:flex;align-items:center;gap:34px;font-size:14px}.links a{padding:29px 0 25px;border-bottom:1px solid transparent}.links a:hover,.links a.active{color:var(--cream);border-color:var(--gold)}.cta{border:1px solid var(--gold);border-radius:14px;padding:12px 24px;color:var(--gold2);white-space:nowrap}.hamb{display:none;font-size:26px;color:var(--gold);cursor:pointer}
.hero{min-height:560px;position:relative;overflow:hidden;border-bottom:1px solid #1c2832}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#030b12 0%,#030b12e8 34%,#030b1288 58%,#030b1210 100%)}.hero-bg{position:absolute;inset:0;background:url('../assets/images/hero-earth.jpg') center/cover no-repeat}.hero-inner{position:relative;z-index:2;padding:70px 0 60px}.hero-copy{max-width:600px}.hero .title{max-width:650px}.hero-note{position:absolute;z-index:3;right:6%;top:145px;color:var(--gold2);font-size:12px;letter-spacing:.38em;line-height:1.7;text-transform:uppercase;max-width:130px}.btns{display:flex;gap:14px;margin:30px 0 36px}.btn{padding:13px 28px;border-radius:8px;border:1px solid var(--gold);font-size:14px}.btn.primary{background:linear-gradient(90deg,#f5d28b,#e9b85e);color:#111;border:none}.btn:hover{transform:translateY(-1px)}
.services-grid,.values-grid,.contact-cards,.features-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service-item,.value-item,.contact-card,.feature-item{padding:34px 28px;text-align:center;border-right:1px solid var(--line)}.service-item:last-child,.value-item:last-child,.contact-card:last-child,.feature-item:last-child{border-right:0}.icon{width:58px;height:58px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;color:var(--gold2);font-size:26px}.service-item h3,.value-item h3,.contact-card h3{font-family:var(--serif);font-weight:400;color:var(--cream);font-size:24px;margin:8px 0 9px}.service-item p,.value-item p,.contact-card p{margin:0;color:#b9bec2;font-size:14px}
.split{display:grid;grid-template-columns:1fr 1.2fr;align-items:stretch;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.split-copy{padding:70px max(5%,calc((100vw - 1120px)/2)) 70px 5vw;display:flex;flex-direction:column;justify-content:center}.split-image{min-height:420px;background:center/cover no-repeat}.home-work{background-image:linear-gradient(90deg,#030b1200,#030b1210),url('../assets/images/home-office.jpg')}
footer{border-top:1px solid var(--line);padding:42px 0 20px;background:#030a10}.footer-grid{display:grid;grid-template-columns:1.7fr .8fr 1fr 1fr;gap:34px}.footer-brand img{width:170px}.footer-brand p{max-width:320px;color:#aeb4b8;font-size:13px}.footer-col{border-left:1px solid var(--line);padding-left:32px}.footer-col h4{color:var(--cream);font-weight:500;margin:0 0 12px}.footer-col a,.footer-col div{display:block;color:#aeb4b8;font-size:13px;margin:6px 0}.footer-bottom{border-top:1px solid var(--line);margin-top:30px;padding-top:18px;display:flex;justify-content:space-between;color:#7f8990;font-size:12px}.socials{display:flex;gap:16px;color:var(--gold2);font-weight:700;margin-top:18px}
.about-main{display:grid;grid-template-columns:1fr 1.05fr;min-height:470px}.about-copy{padding:62px 7vw 56px max(5vw,calc((100vw - 1120px)/2))}.about-photo{background:url('../assets/images/about-office.jpg') center/cover}.quote-band{background:url('../assets/images/about-galaxy.jpg') center/cover;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:42px 0}.quote-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:center}.quote{font-family:var(--serif);font-size:clamp(28px,4vw,43px);font-style:italic;color:var(--cream);line-height:1.15}
.packages-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:26px}.packages{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.package{border:1px solid #384651;border-radius:18px;padding:24px 23px;background:linear-gradient(180deg,#07131d,#061018);min-height:610px}.package.featured{border:2px solid var(--gold);box-shadow:0 0 40px #c8903320}.package h3{font-family:var(--serif);font-size:22px;color:var(--gold2);margin:0 0 5px}.package .desc{font-size:12px;color:#aab2b7;min-height:42px}.price{font-family:var(--serif);font-size:36px;color:#fff;margin:15px 0 0}.monthly{font-size:11px;letter-spacing:.15em;color:#9fa7ad}.package ul{list-style:none;padding:0;margin:20px 0 0}.package li{font-size:12px;color:#ccd0d2;margin:10px 0;padding-left:21px;position:relative}.package li:before{content:"✓";position:absolute;left:0;color:var(--gold2)}.included{margin-top:28px;border:1px solid var(--line);border-radius:18px;display:grid;grid-template-columns:1.2fr repeat(6,1fr);align-items:center;overflow:hidden}.included>*{padding:22px 15px;text-align:center;border-right:1px solid var(--line);font-size:12px}.included>*:last-child{border:0}.included-label{color:var(--gold);letter-spacing:.25em;font-size:11px!important}.services-bottom{display:grid;grid-template-columns:1.05fr 1fr;margin-top:34px}.notebook{min-height:340px;background:url('../assets/images/services-notebook.jpg') center/cover}.why{padding:35px 48px}.why h4{color:var(--cream);margin:0 0 4px}.why p{font-size:13px;color:#aeb4b8;margin:0 0 18px}.why-row{display:grid;grid-template-columns:44px 1fr;gap:12px}.why-ico{color:var(--gold);font-size:28px}
.vm-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:28px 0}.vm-card{position:relative;border:1px solid #4b5660;border-radius:18px;overflow:hidden;min-height:455px;background-size:cover;background-position:center}.vm-card.vision{background-image:url('../assets/images/vision.jpg')}.vm-card.mission{background-image:url('../assets/images/mission.jpg')}.vm-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#061019ef 0%,#061019bb 48%,#06101930 100%)}.vm-content{position:relative;z-index:2;padding:36px 34px;max-width:82%}.vm-content h2{font-family:var(--serif);font-weight:400;color:var(--cream);font-size:36px;line-height:1.05}.vm-content p{color:#d0d3d5;font-size:14px}
.contact-cards{border-top:0}.contact-form-wrap{display:grid;grid-template-columns:1.05fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.form-side{padding:36px max(4vw,calc((100vw - 1120px)/2)) 36px 5vw}.office-side{background:url('../assets/images/contact-office.jpg') center/cover;min-height:480px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;background:#07131c;border:1px solid #35424d;border-radius:8px;color:#dfe2e3;padding:13px 14px;outline:none}.form-grid textarea{grid-column:1/-1;min-height:120px;resize:vertical}.form-grid button{grid-column:1/-1;background:linear-gradient(90deg,#f5d18a,#e4b054);border:0;border-radius:8px;padding:14px;font-weight:600}.map-section{display:grid;grid-template-columns:280px 1fr;gap:40px;align-items:center;padding:30px 0}.map{height:240px;border:1px solid #384651;border-radius:15px;background:radial-gradient(circle at 62% 45%,#d29b4240 0 5%,transparent 6%),linear-gradient(135deg,#26313b 1px,transparent 1px),linear-gradient(45deg,#26313b 1px,transparent 1px),#101923;background-size:auto,38px 38px,38px 38px;position:relative;overflow:hidden}.map:before{content:"Creora Creative Ajans\A İstanbul, Türkiye";white-space:pre;position:absolute;right:32px;top:35px;background:#121d26e8;border:1px solid #33414c;border-radius:8px;padding:14px 18px;color:#e9ecee}.map:after{content:"İstanbul";position:absolute;left:25%;bottom:38px;font-family:var(--serif);font-size:25px;color:#cbd1d4}
@media(max-width:900px){.links{display:none;position:absolute;top:84px;left:0;right:0;background:#030b12;border-top:1px solid var(--line);padding:20px 6%;flex-direction:column;gap:0}.links.open{display:flex}.links a{padding:13px 0;width:100%}.nav>.cta{display:none}.hamb{display:block}.hero{min-height:590px}.hero:after{background:linear-gradient(180deg,#030b12e5,#030b12aa 55%,#030b1260)}.hero-note{display:none}.services-grid,.values-grid,.contact-cards,.features-grid{grid-template-columns:1fr 1fr}.service-item:nth-child(2),.value-item:nth-child(2),.contact-card:nth-child(2){border-right:0}.split,.about-main,.contact-form-wrap{grid-template-columns:1fr}.about-photo,.split-image,.office-side{min-height:360px}.packages{grid-template-columns:1fr 1fr}.included{grid-template-columns:1fr 1fr 1fr}.included>*{border-bottom:1px solid var(--line)}.services-bottom,.quote-grid,.footer-grid,.map-section{grid-template-columns:1fr}.footer-col{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.vm-grid{grid-template-columns:1fr}.vm-content{max-width:88%}}
@media(max-width:600px){.container{width:92%}.brand img{width:155px}.nav{height:72px}.links{top:72px}.section{padding:52px 0}.hero-inner{padding-top:50px}.btns{flex-direction:column;max-width:260px}.services-grid,.values-grid,.contact-cards,.features-grid,.packages{grid-template-columns:1fr}.service-item,.value-item,.contact-card,.feature-item{border-right:0;border-bottom:1px solid var(--line)}.package{min-height:auto}.included{grid-template-columns:1fr 1fr}.included-label{grid-column:1/-1}.vm-content h2{font-size:30px}.form-grid{grid-template-columns:1fr}.form-grid textarea,.form-grid button{grid-column:auto}.footer-bottom{flex-direction:column;gap:10px}.map-section{grid-template-columns:1fr}}


/* ===== V2 PREMIUM MOTION LAYER ===== */
body{overflow-x:hidden;background:
  radial-gradient(circle at 12% 8%,rgba(31,60,83,.10),transparent 28%),
  radial-gradient(circle at 88% 14%,rgba(231,185,104,.05),transparent 22%),
  var(--bg)}
body.page-boot{overflow:hidden}
::selection{background:rgba(231,185,104,.28);color:#fff}

#page-loader{position:fixed;inset:0;z-index:9999;background:#02070c;display:grid;place-items:center;opacity:1;visibility:visible;transition:opacity .55s ease,visibility .55s ease;overflow:hidden}
#page-loader:before{content:"";position:absolute;inset:-20%;background:radial-gradient(circle at 50% 52%,rgba(231,185,104,.11),transparent 18%),radial-gradient(circle at 50% 50%,rgba(40,79,116,.13),transparent 40%);animation:loaderAura 2.8s ease-in-out infinite}
#page-loader:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.03) 48%,transparent 54%);transform:translateX(-100%);animation:loaderSweep 2s ease-in-out infinite}
.loader-card{position:relative;width:min(520px,82vw);display:grid;place-items:center;transform:scale(.965);animation:loaderIn .65s cubic-bezier(.2,.8,.2,1) forwards}
.loader-card img{width:100%;max-height:55vh;object-fit:contain;filter:drop-shadow(0 0 18px rgba(231,185,104,.16));border-radius:18px}
.loader-star{position:absolute;left:50%;top:49%;width:10px;height:10px;border-radius:50%;background:#fff6d7;box-shadow:0 0 10px #fff,0 0 28px #f2c56f,0 0 60px rgba(231,185,104,.75);transform:translate(-50%,-50%);animation:starPulse 1.25s ease-in-out infinite}
.loader-star:before,.loader-star:after{content:"";position:absolute;left:50%;top:50%;background:linear-gradient(90deg,transparent,#fff8d6,transparent);transform:translate(-50%,-50%)}
.loader-star:before{width:110px;height:1px}.loader-star:after{width:1px;height:110px;background:linear-gradient(180deg,transparent,#fff8d6,transparent)}
.loader-caption{margin-top:14px;color:#d8b46e;font-size:10px;letter-spacing:.42em;text-transform:uppercase;opacity:.78}
body.loaded #page-loader{opacity:0;visibility:hidden;pointer-events:none}
body.page-leaving #page-loader{opacity:1;visibility:visible;pointer-events:auto}
body.page-leaving #page-loader .loader-card{animation:loaderIn .38s cubic-bezier(.2,.8,.2,1) forwards}
@keyframes loaderIn{from{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}
@keyframes loaderAura{0%,100%{transform:scale(.92);opacity:.58}50%{transform:scale(1.08);opacity:1}}
@keyframes loaderSweep{0%{transform:translateX(-115%)}60%,100%{transform:translateX(115%)}}
@keyframes starPulse{0%,100%{transform:translate(-50%,-50%) scale(.8);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.35);opacity:1}}

header{position:sticky;top:0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(180deg,rgba(3,11,18,.90),rgba(3,11,18,.70));transition:background .35s ease,box-shadow .35s ease,border-color .35s ease}
header.scrolled{background:rgba(2,8,13,.91);box-shadow:0 12px 36px rgba(0,0,0,.34);border-color:rgba(231,185,104,.15)}
.brand img{transition:transform .35s ease,filter .35s ease}.brand:hover img{transform:scale(1.025);filter:drop-shadow(0 0 12px rgba(231,185,104,.22))}
.links a{position:relative;transition:color .25s ease}.links a:after{content:"";position:absolute;left:50%;right:50%;bottom:20px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);transition:left .3s ease,right .3s ease}.links a:hover:after,.links a.active:after{left:0;right:0}.links a:hover,.links a.active{border-color:transparent}
.cta,.btn{position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease}.cta:before,.btn:before{content:"";position:absolute;top:0;bottom:0;width:55px;left:-80px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-18deg);transition:left .55s ease}.cta:hover:before,.btn:hover:before{left:120%}.cta:hover,.btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(231,185,104,.12)}

.hero{isolation:isolate}.hero-bg{transform:scale(1.04);animation:heroDrift 14s ease-in-out infinite alternate;will-change:transform}.hero:before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 73% 31%,rgba(231,185,104,.12),transparent 17%),linear-gradient(180deg,transparent 70%,rgba(3,11,18,.28));pointer-events:none}.hero-inner,.hero-note{z-index:3}.hero-copy>*{opacity:0;transform:translateY(18px);animation:heroReveal .75s cubic-bezier(.2,.8,.2,1) forwards}.hero-copy>*:nth-child(1){animation-delay:.18s}.hero-copy>*:nth-child(2){animation-delay:.29s}.hero-copy>*:nth-child(3){animation-delay:.40s}.hero-copy>*:nth-child(4){animation-delay:.51s}.hero-copy>*:nth-child(5){animation-delay:.62s}.hero-note{opacity:0;animation:fadeIn 1s ease .75s forwards}
@keyframes heroReveal{to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}@keyframes heroDrift{from{transform:scale(1.04) translate3d(0,0,0)}to{transform:scale(1.085) translate3d(-.6%,.2%,0)}}

.section,.split,.about-main,.quote-band,.contact-form-wrap,.map-section,.vm-grid,.packages-head,.packages,.included,.services-bottom,.features-grid,.values-grid,.contact-cards{position:relative}
.section:before{content:"";position:absolute;left:50%;top:0;width:min(900px,80%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(231,185,104,.13),transparent)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.in-view{opacity:1;transform:translateY(0)}
.reveal-stagger>*{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}.reveal-stagger.in-view>*{opacity:1;transform:none}.reveal-stagger.in-view>*:nth-child(2){transition-delay:.08s}.reveal-stagger.in-view>*:nth-child(3){transition-delay:.16s}.reveal-stagger.in-view>*:nth-child(4){transition-delay:.24s}.reveal-stagger.in-view>*:nth-child(5){transition-delay:.32s}.reveal-stagger.in-view>*:nth-child(6){transition-delay:.40s}

.service-item,.value-item,.contact-card,.feature-item,.package,.included>*{transition:transform .3s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease}.service-item:hover,.value-item:hover,.contact-card:hover,.feature-item:hover{background:linear-gradient(180deg,rgba(231,185,104,.035),rgba(255,255,255,.01));transform:translateY(-4px)}.service-item:hover .icon,.value-item:hover .icon,.contact-card:hover .icon{box-shadow:0 0 28px rgba(231,185,104,.16);transform:rotate(-3deg) scale(1.04)}.icon{transition:transform .3s ease,box-shadow .3s ease}
.package:hover{transform:translateY(-7px);border-color:rgba(231,185,104,.60);box-shadow:0 18px 45px rgba(0,0,0,.25)}.package.featured:hover{box-shadow:0 18px 55px rgba(200,144,51,.16)}

.split-image,.about-photo,.office-side,.notebook,.vm-card{transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .5s ease;background-attachment:scroll}.split:hover .split-image,.about-main:hover .about-photo,.contact-form-wrap:hover .office-side{filter:saturate(1.05) contrast(1.03)}
.gold-rule{position:relative;overflow:visible}.gold-rule:after{content:"";position:absolute;right:-2px;top:50%;width:6px;height:6px;background:#fff4cc;border-radius:50%;transform:translate(50%,-50%);box-shadow:0 0 8px #fff,0 0 18px var(--gold);animation:ruleGlow 2.4s ease-in-out infinite}@keyframes ruleGlow{50%{opacity:.35;transform:translate(50%,-50%) scale(.7)}}

.form-grid input,.form-grid select,.form-grid textarea{transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:rgba(231,185,104,.72);box-shadow:0 0 0 3px rgba(231,185,104,.08);background:#091823}.form-grid button{cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.form-grid button:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(231,185,104,.14)}
footer{position:relative}footer:before{content:"";position:absolute;top:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:.25}

@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.hero-bg{transform:none!important}.reveal,.reveal-stagger>*{opacity:1!important;transform:none!important}}
@media(max-width:900px){#page-loader .loader-card{width:min(420px,88vw)}.hero-bg{animation-duration:18s}.links a:after{bottom:8px}.reveal{transform:translateY(18px)}}


/* V3 — typography, alignment, vector icons and real map */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Cormorant+Garamond:wght@400;500;600&display=swap');
:root{--serif:"Cormorant Garamond",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}
body{font-family:var(--sans);font-size:15px;letter-spacing:-.012em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.title,.section-title,.service-item h3,.value-item h3,.contact-card h3,.package h3,.price,.quote,.vm-content h2,.map-section .section-title{font-family:var(--serif);letter-spacing:-.025em}
.title{font-weight:500}.section-title{font-weight:500}.lead{line-height:1.75}.eyebrow{font-weight:600;letter-spacing:.31em}.links{font-weight:500}.cta{font-weight:600}
.services-grid,.values-grid,.contact-cards,.features-grid{align-items:stretch}
.service-item,.value-item,.contact-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100%;padding:34px 30px}
.service-item h3,.value-item h3,.contact-card h3{display:flex;align-items:center;justify-content:center;min-height:58px;margin:2px 0 10px;font-size:23px;line-height:1.18}
.service-item p,.value-item p,.contact-card p{max-width:265px;line-height:1.65}
.icon{flex:0 0 auto;margin-bottom:18px}.ui-icon{width:26px;height:26px}.icon .ui-icon{width:27px;height:27px}
.package{display:flex;flex-direction:column}.package .desc{min-height:44px;line-height:1.45}.package ul{flex:1}.package h3{font-weight:600;letter-spacing:-.015em}.price{font-weight:500;letter-spacing:-.015em}
.included-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:82px}.included-icon{width:23px;height:23px;color:var(--gold2)}.included-item span{white-space:nowrap}
.why-ico{display:grid;place-items:center;width:44px;height:44px;color:var(--gold)}.why-svg{width:29px;height:29px}
.feature-item{display:flex;align-items:center;justify-content:center;gap:10px}.feature-icon{width:20px;height:20px;color:var(--gold2)}
.socials,.contact-socials{display:flex;align-items:center;gap:11px}.socials a,.contact-socials a{width:34px;height:34px;border:1px solid rgba(231,185,104,.35);border-radius:50%;display:grid;place-items:center;color:var(--gold2);transition:transform .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease}.socials a:hover,.contact-socials a:hover{transform:translateY(-2px);background:rgba(231,185,104,.09);border-color:var(--gold);box-shadow:0 8px 24px rgba(231,185,104,.12)}.social-icon{width:17px;height:17px}.footer-brand .socials{margin-top:18px}.contact-socials{justify-content:center;margin:3px 0 8px}
.contact-primary{color:#fff;font-weight:600;margin:-1px 0 6px;transition:color .2s ease}.contact-primary:hover{color:var(--gold2)}
.footer-contact{display:flex!important;align-items:center;gap:9px;color:#aeb4b8!important}.footer-contact:hover{color:var(--gold2)!important}.mini-icon{width:16px;height:16px;color:var(--gold2);flex:0 0 auto}
.map{background:#0d151d;height:260px}.map:before,.map:after{display:none}.map-frame{width:100%;height:100%;border:0;filter:grayscale(.78) saturate(.65) brightness(.62) contrast(1.14)}.map-badge{position:absolute;right:22px;top:22px;z-index:2;background:rgba(5,13,20,.9);border:1px solid rgba(231,185,104,.38);border-radius:10px;padding:12px 16px;display:flex;flex-direction:column;gap:2px;box-shadow:0 14px 35px rgba(0,0,0,.25);pointer-events:none}.map-badge strong{color:var(--cream);font-family:var(--serif);font-size:16px}.map-badge span{font-size:12px;color:#b9c0c5}
.form-grid select{appearance:auto}.form-grid option{background:#08151e;color:#eef0f1}
.footer-grid{align-items:start}.footer-col h4{font-weight:600}.footer-col a,.footer-col div{line-height:1.45}
@media(max-width:900px){.service-item h3,.value-item h3,.contact-card h3{min-height:auto}.socials a,.contact-socials a{width:32px;height:32px}.included-item span{white-space:normal}.map-badge{right:12px;top:12px}.map-section{grid-template-columns:1fr}.map{height:300px}}

/* V4 — refined editorial typography */
body{font-size:15px;letter-spacing:-.006em;line-height:1.62}
.title{font-weight:500;letter-spacing:-.035em;line-height:.92}
.section-title{font-weight:500;letter-spacing:-.028em;line-height:.98}
.service-item h3,.value-item h3,.contact-card h3{font-weight:500;letter-spacing:-.018em;font-size:26px;line-height:1.08}
.package h3{font-size:24px}.price{font-size:39px}.quote{font-weight:400}
.links,.lead,.service-item p,.value-item p,.contact-card p,.package li,.package .desc,.footer-col,.footer-brand p{letter-spacing:-.006em}
.map-badge{max-width:310px}.map-badge span{line-height:1.4}
.footer-contact span{line-height:1.4}
@media(max-width:600px){.title{line-height:.96}.service-item h3,.value-item h3,.contact-card h3{font-size:24px}}


/* V5 — price typography, full-color map, clickable location */
.price{
  font-family:var(--sans);
  font-size:36px;
  font-weight:600;
  letter-spacing:-.035em;
  line-height:1.08;
  white-space:nowrap;
  font-variant-numeric:tabular-nums lining-nums;
  font-feature-settings:"tnum" 1,"lnum" 1;
}
.package.featured .price{font-size:34px}
.map-frame{filter:none!important}
.footer-contact.location-link{cursor:pointer}
.footer-contact.location-link span{text-decoration:none}
.footer-contact.location-link:hover span{color:var(--gold2)}
.contact-card .office-link{display:block;color:#fff;font-weight:600;margin:-1px 0 6px;line-height:1.45}
.contact-card .office-link:hover{color:var(--gold2)}
@media(max-width:1100px){.price{font-size:33px}.package.featured .price{font-size:31px}}
@media(max-width:900px){.price,.package.featured .price{font-size:36px}}

/* V8 Motion Layer — design-preserving premium animation system */
html{overflow-x:hidden}
body{overflow-x:hidden}
header{transition:background-color .34s ease,box-shadow .34s ease,border-color .34s ease,backdrop-filter .34s ease;-webkit-transition:background-color .34s ease,box-shadow .34s ease,border-color .34s ease,-webkit-backdrop-filter .34s ease}
header.scrolled{background:rgba(3,11,18,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 8px 30px rgba(0,0,0,.16);border-bottom-color:rgba(231,185,104,.14)}

/* Loader keeps the existing brand artwork; only timing/movement is refined. */
#page-loader{will-change:transform,opacity}
#page-loader .loader-card img{will-change:transform,opacity}
.page-boot #page-loader .loader-card img{animation:premiumLogoIn .72s cubic-bezier(.2,.8,.2,1) both}
.page-boot #page-loader .loader-caption{animation:premiumCaptionIn .55s ease .18s both}
@keyframes premiumLogoIn{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}
@keyframes premiumCaptionIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}

/* Hero line masks are generated at runtime without changing copy. */
.hero-title-line{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.hero-title-line>span{display:block;will-change:transform,opacity}
.hero-bg{will-change:transform,opacity,background-position}

/* Editorial reveal masks. */
.motion-title-wrap{overflow:hidden}
.motion-title-mask{will-change:transform,opacity}

/* Micro interactions: no structural or visual redesign. */
.motion-button{transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease,background-color .32s ease,border-color .32s ease,color .32s ease!important;will-change:transform}
.motion-button:hover{transform:translateY(-2px) scale(1.015)}
.motion-button:active{transform:translateY(0) scale(.99)}
.btn,.cta{position:relative;overflow:hidden}
.btn::after,.cta::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.11) 48%,transparent 75%);transform:translateX(-125%);transition:transform .55s ease;pointer-events:none}
.btn:hover::after,.cta:hover::after{transform:translateX(125%)}

.motion-card{position:relative;transition:transform .34s cubic-bezier(.2,.8,.2,1),border-color .34s ease,box-shadow .34s ease,background-color .34s ease!important;will-change:transform}
.service-item.motion-card:hover,.value-item.motion-card:hover,.contact-card.motion-card:hover,.feature-item.motion-card:hover{transform:translateY(-6px);box-shadow:0 15px 42px rgba(0,0,0,.16),0 0 28px rgba(231,185,104,.035)}
.package.motion-card:hover{transform:translateY(-6px);border-color:rgba(231,185,104,.62);box-shadow:0 18px 50px rgba(0,0,0,.24),0 0 34px rgba(231,185,104,.055)}
.motion-card .icon,.motion-card .ui-icon,.motion-card .feature-icon{transition:transform .34s cubic-bezier(.2,.8,.2,1),box-shadow .34s ease,color .34s ease}
.motion-card:hover .icon{transform:scale(1.05) rotate(-2deg);box-shadow:0 0 26px rgba(231,185,104,.13)}
.motion-card:hover .ui-icon,.motion-card:hover .feature-icon{transform:scale(1.06)}

.socials a,.contact-socials a{transition:transform .3s cubic-bezier(.2,.8,.2,1),background .3s ease,border-color .3s ease,box-shadow .3s ease,color .3s ease}
.socials a:hover,.contact-socials a:hover{transform:translateY(-2px) scale(1.06);color:var(--gold2);box-shadow:0 7px 24px rgba(231,185,104,.14),0 0 16px rgba(231,185,104,.07)}

/* Image hover is intentionally subtle and does not alter dimensions. */
.split-image,.about-photo,.office-side,.notebook,.vm-card{will-change:transform,background-position}
.vm-card{transition:transform .6s cubic-bezier(.2,.8,.2,1),border-color .35s ease,filter .5s ease}
.vm-card:hover{transform:scale(1.008);border-color:rgba(231,185,104,.55)}

/* End-of-page CTA-like areas get a quiet ambient gold movement. */
.split-copy,.form-side{position:relative;isolation:isolate}
.split-copy::before,.form-side::before{content:"";position:absolute;width:240px;height:240px;right:2%;top:20%;border-radius:50%;background:radial-gradient(circle,rgba(231,185,104,.055),transparent 68%);filter:blur(18px);z-index:-1;animation:ambientGlow 7s ease-in-out infinite alternate;pointer-events:none}
@keyframes ambientGlow{from{transform:translate3d(-8px,4px,0) scale(.94);opacity:.48}to{transform:translate3d(10px,-5px,0) scale(1.08);opacity:.8}}

/* Desktop-only, low-cost cursor glow. */
.cursor-glow{position:fixed;left:-90px;top:-90px;width:180px;height:180px;border-radius:50%;pointer-events:none;z-index:9998;background:radial-gradient(circle,rgba(231,185,104,.075) 0%,rgba(231,185,104,.025) 38%,transparent 70%);filter:blur(5px);opacity:.72;will-change:transform;transform:translate3d(-200px,-200px,0)}

@media(max-width:900px){
  .cursor-glow{display:none}
  .motion-button:hover,.service-item.motion-card:hover,.value-item.motion-card:hover,.contact-card.motion-card:hover,.feature-item.motion-card:hover,.package.motion-card:hover,.vm-card:hover{transform:none}
  .split-copy::before,.form-side::before{animation:none;opacity:.45}
  .hero-title-line>span{will-change:auto}
}

@media(prefers-reduced-motion:reduce){
  .hero-title-line,.hero-title-line>span,.motion-title-wrap,.motion-title-mask{overflow:visible!important;opacity:1!important;transform:none!important}
  .cursor-glow{display:none!important}
  .split-copy::before,.form-side::before{animation:none!important}
  .motion-button:hover,.motion-card:hover,.vm-card:hover,.socials a:hover,.contact-socials a:hover{transform:none!important}
}

/* Disable the legacy CSS entrance animation when GSAP owns the motion timeline. */
body.gsap-ready .hero-bg{animation:none}
body.gsap-ready .hero-copy>*{opacity:1;transform:none;animation:none}
body.gsap-ready .hero-note{opacity:1;animation:none}
body.gsap-ready #page-loader .loader-card{animation:none}
body.gsap-ready.page-leaving #page-loader .loader-card{animation:none}


/* CREORA REBRAND — 2026-09-25 */
:root{
  --bg:#f4e4d3!important;--bg2:#ead0b6!important;--panel:#f8ecdf!important;
  --text:#4a2a1b!important;--muted:#8a6958!important;--gold:#a5653d!important;--gold2:#c58b62!important;
  --cream:#4a2a1b!important;--line:rgba(110,65,40,.18)!important;
  --serif:"Noto Serif Display",Georgia,"Times New Roman",serif;
}
body{background:#f4e4d3;color:#4a2a1b;background-image:radial-gradient(circle at 15% 10%,rgba(255,255,255,.72),transparent 32%),linear-gradient(145deg,#f8ebdf 0%,#edd2b9 55%,#f7e8da 100%)}
header{background:rgba(247,233,220,.78)!important;border-bottom:1px solid rgba(110,65,40,.14)!important}
header.scrolled{background:rgba(247,233,220,.92)!important;box-shadow:0 10px 35px rgba(89,49,29,.08)!important;border-bottom-color:rgba(110,65,40,.16)!important}
.brand img{height:62px!important;width:auto!important;filter:none!important}.links a{color:#6c4938!important}.links a:hover,.links a.active{color:#9c5d39!important}.cta{color:#fff!important;background:linear-gradient(135deg,#8f5130,#c78d64)!important;border-color:transparent!important}
.hero{background:#ead2bd!important;color:#4a2a1b!important}.hero-bg{background-image:linear-gradient(90deg,rgba(244,228,211,.90) 0%,rgba(244,228,211,.68) 42%,rgba(244,228,211,.10) 78%),url('../assets/images/home-hero-new.png')!important;background-size:cover!important;background-position:center!important;opacity:1!important;filter:saturate(.90) contrast(.98)}
.hero:after{background:linear-gradient(to bottom,transparent 55%,#f4e4d3 100%)!important}.hero-note{color:#8c5739!important;border-color:rgba(110,65,40,.25)!important}.eyebrow,.tagline{color:#9a5b37!important}.title,.section-title{color:#4a2a1b!important}.lead,.section p,.service-item p,.value-item p,.package .desc,.contact-card p{color:#846555!important}
.section{background:transparent!important}.services-grid,.values-grid,.features-grid{border-color:rgba(110,65,40,.16)!important}.service-item,.value-item,.feature-item,.contact-card,.package{background:rgba(255,249,244,.45)!important;border-color:rgba(110,65,40,.16)!important;color:#4a2a1b!important}.service-item:hover,.value-item:hover,.contact-card:hover,.package:hover{background:rgba(255,250,246,.72)!important;border-color:rgba(165,101,61,.48)!important}.service-item h3,.value-item h3,.contact-card h3,.package h3{color:#4a2a1b!important}.icon{border-color:rgba(165,101,61,.4)!important;color:#a5653d!important}
.split-copy,.form-side,.office-side{background:#e8cdb5!important;color:#4a2a1b!important}.split-image.home-work{background-image:url('../assets/images/home-office-new.png')!important;background-size:cover!important;background-position:center!important}.gold-rule{background:linear-gradient(90deg,#9d5d38,transparent)!important}
footer{background:#4a2a1b!important;color:#ead8c8!important;border-top:1px solid rgba(255,255,255,.08)!important}.footer-col h4{color:#f3ddc9!important}.footer-col a,.footer-col div,.footer-brand p{color:#d5bca9!important}.footer-col a:hover{color:#f1c6a3!important}.footer-bottom{border-color:rgba(255,255,255,.12)!important}.footer-brand img{filter:brightness(0) invert(1) sepia(.15)!important}
#page-loader{background:#f4e4d3!important}.loader-card{background:transparent!important}.loader-card img{border-radius:18px;box-shadow:0 24px 80px rgba(89,49,29,.10)}.loader-caption{color:#8f5738!important;letter-spacing:.22em!important}.loader-star{background:#a5653d!important;box-shadow:0 0 30px rgba(165,101,61,.28)!important}
.btn{border-color:rgba(110,65,40,.25)!important;color:#5b3827!important}.btn.primary{background:linear-gradient(135deg,#8f5130,#c78d64)!important;color:#fff!important;border-color:transparent!important}.btn:hover{border-color:#a5653d!important}.package.featured{background:linear-gradient(180deg,rgba(255,248,241,.92),rgba(237,210,186,.72))!important}.price{color:#8f5130!important}.included-icon,.feature-icon,.mini-icon,.ui-icon{color:#a5653d!important}.socials a,.contact-socials a{border-color:rgba(230,190,160,.38)!important;color:#e8b991!important}
.map-badge{background:rgba(74,42,27,.92)!important;border-color:rgba(235,197,167,.42)!important}.map-badge strong{color:#fff2e7!important}.map-badge span{color:#dfc6b2!important}
.cursor-glow{background:radial-gradient(circle,rgba(165,101,61,.09),rgba(165,101,61,.025) 38%,transparent 70%)!important}
@media(max-width:900px){.brand img{height:48px!important}.hero-bg{background-image:linear-gradient(180deg,rgba(244,228,211,.72),rgba(244,228,211,.92)),url('../assets/images/home-hero-new.png')!important;background-position:center top!important}}

/* Home split image framing: keep the Creora feature wall/logo fully visible */
@media (min-width:901px){
  .split{grid-template-columns:46% 54%;}
  .split-image.home-work{
    background-position:left center!important;
    background-size:auto 100%!important;
    background-repeat:no-repeat!important;
    background-color:#24130d!important;
  }
}
@media (max-width:900px){
  .split-image.home-work{
    background-position:left center!important;
    background-size:cover!important;
  }
}

/* CREORA ABOUT 2026 */
.about-new{background:#f1dcc7;color:#512d1f}.about-new header{background:#f7eadc}.about-new .eyebrow{letter-spacing:.32em;color:#a75e36;font-size:12px;font-weight:700}.about-new h1,.about-new h2,.about-new h3{font-family:Georgia,'Times New Roman',serif;color:#512d1f}.gold-line{display:block;width:55px;height:1px;background:#b66c40;margin-top:28px;position:relative}.gold-line:after{content:'';position:absolute;right:-4px;top:-3px;width:7px;height:7px;border-radius:50%;background:#f8e8c5}
.about-hero-new{display:grid;grid-template-columns:43% 57%;min-height:590px;background:#f5e4d3}.about-hero-copy{padding:82px max(6vw,70px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(120deg,#f6e7d7 0%,#f0d8c0 100%);position:relative;overflow:hidden}.about-hero-copy:after{content:'';position:absolute;inset:0;background:url('../assets/images/home-hero-new.png') center/cover;opacity:.09;mix-blend-mode:multiply;pointer-events:none}.about-hero-copy>*{position:relative;z-index:1}.about-hero-copy h1{font-size:clamp(45px,4.2vw,72px);line-height:.95;margin:22px 0 24px;font-weight:500;letter-spacing:-.035em}.about-hero-copy p{max-width:580px;line-height:1.75;color:#75594b;font-size:16px}.about-hero-photo{background:url('../assets/images/home-office-new.png') 22% center/cover no-repeat;min-height:590px}
.about-who-new{display:grid;grid-template-columns:1fr 1fr;min-height:520px;background:#f8ecdf}.brand-symbol{min-height:520px;background:linear-gradient(rgba(54,27,15,.08),rgba(54,27,15,.16)),url('../assets/images/services-notebook.jpg') center/cover no-repeat;display:flex;align-items:center;justify-content:center}.symbol-ring{width:210px;height:210px;border:8px solid #b97547;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#b97547;font-size:95px;background:rgba(245,225,204,.16);box-shadow:0 0 40px rgba(177,105,61,.25)}.who-copy{padding:70px 7vw}.who-copy h2{font-size:clamp(38px,3.4vw,58px);line-height:1;margin:18px 0 25px;font-weight:500}.who-copy>p{color:#74594d;line-height:1.7;max-width:650px}.who-points{display:grid;grid-template-columns:repeat(3,1fr);margin-top:42px}.who-points>div{padding:0 22px;border-left:1px solid #ddc0a5;display:flex;flex-direction:column;gap:8px}.who-points>div:first-child{border-left:0;padding-left:0}.who-points b{font-size:27px;color:#b56d41}.who-points strong{font-size:15px}.who-points small{color:#82685a;line-height:1.45}
.mission-vision-new{display:grid;grid-template-columns:1fr 1fr;background:#f2dbc5 url('../assets/images/home-hero-new.png') center/cover fixed;position:relative}.mission-vision-new:before{content:'';position:absolute;inset:0;background:rgba(247,229,211,.87)}.mission-vision-new>div{position:relative;padding:72px 7vw;min-height:330px}.mission-vision-new>div+div{border-left:1px solid rgba(130,80,50,.18)}.mission-vision-new h2{font-size:clamp(32px,2.8vw,48px);line-height:1.02;margin:18px 0}.mission-vision-new p{max-width:580px;color:#74594d;line-height:1.65}
.values-dark-new{display:grid;grid-template-columns:40% 60%;background:#21150f;color:#f4dfc8}.values-photo{min-height:390px;background:linear-gradient(rgba(22,12,8,.25),rgba(22,12,8,.6)),url('../assets/images/home-office-new.png') 70% center/cover;display:flex;align-items:flex-end;padding:55px 5vw}.values-photo span{font-size:11px;letter-spacing:.3em;color:#d89458;font-weight:700}.values-photo h2{color:#fff0df;font-size:clamp(38px,3.2vw,55px);line-height:1;margin:16px 0 0}.values-list-new{display:grid;grid-template-columns:1fr 1fr;padding:46px 5vw;gap:0 45px;background:linear-gradient(110deg,#1c120e,#352117)}.values-list-new>div{display:grid;grid-template-columns:45px 1fr;align-content:center;padding:20px 0;border-bottom:1px solid rgba(214,156,103,.15)}.values-list-new b{grid-row:1/3;color:#d88d4e;font-size:27px}.values-list-new h3{color:#f4dfc8;font-family:inherit;font-size:17px;margin:0 0 6px}.values-list-new p{grid-column:2;color:#c7a993;font-size:13px;line-height:1.5;margin:0}
.about-cta-new{min-height:245px;padding:55px 7vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(90deg,rgba(245,225,206,.94),rgba(239,213,187,.78)),url('../assets/images/home-hero-new.png') center/cover}.about-cta-new span{font-size:11px;letter-spacing:.28em;color:#a55f39;font-weight:700}.about-cta-new h2{font-size:clamp(40px,3.5vw,58px);line-height:.95;margin:15px 0 0}.about-cta-new a{border:1px solid #b98767;border-radius:40px;padding:17px 18px 17px 28px;color:#5b3526;text-decoration:none;background:rgba(255,255,255,.18)}.about-cta-new a b{display:inline-flex;margin-left:20px;width:42px;height:42px;border-radius:50%;background:#ad7049;color:#fff;align-items:center;justify-content:center;font-size:22px}
@media(max-width:900px){.about-hero-new,.about-who-new,.mission-vision-new,.values-dark-new{grid-template-columns:1fr}.about-hero-copy{padding:60px 28px}.about-hero-photo{min-height:390px;background-position:22% center}.brand-symbol{min-height:360px}.who-copy{padding:55px 28px}.who-points{grid-template-columns:1fr;gap:22px}.who-points>div,.who-points>div:first-child{border-left:0;border-top:1px solid #ddc0a5;padding:18px 0}.mission-vision-new{background-attachment:scroll}.mission-vision-new>div{padding:55px 28px}.mission-vision-new>div+div{border-left:0;border-top:1px solid rgba(130,80,50,.18)}.values-photo{min-height:330px;padding:45px 28px}.values-list-new{grid-template-columns:1fr;padding:30px 28px}.about-cta-new{padding:48px 28px;align-items:flex-start;flex-direction:column;gap:30px}}

/* Hakkımızda son görsel düzeltmeleri */
.about-hero-photo{
  background-position:left center;
}
.brand-symbol{
  background-image:url('../assets/images/services-notebook.jpg');
  background-position:center;
  background-size:cover;
}
.brand-symbol .symbol-ring{display:none!important;}
.who-points b{display:none!important;}
.who-points>div{padding-left:24px;position:relative;}
.who-points>div:first-child{padding-left:0;}
.who-points strong{font-family:Georgia,'Times New Roman',serif;font-size:18px;line-height:1.25;color:#4b2b1e;}
.who-points small{font-size:13px;line-height:1.55;margin-top:3px;}
.values-list-new b{display:none!important;}
.values-list-new>div{grid-template-columns:1fr;padding:24px 0;}
.values-list-new h3{font-family:Georgia,'Times New Roman',serif;font-size:19px;letter-spacing:.01em;}
.values-list-new p{grid-column:1;font-size:13px;max-width:270px;}
.values-photo{background-position:center center;}
.values-photo h2{max-width:420px;font-size:clamp(34px,2.8vw,50px);line-height:1.02;}
@media(max-width:900px){
 .about-hero-photo{background-position:18% center;}
 .who-points>div,.who-points>div:first-child{padding-left:0;}
}
/* CREORA Services editorial redesign */
.svc-page{background:#f5e5d4;color:#4d2a1e}.svc-hero{display:grid;grid-template-columns:44% 56%;min-height:410px;border-bottom:1px solid rgba(116,65,39,.16)}.svc-hero-copy{padding:78px max(7vw,70px);background:linear-gradient(120deg,#f9ecdf 0%,#f5e1ce 75%,#edd2b9 100%);position:relative;overflow:hidden}.svc-hero-copy:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-190px;top:-80px;background:radial-gradient(circle,rgba(255,255,255,.65),rgba(255,255,255,0) 68%)}.svc-hero-copy h1,.svc-section-head h2,.svc-process h2,.svc-cta h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em}.svc-hero-copy h1{font-size:clamp(46px,4.25vw,74px);line-height:.96;margin:18px 0 20px}.svc-hero-copy p{font-size:16px;line-height:1.65;max-width:520px;color:#795f51}.svc-line{display:block;width:52px;height:1px;background:#b76f42;margin-top:26px}.svc-hero-image{background:url('../assets/images/home-office-new.png') center 51%/cover no-repeat;min-height:410px}.svc-services{padding:28px max(5.2vw,54px) 12px;background:#f8ebdd}.svc-section-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin:0 auto 24px;max-width:1500px}.svc-section-head h2{font-size:48px;margin:8px 0 0}.svc-section-head>p{max-width:600px;justify-self:end;color:#826b5e;line-height:1.55}.svc-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.svc-card{border:1px solid rgba(113,64,38,.16);border-radius:9px;overflow:hidden;background:rgba(255,249,242,.62);transition:.35s ease}.svc-card:hover{transform:translateY(-5px);box-shadow:0 16px 35px rgba(75,38,21,.09)}.svc-img{height:145px;background-size:cover;background-position:center}.svc-img.i1{background-image:url('../assets/images/contact-office.jpg')}.svc-img.i2{background-image:url('../assets/images/services-notebook.jpg')}.svc-img.i3{background-image:url('../assets/images/creora-brand.jpg')}.svc-img.i4{background-image:url('../assets/images/home-office-new.png')}.svc-img.i5{background-image:url('../assets/images/about-office.jpg')}.svc-img.i6{background-image:url('../assets/images/services-notebook.jpg');background-position:50% 65%}.svc-img.i7{background-image:url('../assets/images/home-office.jpg')}.svc-img.i8{background-image:url('../assets/images/creora-brand.jpg');filter:brightness(.78)}.svc-card-body{padding:17px 20px 19px;min-height:210px;position:relative}.svc-card-body>span{font-size:11px;color:#aa643c;letter-spacing:.12em}.svc-card h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:23px;line-height:1.05;margin:8px 0 9px}.svc-card p{font-size:13px;line-height:1.45;color:#816b60;margin:0 0 18px}.svc-card a{position:absolute;bottom:16px;left:20px;color:#74442e;font-size:12px;font-weight:700;text-decoration:none}.svc-process{margin-top:18px;background:#29170f;display:grid;grid-template-columns:27% 73%;padding:31px max(7vw,70px);color:#f9eadb;align-items:center}.svc-process .eyebrow{color:#c97d48}.svc-process h2{font-size:38px;line-height:.94;margin:8px 0}.svc-steps{display:grid;grid-template-columns:repeat(4,1fr)}.svc-step{padding:5px 28px;border-left:1px solid rgba(231,168,116,.22);min-height:100px}.svc-step b{color:#d6884d;font-family:Georgia,serif;font-size:18px}.svc-step h4{margin:9px 0 7px;font-size:14px;color:#fff3e7}.svc-step p{font-size:12px;line-height:1.45;color:#cdb7a8;margin:0}.svc-cta{min-height:180px;padding:26px max(7vw,70px);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(115deg,rgba(250,234,217,.94),rgba(242,216,190,.88)),url('../assets/images/home-hero-new.png') center/cover}.svc-cta h2{font-size:43px;line-height:.9;margin:9px 0}.svc-cta>a{display:flex;align-items:center;gap:24px;border:1px solid rgba(126,72,43,.35);border-radius:40px;padding:10px 11px 10px 25px;color:#6a402d;text-decoration:none}.svc-cta>a b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#b86f43;color:#fff;font-size:20px}
@media(max-width:1000px){.svc-hero{grid-template-columns:1fr}.svc-hero-image{min-height:360px}.svc-section-head{grid-template-columns:1fr;gap:12px}.svc-section-head>p{justify-self:start}.svc-grid{grid-template-columns:repeat(2,1fr)}.svc-process{grid-template-columns:1fr;padding:35px 28px}.svc-steps{margin-top:22px}.svc-cta{padding:30px}}
@media(max-width:650px){.svc-hero-copy{padding:54px 24px}.svc-hero-image{min-height:280px}.svc-services{padding:30px 18px}.svc-grid{grid-template-columns:1fr}.svc-img{height:190px}.svc-steps{grid-template-columns:1fr 1fr}.svc-step{margin-bottom:18px}.svc-cta{align-items:flex-start;flex-direction:column;gap:22px}.svc-cta h2{font-size:38px}}

/* CREORA HERO FINAL FIX — preserve supplied artwork exactly */
.hero{background:#f4e4d3!important;overflow:hidden!important}
.hero-bg{
  inset:0!important;
  background-image:url('../assets/images/home-hero-new.png')!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
  background-position:center center!important;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  animation:none!important;
}
.hero:before{display:none!important}
.hero:after{
  background:linear-gradient(90deg,rgba(247,238,228,.10) 0%,rgba(247,238,228,.03) 44%,rgba(247,238,228,0) 68%)!important;
  pointer-events:none!important;
}
@media(max-width:900px){
  .hero-bg{background-position:64% center!important;background-size:cover!important}
  .hero:after{background:linear-gradient(90deg,rgba(247,238,228,.55) 0%,rgba(247,238,228,.18) 58%,rgba(247,238,228,0) 100%)!important}
}

/* 2026-10-02: Approved homepage CTA visual — preserve layout, only replace right-side image */
.split-image.home-work{
  background-image:url('../assets/home-cta-creora-fingerprint.png')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-color:#24130d!important;
}
@media (min-width:901px){
  .split-image.home-work{
    background-size:cover!important;
    background-position:center center!important;
  }
}
@media (max-width:900px){
  .split-image.home-work{
    background-size:cover!important;
    background-position:center center!important;
  }
}

/* 2026-10-02 Hakkımızda — approved visuals only */
.about-hero-photo{
  background-image:url('../assets/about-studio-fingerprint.png')!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
.brand-symbol{
  background-image:url('../assets/about-notebook-fingerprint.png')!important;
  background-position:center center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
.brand-symbol .symbol-ring{display:none!important;}