:root{--bg:#08090b;--panel:#101114;--line:rgba(220,225,232,.16);--silver:#c8cbd0;--muted:#92969e;--white:#f4f4f2;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--sans);font-size:15px;line-height:1.7}a{color:inherit;text-decoration:none}.topline{height:3px;background:linear-gradient(90deg,#555b63,#f2f3f4,#777e88,#25282d)}.header{height:88px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;background:rgba(8,9,11,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px}.brand img{width:48px;height:48px;object-fit:cover;border-radius:50%;border:1px solid #737981}.brand span{display:flex;flex-direction:column;line-height:1}.brand b{font:600 25px var(--serif);letter-spacing:3px}.brand small{font-size:8px;letter-spacing:5px;margin-top:6px;color:var(--silver)}.nav{display:flex;align-items:center;gap:31px}.nav a{font-size:11px;letter-spacing:1.1px;text-transform:uppercase;color:#c5c7cb;transition:.25s}.nav a:hover{color:white}.nav .nav-cta{border:1px solid #858b94;padding:12px 18px;color:white}.menu-toggle{display:none;background:none;border:0}.hero{height:min(780px,calc(100vh - 88px));min-height:630px;position:relative;display:flex;align-items:center;padding:0 11vw;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('assets/brand-visual.jpeg') center 44%/cover no-repeat;opacity:.46;filter:grayscale(1)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,8,.98) 0%,rgba(5,6,8,.84) 44%,rgba(5,6,8,.3) 100%),linear-gradient(0deg,#08090b 0%,transparent 22%,transparent 75%,rgba(0,0,0,.2))}.hero-content{position:relative;z-index:2;max-width:700px;padding-bottom:25px}.eyebrow{font-size:10px;letter-spacing:3.5px;color:#e2e3e5;font-weight:600}.eyebrow span{display:inline-block;width:30px;height:1px;background:#d5d8dd;vertical-align:middle;margin-right:12px}.hero-kicker{font-size:11px;letter-spacing:5px;color:#c7cbd1;margin:55px 0 13px}.hero h1,.section h2{font:500 clamp(42px,6vw,78px)/1.12 var(--serif);letter-spacing:-1.8px;margin:0}.hero h1 em,.section h2 em,.statement em{font-weight:500;color:#c4c8ce}.hero-copy{max-width:480px;color:#b8bbc1;font-size:15px;margin:25px 0 32px}.hero-actions{display:flex;align-items:center;gap:30px}.button{display:inline-flex;align-items:center;gap:26px;padding:15px 20px;font-size:10px;letter-spacing:1.3px;text-transform:uppercase;font-weight:700;transition:.25s}.button-light{background:linear-gradient(120deg,#f0f1f2,#aeb3ba);color:#101114}.button-light:hover{filter:brightness(1.15);transform:translateY(-2px)}.button span{font-size:18px}.text-link{font-size:11px;letter-spacing:1px;color:#ddd}.text-link span{margin-left:10px}.hero-stamp{position:absolute;right:11%;top:23%;width:120px;height:120px;border:1px solid #c4c8ce;border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(9deg);color:#e3e5e8;opacity:.75}.hero-stamp span{font:34px var(--serif);letter-spacing:3px}.hero-stamp small{font-size:7px;letter-spacing:3px;line-height:1.5}.hero-bottom{position:absolute;bottom:27px;left:7vw;right:7vw;display:flex;justify-content:space-between;color:#8f949b;font-size:8px;letter-spacing:2px}.section{padding:115px 11vw}.section-label{font-size:9px;letter-spacing:2.5px;color:#858b93;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:48px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.silver{color:#aeb4bd}.intro h2,.section-head h2,.founder h2,.contact h2{font-size:clamp(38px,5vw,62px)}.intro-text{padding-top:22px;max-width:510px;color:#aeb2b9}.intro-text p{margin:0 0 18px}.under-link{display:inline-block;margin-top:18px;padding-bottom:9px;border-bottom:1px solid #9da3ab;font-size:11px;letter-spacing:1px;color:#e4e5e7}.under-link span{margin-left:20px}.services{background:#0d0e11;border-top:1px solid #17191d;border-bottom:1px solid #17191d}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:50px}.section-head .eyebrow{margin:0 0 16px}.head-note{max-width:260px;color:#92969e;font-size:13px;margin:0 0 7px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service-card{position:relative;min-height:255px;padding:28px 28px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.3s}.service-card:hover{background:#17191d}.service-no{font-size:9px;color:#747a83;letter-spacing:2px}.service-icon{font-size:30px;color:#d0d3d8;margin:22px 0 10px}.service-card h3{font:500 20px var(--serif);margin:0 0 10px}.service-card p{font-size:12px;color:#92969e;max-width:270px;margin:0}.card-arrow{position:absolute;right:25px;top:25px;color:#aeb4bd}.statement{padding:100px 20px;text-align:center;background:linear-gradient(120deg,#17191d,#08090b 50%,#15171a);border-bottom:1px solid var(--line)}.statement-mark{font:90px/ .8 var(--serif);color:#aeb4bd}.statement p{font:clamp(32px,5vw,55px)/1.25 var(--serif);margin:15px 0 25px}.statement span{font-size:8px;letter-spacing:3px;color:#858b93}.founder-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;align-items:center}.founder-photo{position:relative;max-width:440px}.founder-photo img{width:100%;display:block;filter:grayscale(1);border:1px solid #555b63}.photo-caption{position:absolute;bottom:0;left:0;right:0;padding:22px;background:linear-gradient(transparent,rgba(0,0,0,.9));font-size:10px;letter-spacing:2px}.photo-caption span{float:right;color:#b3b8c0;font-size:8px}.founder-copy h2{margin-bottom:30px}.founder-copy h3{font:600 23px var(--serif);margin:0}.founder-role{font-size:10px;letter-spacing:1px;color:#9da3ab;margin:4px 0 24px!important}.founder-copy>p:not(.eyebrow){color:#aeb2b9;font-size:13px;max-width:520px}.numbers{background:#0e0f12;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.numbers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.numbers-grid>div{border-right:1px solid var(--line);padding:10px 20px}.numbers-grid>div:first-child{padding-left:0}.numbers-grid strong{font:500 clamp(36px,5vw,58px) var(--serif);color:#e2e4e7}.numbers-grid strong span{color:#9da4ad}.numbers-grid p{font-size:10px;letter-spacing:1px;color:#92969e}.numbers-note,.portfolio-note{font-size:10px;color:#747a83;margin-top:30px}.project-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:20px}.project-tile{min-height:330px;position:relative;overflow:hidden;border:1px solid var(--line);background:#111317}.project-tile>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:grayscale(1);opacity:.55}.project-tile>div:last-child{position:absolute;left:28px;bottom:25px}.project-tile small{font-size:8px;letter-spacing:2px;color:#c0c4ca}.project-tile h3{font:500 25px var(--serif);margin:5px 0}.project-art{height:100%;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#343940,#101114 65%)}.project-art span{font:90px var(--serif);letter-spacing:-8px;color:#e1e3e6;text-shadow:0 0 22px #777}.project-art small{letter-spacing:5px!important;line-height:2}.project-side>div:last-child{background:linear-gradient(transparent,rgba(0,0,0,.9));width:100%;padding:20px}.contact{background:#0e0f12;border-top:1px solid var(--line)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.contact h2{margin-bottom:20px}.contact-copy{color:#a4a9b0;max-width:390px}.contact-panel{border:1px solid #555c65;padding:40px;background:linear-gradient(145deg,#191c21,#0b0c0e)}.contact-overline{font-size:8px;letter-spacing:2px;color:#aeb4bd}.contact-panel h3{font:500 28px/1.3 var(--serif);margin:18px 0}.contact-panel p{font-size:12px;color:#969ba3;margin-bottom:25px}.contact-panel small{display:block;font-size:9px;color:#707780;margin-top:14px}.footer{padding:50px 7vw 25px;text-align:center;background:#070809}.footer-brand{font:600 31px var(--serif);letter-spacing:4px}.footer-brand span{display:block;font:8px var(--sans);letter-spacing:7px;margin-top:5px;color:#aeb4bd}.footer>p{font-size:11px;color:#92969e;margin:17px 0 45px}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;color:#777e87;font-size:8px;letter-spacing:1.5px}.reveal{animation:rise .9s ease both}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.header{padding:0 5vw}.nav{gap:16px}.nav a{font-size:9px}.section{padding:90px 7vw}.hero{padding:0 8vw}.service-card{padding:22px;min-height:270px}.founder-grid{gap:5vw}.hero-stamp{right:8%;top:15%}}
@media(max-width:680px){html{scroll-padding-top:72px}.header{height:72px}.brand img{width:40px;height:40px}.menu-toggle{display:flex;flex-direction:column;gap:6px;padding:10px}.menu-toggle i{display:block;width:23px;height:1px;background:#eee}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:#0b0c0e;padding:20px 7vw 28px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:13px 0;border-bottom:1px solid #202328;font-size:10px}.nav .nav-cta{margin-top:15px;text-align:center;border:1px solid #7d848d}.hero{min-height:690px;height:calc(100svh - 72px);padding:0 7vw;align-items:center}.hero-image{background-position:57% center;opacity:.36}.hero-shade{background:linear-gradient(90deg,rgba(5,6,8,.94),rgba(5,6,8,.65)),linear-gradient(0deg,#08090b,transparent 35%)}.hero-kicker{margin-top:20px;font-size:9px;letter-spacing:3px}.hero h1{font-size:clamp(43px,12vw,62px)}.hero-copy{font-size:13px;max-width:370px}.hero-stamp{width:80px;height:80px;right:7%;top:9%}.hero-stamp span{font-size:24px}.hero-bottom{left:7vw;right:7vw;font-size:7px;letter-spacing:1px}.hero-bottom span:nth-child(2){display:none}.section{padding:75px 7vw}.section-label{margin-bottom:35px}.intro-grid,.founder-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.intro h2,.section-head h2,.founder h2,.contact h2{font-size:clamp(39px,10vw,53px)}.intro-text{padding-top:0}.section-head{display:block}.head-note{margin-top:20px}.service-grid{grid-template-columns:1fr 1fr}.service-card{min-height:255px;padding:18px}.service-card h3{font-size:17px}.service-card p{font-size:11px}.service-icon{margin:17px 0 8px}.statement{padding:75px 15px}.statement p{font-size:37px}.founder-photo{max-width:100%}.founder-copy{padding-top:10px}.numbers-grid{grid-template-columns:1fr 1fr;row-gap:25px}.numbers-grid>div:nth-child(2){border-right:0}.numbers-grid>div:nth-child(3){padding-left:0}.project-grid{grid-template-columns:1fr}.project-tile{min-height:290px}.contact-panel{padding:28px}.footer-bottom{gap:14px;flex-wrap:wrap;justify-content:center}.footer-bottom span:first-child{width:100%}}
@media(max-width:390px){.service-grid{grid-template-columns:1fr}.service-card{min-height:220px}.hero-actions{gap:16px;flex-wrap:wrap}.button{padding:13px 15px}.hero-stamp{opacity:.45}}

/* Contact and social links */
.contact-links{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 24px}.button-outline{border:1px solid #777f89;color:#f0f1f2;background:transparent}.button-outline:hover{background:#24282e;transform:translateY(-2px)}.contact-details{display:grid;gap:10px;padding-top:20px;border-top:1px solid var(--line)}.contact-details a{width:fit-content;color:#c4c9d0;font-size:11px;letter-spacing:.4px}.contact-details a:hover,.footer-social a:hover{color:#fff}.footer-social{display:flex;justify-content:center;gap:28px;margin:-20px 0 38px}.footer-social a{font-size:9px;letter-spacing:1.8px;color:#aeb4bd}.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:30;width:54px;height:54px;display:grid;place-items:center;border:1px solid #c7ccd3;border-radius:50%;background:linear-gradient(145deg,#e6e8eb,#9da4ad);color:#101114;font-size:12px;font-weight:700;letter-spacing:1px;box-shadow:0 8px 28px #0008;transition:transform .2s,filter .2s}.whatsapp-float:hover{transform:translateY(-3px);filter:brightness(1.08)}
@media(max-width:680px){.contact-links{flex-direction:column;align-items:stretch}.contact-links .button{justify-content:center}.footer-social{gap:18px;flex-wrap:wrap;margin-bottom:30px}.whatsapp-float{right:16px;bottom:16px;width:50px;height:50px}}


/* Premium chrome identity and restrained light effects */
.brand{gap:13px}
.kb-emblem{position:relative;isolation:isolate;width:53px;height:53px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(220,226,235,.55);background:radial-gradient(circle at 35% 22%,#555b64 0,#1b1e23 38%,#08090b 75%);box-shadow:inset 0 1px 5px #ffffff35,0 0 15px #cbd2df18,0 0 28px #cbd2df0c;overflow:hidden}
.kb-emblem:before{content:"";position:absolute;inset:-45% -80%;z-index:-1;background:linear-gradient(110deg,transparent 42%,#ffffff08 47%,#ffffff9c 50%,#ffffff12 53%,transparent 58%);transform:translateX(-75%) rotate(12deg);animation:chromeSweep 6.5s ease-in-out infinite}
.kb-emblem:after{content:"";position:absolute;inset:3px;border:1px solid #ffffff18;border-radius:50%;pointer-events:none}
.kb-emblem i{position:absolute;top:3px;font:normal 12px Georgia,serif;line-height:1;color:#e7eaf0;text-shadow:0 0 5px #fff8,0 1px 5px #c7d0dc;opacity:.9}
.kb-emblem b{font:700 19px/1 var(--serif);letter-spacing:-2px;margin-top:8px;background:linear-gradient(115deg,#777e88 4%,#fff 22%,#aeb5bf 38%,#f8f9fa 53%,#707781 76%,#e7e9ed 94%);background-size:220% auto;background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 1px 2px #fff4);animation:metalText 8s ease-in-out infinite}
.brand-wordmark b{font:600 25px var(--serif);letter-spacing:3px;background:linear-gradient(110deg,#9299a3,#f8f9fb 45%,#aeb5bf 72%,#f1f2f4);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 0 15px #dce2eb12}
.hero h1,.section h2,.statement p,.founder-copy h3,.contact-panel h3{color:#e8eaee;text-shadow:0 1px 0 #fff2,0 0 18px #cbd3df13}
.hero h1 em,.section h2 em,.statement em{background:linear-gradient(105deg,#8d949e 0%,#f4f5f7 34%,#b8bec7 58%,#eef0f3 78%,#858d98 100%);background-size:180% auto;background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;animation:metalText 10s ease-in-out infinite}
.hero-kicker,.eyebrow.silver{ text-shadow:0 0 12px #dce2eb18 }
.section-head h2,.intro h2,.founder h2,.contact h2{ text-shadow:0 0 22px #cbd3df12 }
.service-card:hover h3,.contact-panel h3{ text-shadow:0 0 14px #dce2eb20 }
.hero-stamp{box-shadow:0 0 22px #dce2eb12,inset 0 0 20px #dce2eb08}
@keyframes chromeSweep{0%,65%{transform:translateX(-85%) rotate(12deg);opacity:0}78%{opacity:.9}100%{transform:translateX(85%) rotate(12deg);opacity:0}}
@keyframes metalText{0%,100%{background-position:0% center}50%{background-position:100% center}}
@media(max-width:680px){.kb-emblem{width:43px;height:43px}.kb-emblem b{font-size:16px}.kb-emblem i{font-size:10px;top:2px}.brand-wordmark b{font-size:22px}}
@media(prefers-reduced-motion:reduce){.kb-emblem:before,.kb-emblem b,.hero h1 em,.section h2 em,.statement em{animation:none}}

/* Header refinement: retain the KB STUDIOS wordmark without a separate emblem. */
.header .brand-wordmark{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;line-height:1}
.header .brand-wordmark b{font:600 25px var(--serif);letter-spacing:3px;background:linear-gradient(110deg,#9299a3,#f8f9fb 45%,#aeb5bf 72%,#f1f2f4);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 0 15px #dce2eb12}
.header .brand-wordmark small{font:500 8px var(--sans);letter-spacing:5px;color:#c8cbd0;margin:0}
@media(max-width:680px){.header .brand-wordmark b{font-size:22px}.header .brand-wordmark small{font-size:7px;letter-spacing:4.5px}}


/* Project inquiry form: replaces the journey statistics section. */
.application{background:linear-gradient(145deg,#111317 0%,#090a0c 62%,#121419 100%);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.application-head{margin-bottom:42px}.application-form{max-width:980px;border:1px solid #555c65;background:linear-gradient(145deg,#15181d,#0b0c0e);padding:clamp(22px,4vw,42px);box-shadow:0 20px 60px #0005}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 22px}.form-field{display:flex;flex-direction:column;gap:9px}.form-field>span{font-size:11px;letter-spacing:1px;color:#e1e4e8}.form-field small{font-size:10px;color:#858c96;margin-top:-5px}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid #454b54;background:#0b0d10;color:#edf0f3;border-radius:0;padding:14px 15px;font:12px var(--sans);outline:none;transition:border-color .2s,box-shadow .2s}.form-field input::placeholder,.form-field textarea::placeholder{color:#717883}.form-field select{color:#c7cbd1}.form-field select:invalid{color:#717883}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#c3c9d2;box-shadow:0 0 0 3px #cbd3df12}.form-field textarea{resize:vertical;min-height:100px}.form-wide{grid-column:1/-1}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice{position:relative;display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 13px;border:1px solid #383e46;background:#0d0f12;color:#bfc4cb;font-size:11px;cursor:pointer;transition:.2s}.choice:has(input:checked){border-color:#aeb6c1;background:#1a1e24;color:#f4f5f6;box-shadow:inset 0 0 18px #cbd3df0b}.choice input{width:14px;height:14px;accent-color:#cbd0d7;margin:0}.form-submit-row{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.form-submit-row p{max-width:390px;margin:0;color:#858c96;font-size:10px}.form-submit-row button{border:0;cursor:pointer;font-family:var(--sans)}.form-feedback{min-height:18px;margin:10px 0 0;color:#d5d9df;font-size:11px}.nav a[href="#hizmetler"]{white-space:nowrap}
@media(max-width:680px){.application-head{margin-bottom:30px}.application-form{padding:20px}.form-grid{grid-template-columns:1fr;gap:18px}.form-wide{grid-column:auto}.choice-grid{grid-template-columns:1fr}.form-submit-row{align-items:stretch;flex-direction:column}.form-submit-row .button{justify-content:center}}