/* SEDKAR / Services editorial storytelling. Scoped to the Services page only. */
.sv-services{--sv-paper:#f5f5f1;--sv-ink:#101211;--sv-line:#d7d8d3;--sv-warm:#d8bd93;overflow:clip;background:var(--sv-paper);color:var(--sv-ink)}
.sv-services h1,.sv-services h2,.sv-services h3,.sv-services p{margin-top:0}
.sv-services h1,.sv-services h2,.sv-services h3{font-family:'Arial Narrow','Helvetica Neue',Arial,sans-serif}
.sv-container{width:min(1450px,90%);margin-inline:auto}
.sv-hero{background:#0b0c0e;color:#fff;position:relative}
.sv-hero-grid{max-width:1600px;margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);min-height:650px}
.sv-hero-copy{padding:clamp(70px,8vw,125px) clamp(24px,3vw,52px) 34px clamp(28px,4vw,66px);display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.sv-eyebrow,.sv-section-kicker,.sv-story-kicker,.sv-mini-label,.sv-photo-caption,.sv-photo-index,.sv-visual-badge,.sv-visual-caption,.sv-hero-foot,.sv-step-no{font:700 11px/1.5 Consolas,'Courier New',monospace;letter-spacing:.13em}
.sv-eyebrow{display:flex;gap:11px;align-items:center;color:#c1c3c5;text-transform:uppercase}
.sv-dot{width:7px;height:7px;border-radius:50%;background:var(--sv-warm);box-shadow:0 0 0 5px rgba(216,189,147,.12)}
.sv-hero h1{font-size:clamp(40px,4.4vw,76px);letter-spacing:-.085em;line-height:1.01;font-weight:900;margin:39px 0 29px;max-width:100%}
.sv-hero-line{display:block;white-space:nowrap}
.sv-hero-outline{color:transparent;-webkit-text-stroke:1px #c7c7c7;letter-spacing:-.075em}
.sv-hero-intro{width:100%;max-width:530px;color:#b7b9bb;font-size:clamp(15px,1.25vw,18px);line-height:1.75;margin-bottom:32px}
.sv-hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.sv-btn{min-height:54px;padding:13px 20px;display:inline-flex;align-items:center;gap:24px;justify-content:space-between;font-size:11px;font-weight:800;letter-spacing:.055em;transition:transform .25s,background .25s,color .25s}
.sv-btn:hover{transform:translateY(-3px)}.sv-btn-solid{background:#fff;color:#111}.sv-btn-ghost{border:1px solid #5a5c5e;color:#fff}.sv-btn-ghost:hover{background:#fff;color:#111}
.sv-hero-foot{display:flex;width:100%;justify-content:space-between;color:#777d80;gap:14px;margin-top:auto;padding-top:70px}
.sv-hero-visual{min-height:500px;position:relative;isolation:isolate;overflow:hidden;background:#252a2c}
.sv-hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),transparent 50%,rgba(0,0,0,.69));pointer-events:none}
.sv-hero-visual>img{height:100%;width:100%;object-fit:cover;object-position:center;filter:saturate(.75) contrast(1.06)}
.sv-visual-badge{position:absolute;z-index:1;top:34px;left:32px;display:grid;gap:8px;padding:16px 19px;border:1px solid rgba(255,255,255,.44);background:rgba(13,13,15,.7);backdrop-filter:blur(6px);color:#fff}
.sv-visual-badge span{opacity:.6}.sv-visual-badge strong{font-size:12px;letter-spacing:.08em}
.sv-visual-caption{position:absolute;z-index:1;bottom:26px;left:32px;right:25px;color:#eee;font-size:10px;letter-spacing:.04em}
.sv-hero-rule{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:18px max(5%,calc((100vw - 1440px)/2));border-top:1px solid #333;color:#8b8e91;font:700 10px Consolas,monospace;letter-spacing:.12em}
.sv-hero-rule>span:first-child{display:block;width:56px;height:2px;background:var(--sv-warm)}
.sv-introduction{display:grid;grid-template-columns:24% 1fr;gap:7%;padding-top:clamp(90px,10vw,165px);padding-bottom:clamp(90px,10vw,155px)}
.sv-section-kicker{color:#666e70;text-transform:uppercase}
.sv-intro-content h2,.sv-process-top h2,.sv-contact h2{font-size:clamp(42px,5.25vw,84px);line-height:1.03;letter-spacing:-.075em;font-weight:900;margin-bottom:25px}
.sv-intro-content h2 em,.sv-process-top h2 em,.sv-contact h2 em{font-style:normal;color:#989e9d}
.sv-intro-content p{font-size:17px;line-height:1.8;color:#646c6d;max-width:690px}
.sv-story-nav{position:sticky;top:85px;z-index:12;background:rgba(245,245,241,.97);backdrop-filter:blur(12px);border-top:1px solid var(--sv-line);border-bottom:1px solid var(--sv-line)}
.sv-story-nav-inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.sv-story-link{display:flex;align-items:center;gap:12px;min-height:71px;padding:12px 13px;font-size:11px;font-weight:800;letter-spacing:.03em;border-right:1px solid var(--sv-line);transition:background .2s}
.sv-story-link:first-child{padding-left:0}.sv-story-link:last-child{border-right:0}
.sv-story-link>span:first-child{font:700 11px Consolas,monospace;color:#989e9d}
.sv-story-link:hover,.sv-story-link[aria-current="location"]{background:#e8e9e4}
.sv-story-link[aria-current="location"]>span:first-child{color:#7d6140}
.sv-scroll-progress{height:2px;position:absolute;bottom:-1px;width:100%}
.sv-scroll-progress span{display:block;width:0;height:100%;background:#a78c67}
.sv-story{scroll-margin-top:156px;border-bottom:1px solid var(--sv-line);padding:clamp(85px,9vw,145px) 0}
.sv-story:nth-child(even){background:#eeefeb}
.sv-story-layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:clamp(40px,7vw,115px)}
.sv-story-reverse .sv-story-photo{order:2}
.sv-story-photo{aspect-ratio:1.08;position:relative;isolation:isolate;background:#d9ddda;box-shadow:24px 24px 0 rgba(27,33,33,.05);overflow:hidden}
.sv-story-photo>img{height:100%;width:100%;object-fit:cover;object-position:center;filter:saturate(.9);transition:transform .9s cubic-bezier(.15,.75,.25,1)}
.sv-story-photo:hover>img{transform:scale(1.055)}
.sv-story-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18),transparent 35%,rgba(0,0,0,.6));pointer-events:none}
.sv-photo-index{position:absolute;top:20px;left:24px;color:#fff;z-index:1;font-size:14px}
.sv-photo-index span{opacity:.7;font-size:10px}
.sv-photo-caption{position:absolute;bottom:22px;left:24px;right:22px;z-index:1;font-size:10px;letter-spacing:.05em;color:#fff}
.sv-story-copy{min-width:0;padding:12px 0}
.sv-story-kicker{display:flex;gap:20px;color:#646b6a;text-transform:uppercase}
.sv-story-kicker>span:first-child{color:#ae8d65}
.sv-story-copy h2{font-size:clamp(38px,4.5vw,73px);line-height:1.04;letter-spacing:-.075em;font-weight:900;max-width:660px;margin:29px 0 23px}
.sv-story-lead{font-size:clamp(17px,1.35vw,21px);line-height:1.55;font-weight:650;max-width:580px;margin-bottom:20px}
.sv-story-body{font-size:15px;line-height:1.85;color:#636b6a;max-width:610px;margin-bottom:25px}
.sv-story-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:38px}
.sv-story-tags span{border:1px solid #c9ceca;padding:9px 11px;font:700 10px Consolas,monospace;color:#4d5756;letter-spacing:.03em}
.sv-story-outcome{border-top:1px solid #cdd1cc;padding-top:20px;display:grid;gap:8px}
.sv-mini-label{color:#929795;font-size:10px}
.sv-story-outcome strong{font-size:14px;letter-spacing:-.015em;line-height:1.5}
.sv-process{background:#151718;color:#fff;padding:clamp(90px,10vw,150px) 0}
.sv-process .sv-section-kicker{color:#a7a8a7}
.sv-process-top{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-top:33px}
.sv-process-top h2{margin-bottom:20px}
.sv-process-top h2 em{color:#878b8b}
.sv-process-top p{max-width:340px;font-size:15px;line-height:1.8;color:#adafb0;margin:0 0 23px}
.sv-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin-top:80px}
.sv-process-step{border-top:1px solid #545857;padding-top:27px}
.sv-step-no{display:block;color:var(--sv-warm);font-size:14px;margin-bottom:21px}
.sv-step-stroke{display:block;width:38px;height:2px;background:#8e9691;margin-bottom:27px}
.sv-process-step h3{font-size:23px;letter-spacing:-.04em;margin-bottom:12px}
.sv-process-step p{font-size:13px;line-height:1.8;color:#aeb1af}
.sv-contact{padding:clamp(80px,9vw,125px) 0;background:#dfdfd9}
.sv-contact-layout{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.sv-contact h2{margin:30px 0 20px}
.sv-contact h2 em{color:#7f8480}
.sv-contact p{max-width:570px;font-size:16px;line-height:1.8;color:#535a56}
.sv-contact-link{display:flex;min-width:275px;min-height:64px;padding:18px 22px;align-items:center;justify-content:space-between;gap:20px;background:#151718;color:#fff;font-size:12px;font-weight:800;letter-spacing:.045em;transition:transform .2s}
.sv-contact-link:hover{transform:translateY(-4px)}
.sv-contact-link>span:last-child{font-size:22px}
@media (prefers-reduced-motion:no-preference){.sv-motion-ready .sv-reveal{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.sv-motion-ready .sv-reveal:not(.sv-inview){opacity:0;transform:translateY(22px)}.sv-motion-ready .sv-reveal.sv-inview{opacity:1;transform:none}}
@media(max-width:1100px){.sv-hero h1{font-size:clamp(38px,4.1vw,49px)}.sv-hero-copy{padding-left:clamp(24px,3vw,40px);padding-right:clamp(20px,2.5vw,34px)}.sv-story-layout{gap:42px}.sv-story-link{font-size:10px;gap:9px}}
@media(max-width:820px){.sv-story-nav{top:72px}.sv-hero-grid{grid-template-columns:1fr}.sv-hero-copy{padding:72px 5% 30px}.sv-hero h1{font-size:clamp(46px,8vw,74px)}.sv-hero-foot{padding-top:48px}.sv-hero-visual{height:410px;min-height:0}.sv-introduction{grid-template-columns:1fr;gap:28px}.sv-intro-content h2,.sv-process-top h2,.sv-contact h2{font-size:clamp(47px,7vw,75px)}.sv-story-nav-inner{width:100%;overflow-x:auto;display:flex;scrollbar-width:thin}.sv-story-link{min-width:190px;flex:1;white-space:nowrap;padding-left:16px}.sv-story-link:first-child{padding-left:16px}.sv-story-layout{grid-template-columns:1fr;gap:35px}.sv-story-reverse .sv-story-photo{order:0}.sv-story-photo{aspect-ratio:1.5;box-shadow:15px 15px 0 rgba(27,33,33,.05)}.sv-story{padding:80px 0;scroll-margin-top:150px}.sv-story-copy h2{margin-top:18px}.sv-process-top{align-items:flex-start;flex-direction:column}.sv-process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.sv-contact-layout{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.sv-hero-copy{padding-top:55px}.sv-hero h1{font-size:clamp(43px,11.15vw,63px);margin:32px 0 22px}.sv-hero-intro{font-size:15px}.sv-hero-actions{width:100%}.sv-btn{width:100%}.sv-hero-visual{height:270px}.sv-visual-badge{top:17px;left:17px;padding:11px 12px}.sv-visual-caption{bottom:17px;left:17px}.sv-hero-rule{font-size:8px;line-height:1.6;padding:16px 5%}.sv-introduction{padding-top:70px;padding-bottom:67px}.sv-intro-content h2,.sv-process-top h2,.sv-contact h2{font-size:clamp(40px,11vw,57px)}.sv-intro-content p{font-size:15px}.sv-story{padding:60px 0}.sv-story-photo{aspect-ratio:1.16}.sv-story-copy h2{font-size:clamp(38px,10vw,54px)}.sv-story-lead{font-size:17px}.sv-story-body{font-size:14px}.sv-process{padding:80px 0}.sv-process-grid{grid-template-columns:1fr;margin-top:46px;gap:32px}.sv-process-step{padding-top:20px}.sv-contact{padding:75px 0}.sv-contact-link{min-width:0;width:100%}}
@media(prefers-reduced-motion:reduce){.sv-story-photo>img,.sv-btn,.sv-contact-link{transition:none!important;transform:none!important}.sv-hero-outline{-webkit-text-stroke:0;color:#b2b2b2}}

/* Keep the long Turkish headline inside its grid column. */
html[lang^="tr"] .sv-services .sv-hero h1{font-size:clamp(35px,3.5vw,60px)}
@media(max-width:820px){html[lang^="tr"] .sv-services .sv-hero h1{font-size:clamp(37px,6.5vw,59px)}}
@media(max-width:560px){html[lang^="tr"] .sv-services .sv-hero h1{font-size:clamp(35px,8.4vw,48px)}}

/* Desktop hero is inside a centered 1600px grid: never add a viewport-sized gutter.
   Keep the bilingual title and introduction within the copy column on ultrawide monitors. */
@media(min-width:821px){.sv-services .sv-hero-copy{max-width:100%;box-sizing:border-box}.sv-services .sv-hero h1{width:100%}.sv-services .sv-hero-line{max-width:100%}}

/* SEDKAR fast-CSS publish lane installed: non-visual verification marker. */