/* Pak Mimarlık • adapted from the Instant template by BootstrapMade. */
:root{--navy:#0c283d;--blue:#2986cc;--pale:#e9f2f9;--text:#233d50;--muted:#688196;--line:#d9e6ef;--white:#fff;--font:'Jost',Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:#fff;font-family:var(--font);font-size:17px;line-height:1.58;overflow-x:clip}body.menu-open{overflow:hidden}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600;color:var(--navy);line-height:1.13;letter-spacing:-.5px}h2{font-size:clamp(2.1rem,4.3vw,4.2rem)}.container{width:min(100% - 48px,1240px);margin-inline:auto}.section{padding:clamp(70px,9vw,130px) 0}.soft{background:var(--pale)}.eyebrow{display:inline-block;font-size:13px;color:var(--blue);font-weight:700;letter-spacing:.13em;margin-bottom:22px}.eyebrow.light{color:#a8d8f7}.text-blue{color:var(--blue)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:42px}.section-heading h2{margin-bottom:0}.heading-aside{max-width:280px;color:var(--muted);margin-bottom:5px}.inline-link,.text-link{display:inline-flex;align-items:center;gap:15px;font-weight:600;color:var(--navy);border-bottom:1px solid var(--blue);padding-bottom:8px;white-space:nowrap}.inline-link i,.text-link i{color:var(--blue);transition:transform .3s}.inline-link:hover i,.text-link:hover i{transform:translate(3px,-3px)}.btn{min-height:54px;padding:14px 24px;display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:3px;font-weight:600;line-height:1.3;transition:transform .25s,background .25s,box-shadow .25s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:linear-gradient(120deg,#2986cc,#1974b8);color:#fff;box-shadow:0 12px 24px rgba(41,134,204,.17)}.btn-primary:hover{background:#166dac}.btn-white{background:white;color:var(--navy)}.btn-outline-white{border:1px solid rgba(255,255,255,.6);color:#fff}.btn-outline-white:hover{background:#fff;color:var(--navy)}
.topbar{background:var(--navy);color:#d9ecf8;font-size:13px;line-height:1.3}.topbar-inner{display:flex;align-items:center;justify-content:space-between;min-height:38px;gap:12px}.topbar-left,.topbar-right,.topbar a{display:flex;align-items:center;gap:15px}.topbar a{gap:7px}.topbar a:hover{color:#fff}.topbar .bi{font-size:14px;color:#8acaf2;vertical-align:middle}.topbar-right .bi-facebook{font-size:15px}.top-divider{height:13px;border-left:1px solid #577084}.site-header{position:relative;z-index:80;background:#fff;border-bottom:1px solid #eff3f7}.header-inner{height:86px;display:flex;align-items:center;gap:40px}.brand{display:flex;flex:none;align-items:center}.brand img{width:162px;height:auto;display:block}.navmenu{margin-left:auto}.navmenu ul{display:flex;align-items:center;gap:29px;margin:0;padding:0;list-style:none}.navmenu a{font-size:15px;font-weight:600;color:var(--navy);transition:color .2s}.navmenu a:hover,.navmenu a.active{color:var(--blue)}.header-cta{background:var(--navy);color:#fff;font-size:14px;font-weight:600;padding:14px 19px;border-radius:2px;display:flex;align-items:center;gap:15px;white-space:nowrap;transition:background .2s}.header-cta:hover{background:var(--blue)}.menu-toggle{display:none;border:0;background:none;color:var(--navy);font-size:31px;line-height:1}
.hero{min-height:680px;position:relative;isolation:isolate;color:#fff;overflow:hidden;background:var(--navy)}.hero-image{position:absolute;inset:0;background:url('../img/arda-ulusoy.webp') center 53%/cover no-repeat;z-index:-2;animation:hero-in 1.4s ease-out both}.hero-veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,30,48,.95) 0%,rgba(8,37,58,.78) 37%,rgba(8,32,48,.15) 90%),linear-gradient(0deg,rgba(7,30,48,.28),transparent 65%);z-index:-1}.hero-layout{min-height:680px;display:flex;flex-direction:column;justify-content:center;padding-block:90px 28px}.hero-copy{max-width:720px;margin-block:auto}.hero-kicker{display:flex;align-items:center;gap:13px;font-size:13px;font-weight:600;letter-spacing:.2em;color:#badff5}.hero-kicker .line{width:35px;height:1px;background:#8dcdf4}.hero h1{font-size:clamp(3.3rem,7.5vw,7.5rem);color:#fff;letter-spacing:-.055em;line-height:.99;margin:31px 0}.hero h1 em{font-weight:400;font-style:normal;color:#9ed4f4}.hero-copy>p{color:#dbeaf4;max-width:520px;font-size:19px;margin-bottom:36px}.hero-buttons{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.hero .text-link{color:#fff;border-bottom-color:#fff}.hero .text-link i{color:#fff}.hero-bottom{display:flex;justify-content:space-between;gap:12px;color:#d1e8f6;font-size:12px;letter-spacing:.17em}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.intro-grid h2{margin-bottom:0}.intro-text{font-size:20px}.intro-text p{margin-bottom:30px;color:#496276}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{min-height:315px;background:#fff;padding:30px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #e2edf4;transition:transform .3s,box-shadow .3s,border-color .3s}.service-card:hover{transform:translateY(-6px);border-color:#a8d4f1;box-shadow:0 24px 45px rgba(12,40,61,.08)}.service-card-top{display:flex;align-items:start;justify-content:space-between;color:#91a9ba;font-size:12px;letter-spacing:.1em}.service-card-top .bi{font-size:31px;color:var(--blue)}.service-card h3{font-size:25px;margin-bottom:13px}.service-card p{font-size:15px;line-height:1.55;color:var(--muted);margin-bottom:25px}.service-card a{display:inline-flex;gap:10px;align-items:center;color:var(--blue);font-size:14px;font-weight:600}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-card{min-width:0}.project-image{overflow:hidden;background:var(--pale);aspect-ratio:1.17}.project-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}.project-card:hover img{transform:scale(1.045)}.project-meta{padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:15px}.project-meta span:not(.project-arrow){font-size:13px;color:var(--blue);font-weight:600}.project-meta h3{font-size:21px;margin:4px 0 0}.project-arrow{width:38px;height:38px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--blue);flex:none}.quote-section{background:var(--navy);color:white}.quote-grid{display:grid;grid-template-columns:1fr 1fr;min-height:510px}.quote-image{margin-left:calc((min(100vw - 48px,1240px) - 100vw)/2);overflow:hidden}.quote-image img{width:100%;height:100%;object-fit:cover;display:block}.quote-copy{padding:clamp(60px,8vw,110px) clamp(35px,6vw,95px);align-self:center}.quote-copy h2{color:#fff}.quote-copy p{color:#d1e5f3;margin:24px 0 32px;max-width:480px}.faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:9%}.faq-intro h2{margin-bottom:23px}.faq-intro p{color:var(--muted);max-width:330px}.faq-intro .inline-link{margin-top:20px}.faq-list{border-top:1px solid #bdd2e0}.faq-item{border-bottom:1px solid #bdd2e0}.faq-item h3{margin:0;font-size:18px}.faq-item button{width:100%;display:flex;align-items:center;gap:17px;text-align:left;border:0;background:transparent;padding:24px 0;color:var(--navy);font-weight:600;line-height:1.3}.faq-item button>.bi{margin-left:auto;font-size:17px;color:var(--blue);transition:transform .25s}.faq-item button[aria-expanded=true]>.bi{transform:rotate(45deg)}.faq-number{font-size:13px;color:var(--blue);font-weight:500}.faq-answer{padding:0 37px 19px}.faq-answer p{margin:0;color:var(--muted);font-size:16px}.faq-answer[hidden]{display:none}
.page-hero{background:radial-gradient(circle at 85% 20%,#285c7e 0%,transparent 35%),linear-gradient(125deg,#0c283d,#143e59);min-height:360px;position:relative;color:#fff;overflow:hidden}.page-hero:after{content:'';position:absolute;right:-80px;top:-100px;border:1px solid rgba(255,255,255,.12);width:500px;height:500px;transform:rotate(30deg);pointer-events:none}.page-hero>.container{position:relative;z-index:1}.breadcrumbs{display:flex;align-items:center;gap:10px;padding-top:32px;color:#c4dce9;font-size:13px}.breadcrumbs a:hover{color:#fff}.breadcrumbs .bi{font-size:11px;color:#91bdd9}.page-hero-content{padding:55px 0 75px}.page-hero h1{color:#fff;font-size:clamp(2.8rem,5.5vw,5.8rem);margin:0 0 18px}.page-hero p{color:#cce2f0;font-size:18px;margin:0;max-width:650px}.page-hero-number{position:absolute;right:0;bottom:36px;color:#9dbdd1;font-size:12px;letter-spacing:.18em}.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%}.about-image img{display:block;width:100%;height:600px;object-fit:cover}.about-story h2{font-size:clamp(2.3rem,3.6vw,3.7rem)}.about-story p,.rich-text p{color:#526e81;margin-bottom:17px}.statement-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.statement-grid h2{margin-bottom:0}.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 30px}.quality-grid>div{border-top:1px solid var(--line);display:flex;gap:17px;align-items:start;padding:28px 0;min-height:130px}.quality-grid span,.process-grid span{color:var(--blue);font-weight:600;font-size:13px}.quality-grid p{margin:0}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.process-grid article{border-top:1px solid #bdd2e0;padding:28px 0}.process-grid h3{margin:20px 0 12px;font-size:24px}.process-grid p{color:var(--muted);margin:0}.project-note{margin:35px 0 0;color:var(--muted);font-size:14px}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:start}.contact-details>p{color:var(--muted);max-width:480px}.contact-list{margin:35px 0}.contact-list>div{display:flex;gap:19px;padding:19px 0;border-top:1px solid var(--line)}.contact-list>div>.bi{color:var(--blue);font-size:23px;width:25px;flex:none}.contact-list h3{font-size:16px;margin:1px 0 4px}.contact-list p,.contact-list a{display:block;margin:0;color:#536f81;font-size:16px}.contact-list a:hover{color:var(--blue)}.contact-details .btn{margin-bottom:20px}.facebook-link{display:flex;align-items:center;gap:10px;color:var(--blue);font-weight:600;font-size:15px}.map-wrap{background:var(--pale);padding:9px;box-shadow:0 25px 55px rgba(12,40,61,.1)}.map-wrap iframe{width:100%;height:560px;display:block;border:0}.map-caption{padding:14px 13px 7px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.map-caption .bi{color:var(--blue)}.map-caption a{font-weight:600;color:var(--blue)}
.contact-band{background:linear-gradient(115deg,#237ec1,#0d4366);color:#fff}.contact-band-inner{padding:75px 0;display:flex;align-items:end;justify-content:space-between;gap:35px}.contact-band h2{margin:0;color:#fff;font-size:clamp(2.4rem,4.5vw,4.6rem)}.site-footer{background:#092437;color:#c9dce8;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:1.3fr .65fr 1.15fr .85fr;gap:48px}.footer-logo{width:180px;height:auto;display:block;filter:brightness(0) invert(1)}.footer-about p{margin-top:20px}.footer-grid h3{font-size:14px;font-weight:600;color:#fff;margin:5px 0 21px;letter-spacing:.04em}.footer-grid a:not(.footer-social){display:block;margin:0 0 10px;line-height:1.5;font-size:15px}.footer-grid a:hover{color:#fff}.footer-grid p{line-height:1.7;font-size:15px}.footer-social{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid #57778c;color:#fff;border-radius:50%;margin-top:8px}.footer-bottom{margin-top:58px;padding-top:21px;border-top:1px solid #315064;display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#b5cbd8}.footer-bottom a:hover{color:#fff}.mobile-footer-logo{display:none}.whatsapp-float{position:fixed;z-index:90;left:24px;bottom:24px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:white;font-size:30px;box-shadow:0 7px 22px rgba(11,70,38,.25)}.whatsapp-float>.bi{z-index:1}.wa-ripple,.whatsapp-float:before{content:'';position:absolute;inset:-6px;border-radius:50%;border:2px solid rgba(37,211,102,.48);animation:wa-wave 2.6s infinite;pointer-events:none}.wa-ripple{animation-delay:1.3s}.scroll-top{position:fixed;right:24px;bottom:27px;width:48px;height:48px;border:0;border-radius:5px;background:var(--navy);color:white;font-size:21px;box-shadow:0 5px 18px #071e3040;z-index:90;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .25s}.scroll-top.active{opacity:1;visibility:visible;transform:none}.scroll-top:hover{background:var(--blue)}.preloader{position:fixed;inset:0;z-index:999;background:var(--navy);color:white;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:23px;transition:opacity .45s,visibility .45s}.preloader.done{opacity:0;visibility:hidden;pointer-events:none}.preloader-name{font-weight:600;letter-spacing:.23em;font-size:13px}.preloader-mark{display:flex;gap:5px;align-items:end;height:44px;transform:skewX(-18deg)}.preloader-mark span{display:block;width:8px;height:34px;background:linear-gradient(#7ec8f1,#2986cc);animation:bar-grow .8s ease-in-out infinite alternate}.preloader-mark span:nth-child(2){height:23px;animation-delay:.2s}.preloader-mark span:nth-child(3){height:38px;animation-delay:.4s}
@keyframes wa-wave{0%{transform:scale(.82);opacity:.9}100%{transform:scale(1.4);opacity:0}}@keyframes bar-grow{to{transform:scaleY(.45);opacity:.65}}@keyframes hero-in{from{transform:scale(1.05);opacity:.7}to{transform:scale(1);opacity:1}}
@media(max-width:1100px){.header-inner{gap:20px}.navmenu ul{gap:18px}.brand img{width:145px}.header-cta{padding-inline:12px}.quote-image{margin-left:0}}
@media(max-width:900px){.header-cta{display:none}.menu-toggle{display:block;margin-left:auto}.header-inner{height:76px}.navmenu{position:fixed;z-index:79;top:114px;left:0;right:0;bottom:0;background:#fff;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-8px);transition:all .2s;overflow-y:auto;margin:0;padding:20px 24px}.menu-open .navmenu{visibility:visible;opacity:1;pointer-events:auto;transform:none}.navmenu ul{display:block}.navmenu li{border-bottom:1px solid var(--line)}.navmenu li a{display:block;padding:16px 4px;font-size:19px}.project-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.quote-grid{grid-template-columns:1fr 1fr}.faq-grid{gap:5%}}
@media(max-width:650px){body{font-size:16px}.container{width:min(100% - 32px,1240px)}.topbar-inner{min-height:36px}.topbar-left,.topbar-right,.topbar a{gap:5px}.topbar .top-email,.top-divider,.topbar-right .bi-facebook{display:none}.topbar-right>a{display:none}.topbar-right{font-size:11px;white-space:nowrap}.topbar-left{font-size:12px;white-space:nowrap}.topbar-right .bi{font-size:12px}.header-inner{height:72px}.brand img{width:135px}.navmenu{top:108px}.section{padding:70px 0}.section-heading{display:block;margin-bottom:30px}.section-heading .inline-link{margin-top:23px}.heading-aside{margin-top:20px}.hero,.hero-layout{min-height:620px}.hero-layout{padding-top:75px}.hero-veil{background:linear-gradient(90deg,rgba(7,30,48,.9),rgba(8,37,58,.65)),linear-gradient(0deg,rgba(7,30,48,.35),transparent 60%)}.hero h1{font-size:clamp(3.2rem,12vw,5rem)}.hero-copy>p{font-size:17px}.hero-buttons{gap:24px}.hero .btn{width:100%;max-width:310px}.hero-bottom{font-size:10px}.intro-grid,.about-grid,.statement-grid,.faq-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.intro-text{font-size:17px}.service-grid,.project-grid{grid-template-columns:1fr}.service-card{min-height:280px}.project-image{aspect-ratio:1.3}.quote-grid{display:block}.quote-image{height:270px}.quote-copy{padding:50px 16px 60px}.faq-answer{padding-left:33px}.page-hero{min-height:315px}.page-hero-content{padding:45px 0 60px}.page-hero-number{display:none}.page-hero h1{font-size:clamp(2.9rem,10vw,4.1rem)}.about-image img{height:340px}.quality-grid,.process-grid{grid-template-columns:1fr}.quality-grid>div{min-height:auto}.map-wrap iframe{height:390px}.contact-band-inner{padding:60px 0;display:block}.contact-band .btn{margin-top:30px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 20px}.footer-about{grid-column:1/-1}.footer-logo{width:165px}.footer-bottom{display:block;line-height:1.8;margin-top:40px}.footer-bottom a{display:block;margin-top:8px}.mobile-footer-logo{display:block;border-top:1px solid #315064;margin-top:27px;padding-top:25px;text-align:center}.mobile-footer-logo img{width:160px;height:auto;filter:brightness(0) invert(1)}.whatsapp-float{left:18px;bottom:20px;width:53px;height:53px}.scroll-top{right:18px;bottom:20px}}
@media(max-width:365px){.topbar-right{font-size:10px}.topbar-left{font-size:11px}.topbar .bi{font-size:11px}.hero h1{font-size:3rem}.map-caption{display:block}.map-caption a{display:block;margin-top:8px}.footer-grid{grid-template-columns:1fr}.footer-about{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Breadcrumb bar inspired by the supplied reference; uses Pak Mimarlık colours. */
.breadcrumb-wrap{padding-top:26px;max-width:100%}
.breadcrumbs{display:inline-flex;align-items:center;gap:15px;max-width:100%;min-height:58px;padding:8px 22px 8px 10px;margin:0;border-radius:11px;background:linear-gradient(105deg,#2986cc 0%,#1c6caa 50%,#123f64 100%);box-shadow:0 12px 26px rgba(5,29,49,.23);color:#fff;font-size:16px;font-weight:550;white-space:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.breadcrumbs::-webkit-scrollbar{display:none}
.breadcrumbs>*{flex:none}
.breadcrumbs .crumb-home{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.17);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);color:#fff;font-size:23px;line-height:1;transition:background .2s}
.breadcrumbs .crumb-home:hover{background:rgba(255,255,255,.29)}
.breadcrumbs .crumb-home .bi{font-size:22px;color:#fff;line-height:1}
.breadcrumbs a:not(.crumb-home){color:#eff8ff}
.breadcrumbs a:not(.crumb-home):hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
.breadcrumbs .crumb-chevron{width:12px;height:17px;color:#e7f5ff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.12))}
.breadcrumbs [aria-current]{color:#fff;font-weight:650}
.page-hero-content{padding-top:46px}
.detail-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:9%;align-items:center}
.detail-copy>p{font-size:19px;color:#536f81;line-height:1.7;margin:23px 0 32px}
.detail-visual{background:var(--pale);aspect-ratio:1.16;overflow:hidden}
.detail-visual img{display:block;width:100%;height:100%;object-fit:cover}
.detail-points{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.detail-points article{border-top:1px solid #b8d2e3;padding:28px 0}
.detail-points span{font-size:13px;font-weight:650;color:var(--blue)}
.detail-points h3{font-size:24px;margin:18px 0 12px}
.detail-points p{color:var(--muted);margin:0}
.detail-next{padding:42px 0}
.detail-next .container{display:flex;align-items:center;justify-content:space-between;gap:18px}
.detail-next .eyebrow{margin:0}
.detail-next a{display:inline-flex;gap:13px;align-items:center;font-weight:650;color:var(--blue)}
@media(max-width:650px){.breadcrumb-wrap{padding-top:20px}.breadcrumbs{width:100%;gap:11px;padding:7px 13px 7px 7px;min-height:54px;font-size:14px}.breadcrumbs .crumb-home{width:39px;height:39px}.page-hero-content{padding-top:39px}.detail-grid,.detail-points{grid-template-columns:1fr;gap:30px}.detail-copy>p{font-size:17px}.detail-visual{aspect-ratio:1.25}.detail-points{gap:0}.detail-points article{padding:22px 0}.detail-next .container{display:block}.detail-next a{margin-top:15px}}