/* MFE contact page. Native HTML, CSS shapes and local assets; no JavaScript.
   Reference canvas: 721 × 2181. Font is visually matched, not source-verified. */
@font-face{font-family:Manrope;src:url("/assets/iletisim/fonts/Manrope-Variable.ttf") format("truetype");font-weight:200 800;font-style:normal;font-display:swap}
:root{--orange:#ff5a13;--paper:#f7f6f3;--ink:#11171b;--muted:#7d8186;--line:#dac4ac;color-scheme:light;font-family:Manrope,Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:#111212;color:var(--ink)}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
h1,h2,h3,p{margin:0}
address{font-style:normal}
.site-shell{--u:calc(100vw / 721);width:100%;max-width:none;margin-inline:0;background:var(--paper);overflow:clip;word-spacing:.035em}
.skip-link{position:fixed;z-index:20;top:12px;left:12px;transform:translateY(-160%);padding:12px 18px;background:white;color:#111;border:2px solid var(--orange)}
.skip-link:focus{transform:none}
.contact-hero{position:relative;height:calc(938 * var(--u));color:#f4f4f1;background:var(--paper);isolation:isolate}
.contact-hero::before{content:"";position:absolute;z-index:-2;inset:0 0 auto;height:calc(754 * var(--u));background:#171918 var(--mfe-bg-a05b6c442dc4, url("/api/image?src=%2Fassets%2Filetisim%2Fimages%2Fhero-clean.png&w=1920&p=background&d=desktop")) center top / 100% 100% no-repeat}
.contact-hero::after{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:calc(365 * var(--u));background:linear-gradient(90deg,#060a0860,transparent 61%)}
.site-header{position:absolute;z-index:5;top:calc(8 * var(--u));left:calc(44 * var(--u));right:calc(22 * var(--u));height:calc(36 * var(--u));display:grid;grid-template-columns:calc(150 * var(--u)) calc(364 * var(--u)) calc(117 * var(--u));gap:calc(12 * var(--u));align-items:start}
.brand{--logo-h:calc(38 * var(--u));display:inline-flex;align-items:center;width:max-content;height:var(--logo-h);color:#f4f4f2;line-height:1;gap:calc(var(--logo-h) * .045)}
.brand-mark{display:block;position:relative;width:calc(var(--logo-h) * .69);height:var(--logo-h);flex:none}
.brand-mark i,.brand-mark b,.brand-mark em{position:absolute;display:block;font-style:normal}
.brand-mark i{inset:0 42% 8% 16%;background:var(--orange);clip-path:polygon(0 22%,100% 0,100% 83%,0 100%,0 87%,67% 76%,67% 17%,28% 29%,28% 89%,0 100%)}
.brand-mark b{inset:0 7% 7% 62%;background:#f3f3ef;clip-path:polygon(0 0,100% 20%,100% 100%,0 84%)}
.brand-mark em{left:0;bottom:4%;width:89%;height:5%;background:#f3f3ef;clip-path:polygon(0 75%,62% 0,100% 85%,100% 100%,0 100%)}
.brand-type{font-family:Arial,Manrope,sans-serif;font-weight:400;font-size:calc(var(--logo-h) * .72);letter-spacing:calc(var(--logo-h) * -.025)}
.brand-type small{display:block;text-align:right;font-family:Arial,sans-serif;font-size:calc(var(--logo-h) * .21);font-weight:400;letter-spacing:calc(var(--logo-h) * -.007);margin-top:calc(var(--logo-h) * -.017)}
.brand-header{--logo-h:calc(36 * var(--u));margin-top:calc(-2 * var(--u))}
.desktop-nav{height:calc(33 * var(--u));display:flex;align-items:stretch;justify-content:space-evenly;background:#0e1010d9;border:1px solid #91704870;border-radius:calc(4 * var(--u));font-size:calc(10.4 * var(--u));letter-spacing:-.05em;box-shadow:0 2px 12px #0003}
.desktop-nav a{display:flex;position:relative;align-items:center;padding-inline:calc(9 * var(--u));color:#d6d6cf;white-space:nowrap}
.desktop-nav a[aria-current]::after{content:"";position:absolute;bottom:-1px;left:calc(9 * var(--u));right:calc(9 * var(--u));height:calc(2 * var(--u));background:var(--orange)}
.desktop-nav a:hover{color:white}
.button{display:flex;align-items:center;justify-content:center;gap:calc(16 * var(--u));border:1px solid #e45b1a;border-radius:calc(5 * var(--u));background:linear-gradient(110deg,#ff5513,#ff5b15);color:#11120c;font-weight:800;letter-spacing:-.045em}
.button:hover{background:#ff7333}
.header-quote{height:calc(33 * var(--u));font-size:calc(10.5 * var(--u));gap:calc(10 * var(--u))}
.header-quote .icon{--size:calc(12 * var(--u))}
.mobile-menu{display:none}
.hero-copy{height:calc(365 * var(--u));padding:calc(104 * var(--u)) 0 0 calc(32 * var(--u))}
.breadcrumb{display:flex;align-items:center;gap:calc(4 * var(--u));font-size:calc(10.5 * var(--u));font-weight:500;letter-spacing:-.03em;line-height:calc(16 * var(--u))}
.breadcrumb>span{width:calc(25 * var(--u));height:calc(2 * var(--u));background:#ef7926;margin-right:calc(2 * var(--u))}
.breadcrumb b{font-weight:400;color:#c9c6bd}
h1{font-size:calc(36 * var(--u));font-weight:700;letter-spacing:-.055em;line-height:1.055;margin-top:calc(10 * var(--u))}
.hero-description{font-size:calc(16 * var(--u));line-height:calc(22 * var(--u));letter-spacing:-.047em;margin-top:calc(11 * var(--u));color:#e1e0d7;font-weight:450}
.contact-card{display:grid;grid-template-columns:calc(458 * var(--u)) minmax(0,1fr);margin-left:calc(29 * var(--u));height:calc(573 * var(--u));border:1px solid #9d7a5266;border-radius:calc(7 * var(--u)) 0 0 calc(7 * var(--u));overflow:hidden;box-shadow:calc(-7 * var(--u)) 0 calc(18 * var(--u)) #0a0a0a2b;background:linear-gradient(90deg,#0d1010d9,#0e1010cd 66%,#0e10107a),var(--mfe-bg-98f983902092, url("/api/image?src=%2Fassets%2Filetisim%2Fimages%2Fmarble.png&w=1920&p=background&d=desktop")) center / cover}
.form-panel{min-width:0;padding:calc(18 * var(--u)) calc(21 * var(--u)) calc(25 * var(--u)) calc(22 * var(--u));background:linear-gradient(120deg,#101212ad,#10121280);backdrop-filter:blur(3px)}
.form-panel h2,.direct-contact h2{font-size:calc(27 * var(--u));line-height:calc(34 * var(--u));letter-spacing:-.055em;font-weight:700}
.form-intro{font-size:calc(14 * var(--u));line-height:calc(21 * var(--u));letter-spacing:-.02em;margin-top:calc(2 * var(--u));white-space:nowrap;color:#dfdfda}
.form-panel h2{font-size:calc(28 * var(--u));letter-spacing:-.04em}
.main-fields{display:grid;grid-template-columns:1fr 1fr;gap:calc(13 * var(--u)) calc(14 * var(--u));margin-top:calc(20 * var(--u))}
form label{display:block;font-size:calc(12 * var(--u));font-weight:550;line-height:calc(16 * var(--u));letter-spacing:-.025em;min-width:0}
input,select,textarea{display:block;width:100%;min-width:0;color:#f2f2ec;background:linear-gradient(115deg,#2b2d2ee8,#282b2de0);border:1px solid #525557a6;box-shadow:inset 0 0 2px #85888a24;border-radius:calc(5 * var(--u));font-size:calc(12.5 * var(--u));font-weight:400;letter-spacing:-.02em;outline:none}
input,select{height:calc(37 * var(--u));padding:0 calc(10 * var(--u));margin-top:calc(3 * var(--u))}
input::placeholder,textarea::placeholder{color:#a1a4a4;opacity:1}
input:focus,select:focus,textarea:focus{border-color:#fc8c42;box-shadow:0 0 0 2px #ff6b1726}
input[type=number]{appearance:textfield;-moz-appearance:textfield}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.select-wrap{position:relative;display:block}
select{appearance:none;padding-right:calc(23 * var(--u));color:#a7aaaa;cursor:pointer}
select:has(option:checked:not([disabled])){color:#f2f2ec}
select option{background:#252828;color:#f4f4ef}
.select-wrap::after{content:"";position:absolute;right:calc(11 * var(--u));top:calc(15 * var(--u));width:calc(6 * var(--u));height:calc(6 * var(--u));border-right:1px solid #d0d1cc;border-bottom:1px solid #d0d1cc;transform:rotate(45deg);pointer-events:none}
.optional-fields{border:0;padding:0;margin:calc(31 * var(--u)) 0 0;min-inline-size:0}
.optional-fields legend{position:relative;float:left;display:flex;align-items:center;width:100%;padding:0;gap:calc(8 * var(--u));font-size:calc(12 * var(--u));line-height:calc(16 * var(--u));letter-spacing:-.043em;font-weight:600}
.optional-fields legend::before,.optional-fields legend::after{content:"";height:1px;background:#c68537}
.optional-fields legend::before{width:calc(22 * var(--u));flex:none}
.optional-fields legend::after{flex:1}
.optional-fields legend+*{clear:both}
.project-fields{display:grid;grid-template-columns:1.28fr 1fr 1.02fr;gap:calc(13 * var(--u));padding-top:calc(15 * var(--u))}
.project-fields input{height:calc(38 * var(--u))}
.description-field{margin-top:calc(16 * var(--u))}
textarea{height:calc(86 * var(--u));min-height:calc(86 * var(--u));max-height:calc(86 * var(--u));padding:calc(10 * var(--u));margin-top:calc(3 * var(--u));line-height:calc(18 * var(--u));resize:none}
.privacy-link{display:block;background:none;border:0;padding:0;color:#deded7;text-decoration:underline;text-underline-offset:calc(2 * var(--u));font-size:calc(11.5 * var(--u));line-height:calc(16 * var(--u));letter-spacing:-.04em;margin-top:calc(11 * var(--u))}
.submit-button{width:100%;height:calc(43 * var(--u));font-size:calc(15.5 * var(--u));margin-top:calc(14 * var(--u));gap:calc(18 * var(--u))}
.submit-button .icon{--size:calc(15 * var(--u))}
.direct-contact{padding:calc(41 * var(--u)) calc(20 * var(--u)) 0 calc(22 * var(--u));border-left:1px solid #9d7a524f;background:linear-gradient(100deg,#10141412,#0a0e0e40)}
.direct-contact h2{line-height:calc(30 * var(--u))}
.direct-contact>p{font-size:calc(14 * var(--u));line-height:calc(21 * var(--u));font-weight:450;letter-spacing:-.047em;margin-top:calc(8 * var(--u));color:#e4e3dc}
.contact-list{display:grid;gap:calc(20 * var(--u));margin-top:calc(30 * var(--u))}
.contact-list>a,.contact-list>div{display:grid;grid-template-columns:calc(30 * var(--u)) minmax(0,1fr);gap:calc(15 * var(--u));align-items:center}
.contact-list small,.contact-list strong{display:block;font-size:calc(13 * var(--u));line-height:calc(21 * var(--u));letter-spacing:-.045em}
.contact-list small{font-weight:500;color:#deded6}
.contact-list strong{font-size:calc(14 * var(--u));font-weight:600;white-space:nowrap}
.contact-list .icon{--size:calc(25 * var(--u));color:#f98432}
.contact-list>a:hover strong{color:#ffa267}
.paper-section{background:radial-gradient(ellipse at 38% 50%,#fff9,transparent 78%),var(--paper)}
.process{height:calc(263 * var(--u));padding:calc(57 * var(--u)) calc(32 * var(--u)) calc(40 * var(--u));display:grid;grid-template-columns:calc(238 * var(--u)) minmax(0,1fr);column-gap:calc(27 * var(--u))}
.eyebrow{display:flex;align-items:center;gap:calc(9 * var(--u));font-size:calc(10 * var(--u));line-height:calc(15 * var(--u));font-weight:750;letter-spacing:.13em;text-transform:uppercase;color:#7d8187;margin-bottom:calc(13 * var(--u))}
.eyebrow::before{content:"";width:calc(26 * var(--u));height:calc(2 * var(--u));background:var(--orange);flex:none}
.section-intro h2{font-size:calc(31 * var(--u));line-height:calc(32 * var(--u));letter-spacing:-.06em;font-weight:800}
.section-intro>p:last-child{font-size:calc(15 * var(--u));line-height:calc(22 * var(--u));letter-spacing:-.047em;color:var(--muted);margin-top:calc(9 * var(--u));font-weight:450}
.process-steps{display:grid;grid-template-columns:calc(115 * var(--u)) calc(143 * var(--u)) minmax(0,1fr);margin:calc(2 * var(--u)) calc(-32 * var(--u)) 0 calc(-1 * var(--u));padding:0;list-style:none;align-self:start}
.process-steps li{min-width:0;padding:0 calc(16 * var(--u)) 0 calc(26 * var(--u));border-left:1px solid var(--line);height:calc(158 * var(--u))}
.process-steps li:first-child{border:0;padding-left:0}
.process-steps li:nth-child(2){padding-left:calc(28 * var(--u))}
.process-steps li:nth-child(3){padding-left:calc(35 * var(--u))}
.step-number{display:grid;place-items:center;width:calc(41 * var(--u));height:calc(41 * var(--u));border-radius:50%;background:var(--orange);color:white;font-size:calc(14 * var(--u));font-weight:750;letter-spacing:-.02em;border:calc(2 * var(--u)) solid #fff6;outline:1px solid #ef9c7180;box-shadow:inset calc(-3 * var(--u)) 0 #ef6b2466;margin-left:calc(-2 * var(--u));margin-bottom:calc(16 * var(--u))}
.process-steps .icon{--size:calc(33 * var(--u));color:var(--orange);display:block;margin-bottom:calc(13 * var(--u))}
.process-steps h3,.preparation-items h3{font-size:calc(13.5 * var(--u));line-height:calc(19 * var(--u));letter-spacing:-.055em;font-weight:800;white-space:nowrap}
.process-steps p{font-size:calc(11.5 * var(--u));line-height:calc(16 * var(--u));letter-spacing:-.035em;color:var(--muted);margin-top:calc(5 * var(--u));white-space:nowrap}
.brand-banner{height:calc(352 * var(--u));position:relative;isolation:isolate;color:#f1f0e9;background:#151816 var(--mfe-bg-41198d68fee3, url("/api/image?src=%2Fassets%2Filetisim%2Fimages%2Fbrand-clean.png&w=1920&p=background&d=desktop")) center / 100% 100% no-repeat}
.brand-banner::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#060b0823,transparent 62%)}
.banner-content{padding:calc(64 * var(--u)) 0 0 calc(53 * var(--u))}
.brand-banner-logo{--logo-h:calc(65 * var(--u))}
.banner-rule{display:block;width:calc(42 * var(--u));height:calc(3 * var(--u));background:#ea671a;margin-top:calc(30 * var(--u));margin-bottom:calc(20 * var(--u))}
.brand-banner h2{font-size:calc(31 * var(--u));line-height:calc(36 * var(--u));letter-spacing:-.055em;font-weight:450}
.brand-banner h2 strong{color:var(--orange);font-weight:800}
.preparation{height:calc(306 * var(--u));padding:calc(49 * var(--u)) calc(32 * var(--u)) calc(29 * var(--u))}
.preparation-grid{display:grid;grid-template-columns:calc(214 * var(--u)) minmax(0,1fr)}
.preparation .eyebrow{margin-bottom:calc(14 * var(--u))}
.preparation-items{display:grid;grid-template-columns:calc(154 * var(--u)) calc(156 * var(--u)) minmax(0,1fr);padding-top:calc(10 * var(--u));margin-right:calc(-20 * var(--u))}
.preparation-items article{border-left:1px solid var(--line);padding-left:calc(22 * var(--u));padding-right:calc(10 * var(--u))}
.preparation-items .icon{--size:calc(33 * var(--u));display:block;color:var(--orange);margin:calc(6 * var(--u)) 0 calc(18 * var(--u))}
.preparation-items h3{font-size:calc(13.5 * var(--u));line-height:calc(19 * var(--u))}
.preparation-items p{font-size:calc(11.5 * var(--u));line-height:calc(17 * var(--u));letter-spacing:-.03em;color:var(--muted);margin-top:calc(6 * var(--u));white-space:nowrap}
.preparation-note{border-top:1px solid #ddc5acbf;text-align:center;font-size:calc(12 * var(--u));letter-spacing:-.04em;line-height:calc(18 * var(--u));color:var(--muted);padding-top:calc(9 * var(--u));margin-top:calc(31 * var(--u))}
.site-footer{height:calc(322 * var(--u));background:radial-gradient(ellipse at 40% 40%,#151616,#0d1010 78%);color:#c7c8c3;padding:calc(25 * var(--u)) calc(32 * var(--u)) 0}
.footer-main{display:grid;grid-template-columns:calc(165 * var(--u)) calc(112 * var(--u)) calc(122 * var(--u)) calc(162 * var(--u)) minmax(0,1fr)}
.brand-footer{--logo-h:calc(37 * var(--u))}
.footer-brand>p{font-size:calc(10.4 * var(--u));line-height:calc(16 * var(--u));letter-spacing:-.048em;margin-top:calc(10 * var(--u))}
.social-links{display:flex;align-items:center;gap:calc(17 * var(--u));margin-top:calc(16 * var(--u))}
.social-links button{border:0;background:none;padding:0;color:inherit;display:inline-flex;align-items:center}
.social-links .icon{--size:calc(15 * var(--u));color:#f3f4ef}
.social-links .icon-linkedin{--size:calc(18 * var(--u))}
.social-links .icon-youtube{--size:calc(17 * var(--u))}
.footer-links,.footer-contact{font-size:calc(10.5 * var(--u));line-height:calc(16 * var(--u));letter-spacing:-.044em;padding-top:calc(5 * var(--u));display:flex;flex-direction:column;align-items:flex-start}
.footer-links h3,.footer-contact h3{font-size:calc(11 * var(--u));line-height:calc(16 * var(--u));font-weight:750;margin-bottom:calc(9 * var(--u));color:#e6e7e2}
.footer-links a:hover,.footer-contact a:hover{color:white}
.footer-contact a,.footer-contact p{display:flex;align-items:center;gap:calc(9 * var(--u));line-height:calc(20 * var(--u));white-space:nowrap;font-size:calc(10 * var(--u))}
.footer-contact .icon{--size:calc(12 * var(--u));flex:none;color:#ddddda}
.footer-contact .icon-phone{--size:calc(11 * var(--u))}
.footer-motto{border-left:1px solid #81664791;margin-top:calc(3 * var(--u));padding:calc(13 * var(--u)) 0 0 calc(26 * var(--u));font-size:calc(15 * var(--u));line-height:calc(19 * var(--u));letter-spacing:-.043em;color:#c8cbc5;height:calc(128 * var(--u))}
.footer-motto::before{content:"";display:block;width:calc(25 * var(--u));height:calc(2 * var(--u));background:var(--orange);margin-bottom:calc(16 * var(--u))}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #81664791;margin-top:calc(32 * var(--u));padding-top:calc(25 * var(--u));font-size:calc(9.2 * var(--u));line-height:calc(16 * var(--u));letter-spacing:-.015em;color:#969b97}
.footer-bottom nav{display:flex;align-items:center;gap:calc(12 * var(--u))}
.footer-bottom nav>span{color:#8a6b40}
.footer-bottom :is(button,a){background:none;border:0;padding:0;color:inherit;font:inherit;letter-spacing:inherit}
.footer-bottom :is(button,a):hover{color:white}
.footer-bottom>p{padding-right:calc(6 * var(--u))}
/* Every foreground icon is made from CSS borders, pseudo-elements and shapes. */
.icon{--size:calc(24 * var(--u));position:relative;display:inline-block;width:var(--size);height:var(--size);flex:none;color:inherit;vertical-align:middle}
.icon-arrow::before{content:"";position:absolute;left:5%;right:10%;top:48%;height:12%;background:currentColor;border-radius:10px}
.icon-arrow::after{content:"";position:absolute;width:47%;height:47%;top:26%;right:10%;border-top:calc(var(--size) * .12) solid;border-right:calc(var(--size) * .12) solid;transform:rotate(45deg)}
.icon-mail{height:calc(var(--size) * .76);border:calc(var(--size) * .075) solid;border-radius:calc(var(--size) * .07);overflow:hidden}
.icon-mail::before{content:"";position:absolute;top:-53%;left:14%;width:67%;height:100%;border-right:calc(var(--size) * .075) solid;border-bottom:calc(var(--size) * .075) solid;transform:rotate(45deg)}
.icon-instagram{border:calc(var(--size) * .078) solid;border-radius:27%}
.icon-instagram::before{content:"";position:absolute;inset:22%;border:calc(var(--size) * .078) solid;border-radius:50%}
.icon-instagram::after{content:"";position:absolute;right:15%;top:14%;width:12%;height:12%;background:currentColor;border-radius:50%}
.icon-mobile{width:calc(var(--size) * .55);height:var(--size);margin-left:calc(var(--size) * .12);border:calc(var(--size) * .075) solid;border-radius:18%}
.icon-mobile::before{content:"";position:absolute;top:-2%;left:28%;width:44%;height:9%;background:currentColor;border-radius:0 0 40% 40%}
.icon-mobile::after{content:"";position:absolute;bottom:8%;left:31%;width:38%;height:8%;background:currentColor;border-radius:2px}
.icon-phone::before{content:"";position:absolute;inset:4% 18% 5% 17%;border-left:calc(var(--size) * .085) solid;border-bottom:calc(var(--size) * .085) solid;border-right:calc(var(--size) * .085) solid;border-radius:14% 14% 45% 45%;transform:rotate(-42deg)}
.icon-phone::after{content:"";position:absolute;width:26%;height:31%;top:2%;left:2%;border:calc(var(--size) * .07) solid;border-radius:20%;transform:rotate(-32deg);box-shadow:calc(var(--size) * .24) calc(var(--size) * .70) 0 calc(var(--size) * -.01) currentColor}
.icon-phone.ringing i{position:absolute;top:4%;right:4%;width:35%;height:35%;border-top:calc(var(--size) * .07) solid;border-right:calc(var(--size) * .07) solid;border-radius:0 80% 0 0}
.icon-phone.ringing i::after{content:"";position:absolute;inset:22% 25% 0 0;border-top:calc(var(--size) * .06) solid;border-right:calc(var(--size) * .06) solid;border-radius:0 100% 0 0}
.icon-pin::before{content:"";position:absolute;width:70%;height:70%;top:0;left:15%;border:calc(var(--size) * .075) solid;border-radius:50% 50% 50% 0;transform:rotate(-45deg)}
.icon-pin::after{content:"";position:absolute;top:20%;left:37%;width:26%;height:26%;border:calc(var(--size) * .075) solid;border-radius:50%}
.icon-document{width:calc(var(--size) * .78);border:calc(var(--size) * .067) solid;border-radius:6%;clip-path:polygon(0 0,64% 0,100% 28%,100% 100%,0 100%)}
.icon-document::before{content:"";position:absolute;right:-3%;top:-2%;width:35%;height:28%;border-left:calc(var(--size) * .06) solid;border-bottom:calc(var(--size) * .06) solid;background:var(--paper)}
.icon-document::after{content:"";position:absolute;left:21%;right:14%;top:39%;height:calc(var(--size) * .05);background:currentColor;box-shadow:0 calc(var(--size) * .16) currentColor,0 calc(var(--size) * .32) currentColor}
.icon-document i{position:absolute;left:10%;top:39%;height:calc(var(--size) * .05);width:7%;background:currentColor;box-shadow:0 calc(var(--size) * .16) currentColor,0 calc(var(--size) * .32) currentColor}
.icon-people i,.icon-people b,.icon-people em{position:absolute;border:calc(var(--size) * .06) solid;border-bottom:0;border-radius:45% 45% 0 0;width:49%;height:49%;bottom:0;left:26%;font-style:normal}
.icon-people i::before,.icon-people b::before,.icon-people em::before{content:"";position:absolute;width:70%;aspect-ratio:1;left:15%;top:-88%;border:calc(var(--size) * .055) solid;border-radius:50%;background:var(--paper)}
.icon-people b{left:2%;bottom:3%;width:35%;height:40%;z-index:-1}
.icon-people em{left:64%;bottom:3%;width:35%;height:40%;z-index:-1}
.icon-people{isolation:isolate}
.icon-cube i,.icon-cube b,.icon-cube em{position:absolute;border:calc(var(--size) * .06) solid;font-style:normal}
.icon-cube i{width:64%;height:46%;top:2%;left:17%;transform:rotate(30deg) skewX(-30deg) scaleY(.87)}
.icon-cube b{width:46%;height:54%;top:37%;left:7%;transform:skewY(30deg);border-top:0}
.icon-cube em{width:46%;height:54%;top:37%;right:7%;transform:skewY(-30deg);border-top:0;border-left:0}
.icon-linkedin{font-family:Arial,sans-serif;font-weight:750;font-size:calc(var(--size) * 1.05);line-height:1;letter-spacing:-.035em}
.icon-youtube{height:calc(var(--size) * .66);border-radius:24%;background:currentColor}
.icon-youtube::after{content:"";position:absolute;left:43%;top:26%;width:27%;height:47%;background:#111414;clip-path:polygon(0 0,100% 50%,0 100%)}
.info-panel{width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;margin:auto;background:var(--paper);color:var(--ink);padding:38px 30px 30px;border:1px solid #be946a;border-radius:10px;box-shadow:0 20px 90px #0006;font-size:15px;line-height:1.65}
.info-panel::backdrop{background:#090c0bd9;backdrop-filter:blur(5px)}
.info-panel h2{font-size:28px;letter-spacing:-.05em;margin-bottom:18px}
.info-panel p+p{margin-top:14px}
.panel-close{position:absolute;right:10px;top:7px;background:none;border:0;padding:3px 10px;font-size:28px;color:#6d706b}
.sitemap{display:flex;flex-direction:column;gap:10px}
.sitemap a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:600px){
  .site-shell{--u:1px}
  html{scroll-padding-top:12px}
  .contact-hero{height:auto;padding-bottom:26px;background:#f7f6f3}
  .contact-hero::before{height:580px;background-size:auto 580px;background-position:62% top}
  .contact-hero::after{height:365px;background:linear-gradient(90deg,#060a08b3,#060a0812)}
  .site-header{left:22px;right:22px;top:18px;height:40px;display:flex;align-items:center;gap:12px}
  .brand-header{--logo-h:37px;margin:0;margin-right:auto}
  .desktop-nav{display:none}
  .header-quote{height:37px;padding-inline:12px;font-size:11px;gap:8px}
  .mobile-menu{display:block;position:static}
  .mobile-menu summary{list-style:none;width:37px;height:37px;display:grid;place-items:center;border:1px solid #af8b6185;background:#121414c9;border-radius:5px;cursor:pointer}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .mobile-menu summary>span{width:16px;height:2px;background:#eee;box-shadow:0 -5px #eee,0 5px #eee}
  .mobile-menu nav{position:absolute;left:0;right:0;top:51px;border:1px solid #8e7659;padding:12px 18px;background:#141615f5;border-radius:6px;display:grid;box-shadow:0 10px 30px #0005}
  .mobile-menu nav a{padding-block:10px;font-size:14px}
  .hero-copy{height:345px;padding:115px 22px 0}
  .breadcrumb{font-size:10px;line-height:16px}
  h1{font-size:clamp(30px,8.1vw,44px);line-height:1.075;margin-top:15px;letter-spacing:-.055em}
  .hero-description{font-size:15px;line-height:22px;margin-top:15px}
  .contact-card{display:flex;flex-direction:column;margin-inline:16px;height:auto;border-radius:8px;box-shadow:0 10px 30px #0003;background:linear-gradient(#111515f2,#111515b8),var(--mfe-bg-98f983902092, url("/api/image?src=%2Fassets%2Filetisim%2Fimages%2Fmarble.png&w=1920&p=background&d=desktop")) center / cover}
  .form-panel{padding:23px 20px 25px}
  .form-panel h2{font-size:27px;line-height:34px}
  .form-intro{font-size:13px;line-height:20px;white-space:normal;margin-top:5px;max-width:370px}
  .main-fields{margin-top:24px;gap:16px 12px}
  form label{font-size:12px;line-height:17px}
  input,select,textarea{font-size:12px;border-radius:5px;letter-spacing:-.03em}
  input,select,.project-fields input{height:42px;padding-inline:10px;margin-top:5px}
  .select-wrap::after{top:17px;right:11px}
  select{font-size:11px;padding-right:23px}
  .optional-fields{margin-top:27px}
  .optional-fields legend{font-size:11px;line-height:16px;gap:7px}
  .project-fields{grid-template-columns:1fr 1fr;gap:15px 12px;padding-top:20px}
  .project-fields label:first-child{grid-column:1 / -1}
  .description-field{margin-top:17px}
  textarea{height:105px;min-height:105px;max-height:none;padding:11px;margin-top:5px;line-height:18px;resize:vertical}
  .privacy-link{font-size:11px;line-height:17px;margin-top:11px}
  .submit-button{height:46px;font-size:15px;margin-top:16px}
  .direct-contact{border-left:0;border-top:1px solid #90724e66;padding:29px 22px 32px;background:#0c101057}
  .direct-contact h2{font-size:27px;line-height:30px}
  .direct-contact h2 br{display:none}
  .direct-contact h2 br::after{content:" "}
  .direct-contact>p{font-size:14px;line-height:21px;margin-top:10px}
  .direct-contact>p br{display:none}
  .contact-list{margin-top:24px;gap:21px;grid-template-columns:1fr}
  .contact-list>a,.contact-list>div{grid-template-columns:28px minmax(0,1fr);gap:16px}
  .contact-list small{font-size:12px;line-height:19px}
  .contact-list strong{font-size:14px;line-height:21px}
  .process{height:auto;padding:38px 22px;display:block}
  .eyebrow{font-size:10px;line-height:15px;margin-bottom:13px}
  .section-intro h2{font-size:31px;line-height:33px}
  .section-intro>p:last-child{font-size:14px;line-height:21px;margin-top:12px}
  .section-intro>p:last-child br{display:none}
  .section-intro>p:last-child{max-width:340px}
  .process-steps{display:flex;flex-direction:column;gap:24px;margin:29px 0 0}
  .process-steps li,.process-steps li:first-child,.process-steps li:nth-child(2),.process-steps li:nth-child(3){height:auto;border-left:0;padding:0 0 0 64px;position:relative;min-height:97px}
  .step-number{position:absolute;left:0;top:0;margin:0;width:40px;height:40px;font-size:14px}
  .process-steps li:not(:last-child)::after{content:"";position:absolute;left:20px;top:49px;width:1px;height:calc(100% - 35px);background:var(--line)}
  .process-steps .icon{--size:30px;margin:2px 0 10px}
  .process-steps h3{font-size:16px;line-height:21px}
  .process-steps p{font-size:13px;line-height:19px;margin-top:5px;white-space:normal}
  .process-steps p br{display:none}
  .brand-banner{height:300px;background-size:auto 300px;background-position:54% center}
  .brand-banner::before{background:linear-gradient(90deg,#080d0b58,transparent 88%)}
  .banner-content{padding:49px 22px 0}
  .brand-banner-logo{--logo-h:53px}
  .banner-rule{width:37px;height:3px;margin-top:29px;margin-bottom:21px}
  .brand-banner h2{font-size:clamp(25px,6.8vw,31px);line-height:1.18}
  .preparation{height:auto;padding:37px 22px 26px}
  .preparation-grid{display:block}
  .preparation-items{display:grid;grid-template-columns:1fr;margin:27px 0 0;padding:0;gap:25px}
  .preparation-items article{display:grid;grid-template-columns:43px 1fr;gap:5px 17px;padding:0;border:0}
  .preparation-items .icon{--size:32px;grid-row:1 / 3;align-self:start;margin:3px 0 0}
  .preparation-items h3{font-size:16px;line-height:22px}
  .preparation-items p{font-size:13px;line-height:20px;margin:0;white-space:normal}
  .preparation-items p br{display:none}
  .preparation-note{font-size:12px;line-height:19px;padding-top:14px;margin-top:27px}
  .site-footer{height:auto;min-height:430px;padding:29px 22px 35px}
  .footer-main{grid-template-columns:1fr 1fr;gap:28px 23px}
  .footer-brand{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:0 23px;align-items:center}
  .brand-footer{--logo-h:42px}
  .footer-brand>p{font-size:12px;line-height:18px;margin:0}
  .social-links{grid-column:1 / -1;margin-top:20px;gap:21px}
  .social-links .icon{--size:18px}
  .social-links .icon-linkedin{--size:22px}
  .social-links .icon-youtube{--size:22px}
  .footer-links,.footer-contact{font-size:12px;line-height:21px;padding:0}
  .footer-links h3,.footer-contact h3{font-size:13px;line-height:20px;margin-bottom:10px}
  .footer-contact{grid-column:1 / -1}
  .footer-contact a,.footer-contact p{font-size:12px;line-height:26px;gap:12px}
  .footer-contact .icon{--size:14px}
  .footer-motto{display:none}
  .footer-bottom{display:block;margin-top:27px;padding-top:20px;font-size:10px;line-height:18px}
  .footer-bottom nav{gap:12px;flex-wrap:wrap}
  .footer-bottom>p{margin-top:14px;padding:0}
}
@media(max-width:350px){.site-header{left:16px;right:16px;gap:8px}.header-quote{padding-inline:8px;font-size:10px}.brand-header{--logo-h:32px}.hero-copy{padding-inline:20px}.main-fields{grid-template-columns:1fr}.form-panel{padding-inline:16px}.form-intro{font-size:12px}.contact-list strong{font-size:13px}.footer-brand{grid-template-columns:1fr}.footer-brand>p{margin-top:13px}.social-links{grid-column:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{.site-shell{--u:1px;width:721px;max-width:none}.site-header,.mobile-menu,.skip-link,.info-panel{display:none!important}.contact-hero,.brand-banner,.site-footer{print-color-adjust:exact;-webkit-print-color-adjust:exact}section,.contact-card{break-inside:avoid}}

/* Shared preview state: panel delivery is deferred. */
#contact-form-status { font-size: 12px; line-height: 1.5; margin: 12px 0 0; color: #62655e; }
.submit-button:disabled { opacity: 1; cursor: not-allowed; }

/* Sharper concept photographs; preserve architectural proportions. */
.contact-hero::before { background-image: var(--mfe-bg-905cf47b017a, url("/api/image?src=%2Fassets%2Filetisim%2Fimages%2Fhq%2Fhero.png&w=1920&p=background&d=desktop")); background-size: cover; background-position: center top; }
.brand-banner { background-image: var(--mfe-bg-387c098baa2b, url("/api/image?src=%2Fassets%2Filetisim%2Fimages%2Fhq%2Fbrand.png&w=1920&p=background&d=desktop")); background-size: cover; background-position: center; }
@media (max-width: 767px) {
  .contact-hero::before { background-position: 62% top; }
  .brand-banner { background-position: 54% center; }
}
.brand-banner { background-position: center top; }