/* Google Fonts are loaded from as a preconnected , not @import, so they don't block CSS parsing. */ :root{--ink:#0c2332;--ink2:#112d3f;--paper:#f4f1ea;--paper2:#e9e5dc;--lime:#c9e61e;--white:#fff;--muted:#63727a;--line:rgba(12,35,50,.15);--wrap:min(1240px,calc(100vw - 64px));--serif:Georgia,'Times New Roman',serif} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}.wrap{width:var(--wrap);margin-inline:auto}.skip{position:fixed;left:20px;top:-60px;background:var(--lime);padding:12px 18px;z-index:1000}.skip:focus{top:20px}.section{padding:120px 0}.site-header{position:absolute;inset:0 0 auto;z-index:50;color:#fff}.topline{height:38px;border-bottom:1px solid rgba(255,255,255,.16);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.topline .wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.topline div div{display:flex;align-items:center;gap:18px}.topline i{width:1px;height:12px;background:rgba(255,255,255,.25)}.nav-wrap{height:94px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.16)}.brand{margin-right:auto}.brand img{width:198px;height:auto;filter:brightness(0) invert(1)}.nav{display:flex;gap:34px;align-items:center}.nav a{font-size:13px;font-weight:600;letter-spacing:.02em;position:relative}.nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--lime);transition:.3s}.nav a:hover:after{right:0}.nav-cta{margin-left:38px;padding:13px 18px;border:1px solid rgba(255,255,255,.45);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.nav-cta span{color:var(--lime);margin-left:14px}.menu-toggle{display:none;background:none;border:0;color:#fff;width:42px}.menu-toggle span{display:block;height:2px;background:currentColor;margin:7px 0}.hero{min-height:900px;height:100svh;position:relative;color:#fff;overflow:hidden;background:var(--ink)}.hero-media{position:absolute;inset:0;background:url('../images/sliders-3.webp') center/cover no-repeat;filter:saturate(.55) contrast(1.06);transform:scale(1.015)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,23,34,.92) 0%,rgba(5,23,34,.72) 42%,rgba(5,23,34,.2) 80%),linear-gradient(0deg,rgba(5,23,34,.78),transparent 48%)}.contours{position:absolute;inset:0;opacity:.12;background-image:repeating-radial-gradient(ellipse at 82% 40%,transparent 0,transparent 36px,rgba(255,255,255,.55) 38px,transparent 39px,transparent 67px)}.hero-inner{position:relative;height:calc(100% - 116px);padding-top:190px;display:flex;align-items:center}.hero-copy{max-width:750px}.eyebrow{display:flex;align-items:center;gap:13px;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:600;margin-bottom:25px}.eyebrow span{display:inline-block;width:34px;height:2px;background:var(--lime)}.hero h1,.page-hero h1,.service-hero h1{font-family:'Manrope',sans-serif;font-size:clamp(58px,6.9vw,104px);line-height:.96;letter-spacing:-.065em;margin:0;font-weight:500}.hero h1 em,.page-hero h1 em,.process h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}.hero-copy>p{font-size:17px;line-height:1.7;max-width:570px;color:rgba(255,255,255,.75);margin:32px 0}.hero-actions{display:flex;align-items:center;gap:36px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border:0;padding:18px 24px;text-transform:uppercase;font-size:11px;letter-spacing:.11em;font-weight:700;cursor:pointer}.button.primary{background:var(--lime);color:var(--ink)}.button:hover{transform:translateY(-2px)}.text-link{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.play{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid rgba(255,255,255,.4);border-radius:50%;font-size:8px;margin-right:10px}.hero-stamp{position:absolute;right:2%;bottom:22%;border-left:1px solid rgba(255,255,255,.3);padding-left:25px;display:flex;flex-direction:column}.hero-stamp span,.hero-stamp small{text-transform:uppercase;letter-spacing:.15em;font-size:9px;color:rgba(255,255,255,.65)}.hero-stamp strong{font:400 46px/1.2 var(--serif);color:var(--lime)}.hero-foot{position:absolute;bottom:0;left:0;right:0;border-top:1px solid rgba(255,255,255,.16);height:116px}.hero-foot .wrap{display:grid;grid-template-columns:repeat(3,1fr) 1fr;height:100%}.hero-foot .wrap>div,.hero-foot .wrap>a{border-right:1px solid rgba(255,255,255,.16);display:flex;flex-direction:column;justify-content:center;padding-left:30px}.hero-foot strong{font:400 29px var(--serif);color:var(--lime)}.hero-foot span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.6);margin-top:5px}.hero-foot .wrap>a{flex-direction:row;align-items:center;justify-content:space-between;padding-right:22px;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.hero-foot b{color:var(--lime);font-size:20px}.statement{background:var(--paper)}.statement-grid{display:grid;grid-template-columns:1fr 3fr;gap:70px}.section-tag{font-size:10px;text-transform:uppercase;letter-spacing:.18em;font-weight:700;color:#667780;padding-top:10px}.statement h2,.section-head h2,.process h2,.projects h2,.about-page h2{font:500 clamp(38px,4.2vw,66px)/1.1 'Manrope',sans-serif;letter-spacing:-.055em;margin:0;max-width:920px}.statement p{max-width:670px;font-size:17px;line-height:1.75;color:var(--muted);margin:35px 0}.arrow-link{display:inline-flex;align-items:center;gap:28px;padding-bottom:8px;border-bottom:1px solid var(--ink);font-size:11px;text-transform:uppercase;letter-spacing:.11em;font-weight:700}.arrow-link span{color:#718000}.services{background:var(--ink);color:#fff}.section-tag.light{color:rgba(255,255,255,.45)}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:60px}.section-head h2{margin-top:20px}.section-head>p{max-width:400px;color:rgba(255,255,255,.57);line-height:1.7;font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.15)}.service-card{height:430px;position:relative;overflow:hidden;background:var(--ink);opacity:0;transform:translateY(20px);transition:.7s}.service-card.is-visible{opacity:1;transform:none}.service-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.5);transition:.7s}.service-card:hover img{transform:scale(1.04);filter:saturate(.8)}.service-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,22,32,.95),rgba(5,22,32,.08) 70%)}.service-no{position:absolute;top:26px;left:28px;color:var(--lime);font:400 20px var(--serif)}.service-info{position:absolute;bottom:28px;left:28px;right:28px}.service-info small{text-transform:uppercase;letter-spacing:.12em;font-size:9px;color:rgba(255,255,255,.55)}.service-info h3{font:500 25px 'Manrope',sans-serif;letter-spacing:-.03em;margin:7px 45px 0 0}.service-info b{position:absolute;right:0;bottom:0;color:var(--lime);font-size:22px}.process{background:#e9e4da}.process-intro{display:grid;grid-template-columns:2fr 1fr;gap:100px;align-items:end}.process-intro h2{margin-top:18px}.process-intro>p{font-size:15px;line-height:1.8;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:75px;border-top:1px solid var(--line)}.steps article{padding:35px 35px 10px 0;border-right:1px solid var(--line);min-height:300px;opacity:0;transform:translateY(16px);transition:.6s}.steps article.is-visible{opacity:1;transform:none}.steps article+article{padding-left:35px}.steps article>span{font:400 16px var(--serif);color:#7c8d42}.step-icon{font-size:34px;margin:42px 0 25px}.steps h3{font:600 18px 'Manrope';letter-spacing:-.02em}.steps p{font-size:13px;line-height:1.7;color:var(--muted)}.projects-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:60px}.projects-head h2{margin-top:18px}.project-mosaic{display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:280px 280px;gap:14px}.project-mosaic figure{margin:0;position:relative;overflow:hidden;opacity:0;transition:.7s}.project-mosaic figure.is-visible{opacity:1}.project-mosaic .tall{grid-row:1/3}.project-mosaic img{width:100%;height:100%;object-fit:cover;filter:saturate(.68);transition:.6s}.project-mosaic figure:hover img{transform:scale(1.03)}.project-mosaic figcaption{position:absolute;inset:auto 0 0;padding:55px 28px 25px;background:linear-gradient(transparent,rgba(5,23,34,.85));color:#fff}.project-mosaic figcaption span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:var(--lime)}.project-mosaic figcaption strong{font:500 20px 'Manrope';display:block;margin-top:6px}.cta-band{background:#112e3e;color:#fff;position:relative;overflow:hidden}.cta-band>.wrap{min-height:410px;position:relative;display:flex;align-items:center;justify-content:space-between}.cta-band span{font-size:10px;text-transform:uppercase;letter-spacing:.17em;color:var(--lime)}.cta-band h2{font:500 clamp(44px,5vw,74px)/1.02 'Manrope';letter-spacing:-.055em;margin:16px 0 0}.circle-cta{width:170px;height:170px;border-radius:50%;background:var(--lime);color:var(--ink);display:flex;align-items:center;justify-content:center;position:relative;transition:.3s}.circle-cta:hover{transform:scale(1.04)}.circle-cta span{color:var(--ink);font:500 17px/1.35 'Manrope';text-transform:none;letter-spacing:0}.circle-cta b{position:absolute;right:36px;top:35px}.footer{background:#081b27;color:#fff;padding-top:75px}.footer-main{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:60px;padding-bottom:65px}.footer-brand img{filter:brightness(0) invert(1);width:190px;height:auto}.footer-brand p{max-width:300px;color:rgba(255,255,255,.5);font:400 18px/1.6 var(--serif);margin-top:30px}.footer h3{font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:var(--lime);margin:8px 0 22px}.footer-main>div:not(:first-child){display:flex;flex-direction:column;gap:12px}.footer-main a,.footer address{font-size:12px;color:rgba(255,255,255,.65);font-style:normal;line-height:1.7}.footer-bottom{height:70px;border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between;color:rgba(255,255,255,.35);font-size:9px;text-transform:uppercase;letter-spacing:.12em}.whatsapp{position:fixed;right:22px;bottom:22px;z-index:40;display:flex;align-items:center;gap:10px;color:#fff}.whatsapp span{background:#0e2b3b;padding:9px 13px;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.whatsapp b{width:47px;height:47px;border-radius:50%;display:grid;place-items:center;background:#27b96d;font-size:20px}.page-hero{background:var(--ink);color:#fff;padding:245px 0 105px;min-height:590px;position:relative;overflow:hidden}.page-hero:after{content:'';position:absolute;width:600px;height:600px;right:-100px;top:60px;border-radius:48%;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 45px rgba(255,255,255,.02),0 0 0 90px rgba(255,255,255,.02)}.page-hero h1{font-size:clamp(55px,6vw,88px);max-width:850px;position:relative;z-index:1}.page-hero p{max-width:570px;font-size:16px;line-height:1.75;color:rgba(255,255,255,.6);margin-top:30px;position:relative;z-index:1}.page-hero.compact{min-height:500px}.service-list{border-top:1px solid var(--line)}.service-list a{display:grid;grid-template-columns:80px 1.2fr 1fr 40px;gap:20px;align-items:center;padding:32px 10px;border-bottom:1px solid var(--line);transition:.25s}.service-list a:hover{padding-left:24px;background:#eeeadf}.service-list span{font:400 18px var(--serif);color:#798842}.service-list h2{font:500 26px 'Manrope';letter-spacing:-.03em;margin:0}.service-list p{font-size:13px;line-height:1.6;color:var(--muted)}.service-list b{color:#798842}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.about-image{position:relative}.about-image img{width:100%;height:630px;object-fit:cover;filter:saturate(.68)}.about-image>span{position:absolute;right:-25px;bottom:38px;background:var(--lime);padding:20px;text-transform:uppercase;font-size:10px;letter-spacing:.15em}.about-page h2{font-size:48px;margin:23px 0 30px}.about-page p{font-size:15px;line-height:1.8;color:var(--muted)}.about-values{margin-top:35px;border-top:1px solid var(--line)}.about-values div{display:grid;grid-template-columns:120px 1fr;padding:18px 0;border-bottom:1px solid var(--line)}.about-values strong{font-size:13px}.about-values span{font-size:12px;color:var(--muted)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.gallery-grid figure{margin:0}.gallery-grid figure:nth-child(2),.gallery-grid figure:nth-child(5){transform:translateY(50px)}.gallery-grid img{width:100%;aspect-ratio:1;object-fit:cover;filter:saturate(.7)}.gallery-grid figcaption{font-size:9px;text-transform:uppercase;letter-spacing:.14em;margin-top:13px;color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:110px}.contact-details>div{padding:25px 0;border-bottom:1px solid var(--line)}.contact-details small,.contact-form label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.contact-details a,.contact-details address{display:block;font:400 24px/1.5 var(--serif);font-style:normal;margin-top:8px}.contact-form{background:#e9e4da;padding:45px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form label{margin-bottom:20px}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;background:transparent;border:0;border-bottom:1px solid #aeb4af;padding:12px 0 10px;outline:none;color:var(--ink);text-transform:none;letter-spacing:0;font-size:14px}.contact-form textarea{resize:vertical}.form-note{font-size:10px;color:var(--muted);line-height:1.5}.service-hero{background:var(--ink);color:#fff;padding:210px 0 80px}.service-hero>.wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.service-hero h1{font-size:clamp(52px,5.5vw,82px)}.service-hero p{font-size:16px;line-height:1.75;color:rgba(255,255,255,.6);max-width:550px;margin:28px 0}.service-hero img{width:100%;height:480px;object-fit:cover;filter:saturate(.6)}.article-layout{display:grid;grid-template-columns:240px 1fr;gap:110px}.article-layout aside{display:flex;flex-direction:column;align-items:start;gap:14px;position:sticky;top:30px;height:max-content}.article-layout aside span{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin-bottom:8px}.article-layout aside a{font-size:12px;border-bottom:1px solid var(--line);padding-bottom:5px}.article-layout article{max-width:760px}.article-layout h2{font:500 46px/1.12 'Manrope';letter-spacing:-.05em;margin:20px 0 32px}.article-layout article>p,.reading p{font-size:16px;line-height:1.85;color:#53646d}.service-points{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:55px}.service-points div{background:var(--paper);padding:25px}.service-points span{font:400 18px var(--serif);color:#7c8b44}.service-points strong{display:block;font-size:13px;margin:25px 0 10px}.service-points p{font-size:11px;line-height:1.6;color:var(--muted)}.reading{max-width:800px}.reveal{animation:rise .8s both}.hero-stamp{animation-delay:.2s}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}} @media(max-width:900px){:root{--wrap:min(100vw - 36px,720px)}.topline{display:none}.nav-wrap{height:76px}.brand img{width:170px}.nav-cta{display:none}.menu-toggle{display:block}.nav{position:fixed;inset:76px 0 0;background:var(--ink);display:none;flex-direction:column;align-items:flex-start;padding:55px 25px;gap:27px}.nav.open{display:flex}.nav a{font-size:24px}.hero{min-height:790px}.hero-inner{padding-top:120px;height:calc(100% - 90px)}.hero h1{font-size:clamp(48px,13vw,72px)}.hero-stamp{display:none}.hero-foot{height:90px}.hero-foot .wrap{grid-template-columns:repeat(3,1fr)}.hero-foot .wrap>a{display:none}.hero-foot .wrap>div{padding-left:10px}.hero-foot strong{font-size:22px}.hero-foot span{font-size:7px}.section{padding:80px 0}.statement-grid{grid-template-columns:1fr;gap:30px}.service-grid{grid-template-columns:1fr 1fr}.section-head,.projects-head{align-items:start;gap:25px}.process-intro{grid-template-columns:1fr;gap:35px}.steps{grid-template-columns:1fr 1fr}.project-mosaic{grid-template-columns:1fr;grid-template-rows:400px 250px 250px}.project-mosaic .tall{grid-row:auto}.footer-main{grid-template-columns:1.5fr 1fr}.page-hero{padding-top:170px;min-height:500px}.split,.contact-grid,.service-hero>.wrap{grid-template-columns:1fr;gap:50px}.about-image img{height:450px}.gallery-grid{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:1fr}.article-layout aside{display:none}} @media(max-width:600px){:root{--wrap:calc(100vw - 30px)}.hero{min-height:740px}.hero-copy>p{font-size:14px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-foot .wrap>div{padding:0 6px}.hero-foot strong{font-size:19px}.section-head,.projects-head{display:block}.section-head>p{margin-top:25px}.service-grid{grid-template-columns:1fr}.service-card{height:380px}.steps{grid-template-columns:1fr}.steps article{min-height:220px;border-right:0;border-bottom:1px solid var(--line);padding:30px 0!important}.step-icon{margin:25px 0 15px}.process-intro h2,.statement h2,.section-head h2,.projects h2{font-size:39px}.project-mosaic{display:block}.project-mosaic figure{height:330px;margin-bottom:12px}.cta-band>.wrap{min-height:450px;align-items:flex-start;justify-content:center;flex-direction:column;gap:40px}.circle-cta{width:125px;height:125px;align-self:flex-end}.footer-main{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/3}.service-list a{grid-template-columns:45px 1fr 25px}.service-list p{display:none}.about-image>span{right:0}.gallery-grid{grid-template-columns:1fr}.gallery-grid figure:nth-child(2),.gallery-grid figure:nth-child(5){transform:none}.field-row{grid-template-columns:1fr}.contact-form{padding:25px}.service-hero{padding-top:145px}.service-hero img{height:320px}.service-points{grid-template-columns:1fr}.whatsapp span{display:none}} @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.service-card,.steps article,.project-mosaic figure{opacity:1;transform:none}} /* Complete content archive components */ @media(min-width:901px){.nav{gap:25px}} .faq-section{background:#e9e4da}.faq-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:55px}.faq-heading h2{font:500 clamp(40px,4.5vw,66px)/1.05 'Manrope',sans-serif;letter-spacing:-.055em;margin:18px 0 0}.faq-heading>p{color:var(--muted);font-size:15px;line-height:1.8;max-width:480px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;display:grid;grid-template-columns:55px 1fr 30px;align-items:center;padding:26px 0;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font:400 17px var(--serif);color:#7c8b44}.faq-list summary strong{font:600 17px 'Manrope'}.faq-list summary b{font-size:24px;font-weight:400;transition:.2s}.faq-list details[open] summary b{transform:rotate(45deg)}.faq-list details>p{max-width:850px;margin:0 0 28px 55px;color:var(--muted);font-size:14px;line-height:1.8}.blog-preview{background:var(--paper2)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.blog-grid.full{row-gap:55px}.blog-card{background:#fff;display:block;transition:.25s}.blog-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(12,35,50,.1)}.blog-card>img{width:100%;height:255px;object-fit:cover;filter:saturate(.68)}.blog-card>div{padding:25px}.blog-card time{font-size:9px;letter-spacing:.14em;color:#7c8b44}.blog-card h3,.blog-card h2{font:600 22px/1.25 'Manrope';letter-spacing:-.035em;margin:12px 0 30px}.blog-card h2{font-size:24px}.blog-card span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.article-images{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin:50px 0}.article-images img{width:100%;height:300px;object-fit:cover}.reading .article-images img:first-child:nth-last-child(odd){grid-column:1/-1;height:auto;max-height:560px}.empty-state{text-align:center}.empty-state>div>span{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#7c8b44}.empty-state h2{font:500 38px 'Manrope';letter-spacing:-.04em;margin:18px 0 30px}.gallery-grid{align-items:start}.gallery-grid figure:nth-child(3n+2){transform:translateY(50px)} @media(max-width:900px){.faq-heading{grid-template-columns:1fr;gap:20px}.blog-grid{grid-template-columns:1fr 1fr}.gallery-grid figure:nth-child(3n+2){transform:none}} @media(max-width:600px){.blog-grid{grid-template-columns:1fr}.faq-list summary{grid-template-columns:42px 1fr 25px}.faq-list details>p{margin-left:42px}.article-images{grid-template-columns:1fr}.article-images img{height:auto}.gallery-grid figure:nth-child(3n+2){transform:none}} /* Current corporate logo */ .brand img{width:224px;height:auto;filter:none}.footer-brand img{width:235px;height:auto;filter:none} @media(max-width:900px){.brand img{width:188px}.footer-brand img{width:220px}} @media(max-width:420px){.brand img{width:168px}} /* Reference-style homepage header and slider */ .is-home{background:#edf1f4}.home-header{top:0;color:#18232b;padding:24px 16px 0}.home-header .topline{display:none}.home-header .nav-wrap{width:calc(100vw - 32px);max-width:none;height:130px;margin:0;padding:0 34px;border:1px solid rgba(255,255,255,.72);border-radius:22px;background:rgba(247,249,250,.84);box-shadow:0 18px 55px rgba(44,62,74,.08);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.home-header .brand{flex:0 0 290px}.home-header .brand img{width:290px;max-height:83px;object-fit:contain;object-position:left center}.home-header .nav{gap:32px;justify-content:center}.home-header .nav a{font-size:12px;font-weight:600;text-transform:uppercase;white-space:nowrap}.home-header .nav a:first-child:after{right:0;background:#d20b17}.home-header .nav a:after{bottom:-18px;background:#d20b17}.home-header .nav-cta{margin-left:30px;min-width:160px;height:50px;border:0;border-radius:11px;background:#cf0915;color:#fff;padding:0 22px}.home-header .nav-cta span{font-size:24px;color:#fff;margin-left:auto}.reference-hero{height:850px;min-height:850px;background:#dce3e7;color:#17232b}.reference-hero .hero-media{background-image:url('../images/sliders-8.jpg');background-position:center center;filter:saturate(.72) contrast(.95);transform:none}.reference-fade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,250,250,.98) 0%,rgba(248,250,250,.93) 22%,rgba(248,250,250,.62) 36%,rgba(248,250,250,.12) 53%,rgba(248,250,250,0) 68%),linear-gradient(0deg,rgba(236,240,242,.28),transparent 30%)}.reference-content{position:absolute;left:52px;top:300px;z-index:3;width:min(590px,43vw)}.reference-kicker{border-left:2px solid #d10c18;padding-left:14px;color:#ce101b;font-size:14px;font-weight:500;text-transform:uppercase;margin-bottom:23px}.reference-hero h1{font:700 clamp(44px,4vw,62px)/1.08 'Manrope',Arial,sans-serif;letter-spacing:-.045em;color:#14212a}.reference-content>p{max-width:560px;margin:24px 0 28px;color:#53626c;font-size:16px;line-height:1.7}.reference-actions{display:flex;gap:18px}.ref-button{min-width:170px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:12px;text-transform:uppercase;font-weight:700;transition:.25s}.ref-button.red{background:#d20b17;color:#fff}.ref-button.outline{border:1px solid #5b6870;color:#27333b;background:rgba(255,255,255,.35)}.ref-button:hover{transform:translateY(-2px)}.ref-button span{font-size:20px}.reference-features{position:absolute;z-index:4;left:52px;right:52px;bottom:30px;min-height:140px;border:1px solid rgba(255,255,255,.86);border-radius:16px;background:rgba(248,249,249,.9);box-shadow:0 12px 44px rgba(38,52,61,.1);backdrop-filter:blur(15px);display:grid;grid-template-columns:1fr 1.35fr 1.15fr 1.25fr;align-items:center;padding:22px 34px}.feature-item{min-height:75px;display:flex;align-items:center;gap:20px;border-right:1px solid rgba(33,47,56,.13);padding-right:25px;margin-right:25px}.feature-item:last-child{border:0;margin:0;padding:0}.feature-icon{flex:0 0 60px;width:60px;height:60px;border-radius:50%;background:#26333c;color:#fff;display:grid;place-items:center;font:normal 31px/1 Arial}.feature-icon.target{background:#d50917}.feature-icon.team{background:#74797d}.feature-item strong{display:block;font-size:13px;text-transform:uppercase;margin-bottom:8px}.feature-item span{font-size:12px;line-height:1.6;color:#57646d}.feature-item.experience{gap:28px}.feature-item.experience>b{font:700 58px/1 'Manrope';letter-spacing:-.06em;position:relative}.feature-item.experience>b:before{content:'';position:absolute;left:3px;top:-11px;width:40px;height:3px;background:#d20b17} @media(max-width:1250px){.home-header .brand{flex-basis:220px}.home-header .brand img{width:220px}.home-header .nav{gap:18px}.home-header .nav a{font-size:10px}.home-header .nav-cta{min-width:135px;margin-left:16px}.reference-features{grid-template-columns:1fr 1fr 1fr 1fr;padding-inline:24px}.feature-icon{width:48px;height:48px;flex-basis:48px}.feature-item{gap:12px;margin-right:16px;padding-right:16px}.feature-item.experience>b{font-size:44px}} @media(max-width:900px){.home-header{padding:12px}.home-header .nav-wrap{width:calc(100vw - 24px);height:76px;padding:0 20px;border-radius:16px}.home-header .brand{flex-basis:auto}.home-header .brand img{width:190px}.home-header .menu-toggle{color:#1b2830}.home-header .nav{inset:100px 12px 12px;border-radius:16px;background:rgba(247,249,250,.98);color:#18232b;padding:35px}.reference-hero{height:820px;min-height:820px}.reference-hero .hero-media{background-position:63% center}.reference-fade{background:linear-gradient(90deg,rgba(248,250,250,.96),rgba(248,250,250,.74) 60%,rgba(248,250,250,.15))}.reference-content{left:30px;top:180px;width:calc(100vw - 60px)}.reference-hero h1{font-size:48px}.reference-features{left:24px;right:24px;bottom:22px;grid-template-columns:1fr 1fr;gap:0;padding:18px}.feature-item{border-bottom:1px solid rgba(33,47,56,.12);min-height:88px;margin:0;padding:10px}.feature-item:nth-child(2){border-right:0}.feature-item:nth-child(3){border-bottom:0}.feature-item.experience{border-bottom:0}} @media(max-width:600px){.home-header .brand img{width:165px}.reference-hero{height:850px;min-height:850px}.reference-hero .hero-media{background-position:62% center}.reference-fade{background:linear-gradient(180deg,rgba(248,250,250,.98) 10%,rgba(248,250,250,.88) 42%,rgba(248,250,250,.16) 69%)}.reference-content{left:20px;top:130px;width:calc(100vw - 40px)}.reference-kicker{font-size:10px;line-height:1.5;margin-bottom:16px}.reference-hero h1{font-size:39px}.reference-content>p{font-size:13px;line-height:1.55;margin:16px 0 20px}.reference-actions{gap:10px}.ref-button{min-width:0;flex:1;height:44px;padding:0 14px;font-size:10px}.reference-features{left:12px;right:12px;bottom:12px;min-height:254px;border-radius:13px;padding:8px}.feature-item{min-height:112px;display:block;padding:14px}.feature-icon{width:38px;height:38px;font-size:20px;margin-bottom:9px}.feature-item strong{font-size:10px;margin-bottom:5px}.feature-item span{font-size:9px}.feature-item.experience>b{font-size:35px;display:block;margin-bottom:9px}.feature-item.experience{display:block}.feature-item.experience>b:before{display:none}} /* Desktop composition is capped to the reference canvas instead of stretching indefinitely. */ @media(min-width:1251px){.is-home .site-header{left:50%;right:auto;width:min(1600px,100vw);transform:translateX(-50%)}.home-header .nav-wrap{width:calc(100% - 32px);max-width:1568px}.reference-hero{width:min(1600px,100vw);margin-inline:auto}.reference-fade{background:linear-gradient(90deg,rgba(248,250,250,.97) 0%,rgba(248,250,250,.9) 18%,rgba(248,250,250,.55) 32%,rgba(248,250,250,.08) 49%,rgba(248,250,250,0) 61%)}.home-header .brand img{width:300px}.home-header .nav{gap:28px}.home-header .nav a{font-size:11px}.reference-content{width:600px}.reference-kicker{font-size:13px}.reference-content>p{font-size:15px}.reference-features{left:52px;right:52px}} /* Full-width reference layout: logo left, navigation mathematically centered, CTA right. */ @media(min-width:1251px){.is-home .site-header{left:0;right:0;width:100%;transform:none}.home-header .nav-wrap{position:relative;width:calc(100vw - 32px);max-width:none}.home-header .brand{position:absolute;left:34px;top:50%;transform:translateY(-50%);margin:0}.home-header .nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);justify-content:center;margin:0}.home-header .nav-cta{position:absolute;right:34px;top:50%;transform:translateY(-50%);margin:0}.home-header .nav-cta:hover{transform:translateY(calc(-50% - 2px))}.reference-hero{width:100%;max-width:none;margin:0}.reference-content{left:52px}.reference-features{left:52px;right:52px}} /* Pixel pass based on the supplied 1672 × 941 reference. */ @media(min-width:1251px){.home-header{padding:23px 18px 0}.home-header .nav-wrap{width:calc(100vw - 36px);height:143px;padding:0;border-radius:20px}.home-header .brand{left:40px;width:325px}.home-header .brand img{width:325px;max-height:92px}.home-header .nav{gap:36px}.home-header .nav a{font-size:12px;letter-spacing:0}.home-header .nav a:after{bottom:-17px;height:3px}.home-header .nav-cta{right:38px;width:178px;height:55px;border-radius:12px;padding:0 28px;font-size:12px}.reference-hero{height:100svh;min-height:760px}.reference-hero .hero-media{top:166px;background-size:cover;background-position:center center}.reference-fade{top:166px;background:linear-gradient(90deg,rgba(249,250,250,.98) 0%,rgba(249,250,250,.92) 20%,rgba(249,250,250,.63) 35%,rgba(249,250,250,.16) 50%,rgba(249,250,250,0) 63%)}.reference-content{left:57px;top:328px;width:585px}.reference-kicker{font-size:14px;margin-bottom:25px;padding-left:16px}.reference-hero h1{font-size:62px;line-height:1.07}.reference-content>p{font-size:16px;line-height:1.65;margin:26px 0 30px}.ref-button{height:51px;border-radius:9px}.reference-features{left:57px;right:57px;bottom:31px;height:155px;min-height:155px;border-radius:16px;padding:22px 38px;grid-template-columns:1fr 1.2fr 1.18fr 1.18fr}.feature-item{height:91px;min-height:91px;gap:22px;margin-right:30px;padding-right:30px}.feature-icon{width:66px;height:66px;flex-basis:66px}.feature-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.feature-item strong{font-size:14px;margin-bottom:8px}.feature-item span{font-size:13px;line-height:1.55}.feature-item.experience>b{font-size:62px}.feature-item.experience{gap:34px}} .is-inner .nav{gap:16px}.is-inner .nav a{font-size:11px}.is-inner .nav-cta{margin-left:18px} /* Professional separated navigation: the slider starts after the header. */ .is-home .home-header{position:relative;inset:auto;width:100%;height:116px;padding:0;transform:none;background:#f7f8f8;color:#17242c}.is-home .home-header .nav-wrap{width:100%;height:116px;margin:0;max-width:none;border:0;border-radius:0;padding:0 48px;background:linear-gradient(90deg,#fff 0%,#f6f8f9 52%,#e9eff3 100%);box-shadow:0 8px 28px rgba(22,39,49,.09);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid rgba(23,36,44,.09)}.is-home .home-header .brand{left:48px;width:280px}.is-home .home-header .brand img{width:280px;max-height:78px}.is-home .home-header .nav{gap:31px}.is-home .home-header .nav a{font-size:11px}.is-home .home-header .nav a:after{bottom:-14px;height:2px}.is-home .home-header .nav-cta{right:48px;width:158px;height:48px;border-radius:7px;box-shadow:0 8px 20px rgba(207,9,21,.16)}.is-home .reference-hero{height:calc(100svh - 116px);min-height:720px}.is-home .reference-hero .hero-media{top:0}.is-home .reference-fade{top:0}.is-home .reference-content{top:160px}.is-home .reference-features{bottom:28px} @media(max-width:1400px) and (min-width:901px){.is-home .home-header .brand{left:28px;width:215px}.is-home .home-header .brand img{width:215px}.is-home .home-header .nav{gap:17px}.is-home .home-header .nav a{font-size:9px}.is-home .home-header .nav-cta{right:28px;width:132px}.is-home .reference-content{top:145px}} @media(max-width:900px){.is-home .home-header{height:84px;padding:0 14px}.is-home .home-header .nav-wrap{height:84px;padding:0 18px;border-radius:0}.is-home .home-header .brand{position:static;transform:none;width:auto}.is-home .home-header .brand img{width:190px}.is-home .home-header .nav{position:fixed;inset:84px 12px 12px;transform:none}.is-home .reference-hero{height:calc(100svh - 84px);min-height:740px}.is-home .reference-hero .hero-media,.is-home .reference-fade{top:0}.is-home .reference-content{top:90px}} /* Floating navigation panel over the slider image. */ .is-home .home-header{position:absolute;inset:0 0 auto;width:100%;height:auto;padding:20px 18px 0;background:transparent;z-index:60}.is-home .home-header .nav-wrap{width:calc(100vw - 36px);height:116px;margin:0;border:1px solid rgba(255,255,255,.52);border-radius:16px;background:rgba(246,249,250,.30);box-shadow:0 20px 48px rgba(18,35,45,.2),0 2px 8px rgba(18,35,45,.08);backdrop-filter:blur(9px) saturate(110%);-webkit-backdrop-filter:blur(9px) saturate(110%)}.is-home .reference-hero{height:100svh;min-height:780px}.is-home .reference-hero .hero-media{top:0}.is-home .reference-fade{top:148px}.is-home .reference-content{top:190px}.is-home .reference-features{bottom:28px} @media(max-width:900px){.is-home .home-header{position:absolute;height:auto;padding:12px}.is-home .home-header .nav-wrap{width:calc(100vw - 24px);height:76px;border-radius:13px;padding:0 18px}.is-home .home-header .nav{inset:100px 12px 12px}.is-home .reference-hero{height:100svh;min-height:780px}.is-home .reference-fade{top:100px}.is-home .reference-content{top:125px}} /* Local opacity field only behind the hero copy; it does not reach the menu. */ .is-home .reference-fade{inset:auto;left:0;top:164px;width:58%;height:500px;background:radial-gradient(ellipse at 18% 48%,rgba(249,250,250,.96) 0%,rgba(249,250,250,.86) 34%,rgba(249,250,250,.48) 58%,rgba(249,250,250,0) 78%);pointer-events:none}.is-home .reference-content{top:205px} @media(max-width:900px){.is-home .reference-fade{left:0;top:108px;width:92%;height:430px;background:radial-gradient(ellipse at 22% 38%,rgba(249,250,250,.96),rgba(249,250,250,.72) 48%,rgba(249,250,250,0) 80%)}.is-home .reference-content{top:135px}} /* Copy sits directly on the photograph: no white haze, only neutral contrast. */ .is-home .reference-fade{left:0;top:145px;width:61%;height:535px;background:linear-gradient(90deg,rgba(8,24,34,.56) 0%,rgba(8,24,34,.36) 43%,rgba(8,24,34,.12) 72%,rgba(8,24,34,0) 100%)}.is-home .reference-hero h1{color:#fff;text-shadow:0 3px 22px rgba(3,15,22,.32)}.is-home .reference-content>p{color:rgba(255,255,255,.9);text-shadow:0 2px 12px rgba(3,15,22,.42)}.is-home .reference-kicker{color:#ff3340;text-shadow:0 1px 8px rgba(3,15,22,.35)}.is-home .ref-button.outline{color:#fff;border-color:rgba(255,255,255,.8);background:rgba(9,27,38,.18);backdrop-filter:blur(5px)}.is-home .reference-content>*{animation:hero-copy-in .75s cubic-bezier(.2,.75,.25,1) both}.is-home .reference-content h1{animation-delay:.08s}.is-home .reference-content>p{animation-delay:.16s}.is-home .reference-actions{animation-delay:.24s}@keyframes hero-copy-in{from{opacity:0;transform:translateY(18px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}} @media(max-width:900px){.is-home .reference-fade{left:0;top:95px;width:100%;height:470px;background:linear-gradient(180deg,rgba(8,24,34,.58),rgba(8,24,34,.3) 68%,rgba(8,24,34,0))}} /* Requested vertical alignment adjustment. */ .is-home .reference-fade{top:175px}.is-home .reference-content{top:235px} @media(max-width:900px){.is-home .reference-fade{top:120px}.is-home .reference-content{top:160px}} /* Stronger downward placement requested after visual review. */ .is-home .reference-fade{top:235px}.is-home .reference-content{top:295px} @media(max-width:900px){.is-home .reference-fade{top:155px}.is-home .reference-content{top:195px}} /* Hero copy enters from right to left. */ @keyframes hero-copy-in{from{opacity:0;transform:translateX(72px);filter:blur(3px)}to{opacity:1;transform:translateX(0);filter:none}} /* "Neden Karacan Zemin" section: floating image + copy below the hero, with a scroll-triggered slide reveal reusing the site's existing IntersectionObserver convention. */ .why{background:var(--paper);padding:170px 0 150px;overflow-x:hidden}.why-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:100px;align-items:center}.why-visual{position:relative;margin-top:-52px}.why-frame{margin:0;position:relative}.why-frame:before{content:'';position:absolute;inset:28px -28px -28px 28px;border:1px solid rgba(12,35,50,.18);z-index:-1}.why-frame img{width:100%;height:560px;object-fit:cover;filter:saturate(.75) contrast(1.03);box-shadow:0 46px 80px -28px rgba(9,23,33,.38),0 16px 28px -14px rgba(9,23,33,.2)}.why-frame figcaption{position:absolute;inset:auto 0 0;padding:52px 30px 26px;background:linear-gradient(transparent,rgba(6,18,26,.88))}.why-frame figcaption span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:var(--lime)}.why-frame figcaption strong{display:block;margin-top:7px;font:500 19px 'Manrope',sans-serif;letter-spacing:-.02em;color:#fff;max-width:290px}.why-copy{margin-top:70px;background:var(--white);padding:52px 54px;box-shadow:0 40px 70px -30px rgba(9,23,33,.16),0 14px 26px -14px rgba(9,23,33,.1)}.why-copy h2{font:500 clamp(30px,3vw,44px)/1.16 'Manrope',sans-serif;letter-spacing:-.045em;margin:0;max-width:520px;color:#14212a}.why-copy>p{font-size:16px;line-height:1.8;color:var(--muted);max-width:480px;margin:26px 0 36px}.why-points{list-style:none;margin:0;padding:26px 0 0;border-top:1px solid var(--line);display:grid;gap:26px}.why-points strong{display:block;font:600 15px 'DM Sans',sans-serif;letter-spacing:.01em;color:#14212a}.why-points span{display:block;margin-top:7px;font-size:13px;line-height:1.65;color:var(--muted)}.why-visual,.why-copy{opacity:0;transition:transform .9s cubic-bezier(.16,.72,.18,1),opacity .9s ease}.why-visual{transform:translateX(-64px)}.why-copy{transform:translateX(64px);transition-delay:.15s}.why-visual.is-visible,.why-copy.is-visible{opacity:1;transform:none} @media(max-width:900px){.why{padding:100px 0}.why-grid{grid-template-columns:1fr;gap:50px}.why-visual{margin-top:0}.why-frame:before{inset:16px -16px -16px 16px}.why-frame img{height:360px}.why-copy{margin-top:0;padding:34px 26px}.why-visual,.why-copy{transform:translateY(36px)}.why-copy{transition-delay:.1s}} /* Explicitly triggered hero animation and tighter professional navigation scale. */ .is-home .reference-content>*{opacity:1;transform:none;filter:none;animation:none}.js .is-home .reference-content>*{opacity:0;filter:none;transform:translateX(-100px);transition-property:transform,opacity;transition-duration:1.4s;transition-timing-function:cubic-bezier(.22,1,.36,1);will-change:transform,opacity}.js .is-home .reference-content h1{transition-delay:.12s}.js .is-home .reference-content>p{transition-delay:.24s}.js .is-home .reference-content .reference-actions{transition-delay:.36s}.js .is-home .reference-content.hero-play>*{opacity:1;transform:translateX(0)} .js .is-home .reference-content>*{opacity:1;transform:none;transition:none} @media(min-width:1401px){.is-home .home-header .nav-wrap{height:100px}.is-home .home-header .brand{left:max(44px,calc(50% - 780px));width:240px}.is-home .home-header .brand img{width:240px;max-height:70px}.is-home .home-header .nav{gap:32px}.is-home .home-header .nav a{font-size:12px;font-weight:600}.is-home .home-header .nav-cta{right:max(44px,calc(50% - 780px));width:148px;height:44px;font-size:11px}} /* The block below the slider enters from both sides on scroll, then keeps the photograph gently suspended. The shadow breathes with the movement so the image feels lifted instead of simply translated. */ .why-grid{perspective:1200px} .why-visual,.why-copy{will-change:transform,opacity} .why-visual{transform:translate3d(-110px,28px,0) rotateY(3deg)} .why-copy{transform:translate3d(110px,28px,0) rotateY(-2deg)} .why-visual.is-visible,.why-copy.is-visible{transform:translate3d(0,0,0) rotateY(0)} .why-visual.is-visible .why-frame{animation:why-float 5.8s ease-in-out 1s infinite} .why-visual.is-visible .why-frame img{animation:why-floating-shadow 5.8s ease-in-out 1s infinite} @keyframes why-float{0%,100%{transform:translate3d(0,0,0) rotate(-.15deg)}50%{transform:translate3d(0,-15px,0) rotate(.15deg)}} @keyframes why-floating-shadow{0%,100%{box-shadow:0 46px 80px -28px rgba(9,23,33,.38),0 16px 28px -14px rgba(9,23,33,.2)}50%{box-shadow:0 64px 92px -31px rgba(9,23,33,.31),0 24px 35px -17px rgba(9,23,33,.15)}} @media(max-width:900px){.why-visual,.why-copy{transform:translate3d(0,44px,0)}.why-visual.is-visible .why-frame,.why-visual.is-visible .why-frame img{animation-duration:6.5s}@keyframes why-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-9px,0)}}} @media(prefers-reduced-motion:reduce){.why-visual,.why-copy{opacity:1;transform:none;transition:none}.why-visual.is-visible .why-frame,.why-visual.is-visible .why-frame img{animation:none}} /* Saha deneyimi: iki yönden birleşen, tek ve yumuşak gölgeli kart. */ .why{padding:130px 0;background:#f3f0e9} .why-grid{grid-template-columns:1fr 1fr;gap:0;align-items:stretch;background:#ece8df;border-radius:28px;overflow:hidden;box-shadow:0 30px 75px rgba(18,31,39,.13);perspective:none} .why-visual{margin:0;min-width:0} .why-frame,.why-visual.is-visible .why-frame{height:100%;animation:none} .why-frame:before{display:none} .why-frame img,.why-visual.is-visible .why-frame img{height:100%;min-height:560px;filter:saturate(.78) contrast(1.01);box-shadow:none;animation:none} .why-frame figcaption{padding:80px 38px 32px} .why-copy{margin:0;padding:64px 48px;background:rgba(248,249,249,.9);box-shadow:none;display:flex;flex-direction:column;justify-content:center} .reference-hero .hero-media{background-image:url('../images/zemin-etudu-hero.webp');filter:saturate(.82) contrast(.98)} .is-home .reference-fade{top:0;width:64%;height:100%;background:linear-gradient(90deg,rgba(8,24,34,.58) 0%,rgba(8,24,34,.38) 48%,rgba(8,24,34,.12) 76%,rgba(8,24,34,0) 100%)} @media(max-width:900px){.is-home .reference-fade{top:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(8,24,34,.5) 0%,rgba(8,24,34,.32) 55%,rgba(8,24,34,.08) 78%,rgba(8,24,34,0) 100%)}} .is-home .reference-kicker{border-left:0;padding-left:0;color:#fff} /* Unified premium typography: Jakarta for navigation/headings, Inter for copy. */ body{font-family:'Inter',Arial,sans-serif;font-size:16px} .nav,.nav-cta,.button,.ref-button,.arrow-link,.section-tag,h1,h2,h3,h4,h5,h6{font-family:'Plus Jakarta Sans',Arial,sans-serif!important} .is-home .home-header .nav a{font-size:12.5px;font-weight:700;letter-spacing:.01em} .is-home .home-header .nav-cta{font-size:12px;font-weight:700} .reference-kicker{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-size:15px;font-weight:600;letter-spacing:.015em} .reference-hero h1{font-family:'Plus Jakarta Sans',Arial,sans-serif!important;font-weight:700} .reference-content>p{font-family:'Inter',Arial,sans-serif;font-size:18px;line-height:1.72;font-weight:400} .feature-item strong{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-size:14px} .feature-item span{font-family:'Inter',Arial,sans-serif;font-size:13px} .why-copy>p{font-family:'Inter',Arial,sans-serif;font-size:16px;line-height:1.82} .why-copy h2{font-family:'Plus Jakarta Sans',Arial,sans-serif!important;font-weight:600} @media(max-width:900px){.reference-content>p{font-size:15px}.reference-kicker{font-size:12px}.is-home .home-header .nav a{font-size:22px}.why-copy>p{font-size:15px}} .why-copy h2{font-size:clamp(32px,2.7vw,42px);line-height:1.12} .why-kicker{display:block;margin:0 0 20px;color:#c70b17;font:italic 500 20px/1.2 var(--serif);letter-spacing:.01em}.why-kicker:before{display:none}.why-copy h2 span{display:block;white-space:nowrap} .why-copy>p{margin:30px 0 0;font-size:14px;line-height:1.9;white-space:nowrap} .why-visual{transform:translate3d(-150px,0,0)} .why-copy{transform:translate3d(150px,0,0);transition-delay:0s} .why-visual.is-visible,.why-copy.is-visible{transform:translate3d(0,0,0)} @media(max-width:900px){.why{padding:85px 0}.why-grid{grid-template-columns:1fr;border-radius:20px}.why-frame img,.why-visual.is-visible .why-frame img{min-height:0;height:390px}.why-copy{padding:42px 30px}.why-copy>p{white-space:normal}.why-visual{transform:translate3d(-70px,0,0)}.why-copy{transform:translate3d(70px,0,0)}} @media(max-width:600px){.why-frame img,.why-visual.is-visible .why-frame img{height:320px}.why-copy{padding:34px 24px}.why-copy h2{font-size:clamp(24px,7.1vw,31px)}.why-copy h2 span{white-space:normal}.why-kicker{font-size:18px;margin-bottom:16px}.why-copy>p{font-size:14px;line-height:1.75}} .why-copy>p{font-size:16px;line-height:1.82} @media(max-width:600px){.why-copy>p{font-size:15px;line-height:1.78}} /* Modern proposal actions and corporate quote dialog. */ .quote-trigger svg,.quote-submit svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}.nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#d20b17;color:#fff;border:0;cursor:pointer;white-space:nowrap}.nav-cta svg{width:19px;height:19px}.home-header .nav-cta span,.nav-cta span{margin:0;color:inherit;font-size:inherit}.button.quote-trigger{border-radius:8px;gap:12px;white-space:nowrap}.circle-cta{border:0;cursor:pointer;font-family:inherit}.circle-cta svg{position:absolute;right:31px;top:29px;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} body.quote-open{overflow:hidden}.quote-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:26px;visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s}.quote-modal.is-open{visibility:visible;opacity:1}.quote-backdrop{position:absolute;inset:0;background:rgba(4,16,24,.72);backdrop-filter:blur(9px)}.quote-dialog{position:relative;width:min(1080px,100%);max-height:calc(100vh - 52px);overflow:auto;display:grid;grid-template-columns:.78fr 1.22fr;background:#f8f8f6;border-radius:22px;box-shadow:0 35px 90px rgba(0,0,0,.32);transform:translateY(20px) scale(.985);transition:transform .35s cubic-bezier(.22,1,.36,1)}.quote-modal.is-open .quote-dialog{transform:none}.quote-close{position:absolute;right:18px;top:18px;z-index:2;width:42px;height:42px;border:1px solid rgba(18,34,43,.13);border-radius:50%;background:#fff;cursor:pointer}.quote-close span{position:absolute;left:13px;top:20px;width:15px;height:1.5px;background:#17242c;transform:rotate(45deg)}.quote-close span+span{transform:rotate(-45deg)} .quote-intro{position:relative;overflow:hidden;padding:64px 48px;background:#102c3b;color:#fff;border-radius:22px 0 0 22px}.quote-intro:after{content:'';position:absolute;width:330px;height:330px;left:-150px;bottom:-160px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 38px rgba(255,255,255,.025),0 0 0 76px rgba(255,255,255,.02)}.quote-kicker{display:block;color:#dce963;font-size:10px;text-transform:uppercase;letter-spacing:.18em;font-weight:700}.quote-intro h2{margin:24px 0;font:600 42px/1.08 'Plus Jakarta Sans',sans-serif!important;letter-spacing:-.045em}.quote-intro p{color:rgba(255,255,255,.67);font-size:14px;line-height:1.75}.quote-trust{position:absolute;left:48px;bottom:54px;display:flex;align-items:center;gap:18px;z-index:1}.quote-trust strong{font:600 44px 'Plus Jakarta Sans';color:#dce963}.quote-trust span{font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.62)} .quote-form{padding:56px 58px 48px}.quote-form-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding-bottom:18px;border-bottom:1px solid #d9dedc}.quote-form-head span{font:700 13px 'Plus Jakarta Sans';text-transform:uppercase;letter-spacing:.08em}.quote-form-head small{font-size:9px;color:#7a858b}.quote-form label{display:block;margin-bottom:20px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:#5f6d75}.quote-form input,.quote-form select,.quote-form textarea{display:block;width:100%;margin-top:8px;padding:12px 0;border:0;border-bottom:1px solid #bfc8c7;border-radius:0;background:transparent;outline:none;color:#17242c;font-size:13px;text-transform:none;letter-spacing:0}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:#d20b17}.quote-form textarea{resize:vertical}.quote-consent{display:flex!important;align-items:flex-start;gap:10px;text-transform:none!important;letter-spacing:0!important;font-weight:400!important;line-height:1.5}.quote-consent input{width:16px!important;margin:2px 0 0!important;accent-color:#d20b17}.quote-submit{width:100%;height:54px;display:flex;align-items:center;justify-content:center;gap:16px;border:0;border-radius:8px;background:#d20b17;color:#fff;cursor:pointer;font:700 11px 'Plus Jakarta Sans';text-transform:uppercase;letter-spacing:.09em;box-shadow:0 12px 28px rgba(210,11,23,.22)} @media(max-width:760px){.quote-modal{padding:10px}.quote-dialog{display:block;max-height:calc(100vh - 20px);border-radius:16px}.quote-intro{padding:38px 28px 28px;border-radius:16px 16px 0 0}.quote-intro h2{font-size:31px;margin:16px 0}.quote-trust{display:none}.quote-form{padding:28px 24px}.quote-form .field-row{grid-template-columns:1fr;gap:0}.quote-close{right:12px;top:12px}.nav-cta{gap:10px}} /* One consistent button language across the site. */ .button,.ref-button,.nav-cta,.quote-submit{border-radius:9px;white-space:nowrap;transition:background-color .28s ease,color .28s ease,border-color .28s ease,box-shadow .28s ease,transform .28s ease}.button:hover,.ref-button:hover,.nav-cta:hover,.quote-submit:hover{transform:translateY(-2px)} .nav-cta:hover,.ref-button.red:hover,.quote-submit:hover{background:#aa0711;box-shadow:0 14px 30px rgba(186,8,19,.27)} .button.primary,.ref-button.outline{transition:background-color .28s ease,color .28s ease,border-color .28s ease,box-shadow .28s ease,transform .28s ease}.button.primary:hover,.ref-button.outline:hover{background:#d20b17;color:#fff;border-color:#d20b17;box-shadow:0 14px 30px rgba(186,8,19,.24)} .circle-cta{transition:background-color .28s ease,color .28s ease,box-shadow .28s ease,transform .28s ease}.circle-cta:hover{background:#d20b17;color:#fff;transform:scale(1.04);box-shadow:0 18px 38px rgba(186,8,19,.25)}.circle-cta:hover span{color:#fff} .arrow-link{transition:color .25s ease,border-color .25s ease}.arrow-link:hover{color:#d20b17;border-color:#d20b17}.arrow-link:hover span{color:#d20b17} /* Premium service collection directly beneath the experience block. */ .is-home .why{padding-bottom:72px}.is-home .services{position:relative;padding:34px 0 140px;background:#f3f0e9;color:#14212a;overflow:hidden}.is-home .services:before{content:'';position:absolute;left:50%;top:0;width:min(1240px,calc(100% - 30px));height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(20,33,42,.16),transparent)}.is-home .services .section-head{margin-bottom:45px}.is-home .services .section-tag.light{color:#c70b17}.is-home .services .section-head>p{color:#66757d}.is-home .service-grid{grid-template-columns:repeat(3,1fr);gap:22px;background:transparent}.is-home .service-card{height:370px;border:1px solid rgba(255,255,255,.75);border-radius:20px;background:#fff;box-shadow:0 18px 45px rgba(16,34,45,.09),0 3px 10px rgba(16,34,45,.04);isolation:isolate}.is-home .service-card:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);pointer-events:none}.is-home .service-card img{filter:saturate(.62) contrast(1.02)}.is-home .service-overlay{background:linear-gradient(0deg,rgba(7,23,33,.94) 0%,rgba(7,23,33,.18) 66%,rgba(7,23,33,.04) 100%)}.is-home .service-card:hover{transform:translateY(-9px);box-shadow:0 30px 65px rgba(16,34,45,.17),0 8px 18px rgba(16,34,45,.07)}.is-home .service-card:hover img{transform:scale(1.045);filter:saturate(.82) contrast(1.03)}.is-home .service-no{top:23px;left:24px;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:rgba(7,23,33,.25);color:#fff;font:600 11px 'Plus Jakarta Sans';backdrop-filter:blur(7px)}.is-home .service-info{bottom:25px;left:25px;right:25px}.is-home .service-info small{color:#dce963}.is-home .service-info h3{font-size:22px}.is-home .service-info b{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;transition:background .25s,color .25s,transform .25s}.is-home .service-card:hover .service-info b{background:#d20b17;color:#fff;transform:rotate(45deg)} /* Quiet animated depth on the right side of the experience card. */ .is-home .why-copy{position:relative;overflow:hidden;isolation:isolate}.is-home .why-copy:before{content:'';position:absolute;z-index:-1;width:360px;height:360px;right:-185px;top:-175px;border-radius:50%;background:radial-gradient(circle,rgba(210,11,23,.105),rgba(210,11,23,.025) 43%,transparent 70%);box-shadow:0 0 0 38px rgba(210,11,23,.018),0 0 0 76px rgba(16,44,59,.018)}.is-home .why-copy:after{content:'';position:absolute;right:25px;top:12%;width:1px;height:76%;background:linear-gradient(transparent,rgba(210,11,23,.32),transparent);animation:why-line-glow 4.6s ease-in-out infinite}.is-home .why-copy>*{position:relative;z-index:1}@keyframes why-line-glow{0%,100%{opacity:.25;transform:scaleY(.65)}50%{opacity:1;transform:scaleY(1)}} @media(max-width:900px){.is-home .why{padding-bottom:55px}.is-home .services{padding:24px 0 95px}.is-home .service-grid{grid-template-columns:repeat(2,1fr);gap:16px}.is-home .service-card{height:340px}.is-home .why-copy:after{right:14px}} @media(max-width:600px){.is-home .service-grid{grid-template-columns:1fr}.is-home .service-card{height:350px}.is-home .services .section-head{margin-bottom:30px}.is-home .why-copy:after{display:none}} @media(prefers-reduced-motion:reduce){.is-home .why-copy:after{animation:none;opacity:.55}} /* Services v2: restrained, single-column editorial list instead of a card wall. */ .is-home .services{padding:54px 0 125px;background:#f7f6f2}.is-home .services .section-head{display:grid;grid-template-columns:1fr .65fr;align-items:end;padding:0 0 42px;margin-bottom:0;border-bottom:1px solid rgba(20,33,42,.16);opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .9s cubic-bezier(.22,1,.36,1)}.is-home .services .section-head.is-visible{opacity:1;transform:none}.is-home .services .section-head h2{font-size:clamp(38px,4vw,58px);line-height:1.05}.is-home .service-grid{display:block;background:transparent}.is-home .service-card{height:126px;display:grid;grid-template-columns:74px minmax(0,1fr) 176px;grid-template-areas:'number info image';align-items:center;gap:28px;padding:17px 18px 17px 8px;border:0;border-bottom:1px solid rgba(20,33,42,.13);border-radius:0;background:transparent;box-shadow:none;overflow:hidden;opacity:0;clip-path:inset(0 12% 0 0);transform:translateX(48px);transition:opacity .7s ease,transform .85s cubic-bezier(.22,1,.36,1),clip-path .85s cubic-bezier(.22,1,.36,1),background-color .3s ease,padding .3s ease}.is-home .service-card:nth-child(even){clip-path:inset(0 0 0 12%);transform:translateX(-48px)}.is-home .service-card.is-visible{opacity:1;clip-path:inset(0);transform:none}.is-home .service-card:nth-child(2){transition-delay:.05s}.is-home .service-card:nth-child(3){transition-delay:.1s}.is-home .service-card:nth-child(4){transition-delay:.15s}.is-home .service-card:nth-child(5){transition-delay:.2s}.is-home .service-card:nth-child(6){transition-delay:.25s}.is-home .service-card:nth-child(7){transition-delay:.3s}.is-home .service-card:nth-child(8){transition-delay:.35s}.is-home .service-card:nth-child(9){transition-delay:.4s}.is-home .service-card:hover{padding-left:18px;background:#fff;transform:none;box-shadow:0 18px 50px rgba(16,34,45,.075)}.is-home .service-card:after{display:none}.is-home .service-card img{grid-area:image;position:static;width:176px;height:92px;border-radius:11px;object-fit:cover;filter:saturate(.5);transform:none}.is-home .service-card:hover img{transform:scale(1.025);filter:saturate(.78)}.is-home .service-overlay{display:none}.is-home .service-no{grid-area:number;position:static;width:44px;height:44px;margin:auto;border:1px solid rgba(20,33,42,.18);background:transparent;color:#8b969b;backdrop-filter:none;font-size:10px;transition:color .25s,border-color .25s,background .25s}.is-home .service-card:hover .service-no{background:#d20b17;border-color:#d20b17;color:#fff}.is-home .service-info{grid-area:info;position:static;display:grid;grid-template-columns:minmax(210px,.75fr) 1fr 44px;align-items:center;gap:28px;min-width:0}.is-home .service-info small{grid-column:2;color:#77858c;font-size:10px;line-height:1.55}.is-home .service-info h3{grid-column:1;grid-row:1;margin:0;font-size:20px;color:#17242c}.is-home .service-info b{grid-column:3;grid-row:1;position:static;width:36px;height:36px;background:transparent;border:1px solid rgba(20,33,42,.15);color:#17242c;font-size:16px}.is-home .service-card:hover .service-info b{background:#d20b17;border-color:#d20b17;transform:rotate(45deg)} @media(max-width:900px){.is-home .services .section-head{grid-template-columns:1fr;gap:20px}.is-home .service-card{grid-template-columns:58px minmax(0,1fr) 130px;gap:14px}.is-home .service-card img{width:130px;height:84px}.is-home .service-info{grid-template-columns:1fr 36px;gap:12px}.is-home .service-info small{display:none}.is-home .service-info h3{font-size:17px}.is-home .service-info b{grid-column:2}} @media(max-width:600px){.is-home .services{padding:35px 0 80px}.is-home .services .section-head{padding-bottom:28px}.is-home .service-card{height:104px;grid-template-columns:42px minmax(0,1fr) 88px;padding:10px 4px;gap:10px}.is-home .service-card:hover{padding-left:8px}.is-home .service-card img{width:88px;height:68px;border-radius:8px}.is-home .service-no{width:34px;height:34px}.is-home .service-info h3{font-size:15px}.is-home .service-info b{display:none}} @media(prefers-reduced-motion:reduce){.is-home .services .section-head,.is-home .service-card,.is-home .service-card:nth-child(even){opacity:1;clip-path:none;transform:none;transition:none}} .is-home .service-card:hover{transition-delay:0s} /* Services v3: continuously moving ribbon with a focused center card. */ .is-home .services{padding:70px 0 135px}.is-home .services>.wrap{width:100%}.is-home .services .section-head{width:var(--wrap);margin-inline:auto}.is-home .service-grid{display:flex;width:max-content;gap:24px;padding:54px 12px 68px;will-change:transform}.is-home .service-card,.is-home .service-card:nth-child(even),.is-home .service-card.is-visible{flex:0 0 clamp(280px,27vw,390px);width:clamp(280px,27vw,390px);height:430px;display:block;padding:0;border:1px solid rgba(255,255,255,.8);border-radius:22px;background:#102c3b;box-shadow:0 15px 38px rgba(16,34,45,.1);opacity:.58;clip-path:none;transform:scale(.9);transition:opacity .45s ease,transform .55s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,filter .45s ease;overflow:hidden}.is-home .service-card:hover{padding:0;background:#102c3b;transform:scale(.94);box-shadow:0 22px 48px rgba(16,34,45,.16)}.is-home .service-card.is-center,.is-home .service-card.is-center:hover{opacity:1;transform:scale(1.055);box-shadow:0 34px 70px rgba(16,34,45,.25),0 9px 22px rgba(16,34,45,.12);z-index:3}.is-home .service-card img,.is-home .service-card:hover img{position:absolute;inset:0;width:100%;height:100%;border-radius:0;object-fit:cover;filter:saturate(.55) brightness(.82);transform:scale(1.01);transition:transform .65s ease,filter .45s ease}.is-home .service-card.is-center img{filter:saturate(.82) brightness(.94);transform:scale(1.045)}.is-home .service-overlay{display:block;position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,20,29,.96),rgba(5,20,29,.1) 72%)}.is-home .service-no{position:absolute;grid-area:auto;top:22px;left:22px;width:42px;height:42px;margin:0;border-color:rgba(255,255,255,.5);background:rgba(8,27,38,.28);color:#fff;backdrop-filter:blur(8px)}.is-home .service-card.is-center .service-no{background:#d20b17;border-color:#d20b17}.is-home .service-info{position:absolute;left:27px;right:27px;bottom:27px;display:block}.is-home .service-info small{display:block;color:#dce963;font-size:9px}.is-home .service-info h3{margin:8px 48px 0 0;color:#fff;font-size:23px}.is-home .service-info b{position:absolute;right:0;bottom:0;display:grid;width:40px;height:40px;border-color:rgba(255,255,255,.35);color:#fff}.is-home .service-card.is-center .service-info b{background:#d20b17;border-color:#d20b17}.is-home .service-card:hover .service-info b{transform:none} @media(max-width:900px){.is-home .service-grid{gap:18px;padding-block:45px 58px}.is-home .service-card,.is-home .service-card:nth-child(even),.is-home .service-card.is-visible{flex-basis:310px;width:310px;height:390px}.is-home .service-info{left:23px;right:23px;bottom:23px}.is-home .service-info small{display:block}.is-home .service-info h3{font-size:20px}} @media(max-width:600px){.is-home .services{padding:45px 0 90px}.is-home .service-grid{gap:14px;padding-block:35px 48px}.is-home .service-card,.is-home .service-card:nth-child(even),.is-home .service-card.is-visible{flex-basis:76vw;width:76vw;height:360px}.is-home .service-card.is-center,.is-home .service-card.is-center:hover{transform:scale(1.035)}} @media(prefers-reduced-motion:reduce){.is-home .service-grid{overflow-x:hidden;width:max-content;scroll-snap-type:none}.is-home .service-card,.is-home .service-card:nth-child(even),.is-home .service-card.is-visible{opacity:1}} /* Five-card viewport and a stronger, unmistakable center focus. */ .is-home .services .section-head{display:block;text-align:center;max-width:820px}.is-home .services .section-head>p{max-width:620px;margin:22px auto 0}.is-home .services .section-tag{justify-content:center}.is-home .service-grid{gap:18px;padding-top:62px;padding-bottom:72px}.is-home .service-card,.is-home .service-card:nth-child(even),.is-home .service-card.is-visible{flex-basis:clamp(210px,18vw,286px);width:clamp(210px,18vw,286px);height:365px;opacity:.5;transform:scale(.88);filter:grayscale(.18)}.is-home .service-card.is-center,.is-home .service-card.is-center:hover{opacity:1;transform:scale(1.12) translateY(-4px);filter:none;box-shadow:0 42px 85px rgba(16,34,45,.32),0 12px 28px rgba(16,34,45,.16)}.is-home .service-card.is-center img{filter:saturate(.95) brightness(1);transform:scale(1.075)}.is-home .service-info{left:22px;right:22px;bottom:22px}.is-home .service-info h3{font-size:19px}.is-home .service-info small{font-size:8px}.is-home .service-info b{width:36px;height:36px}.is-home .service-no{top:18px;left:18px;width:38px;height:38px} .is-home .services .section-tag.light{display:block;padding:0;margin:0 0 20px;color:#c70b17;font:italic 500 20px/1.2 var(--serif)!important;letter-spacing:.01em;text-transform:none}.is-home .services .section-tag.light:before,.is-home .services .section-tag.light:after{display:none} @media(max-width:1100px){.is-home .service-card,.is-home .service-card:nth-child(even),.is-home .service-card.is-visible{flex-basis:220px;width:220px;height:340px}.is-home .service-card.is-center,.is-home .service-card.is-center:hover{transform:scale(1.09) translateY(-3px)}} @media(max-width:700px){.is-home .services .section-head{padding-inline:15px}.is-home .service-card,.is-home .service-card:nth-child(even),.is-home .service-card.is-visible{flex-basis:68vw;width:68vw;height:350px}.is-home .service-card.is-center,.is-home .service-card.is-center:hover{transform:scale(1.045)}} /* The ribbon is automatic only; never expose a horizontal scrollbar. */ html,body{overflow-x:hidden}.is-home .services{overflow:hidden}.is-home .service-grid{overflow:visible;scroll-snap-type:none;scrollbar-width:none}.is-home .service-grid::-webkit-scrollbar{display:none} @media(prefers-reduced-motion:reduce){.is-home .service-grid{overflow:visible;width:max-content;transform:translate3d(0,0,0);scroll-snap-type:none}.is-home .service-card,.is-home .service-card:nth-child(even),.is-home .service-card.is-visible{opacity:.5;transform:scale(.88)}.is-home .service-card.is-center,.is-home .service-card.is-center:hover{opacity:1;transform:scale(1.12) translateY(-4px)}} /* Exact desktop carousel geometry: five complete cards, never five-and-a-half. */ @media(min-width:901px){.is-home .service-grid{gap:18px;padding:62px 0 72px}.is-home .service-card,.is-home .service-card:nth-child(even),.is-home .service-card.is-visible{flex:0 0 calc((100vw - 72px)/5);width:calc((100vw - 72px)/5);height:365px}} /* Focus follows the viewport center continuously while the ribbon moves. */ .is-home .service-grid{transition:none!important}.is-home .service-card,.is-home .service-card:nth-child(even),.is-home .service-card.is-visible,.is-home .service-card.is-center{transition:opacity .12s linear,transform .12s linear,box-shadow .25s ease,filter .2s ease}.is-home .service-card.is-center{box-shadow:0 42px 85px rgba(16,34,45,.32),0 12px 28px rgba(16,34,45,.16)} /* Cleaner cards: no number badge and a weightier directional control. */ .is-home .service-no{display:none}.is-home .service-info b{width:44px;height:44px;border:1px solid rgba(255,255,255,.48);background:rgba(8,27,38,.56);box-shadow:0 8px 22px rgba(0,0,0,.18);backdrop-filter:blur(9px)}.is-home .service-info b svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round}.is-home .service-card.is-center .service-info b{background:#d20b17;border-color:#ed5962;box-shadow:0 12px 28px rgba(185,7,18,.38)}.is-home .service-card:hover .service-info b{transform:translateX(3px)} /* Compact premium proposal block: two halves meet on scroll. */ .proposal-section{padding:35px 0 135px;background:#f7f6f2;overflow:hidden}.proposal-shell{display:grid;grid-template-columns:1fr 1fr;min-height:540px;border-radius:26px;background:#fff;box-shadow:0 35px 85px rgba(16,34,45,.14);overflow:hidden}.proposal-visual{position:relative;overflow:hidden;opacity:0;transform:translate3d(-140px,0,0);transition:opacity .9s ease,transform 1.05s cubic-bezier(.22,1,.36,1)}.proposal-visual.is-visible{opacity:1;transform:none}.proposal-visual img{width:100%;height:100%;min-height:540px;object-fit:cover;filter:saturate(.65) contrast(1.03);transition:transform 1.2s ease}.proposal-shell:hover .proposal-visual img{transform:scale(1.035)}.proposal-image-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,20,29,.88),rgba(5,20,29,.05) 70%)}.proposal-image-copy{position:absolute;left:42px;right:42px;bottom:40px;color:#fff}.proposal-image-copy span,.proposal-kicker{display:block;margin-bottom:13px;color:#dce963;font:italic 500 17px/1.2 var(--serif);letter-spacing:.01em}.proposal-image-copy strong{font:600 32px/1.15 'Plus Jakarta Sans';letter-spacing:-.04em}.proposal-panel{padding:62px 58px 48px;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translate3d(140px,0,0);transition:opacity .9s ease,transform 1.05s cubic-bezier(.22,1,.36,1)}.proposal-panel.is-visible{opacity:1;transform:none}.proposal-kicker{color:#c70b17;margin-bottom:17px}.proposal-panel h2{margin:0;font:600 clamp(36px,3.2vw,50px)/1.05 'Plus Jakarta Sans';letter-spacing:-.05em;color:#14212a}.proposal-panel>p{max-width:500px;margin:18px 0 30px;color:#69777e;font-size:14px;line-height:1.7}.proposal-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}.proposal-form label:first-child{grid-column:1/-1}.proposal-form label>span{display:block;margin-bottom:7px;color:#67757c;font-size:9px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.proposal-form input,.proposal-form select{width:100%;height:45px;padding:0;border:0;border-bottom:1px solid #bdc7c6;border-radius:0;background:transparent;color:#17242c;font-size:13px;outline:none}.proposal-form input:focus,.proposal-form select:focus{border-color:#d20b17}.proposal-form button{grid-column:1/-1;height:52px;margin-top:7px;display:flex;align-items:center;justify-content:center;gap:15px;border:0;border-radius:9px;background:#d20b17;color:#fff;cursor:pointer;font:700 11px 'Plus Jakarta Sans';letter-spacing:.08em;text-transform:uppercase;box-shadow:0 13px 28px rgba(190,8,19,.23);transition:transform .25s,background .25s,box-shadow .25s}.proposal-form button:hover{transform:translateY(-2px);background:#aa0711;box-shadow:0 17px 34px rgba(190,8,19,.3)}.proposal-form button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}.proposal-panel>small{margin-top:16px;color:#8a9599;font-size:9px;text-align:center} @media(max-width:900px){.proposal-section{padding:20px 0 90px}.proposal-shell{grid-template-columns:1fr;min-height:0}.proposal-visual{height:390px;transform:translate3d(-70px,0,0)}.proposal-visual img{min-height:0;height:100%}.proposal-panel{padding:46px 34px;transform:translate3d(70px,0,0)}} @media(max-width:600px){.proposal-shell{border-radius:19px}.proposal-visual{height:300px}.proposal-image-copy{left:25px;right:25px;bottom:25px}.proposal-image-copy strong{font-size:25px}.proposal-panel{padding:35px 24px}.proposal-form{grid-template-columns:1fr;gap:17px}.proposal-form label:first-child,.proposal-form button{grid-column:auto}} @media(prefers-reduced-motion:reduce){.proposal-visual,.proposal-panel{opacity:1;transform:none;transition:none}} /* Definitive section spacing — intentionally last so older rules cannot override it. */ .is-home .proposal-section{padding-top:50px;padding-bottom:0}.is-home .blog-preview{padding-top:40px;padding-bottom:90px}.is-home .blog-premium-head{margin-bottom:42px} @media(max-width:900px){.is-home .proposal-section{padding-top:40px;padding-bottom:0}.is-home .blog-preview{padding-top:34px;padding-bottom:75px}} @media(max-width:600px){.is-home .proposal-section{padding-top:30px;padding-bottom:0}.is-home .blog-preview{padding-top:30px;padding-bottom:60px}} /* Quote intro text alignment — keep every text block separated. */ .quote-intro{display:flex;flex-direction:column;justify-content:flex-start;padding-top:145px!important;padding-bottom:58px!important} .quote-intro .quote-kicker{margin:0 0 24px} .quote-intro h2{margin:0 0 20px!important} .quote-intro p{margin:0;max-width:430px} .quote-intro .quote-trust{position:static!important;margin-top:auto;padding-top:44px;left:auto!important;bottom:auto!important} @media(max-width:900px){.quote-intro{padding-top:82px!important;padding-bottom:46px!important}.quote-intro .quote-trust{display:none}} @media(max-width:600px){.quote-intro{padding-top:58px!important;padding-bottom:38px!important}} .quote-form label:not(.quote-consent){color:#344650;font-weight:800;letter-spacing:.13em}.quote-form input::placeholder,.quote-form textarea::placeholder{color:#879398;opacity:.38}.quote-form select:required:invalid{color:rgba(86,101,109,.4)} .quote-form .quote-consent{display:flex!important;align-items:center;gap:10px;margin:2px 0 20px!important}.quote-form .quote-consent input[type="checkbox"]{flex:0 0 16px;width:16px!important;height:16px!important;min-height:16px;margin:0!important;padding:0;border-radius:3px}.quote-form .quote-consent span{display:block;line-height:1.45} /* Quote modal follows the same elevated visual language as the home proposal form. */ .quote-dialog{width:min(1120px,calc(100vw - 52px));grid-template-columns:1.05fr .95fr;overflow:visible;background:transparent;border-radius:0;box-shadow:none}.quote-intro{min-height:650px;padding:64px 52px;border-radius:28px;background:linear-gradient(0deg,rgba(5,20,29,.91),rgba(5,20,29,.16)),url('../images/service-danismanlik.webp') center/cover no-repeat;box-shadow:0 42px 90px rgba(4,18,27,.34)}.quote-intro:after{display:none}.quote-intro h2,.quote-intro p,.quote-trust{position:relative;z-index:1}.quote-form{position:relative;z-index:3;align-self:center;margin:34px 0 34px -58px;padding:52px 52px 42px;border:1px solid rgba(255,255,255,.9);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.97),rgba(247,249,248,.91));box-shadow:0 45px 90px rgba(8,28,39,.27),0 15px 34px rgba(8,28,39,.11);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.quote-form input,.quote-form select,.quote-form textarea{margin-top:8px;padding:12px 14px;border:1px solid rgba(20,45,58,.12);border-radius:10px;background:rgba(235,239,239,.64);transition:border-color .25s,background .25s,box-shadow .25s}.quote-form input,.quote-form select{height:47px}.quote-form textarea{min-height:78px}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:rgba(210,11,23,.55);background:#fff;box-shadow:0 0 0 4px rgba(210,11,23,.07)}.quote-form-head{margin-bottom:24px}.quote-close{right:-17px;top:12px;box-shadow:0 9px 22px rgba(8,28,39,.14)} @media(max-width:900px){.quote-dialog{width:min(720px,calc(100vw - 28px));display:block;max-height:calc(100vh - 28px);overflow:auto;border-radius:20px;background:#f7f8f7}.quote-intro{min-height:320px;border-radius:20px 20px 0 0}.quote-trust{display:none}.quote-form{margin:-42px 18px 20px;padding:40px 34px 32px;border-radius:20px}.quote-close{position:fixed;right:22px;top:22px}} @media(max-width:600px){.quote-intro{min-height:250px;padding:40px 25px}.quote-intro h2{font-size:30px}.quote-intro p{display:none}.quote-form{margin:-30px 10px 12px;padding:31px 22px 26px}.quote-form .field-row{grid-template-columns:1fr}.quote-form input,.quote-form select{height:45px}} /* Muted helper text across every form. */ input::placeholder,textarea::placeholder{color:#8f9a9f;opacity:.58}select:required:invalid{color:rgba(86,101,109,.55)}select option{color:#17242c}.contact-form input::placeholder,.contact-form textarea::placeholder,.proposal-form input::placeholder,.quote-form input::placeholder,.quote-form textarea::placeholder{color:#8f9a9f;opacity:.58} /* Quote content alignment, contained close control and header phone action. */ .quote-intro{padding-top:112px}.quote-intro .quote-kicker{margin-bottom:24px}.quote-intro h2{margin-top:0}.quote-intro p{max-width:430px}.quote-trust{top:auto!important;bottom:78px!important;left:52px!important}.quote-close{position:absolute;right:18px;top:18px;width:44px;height:44px;border-color:rgba(20,45,58,.14);box-shadow:0 10px 24px rgba(8,28,39,.13)} .nav-call{position:absolute;right:214px;top:50%;transform:translateY(-50%);height:44px;min-width:136px;padding:0 17px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(207,9,21,.3);border-radius:9px;background:rgba(255,255,255,.72);color:#c70915;font:700 10px 'Plus Jakarta Sans',Arial,sans-serif;text-transform:uppercase;letter-spacing:.045em;box-shadow:0 8px 20px rgba(18,37,48,.08);transition:background .25s,color .25s,transform .25s,box-shadow .25s}.nav-call svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.nav-call:hover{background:#d20b17;color:#fff;transform:translateY(calc(-50% - 2px));box-shadow:0 13px 27px rgba(190,8,19,.22)} @media(min-width:1401px){.is-home .home-header .nav-cta{right:44px}.is-home .home-header .nav-call{right:210px}} @media(max-width:1400px) and (min-width:901px){.is-home .home-header .nav-call{right:190px;min-width:125px}.is-home .home-header .nav-cta{right:32px;width:145px}} @media(max-width:900px){.nav-call{display:none}.quote-intro{padding-top:70px}.quote-close{position:absolute;right:14px;top:14px}} @media(max-width:600px){.quote-intro{padding-top:54px}.quote-trust{display:none}} .proposal-panel>p span{display:block;white-space:nowrap}@media(max-width:600px){.proposal-panel>p span{display:inline;white-space:normal}.proposal-panel>p span+span:before{content:' '}} /* Calm signal pulse: positioned slightly lower and inward on the diagonal. */ .proposal-panel:before{right:72px;top:78px;width:12px;height:12px;z-index:2;background:#d20b17;box-shadow:0 0 0 7px rgba(210,11,23,.09),0 3px 10px rgba(210,11,23,.24);animation:proposal-signal-core 2.6s ease-in-out infinite}.proposal-panel:after{content:'';position:absolute;right:65px;top:71px;width:26px;height:26px;border:1px solid rgba(210,11,23,.38);border-radius:50%;pointer-events:none;animation:proposal-signal 2.6s cubic-bezier(.2,.65,.3,1) infinite}@keyframes proposal-signal-core{0%,100%{transform:translate(0,0) scale(1)}10%{transform:translate(-1px,1px) scale(1.06)}18%{transform:translate(1px,-1px) scale(1.12)}28%{transform:translate(-1px,0) scale(1.18)}40%{transform:translate(1px,1px) scale(1.26)}52%{transform:translate(-1px,-1px) scale(1.34)}64%{transform:translate(0,0) scale(1.42)}78%{transform:translate(0,0) scale(1.18)}}@keyframes proposal-signal{0%{opacity:.7;transform:scale(.45)}68%{opacity:0;transform:scale(2.65)}100%{opacity:0;transform:scale(2.65)}} @media(max-width:600px){.proposal-panel:before{right:42px;top:51px}.proposal-panel:after{right:35px;top:44px}} @media(prefers-reduced-motion:reduce){.proposal-panel:before{animation:none}.proposal-panel:after{animation:none;opacity:.25;transform:scale(1.35)}} /* Arrow-free actions: remove trailing space and center every label precisely. */ .button,.ref-button,.proposal-form button{justify-content:center;gap:0}.ref-button{padding-inline:20px}.arrow-link{gap:0}.service-info h3,.is-home .service-info h3{margin-right:0}.service-list a{grid-template-columns:80px 1.2fr 1fr}.contact-form .button span,.ref-button span{display:none}.proposal-form button{padding-inline:22px} /* Premium floating blog collection directly after the proposal block. */ .is-home .blog-preview{position:relative;padding:125px 0 155px;background:linear-gradient(180deg,#ecece8 0%,#f7f6f2 100%);overflow:hidden}.is-home .blog-preview:before{content:'';position:absolute;right:-170px;top:90px;width:400px;height:400px;border:1px solid rgba(16,44,59,.07);border-radius:50%;box-shadow:0 0 0 48px rgba(16,44,59,.015),0 0 0 96px rgba(16,44,59,.01)}.blog-premium-head{position:relative;z-index:1;max-width:760px;margin:0 auto 62px;text-align:center}.blog-kicker{margin-bottom:18px;color:#c70b17;font:italic 500 20px/1.2 var(--serif);letter-spacing:.01em}.blog-premium-head h2{margin:0;color:#14212a;font:600 clamp(40px,4.2vw,62px)/1.06 'Plus Jakarta Sans';letter-spacing:-.055em}.blog-premium-head p{max-width:600px;margin:23px auto 28px;color:#69777e;font:400 15px/1.75 'Inter',Arial,sans-serif}.blog-premium-head .arrow-link{color:#17242c}.is-home .blog-grid{position:relative;z-index:1;gap:28px}.is-home .blog-card{position:relative;border:1px solid rgba(255,255,255,.9);border-radius:21px;background:rgba(255,255,255,.92);box-shadow:0 26px 62px rgba(16,34,45,.13),0 8px 20px rgba(16,34,45,.06);overflow:hidden;opacity:0;transform:translateY(55px);transition:opacity .8s ease,transform .9s cubic-bezier(.22,1,.36,1),box-shadow .35s ease}.is-home .blog-card:nth-child(2){transition-delay:.12s}.is-home .blog-card:nth-child(3){transition-delay:.24s}.is-home .blog-card.is-visible{opacity:1;transform:none;animation:blog-hover-float 6s ease-in-out 1.1s infinite}.is-home .blog-card:nth-child(2).is-visible{animation-delay:1.45s}.is-home .blog-card:nth-child(3).is-visible{animation-delay:1.8s}.is-home .blog-card:hover{box-shadow:0 38px 78px rgba(16,34,45,.19),0 12px 28px rgba(16,34,45,.08)}.is-home .blog-card>img{height:275px;filter:saturate(.62) contrast(1.02);transition:transform .65s ease,filter .4s ease}.is-home .blog-card:hover>img{transform:scale(1.035);filter:saturate(.82)}.is-home .blog-card>div{padding:28px 28px 30px}.is-home .blog-card time{color:#c70b17}.is-home .blog-card h3{margin-bottom:26px}.is-home .blog-card span{display:inline-block;padding-bottom:6px;border-bottom:1px solid rgba(20,33,42,.22)}@keyframes blog-hover-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}} @media(max-width:900px){.is-home .blog-preview{padding:90px 0 110px}.is-home .blog-grid{grid-template-columns:1fr 1fr}.is-home .blog-card:last-child{grid-column:1/-1;max-width:calc(50% - 14px);margin-inline:auto}} @media(max-width:600px){.is-home .blog-preview{padding:75px 0 90px}.blog-premium-head{margin-bottom:42px}.blog-premium-head h2{font-size:38px}.is-home .blog-grid{grid-template-columns:1fr}.is-home .blog-card:last-child{grid-column:auto;max-width:none}.is-home .blog-card.is-visible{animation:none}} @media(prefers-reduced-motion:reduce){.is-home .blog-card,.is-home .blog-card.is-visible{opacity:1;transform:none;animation:none;transition:none}} /* Home closes after the blog; legacy lower sections are intentionally removed. */ .is-home .statement,.is-home .process,.is-home .faq-section,.is-home .projects,.is-home .cta-band{display:none}.is-home .blog-preview{padding-bottom:165px} /* Strong, minimal closing architecture. */ .premium-footer{position:relative;padding:0;background:#071c28;color:#fff;overflow:hidden}.premium-footer:before{content:'';position:absolute;right:-220px;top:-220px;width:560px;height:560px;border:1px solid rgba(255,255,255,.07);border-radius:50%;box-shadow:0 0 0 58px rgba(255,255,255,.018),0 0 0 116px rgba(255,255,255,.012)}.footer-lead{position:relative;z-index:1;min-height:285px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12)}.footer-lead>div>span{display:block;margin-bottom:17px;color:#dce963;font:italic 500 18px/1.2 var(--serif)}.footer-lead h2{margin:0;font:600 clamp(42px,4.4vw,66px)/1.04 'Inter',Arial,sans-serif!important;letter-spacing:-.055em}.footer-cta{min-width:205px;height:57px;padding:0 28px;border:1px solid rgba(255,255,255,.3);border-radius:10px;background:#d20b17;color:#fff;cursor:pointer;font:700 11px 'Inter',Arial,sans-serif;text-transform:uppercase;letter-spacing:.09em;box-shadow:0 16px 34px rgba(180,7,17,.28);transition:background .25s,transform .25s,box-shadow .25s}.footer-cta:hover{background:#aa0711;transform:translateY(-2px);box-shadow:0 20px 40px rgba(180,7,17,.35)}.premium-footer .footer-main{position:relative;z-index:1;grid-template-columns:1.6fr .7fr .9fr 1.15fr;gap:70px;padding:72px 0 68px}.premium-footer .footer-brand img{width:220px;filter:brightness(0) invert(1)}.premium-footer .footer-brand p{max-width:330px;margin-top:28px;color:rgba(255,255,255,.52);font:400 14px/1.75 'Inter',Arial,sans-serif}.premium-footer h3{margin:7px 0 25px;color:#dce963;font:700 9px 'Inter',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}.premium-footer .footer-main>div:not(:first-child){gap:14px}.premium-footer .footer-main a,.premium-footer address{color:rgba(255,255,255,.67);font:400 12px/1.65 'Inter',Arial,sans-serif;transition:color .2s}.premium-footer .footer-main a:hover{color:#fff}.premium-footer .footer-phone{color:#fff!important;font-size:17px!important;font-weight:600!important}.premium-footer address{margin-top:5px}.premium-footer .footer-bottom{position:relative;z-index:1;height:72px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.38);font:500 9px 'Inter',Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}.premium-footer .footer-bottom a{color:rgba(255,255,255,.55)} @media(max-width:900px){.footer-lead{min-height:250px}.premium-footer .footer-main{grid-template-columns:1.3fr 1fr 1fr;gap:45px}.premium-footer .footer-brand{grid-column:1/-1}.premium-footer .footer-contact{grid-column:auto}} @media(max-width:600px){.is-home .blog-preview{padding-bottom:105px}.footer-lead{min-height:330px;align-items:flex-start;justify-content:center;flex-direction:column;gap:35px}.footer-lead h2{font-size:42px}.footer-cta{width:100%}.premium-footer .footer-main{grid-template-columns:1fr 1fr;gap:40px 25px;padding:55px 0}.premium-footer .footer-brand{grid-column:1/-1}.premium-footer .footer-contact{grid-column:1/-1}.premium-footer .footer-bottom{height:auto;min-height:90px;gap:15px;align-items:flex-start;justify-content:center;flex-direction:column}.premium-footer .footer-bottom span:nth-child(2){display:none}} /* Refined editorial surface for blog card content. */ .is-home .blog-card>div{position:relative;min-height:158px;padding:30px 30px 34px;background:linear-gradient(145deg,#fff 0%,#f5f6f3 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.95)}.is-home .blog-card>div:after{content:'';position:absolute;left:30px;right:30px;bottom:20px;height:1px;background:linear-gradient(90deg,rgba(210,11,23,.58),rgba(20,44,58,.1) 34%,transparent)}.is-home .blog-card time{display:inline-block;margin-bottom:15px;color:#c70b17;font-size:9px;font-weight:700;letter-spacing:.12em}.is-home .blog-card h3{margin:0;max-width:92%;color:#122733;font:600 22px/1.28 'Inter',Arial,sans-serif!important;letter-spacing:-.035em}.is-home .blog-card:before{content:'';position:absolute;z-index:2;right:20px;top:calc(275px + 20px);width:7px;height:7px;border-radius:50%;background:#d20b17;box-shadow:0 0 0 6px rgba(210,11,23,.07)} @media(max-width:600px){.is-home .blog-card>div{min-height:145px;padding:26px 24px 31px}.is-home .blog-card>div:after{left:24px;right:24px}.is-home .blog-card h3{font-size:20px}.is-home .blog-card:before{right:17px}} .blog-premium-head .arrow-link{display:inline-flex;align-items:center;justify-content:center;min-width:190px;height:52px;padding:0 25px;border:0;border-radius:10px;background:#d20b17;color:#fff;font:700 11px 'Inter',Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 14px 30px rgba(190,8,19,.24);transition:background .25s,transform .25s,box-shadow .25s}.blog-premium-head .arrow-link:hover{background:#aa0711;color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:0 19px 38px rgba(190,8,19,.31)} /* Footer v2: original brand, red social marks and a substantial four-column close. */ .premium-footer{border-top:5px solid #d20b17;background:radial-gradient(circle at 8% 18%,rgba(210,11,23,.105),transparent 24%),linear-gradient(145deg,#061923 0%,#0a2735 58%,#071b27 100%)}.premium-footer:after{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:rgba(255,255,255,.13)}.premium-footer .footer-main{grid-template-columns:1.45fr .62fr .9fr 1.18fr;gap:68px;padding:90px 0 82px}.premium-footer .footer-brand{min-width:0}.footer-logo-wrap{width:100%;max-width:330px;padding:20px 22px;border:1px solid rgba(255,255,255,.7);border-radius:18px;background:linear-gradient(145deg,#fff,#edf1f2);box-shadow:0 20px 46px rgba(0,0,0,.2),inset 0 1px 0 #fff}.premium-footer .footer-brand .footer-logo-wrap img{width:100%;height:auto;max-height:none;filter:none}.premium-footer .footer-brand p{max-width:350px;margin:29px 0 25px;color:rgba(255,255,255,.62);font:400 13px/1.8 'Inter',Arial,sans-serif}.footer-socials{display:flex;align-items:center;gap:11px}.footer-socials>span{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(255,255,255,.065);box-shadow:0 9px 20px rgba(0,0,0,.12);transition:transform .25s,background .25s,border-color .25s}.footer-socials>span:hover{transform:translateY(-3px);background:rgba(255,255,255,.11);border-color:rgba(210,11,23,.48)}.footer-socials svg{width:20px;height:20px;fill:none;stroke:#ef1c29;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.footer-socials span:nth-child(2) svg{fill:#ef1c29;stroke:none}.premium-footer h3{position:relative;margin:5px 0 31px;padding-bottom:15px;color:#fff;font:700 13px 'Inter',Arial,sans-serif;letter-spacing:.02em;text-transform:none}.premium-footer h3:after{content:'';position:absolute;left:0;bottom:0;width:28px;height:2px;background:#d20b17}.premium-footer .footer-main>div:not(:first-child){gap:15px}.premium-footer .footer-column a{position:relative;width:max-content;padding-bottom:2px;color:rgba(255,255,255,.62);font-size:12px}.premium-footer .footer-column a:before{content:'';position:absolute;left:0;right:100%;bottom:0;height:1px;background:#d20b17;transition:right .25s}.premium-footer .footer-column a:hover:before{right:0}.premium-footer .footer-contact{gap:20px!important}.premium-footer .footer-contact>a,.footer-address{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:13px;color:rgba(255,255,255,.68)!important}.premium-footer .footer-contact i{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(255,255,255,.06);font-style:normal}.premium-footer .footer-contact i svg{width:18px;height:18px;fill:none;stroke:#ef1c29;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.premium-footer .footer-contact>a span{padding-top:9px;line-height:1.55}.premium-footer .footer-contact address{margin:0;padding-top:3px;color:rgba(255,255,255,.61);font-size:11px;line-height:1.72}.premium-footer .footer-bottom{height:76px;justify-content:space-between;border-color:rgba(255,255,255,.11);color:rgba(255,255,255,.36)} @media(max-width:1050px){.premium-footer .footer-main{grid-template-columns:1.2fr .7fr 1fr;gap:55px}.premium-footer .footer-brand{grid-column:1/-1;display:grid;grid-template-columns:330px 1fr;gap:35px;align-items:center}.premium-footer .footer-brand p{margin:0}.footer-socials{grid-column:2}} @media(max-width:700px){.premium-footer .footer-main{grid-template-columns:1fr 1fr;gap:48px 28px;padding:65px 0 55px}.premium-footer .footer-brand{display:block;grid-column:1/-1}.premium-footer .footer-brand p{margin:25px 0}.footer-logo-wrap{max-width:300px}.premium-footer .footer-contact{grid-column:1/-1}.premium-footer .footer-bottom{min-height:88px;height:auto;align-items:flex-start;justify-content:center;flex-direction:column;gap:10px}.premium-footer h3{margin-bottom:25px}} /* Lighter, cleaner footer balance and restored WhatsApp identity. */ .premium-footer{background:radial-gradient(circle at 9% 17%,rgba(229,22,35,.12),transparent 25%),linear-gradient(145deg,#0d2c3a 0%,#123b4b 58%,#0d3040 100%)}.premium-footer:before{border-color:rgba(255,255,255,.095);box-shadow:0 0 0 58px rgba(255,255,255,.027),0 0 0 116px rgba(255,255,255,.017)}.premium-footer .footer-main{grid-template-columns:1.28fr .58fr .83fr 1.4fr;gap:52px}.premium-footer h3:after{background:#f01827;box-shadow:0 0 12px rgba(240,24,39,.22)}.premium-footer .footer-column a{color:rgba(255,255,255,.72)}.premium-footer .footer-contact{gap:14px!important}.premium-footer .footer-contact>a,.premium-footer .footer-address{min-height:50px;padding:6px 9px 6px 6px;align-items:center;border:1px solid rgba(255,255,255,.085);border-radius:12px;background:rgba(255,255,255,.035);transition:background .25s,border-color .25s}.premium-footer .footer-contact>a:hover{background:rgba(255,255,255,.07);border-color:rgba(240,24,39,.25)}.premium-footer .footer-contact i{flex-basis:40px;width:40px;height:40px;background:rgba(255,255,255,.075)}.premium-footer .footer-contact i svg{stroke:#ff2634;stroke-width:2}.premium-footer .footer-contact>a span{padding-top:0}.premium-footer .footer-contact address{padding:0;line-height:1.55;color:rgba(255,255,255,.7)} .whatsapp span{background:#0d3040;box-shadow:0 8px 20px rgba(7,27,39,.2)}.whatsapp b{width:52px;height:52px;background:#d20b17;box-shadow:0 12px 28px rgba(190,8,19,.32);transition:transform .25s,background .25s,box-shadow .25s}.whatsapp b img{width:27px;height:27px;object-fit:contain}.whatsapp:hover b{transform:translateY(-3px) scale(1.03);background:#aa0711;box-shadow:0 17px 34px rgba(190,8,19,.4)} @media(min-width:1051px){.premium-footer .footer-address address{white-space:nowrap}} @media(max-width:1050px){.premium-footer .footer-main{grid-template-columns:1fr 1fr 1fr}.premium-footer .footer-contact{grid-column:auto}.premium-footer .footer-address address{max-width:330px}} @media(max-width:700px){.premium-footer .footer-main{grid-template-columns:1fr 1fr}.premium-footer .footer-contact{grid-column:1/-1}} /* Final home rhythm: remove oversized gaps while preserving visual breathing room. */ .is-home .home-header{position:sticky;top:0;z-index:900}.is-home .home-header .nav-wrap{transition:height .25s,box-shadow .25s,background .25s}.is-home .home-header.scrolled .nav-wrap{background:rgba(250,251,251,.96);box-shadow:0 14px 35px rgba(18,37,48,.14)}.is-home .why{padding-top:90px;padding-bottom:48px}.is-home .services{padding-top:42px;padding-bottom:58px}.is-home .services .section-head{padding-bottom:32px}.is-home .service-grid{padding-top:48px;padding-bottom:52px}.proposal-section{padding-top:52px;padding-bottom:48px}.is-home .blog-preview{padding-top:68px;padding-bottom:105px}.blog-premium-head{margin-bottom:48px}.premium-footer .footer-main{padding-top:74px;padding-bottom:68px} @media(max-width:900px){.is-home .why{padding-top:68px;padding-bottom:38px}.is-home .services{padding-top:34px;padding-bottom:46px}.proposal-section{padding-top:44px;padding-bottom:42px}.is-home .blog-preview{padding-top:58px;padding-bottom:82px}} @media(max-width:600px){.is-home .home-header{height:84px}.is-home .why{padding-top:52px;padding-bottom:30px}.is-home .services{padding-top:28px;padding-bottom:38px}.is-home .service-grid{padding-top:35px;padding-bottom:40px}.proposal-section{padding-top:35px;padding-bottom:32px}.is-home .blog-preview{padding-top:48px;padding-bottom:70px}.blog-premium-head{margin-bottom:36px}} /* Compact bottom-left cookie policy. */ .cookie-notice{position:fixed;left:22px;bottom:22px;z-index:950;width:min(360px,calc(100vw - 44px));display:flex;align-items:center;gap:18px;padding:15px 15px 15px 18px;border:1px solid rgba(255,255,255,.78);border-radius:15px;background:rgba(255,255,255,.94);box-shadow:0 20px 48px rgba(8,28,39,.2);backdrop-filter:blur(16px);transition:opacity .3s,transform .3s}.cookie-notice.is-hidden{opacity:0;transform:translateY(15px);pointer-events:none}.cookie-notice>div{min-width:0}.cookie-notice strong{display:block;margin-bottom:4px;color:#14212a;font:700 11px 'Inter',Arial,sans-serif}.cookie-notice p{margin:0;color:#6d797f;font:400 9px/1.45 'Inter',Arial,sans-serif}.cookie-notice button{flex:0 0 auto;height:36px;padding:0 14px;border:0;border-radius:8px;background:#d20b17;color:#fff;cursor:pointer;font:700 9px 'Inter',Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em}.cookie-notice button:hover{background:#aa0711} @media(max-width:600px){.cookie-notice{left:12px;bottom:12px;width:calc(100vw - 24px)}.whatsapp{bottom:104px}} /* Fixed overlay header: remains visible without consuming slider space. */ .is-home .home-header{position:fixed;inset:0 0 auto;z-index:900;width:100%;height:116px}.is-home .reference-hero{height:100svh;min-height:760px}.is-home .reference-hero .hero-media,.is-home .reference-fade{top:0} @media(max-width:900px){.is-home .home-header{height:84px}.is-home .reference-hero{height:100svh;min-height:740px}} /* Elevated proposal composition: glass panel suspended over the field image. */ .proposal-section{position:relative;padding:85px 0 170px;background:radial-gradient(circle at 14% 22%,rgba(210,11,23,.075),transparent 28%),linear-gradient(180deg,#f7f6f2 0%,#ecece8 100%)}.proposal-section:before{content:'';position:absolute;left:-120px;bottom:25px;width:330px;height:330px;border:1px solid rgba(16,44,59,.08);border-radius:50%;box-shadow:0 0 0 42px rgba(16,44,59,.018),0 0 0 84px rgba(16,44,59,.012)}.proposal-shell{position:relative;grid-template-columns:1.08fr .92fr;min-height:620px;overflow:visible;border-radius:0;background:transparent;box-shadow:none}.proposal-visual{height:620px;border-radius:30px;box-shadow:0 42px 85px rgba(10,29,40,.23),0 12px 30px rgba(10,29,40,.12)}.proposal-visual:after{content:'';position:absolute;inset:18px;border:1px solid rgba(255,255,255,.28);border-radius:19px;pointer-events:none}.proposal-visual img{min-height:620px;border-radius:30px}.proposal-image-shade{border-radius:30px;background:linear-gradient(0deg,rgba(5,20,29,.9),rgba(5,20,29,.03) 72%)}.proposal-panel{position:relative;z-index:3;align-self:center;margin-left:-72px;padding:62px 58px 48px;border:1px solid rgba(255,255,255,.88);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(248,249,248,.88));box-shadow:0 45px 90px rgba(8,28,39,.23),0 16px 34px rgba(8,28,39,.1),inset 0 1px 0 #fff;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.proposal-panel:before{content:'';position:absolute;right:34px;top:30px;width:11px;height:11px;border-radius:50%;background:#d20b17;box-shadow:0 0 0 8px rgba(210,11,23,.09),0 0 24px rgba(210,11,23,.28)}.proposal-panel.is-visible{animation:proposal-float 6s ease-in-out 1.1s infinite}.proposal-kicker{font-size:18px}.proposal-panel h2{font-size:clamp(39px,3.25vw,52px)}.proposal-panel>p{margin-bottom:28px}.proposal-form{gap:16px 18px}.proposal-form label{position:relative}.proposal-form label>span{margin:0 0 8px 3px;color:#6b787e}.proposal-form input,.proposal-form select{height:49px;padding:0 15px;border:1px solid rgba(20,45,58,.12);border-radius:11px;background:rgba(235,239,239,.62);transition:border-color .25s,background .25s,box-shadow .25s}.proposal-form input:focus,.proposal-form select:focus{border-color:rgba(210,11,23,.55);background:#fff;box-shadow:0 0 0 4px rgba(210,11,23,.07)}.proposal-form button{height:55px;border-radius:11px;box-shadow:0 16px 32px rgba(190,8,19,.27)}.proposal-panel>small{color:#7d898e}@keyframes proposal-float{0%,100%{transform:translate3d(0,0,0);box-shadow:0 45px 90px rgba(8,28,39,.23),0 16px 34px rgba(8,28,39,.1),inset 0 1px 0 #fff}50%{transform:translate3d(0,-11px,0);box-shadow:0 58px 105px rgba(8,28,39,.19),0 24px 42px rgba(8,28,39,.08),inset 0 1px 0 #fff}} @media(max-width:900px){.proposal-section{padding:60px 0 120px}.proposal-shell{grid-template-columns:1fr}.proposal-visual{height:430px;border-radius:24px}.proposal-visual img{min-height:0;height:100%;border-radius:24px}.proposal-image-shade{border-radius:24px}.proposal-panel{margin:-60px 28px 0;padding:48px 38px}.proposal-panel.is-visible{animation-duration:6.5s}} @media(max-width:600px){.proposal-section{padding:42px 0 90px}.proposal-visual{height:330px}.proposal-panel{margin:-38px 12px 0;padding:38px 23px 30px;border-radius:20px}.proposal-panel:before{right:23px;top:22px}.proposal-panel h2{font-size:35px}.proposal-form input,.proposal-form select{height:47px}} @media(prefers-reduced-motion:reduce){.proposal-panel.is-visible{animation:none}} /* Match site copy typography and the established left/right reveal rhythm. */ .proposal-section,.proposal-section input,.proposal-section select,.proposal-section button{font-family:'Inter',Arial,sans-serif}.proposal-image-copy span,.proposal-kicker{font-family:'Inter',Arial,sans-serif;font-style:normal;font-weight:600}.proposal-image-copy strong,.proposal-panel h2{font-family:'Inter',Arial,sans-serif;font-weight:600}.proposal-form button{font-family:'Inter',Arial,sans-serif}.proposal-visual{transform:translate3d(-150px,0,0);transition:opacity 1.4s ease,transform 1.4s cubic-bezier(.22,1,.36,1)}.proposal-panel{transform:translate3d(150px,0,0);transition:opacity .8s ease,transform .8s cubic-bezier(.22,1,.36,1)}.proposal-visual.is-visible,.proposal-panel.is-visible{opacity:1;transform:translate3d(0,0,0)} @media(max-width:900px){.proposal-visual{transform:translate3d(-70px,0,0)}.proposal-panel{transform:translate3d(70px,0,0)}} @media(prefers-reduced-motion:reduce){.proposal-visual,.proposal-panel{opacity:1;transform:none;transition:none}} /* Final spacing override. */ .is-home .proposal-section{padding-top:50px;padding-bottom:0}.is-home .blog-preview{padding-top:40px;padding-bottom:90px}.is-home .blog-premium-head{margin-bottom:42px} @media(max-width:900px){.is-home .proposal-section{padding-top:40px;padding-bottom:0}.is-home .blog-preview{padding-top:34px;padding-bottom:75px}} @media(max-width:600px){.is-home .proposal-section{padding-top:30px;padding-bottom:0}.is-home .blog-preview{padding-top:30px;padding-bottom:60px}} /* Subpage hero background photography. */ .page-hero-media{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.55) contrast(1.05) brightness(.62)} .page-hero-shade{position:absolute;inset:0;background:linear-gradient(100deg,rgba(5,23,34,.94) 0%,rgba(5,23,34,.8) 38%,rgba(5,23,34,.42) 75%,rgba(5,23,34,.22) 100%),linear-gradient(0deg,rgba(5,23,34,.6),transparent 55%)} .page-hero.has-media>.wrap{position:relative;z-index:2} .page-hero.has-media:after{z-index:1;opacity:.6} /* The inner pages use the homepage header verbatim — no secondary variant. */ .site-header.home-header{position:fixed;inset:0 0 auto;z-index:900;width:100%;height:116px} .is-inner .home-header{height:116px;padding:0;transform:none;background:#f7f8f8;color:#17242c} .is-inner .home-header .nav-wrap{position:relative;width:100%;height:116px;margin:0;max-width:none;padding:0 48px;border:0;border-radius:0;border-bottom:1px solid rgba(23,36,44,.09);background:linear-gradient(90deg,#fff 0%,#f6f8f9 52%,#e9eff3 100%);box-shadow:0 8px 28px rgba(22,39,49,.09);backdrop-filter:none;-webkit-backdrop-filter:none;transition:height .25s,box-shadow .25s,background .25s} .is-inner .home-header.scrolled .nav-wrap{background:rgba(250,251,251,.96);box-shadow:0 14px 35px rgba(18,37,48,.14)} .is-inner .home-header .brand{position:absolute;left:48px;top:50%;width:280px;transform:translateY(-50%);margin:0} .is-inner .home-header .brand img{width:280px;max-height:78px;object-fit:contain;object-position:left center} .is-inner .home-header .nav{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);justify-content:center;gap:31px;margin:0} .is-inner .home-header .nav a{font-size:11px} .is-inner .home-header .nav-cta{position:absolute;right:48px;top:50%;width:158px;height:48px;margin:0;transform:translateY(-50%);border-radius:7px;box-shadow:0 8px 20px rgba(207,9,21,.16)} .is-inner .home-header .nav-cta:hover{transform:translateY(calc(-50% - 2px))} .is-inner .page-hero,.is-inner .service-hero{padding-top:230px} @media(max-width:1400px) and (min-width:901px){.is-inner .home-header .brand{left:28px;width:215px}.is-inner .home-header .brand img{width:215px}.is-inner .home-header .nav{gap:17px}.is-inner .home-header .nav a{font-size:9px}.is-inner .home-header .nav-cta{right:28px;width:132px}} @media(max-width:900px){.site-header.home-header,.is-inner .home-header{height:84px}.is-inner .home-header{padding:12px;background:transparent}.is-inner .home-header .nav-wrap{position:relative;width:calc(100vw - 24px);height:76px;padding:0 20px;border:1px solid rgba(255,255,255,.72);border-radius:16px;background:rgba(247,249,250,.96)}.is-inner .home-header .brand{position:static;width:auto;transform:none;flex-basis:auto;margin-right:auto}.is-inner .home-header .brand img{width:190px}.is-inner .home-header .nav{position:fixed;inset:100px 12px 12px;transform:none;border-radius:16px;background:rgba(247,249,250,.98);color:#18232b;padding:35px}.is-inner .page-hero,.is-inner .service-hero{padding-top:155px}} @media(max-width:600px){.is-inner .home-header .brand img{width:165px}} /* Exact final desktop measurements used by the homepage header. */ @media(min-width:1401px){.is-inner .home-header .nav-wrap{height:100px}.is-inner .home-header .brand{left:max(44px,calc(50% - 780px));width:240px}.is-inner .home-header .brand img{width:240px;max-height:70px}.is-inner .home-header .nav{gap:32px}.is-inner .home-header .nav a{font-size:12.5px;font-weight:700;letter-spacing:.01em}.is-inner .home-header .nav-cta{right:44px;width:148px;height:44px;font-size:12px;font-weight:700}.is-inner .home-header .nav-call{right:210px}} @media(max-width:1400px) and (min-width:901px){.is-inner .home-header .nav-call{right:190px;min-width:125px}.is-inner .home-header .nav-cta{right:32px;width:145px}} /* Inner-page banners sit directly behind the shared header, like the homepage. */ .is-inner .page-hero,.is-inner .service-hero{margin-top:0;padding-top:230px} .is-inner .page-hero-media{filter:saturate(.72) contrast(.96) brightness(.82)} .is-inner .page-hero-shade{background:linear-gradient(100deg,rgba(8,24,34,.72) 0%,rgba(8,24,34,.55) 42%,rgba(8,24,34,.2) 78%,rgba(8,24,34,.08) 100%),linear-gradient(0deg,rgba(8,24,34,.42),transparent 58%)} .is-inner .service-hero img{filter:saturate(.72) contrast(.96) brightness(.88)} @media(min-width:1401px){.is-inner .page-hero,.is-inner .service-hero{margin-top:0;padding-top:214px}} @media(max-width:900px){.is-inner .page-hero,.is-inner .service-hero{margin-top:0;padding-top:180px}} /* Definitive inner-header overlay: no separate white strip above the hero image. */ .is-inner .home-header{height:124px;padding:16px;background:transparent;pointer-events:none} .is-inner .home-header .nav-wrap{width:calc(100vw - 32px);height:92px;margin:0;padding:0 30px;border:1px solid rgba(255,255,255,.7);border-radius:18px;background:rgba(248,250,250,.84);box-shadow:0 18px 50px rgba(8,28,39,.14);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);pointer-events:auto} .is-inner .home-header.scrolled .nav-wrap{background:rgba(250,251,251,.94);box-shadow:0 14px 35px rgba(18,37,48,.16)} .is-inner .page-hero,.is-inner .service-hero{margin-top:0;padding-top:214px} @media(min-width:1401px){.is-inner .home-header .nav-wrap{height:92px}.is-inner .page-hero,.is-inner .service-hero{margin-top:0;padding-top:214px}} @media(max-width:900px){.is-inner .home-header{height:100px;padding:12px}.is-inner .home-header .nav-wrap{width:calc(100vw - 24px);height:76px;padding:0 20px;border-radius:16px}.is-inner .page-hero,.is-inner .service-hero{margin-top:0;padding-top:172px}} /* Pixel-identical header geometry on home and every inner page. */ .is-inner .home-header{height:116px;padding:20px 18px 0} .is-inner .home-header .nav-wrap{width:calc(100vw - 36px);height:116px;margin:0;padding:0 48px;border:1px solid rgba(255,255,255,.52);border-radius:16px;background:rgba(246,249,250,.30);box-shadow:0 20px 48px rgba(18,35,45,.2),0 2px 8px rgba(18,35,45,.08);backdrop-filter:blur(9px) saturate(110%);-webkit-backdrop-filter:blur(9px) saturate(110%);transition:height .25s,box-shadow .25s,background .25s} .is-inner .home-header.scrolled .nav-wrap{background:rgba(250,251,251,.96);box-shadow:0 14px 35px rgba(18,37,48,.14)} @media(min-width:1401px){.is-inner .home-header .nav-wrap{height:100px}} @media(max-width:900px){.is-inner .home-header{height:84px;padding:12px}.is-inner .home-header .nav-wrap{width:calc(100vw - 24px);height:76px;padding:0 18px;border-radius:13px}.is-inner .home-header .nav{inset:100px 12px 12px}} /* Symmetric header gutters: avoid 100vw including the scrollbar width. */ .is-home .home-header .nav-wrap,.is-inner .home-header .nav-wrap{width:100%;max-width:none} @media(max-width:900px){.is-home .home-header .nav-wrap,.is-inner .home-header .nav-wrap{width:100%}} /* About page: why-us and mission / vision. */ .about-why{padding:105px 0;background:linear-gradient(180deg,#f4f4f1 0%,#eceeea 100%)} .about-why .why-copy>p{white-space:normal} .mission-vision{position:relative;overflow:hidden;padding:110px 0 125px;background:#102d3c;color:#fff} .mission-vision:before{content:'';position:absolute;right:-190px;top:-210px;width:520px;height:520px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.018),0 0 0 110px rgba(255,255,255,.012)} .mission-head{position:relative;z-index:1;display:grid;grid-template-columns:.65fr 1.8fr;gap:70px;align-items:start;margin-bottom:62px} .mission-head .why-kicker{color:#ef1b29;margin:9px 0 0} .mission-head h2{margin:0;max-width:850px;font:600 clamp(38px,4vw,62px)/1.08 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:-.052em} .mission-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:22px} .mission-grid article{min-height:330px;display:grid;grid-template-columns:70px 1fr;gap:24px;padding:45px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));box-shadow:0 28px 65px rgba(2,14,21,.2);backdrop-filter:blur(12px);transition:transform .35s,border-color .35s,background .35s} .mission-grid article:hover{transform:translateY(-7px);border-color:rgba(239,27,41,.35);background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045))} .mission-grid article>span{font:500 18px 'Plus Jakarta Sans',Arial,sans-serif;color:#ef1b29} .mission-grid small{display:block;margin-bottom:18px;color:rgba(255,255,255,.48);font:700 10px 'Inter',Arial,sans-serif;text-transform:uppercase;letter-spacing:.16em} .mission-grid h3{margin:0 0 20px;max-width:440px;font:600 27px/1.22 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:-.035em} .mission-grid p{margin:0;max-width:480px;color:rgba(255,255,255,.65);font:400 14px/1.85 'Inter',Arial,sans-serif} @media(max-width:900px){.about-why{padding:75px 0}.mission-vision{padding:80px 0 90px}.mission-head{grid-template-columns:1fr;gap:22px;margin-bottom:42px}.mission-grid{grid-template-columns:1fr}.mission-grid article{min-height:0}} @media(max-width:600px){.about-why{padding:55px 0}.mission-vision{padding:65px 0 72px}.mission-head h2{font-size:34px}.mission-grid article{grid-template-columns:42px 1fr;padding:30px 24px}.mission-grid h3{font-size:23px}} /* Keep the sticky header glass-transparent after scrolling. */ .is-home .home-header.scrolled .nav-wrap,.is-inner .home-header.scrolled .nav-wrap{background:rgba(246,249,250,.38);border-color:rgba(255,255,255,.58);box-shadow:0 18px 46px rgba(18,35,45,.2),0 2px 8px rgba(18,35,45,.08);backdrop-filter:blur(12px) saturate(115%);-webkit-backdrop-filter:blur(12px) saturate(115%)} /* Unified inner-page hero: page name on one line, then one description. */ .unified-page-hero{min-height:520px;padding-bottom:82px;display:flex;align-items:flex-end} .unified-page-hero:after{display:none} .unified-page-hero>.wrap{width:var(--wrap);margin-inline:auto} .unified-page-hero h1{max-width:none;margin:0;white-space:nowrap;font:600 clamp(34px,4.7vw,72px)/1.05 'Plus Jakarta Sans',Arial,sans-serif!important;letter-spacing:-.055em} .unified-page-hero p{max-width:720px;margin:24px 0 0;color:rgba(255,255,255,.72);font:400 16px/1.75 'Inter',Arial,sans-serif} @media(max-width:900px){.unified-page-hero{min-height:430px;padding-bottom:58px}.unified-page-hero h1{font-size:clamp(24px,6.2vw,48px)}.unified-page-hero p{max-width:620px;font-size:14px}} @media(max-width:600px){.unified-page-hero{min-height:370px;padding-bottom:42px}.unified-page-hero h1{font-size:clamp(16px,5.4vw,30px);letter-spacing:-.04em}.unified-page-hero p{margin-top:17px;font-size:13px;line-height:1.65}} /* Asymmetric mission / vision composition over a licensed engineering image. */ .mission-vision{padding:105px 0 125px;background:#e9eef0;color:#14242d;isolation:isolate} .mission-vision:before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(238,243,244,.94),rgba(238,243,244,.78) 48%,rgba(16,45,60,.52)),linear-gradient(0deg,rgba(232,238,240,.86),rgba(232,238,240,.45));border:0;border-radius:0;box-shadow:none} .mission-backdrop{position:absolute;z-index:-2;inset:0;background:url('../images/hero-hakkimizda.webp') center 42%/cover no-repeat;filter:saturate(.58) contrast(.94)} .mission-vision .mission-head{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:48px} .mission-vision .mission-head .why-kicker{flex:0 0 auto;margin:0;color:#d20b17} .mission-vision .mission-head h2{max-width:none;margin:0;color:#122631;font-size:clamp(36px,3.7vw,56px);text-align:right} .mission-vision .mission-grid{grid-template-columns:.88fr 1.12fr;gap:26px;align-items:center;max-width:1220px;margin-inline:auto} .mission-vision .mission-grid article{position:relative;display:block;min-height:510px;padding:58px 54px 42px;border-radius:25px;overflow:hidden;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s} .mission-vision .mission-grid article:hover{transform:translateY(-9px)} .mission-card{color:#152a34!important;border:1px solid rgba(255,255,255,.9)!important;background:rgba(255,255,255,.91)!important;box-shadow:0 35px 75px rgba(9,31,43,.18)!important;backdrop-filter:blur(18px)!important} .vision-card{min-height:550px!important;color:#fff!important;border:1px solid rgba(255,255,255,.13)!important;background:linear-gradient(145deg,rgba(11,50,65,.97),rgba(16,66,79,.93))!important;box-shadow:0 42px 90px rgba(5,24,34,.3)!important} .vision-card:after{content:'';position:absolute;right:-110px;top:-125px;width:300px;height:300px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 38px rgba(255,255,255,.025),0 0 0 76px rgba(255,255,255,.018)} .mission-icon{width:72px;height:72px;display:grid;place-items:center;margin-bottom:38px;border-radius:50%;background:rgba(210,11,23,.09);color:#d20b17} .vision-card .mission-icon{background:rgba(255,255,255,.09);color:#ff3945} .mission-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .mission-vision .mission-grid small{margin:0 0 14px;color:#d20b17;font-size:11px} .mission-vision .vision-card small{color:#ff5963} .mission-vision .mission-grid h3{max-width:500px;margin:0 0 23px;font-size:clamp(27px,2.3vw,36px);line-height:1.16} .mission-vision .mission-grid p{max-width:540px;min-height:106px;margin:0;color:#62727a;font-size:14px;line-height:1.85} .mission-vision .vision-card p{color:rgba(255,255,255,.69)} .mission-values{display:grid;grid-template-columns:repeat(3,1fr);margin-top:36px;padding-top:25px;border-top:1px solid rgba(20,45,58,.12)} .vision-card .mission-values{border-color:rgba(255,255,255,.13)} .mission-values span{padding:0 12px;color:#718087;font:500 10px/1.55 'Inter',Arial,sans-serif;text-align:center;border-right:1px solid rgba(20,45,58,.12)} .mission-values span:first-child{padding-left:0}.mission-values span:last-child{padding-right:0;border:0}.mission-values b{display:block;color:#17313e;font-size:12px} .vision-card .mission-values span{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.13)}.vision-card .mission-values b{color:#fff} @media(max-width:900px){.mission-vision{padding:78px 0 88px}.mission-vision .mission-head{display:block}.mission-vision .mission-head h2{margin-top:15px;text-align:left}.mission-vision .mission-grid{grid-template-columns:1fr}.mission-vision .mission-grid article,.vision-card{min-height:0!important;padding:44px 38px}.mission-vision .mission-grid p{min-height:0}.mission-values{margin-top:30px}} @media(max-width:600px){.mission-vision{padding:62px 0 70px}.mission-vision .mission-head h2{font-size:31px}.mission-vision .mission-grid article,.vision-card{padding:35px 24px;border-radius:20px}.mission-icon{width:60px;height:60px;margin-bottom:28px}.mission-values span{padding-inline:7px;font-size:9px}.mission-values b{font-size:10px}} /* Final mission / vision polish: single faded image and stronger suspended cards. */ .mission-vision{padding:120px 0 135px;font-family:'Inter',Arial,sans-serif} .mission-vision:before{background:rgba(235,241,243,.76)} .mission-backdrop{background-image:url('../images/mission-vision-bg.jpg');background-position:center;background-size:cover;background-repeat:no-repeat;filter:none;opacity:.46} .mission-vision .mission-grid{max-width:1200px;gap:34px;align-items:center} .mission-vision .mission-grid article{border-radius:28px;box-shadow:0 50px 105px rgba(7,28,40,.26),0 20px 42px rgba(7,28,40,.16),inset 0 1px 0 rgba(255,255,255,.9)!important;will-change:transform} .mission-vision .mission-card{transform:translateY(18px);border-color:rgba(255,255,255,.95)!important;background:rgba(255,255,255,.93)!important;box-shadow:0 52px 110px rgba(7,28,40,.23),0 20px 44px rgba(7,28,40,.14),inset 0 1px 0 #fff!important} .mission-vision .vision-card{transform:translateY(-18px);border-color:rgba(255,255,255,.19)!important;background:linear-gradient(145deg,rgba(10,48,63,.97),rgba(13,65,79,.95))!important;box-shadow:0 62px 125px rgba(5,23,33,.34),0 24px 48px rgba(5,23,33,.21),inset 0 1px 0 rgba(255,255,255,.13)!important} .mission-vision .mission-card:hover{transform:translateY(8px)} .mission-vision .vision-card:hover{transform:translateY(-28px)} .mission-vision .mission-grid small{font-family:'Inter',Arial,sans-serif;font-weight:700} .mission-vision .mission-grid h3{font-family:'Plus Jakarta Sans',Arial,sans-serif!important;font-weight:600;letter-spacing:-.04em} .mission-vision .mission-grid p,.mission-values span{font-family:'Inter',Arial,sans-serif} .mission-vision .mission-grid small{font-size:11px;line-height:1.4} .mission-vision .mission-grid h3,.mission-vision .mission-card h3,.mission-vision .vision-card h3{font-size:30px;line-height:1.2} .mission-vision .mission-grid p,.mission-vision .mission-card p,.mission-vision .vision-card p{font-size:15px;line-height:1.8} .mission-vision .mission-values span{font-size:10px;line-height:1.5}.mission-vision .mission-values b{font-size:12px} @media(max-width:900px){.mission-vision{padding:86px 0 100px}.mission-vision .mission-grid{gap:28px}.mission-vision .mission-card,.mission-vision .vision-card{transform:none}.mission-vision .mission-card:hover,.mission-vision .vision-card:hover{transform:translateY(-6px)}} @media(max-width:600px){.mission-vision{padding:65px 0 76px}.mission-vision .mission-grid h3,.mission-vision .mission-card h3,.mission-vision .vision-card h3{font-size:24px}.mission-vision .mission-grid p,.mission-vision .mission-card p,.mission-vision .vision-card p{font-size:14px}} /* Full-width floating contact band between mission/vision and footer. */ .about-contact-band{position:relative;isolation:isolate;width:100%;margin:78px 0 86px;padding:92px 24px 46px;overflow:hidden;background:radial-gradient(circle at 12% 20%,rgba(236,24,38,.25),transparent 28%),radial-gradient(circle at 88% 80%,rgba(255,255,255,.07),transparent 25%),linear-gradient(118deg,#0b2b3a 0%,#103f50 54%,#0c3040 100%);color:#fff;box-shadow:0 38px 85px rgba(7,28,40,.25),0 14px 30px rgba(7,28,40,.15),inset 0 1px 0 rgba(255,255,255,.13)} .about-contact-band:before{content:'';position:absolute;z-index:-1;right:-140px;top:-220px;width:520px;height:520px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 48px rgba(255,255,255,.025),0 0 0 96px rgba(255,255,255,.015)} .about-contact-band:after{content:'';position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,#d20b17 0%,#f13540 24%,rgba(241,53,64,.05) 62%,transparent)} .about-contact-inner{width:min(1160px,100%);margin-inline:auto;text-align:center} .about-contact-kicker{display:block;margin-bottom:21px;color:#ff4a55;font:700 10px 'Plus Jakarta Sans',Arial,sans-serif;text-transform:uppercase;letter-spacing:.18em} .about-contact-band h2{max-width:1080px;margin:0 auto;color:#fff;font:600 clamp(34px,3.5vw,54px)/1.12 'Plus Jakarta Sans',Arial,sans-serif!important;letter-spacing:-.045em} .about-contact-band p{max-width:760px;margin:25px auto 0;color:rgba(255,255,255,.68);font:400 15px/1.85 'Inter',Arial,sans-serif} .about-contact-actions{display:flex;justify-content:center;gap:14px;margin-top:34px} .about-contact-actions>*{min-width:175px;height:50px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border-radius:10px;cursor:pointer;font:700 10px 'Plus Jakarta Sans',Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em;transition:transform .25s,background .25s,box-shadow .25s} .about-contact-primary{border:1px solid #df111e;background:#d20b17;color:#fff;box-shadow:0 14px 30px rgba(174,5,16,.33)} .about-contact-secondary{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.09);color:#fff;backdrop-filter:blur(8px)} .about-contact-actions>*:hover{transform:translateY(-3px)}.about-contact-primary:hover{background:#b70813;box-shadow:0 19px 36px rgba(174,5,16,.4)}.about-contact-secondary:hover{background:rgba(255,255,255,.15)} .about-contact-meta{max-width:780px;margin:38px auto 0;padding-top:27px;display:flex;align-items:center;justify-content:center;gap:50px;border-top:1px solid rgba(255,255,255,.14)} .about-contact-meta a{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.78);font:600 12px 'Inter',Arial,sans-serif}.about-contact-meta svg{width:18px;height:18px;fill:none;stroke:#ff3945;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} @media(max-width:700px){.about-contact-band{margin:52px 0 60px;padding:66px 20px 38px}.about-contact-band h2{font-size:32px}.about-contact-band p{font-size:14px}.about-contact-actions{flex-direction:column;align-items:stretch}.about-contact-actions>*{width:100%}.about-contact-meta{align-items:flex-start;flex-direction:column;gap:18px}} /* Center the CTA as a suspended panel with tighter vertical rhythm. */ .about-contact-band{width:min(1500px,calc(100% - 48px));margin:46px auto 52px;border:1px solid rgba(255,255,255,.14);border-radius:28px;box-shadow:0 44px 95px rgba(7,28,40,.28),0 17px 34px rgba(7,28,40,.16),inset 0 1px 0 rgba(255,255,255,.15)} .about-contact-band:after{border-radius:28px 28px 0 0} @media(max-width:700px){.about-contact-band{width:calc(100% - 24px);margin:32px auto 38px;border-radius:20px}.about-contact-band:after{border-radius:20px 20px 0 0}} /* Light brand-toned CTA so it remains distinct from the dark footer. */ .about-contact-band{color:#142934;border-color:rgba(255,255,255,.92);background:radial-gradient(circle at 11% 18%,rgba(210,11,23,.09),transparent 27%),radial-gradient(circle at 89% 78%,rgba(16,63,80,.09),transparent 28%),linear-gradient(135deg,#fbfbf9 0%,#edf2f3 54%,#e4ecef 100%);box-shadow:0 42px 90px rgba(8,34,47,.18),0 16px 32px rgba(8,34,47,.1),inset 0 1px 0 #fff} .about-contact-band:before{border-color:rgba(16,63,80,.08);box-shadow:0 0 0 48px rgba(16,63,80,.018),0 0 0 96px rgba(16,63,80,.012)} .about-contact-kicker{color:#d20b17} .about-contact-band h2{color:#142934} .about-contact-band p{color:#62727a} .about-contact-secondary{border-color:rgba(16,63,80,.2);background:rgba(255,255,255,.6);color:#173746;box-shadow:0 10px 24px rgba(8,34,47,.07)} .about-contact-secondary:hover{background:#fff} .about-contact-meta{border-color:rgba(16,63,80,.14)} .about-contact-meta a{color:#425c68} /* Match the homepage section typography scale. */ .about-contact-kicker{margin-bottom:18px;font:italic 500 20px/1.2 var(--serif);text-transform:none;letter-spacing:.01em} .about-contact-band h2{max-width:980px;font:600 clamp(32px,2.8vw,44px)/1.14 'Plus Jakarta Sans',Arial,sans-serif!important;letter-spacing:-.045em} .about-contact-band p{max-width:720px;margin-top:22px;font:400 16px/1.82 'Inter',Arial,sans-serif} .about-contact-actions>*{font-family:'Plus Jakarta Sans',Arial,sans-serif;font-size:11px} .about-contact-meta a{font:600 12px/1.5 'Inter',Arial,sans-serif} @media(max-width:700px){.about-contact-kicker{font-size:18px}.about-contact-band h2{font-size:30px}.about-contact-band p{font-size:14px;line-height:1.75}} /* Opposing red accent on the lower-right edge. */ .about-contact-inner:after{content:'';position:absolute;right:0;bottom:0;width:62%;height:4px;border-radius:0 0 28px 0;background:linear-gradient(90deg,transparent 0%,rgba(210,11,23,.08) 42%,#f13540 76%,#d20b17 100%);pointer-events:none} @media(max-width:700px){.about-contact-inner:after{width:78%;border-radius:0 0 20px 0}} /* Services archive: stacked, editorial cards using the homepage blog language. */ .services-page{padding:105px 0 42px;background:linear-gradient(180deg,#f4f4f1 0%,#ecefeb 100%)} .services-page-head{max-width:820px;margin:0 auto 62px;text-align:center} .services-page-head .why-kicker{margin-bottom:19px} .services-page-head h2{margin:0;color:#142934;font:600 clamp(36px,3.5vw,52px)/1.12 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:-.05em} .services-page-head p{max-width:670px;margin:24px auto 0;color:#68777e;font:400 15px/1.8 'Inter',Arial,sans-serif} .services-page-head h2 span{display:block;white-space:nowrap}.services-page-head p{max-width:900px;white-space:nowrap} .services-page-list{display:grid;gap:30px} .services-page-card{min-height:330px;display:grid;grid-template-columns:.82fr 1.18fr;overflow:hidden;border:1px solid rgba(255,255,255,.88);border-radius:24px;background:rgba(255,255,255,.9);box-shadow:0 32px 72px rgba(8,32,44,.13),0 12px 26px rgba(8,32,44,.07);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s} .services-page-card:nth-child(even){grid-template-columns:1.18fr .82fr} .services-page-card:nth-child(even) .services-page-image{order:2} .services-page-card:hover{transform:translateY(-7px);box-shadow:0 45px 90px rgba(8,32,44,.18),0 18px 34px rgba(8,32,44,.1)} .services-page-image{position:relative;min-height:330px;overflow:hidden} .services-page-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,rgba(10,38,51,.15))} .services-page-card:nth-child(even) .services-page-image:after{background:linear-gradient(270deg,transparent 60%,rgba(10,38,51,.15))} .services-page-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.02);transition:transform .65s cubic-bezier(.22,1,.36,1)} .services-page-card:hover img{transform:scale(1.045)} .services-page-copy{position:relative;display:flex;flex-direction:column;justify-content:center;padding:46px 54px} .services-page-copy:after{content:'';position:absolute;right:34px;top:32px;width:9px;height:9px;border-radius:50%;background:#d20b17;box-shadow:0 0 0 7px rgba(210,11,23,.08)} .services-page-copy small{color:#d20b17;font:700 10px 'Inter',Arial,sans-serif;text-transform:uppercase;letter-spacing:.13em} .services-page-copy h3{margin:14px 0 18px;color:#142934;font:600 clamp(27px,2.5vw,38px)/1.15 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:-.045em} .services-page-copy p{max-width:620px;margin:0;color:#68777e;font:400 14px/1.8 'Inter',Arial,sans-serif} .services-page-copy>span{width:max-content;margin-top:27px;padding:10px 14px;border:1px solid rgba(16,63,80,.15);border-radius:8px;background:#f3f6f6;color:#173746;font:700 9px 'Plus Jakarta Sans',Arial,sans-serif;text-transform:uppercase;letter-spacing:.06em} .services-contact-band{margin-top:46px} @media(max-width:800px){.services-page{padding:75px 0 30px}.services-page-head{margin-bottom:42px}.services-page-card,.services-page-card:nth-child(even){grid-template-columns:1fr}.services-page-card:nth-child(even) .services-page-image{order:0}.services-page-image{height:270px;min-height:0}.services-page-copy{padding:36px 30px}.services-page-image:after,.services-page-card:nth-child(even) .services-page-image:after{background:linear-gradient(0deg,rgba(10,38,51,.18),transparent 48%)}} @media(max-width:500px){.services-page{padding-top:58px}.services-page-head h2{font-size:31px}.services-page-list{gap:22px}.services-page-card{border-radius:19px}.services-page-image{height:225px}.services-page-copy{padding:31px 23px}.services-page-copy h3{font-size:27px}} @media(max-width:700px){.services-page-head h2 span{white-space:normal}.services-page-head p{white-space:normal}} /* Final services layout: homepage-blog style, four cards per desktop row. */ .services-page-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px} .services-page-card,.services-page-card:nth-child(even){min-height:0;display:flex;flex-direction:column;grid-template-columns:none;border-radius:20px} .services-page-card:nth-child(even) .services-page-image{order:0} .services-page-image{flex:0 0 auto;width:100%;height:auto;min-height:0;aspect-ratio:1.32/1} .services-page-image:after,.services-page-card:nth-child(even) .services-page-image:after{background:linear-gradient(0deg,rgba(9,34,47,.28),transparent 58%)} .services-page-copy{flex:1;justify-content:flex-start;padding:29px 25px 27px} .services-page-copy:after{right:23px;top:25px;width:8px;height:8px} .services-page-copy h3{margin:12px 0 14px;font-size:24px;line-height:1.17} .services-page-copy p{font-size:13px;line-height:1.72} .services-page-copy>span{margin-top:auto;padding-top:10px;transform:translateY(12px)} @media(max-width:1150px){.services-page-list{grid-template-columns:repeat(2,minmax(0,1fr))}.services-page-image{aspect-ratio:1.6/1}} @media(max-width:600px){.services-page-list{grid-template-columns:1fr}.services-page-image{height:auto;aspect-ratio:1.45/1}.services-page-copy{padding:28px 23px}.services-page-copy h3{font-size:25px}} /* Exact three-column editorial card model requested for services. */ .services-page-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px} .services-page-card,.services-page-card:nth-child(even){border-radius:22px;background:#fff;box-shadow:0 28px 60px rgba(10,31,43,.14),0 10px 22px rgba(10,31,43,.07)} .services-page-image{aspect-ratio:1.43/1;border-radius:22px 22px 0 0} .services-page-image img{border-radius:22px 22px 0 0} .services-page-copy{min-height:175px;padding:34px 31px 25px;background:#fff} .services-page-copy small{font-size:9px;letter-spacing:.14em} .services-page-copy h3{margin:17px 0 0;font-size:23px;line-height:1.2} .services-page-copy p{display:none} .services-page-copy:after{right:20px;top:18px;width:7px;height:7px;box-shadow:0 0 0 7px rgba(210,11,23,.08)} .services-page-copy>span{width:68px;height:1px;min-height:1px;margin-top:auto;padding:0;border:0;border-radius:0;background:#e51a27;font-size:0;line-height:0;transform:none} @media(max-width:1050px){.services-page-list{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:600px){.services-page-list{grid-template-columns:1fr}.services-page-image{aspect-ratio:1.43/1}.services-page-copy{min-height:165px;padding:30px 25px 23px}} /* Lock every inner-page title block to the Hakkımızda reference position. */ .unified-page-hero{display:block} .page-hero.unified-page-hero.has-media>.wrap{position:absolute;z-index:2;left:50%;top:290px;transform:translateX(-50%)} @media(max-width:900px){.page-hero.unified-page-hero.has-media>.wrap{top:205px}} @media(max-width:600px){.page-hero.unified-page-hero.has-media>.wrap{top:180px}} /* Service detail pages: reference architecture, Karacan typography and colors. */ .service-detail{padding:92px 0 120px;background:radial-gradient(circle at 10% 8%,rgba(210,11,23,.04),transparent 24%),linear-gradient(180deg,#f6f7f4 0%,#edf1ef 100%)} .service-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:48px;align-items:start} .service-detail-main{min-width:0} .service-detail-feature{position:relative;height:390px;margin:0 0 55px;overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:22px;box-shadow:0 28px 65px rgba(8,31,43,.14),0 10px 22px rgba(8,31,43,.07)} .service-detail-feature:after{content:'';position:absolute;inset:14px;border:1px solid rgba(255,255,255,.28);border-radius:14px;pointer-events:none} .service-detail-feature img{width:100%;height:100%;object-fit:cover;filter:saturate(.74) contrast(1.03);transition:transform .7s cubic-bezier(.22,1,.36,1)}.service-detail-feature:hover img{transform:scale(1.035)} .service-detail-copy{padding:0 8px}.service-detail-copy .why-kicker{margin-bottom:20px}.service-detail-copy h2{max-width:850px;margin:0;color:#142934;font:600 clamp(38px,3.8vw,56px)/1.1 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:-.052em} .service-detail-copy>p{margin:24px 0 0;color:#5e7079;font:400 15px/1.9 'Inter',Arial,sans-serif} .service-detail-process{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:52px;overflow:hidden;border:1px solid rgba(16,63,80,.1);border-radius:18px;background:rgba(16,63,80,.1);box-shadow:0 22px 52px rgba(8,31,43,.08)} .service-detail-process>div{min-height:170px;padding:30px 25px;background:rgba(255,255,255,.84);backdrop-filter:blur(12px)}.service-detail-process strong{display:block;color:#173746;font:600 14px 'Plus Jakarta Sans',Arial,sans-serif}.service-detail-process p{margin:17px 0 0;color:#718087;font:400 12px/1.7 'Inter',Arial,sans-serif} .service-detail-sidebar{position:sticky;top:122px;display:grid;gap:20px} .service-side-nav{position:relative;padding:10px;overflow:hidden;border:1px solid rgba(255,255,255,.88);border-radius:20px;background:rgba(255,255,255,.78);box-shadow:0 28px 68px rgba(8,31,43,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)} .service-side-nav>p{margin:0;padding:20px 17px 17px;color:#d20b17;font:800 9px 'Inter',Arial,sans-serif;text-transform:uppercase;letter-spacing:.16em} .service-side-nav nav{display:grid;gap:6px}.service-side-nav a{min-height:60px;display:grid;grid-template-columns:39px 1fr;gap:10px;align-items:center;padding:10px 13px;border:1px solid transparent;border-radius:11px;background:rgba(235,241,242,.78);color:#173746;transition:transform .28s,background .28s,color .28s,box-shadow .28s}.service-side-nav a:hover{z-index:1;transform:translateX(-5px);background:#123b4b;color:#fff;box-shadow:0 13px 28px rgba(8,31,43,.18)} .service-side-nav b{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:rgba(210,11,23,.09);color:#d20b17;font:700 8px 'Inter',Arial,sans-serif}.service-side-nav a:hover b{background:#d20b17;color:#fff}.service-side-nav span{font:700 10.5px/1.35 'Plus Jakarta Sans',Arial,sans-serif} .service-side-form{padding:34px 30px 30px;border:1px solid rgba(255,255,255,.92);border-radius:24px;background:rgba(255,255,255,.91);box-shadow:0 48px 100px -28px rgba(8,31,43,.28),0 17px 36px rgba(8,31,43,.08);backdrop-filter:blur(18px)} .service-side-form-head{margin-bottom:23px}.service-side-form-head>span{color:#d20b17;font:800 9px 'Inter',Arial,sans-serif;text-transform:uppercase;letter-spacing:.14em}.service-side-form-head h3{margin:9px 0 0;color:#142934;font:600 21px/1.28 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:-.035em} .service-side-form label{display:block;margin-top:15px}.service-side-form label>span{display:block;margin:0 0 7px;color:#536a75;font:700 9px 'Inter',Arial,sans-serif;text-transform:uppercase;letter-spacing:.09em}.service-side-form input,.service-side-form textarea{width:100%;border:1px solid rgba(16,63,80,.11);border-radius:10px;outline:0;background:rgba(235,241,242,.68);color:#173746;font:400 13px 'Inter',Arial,sans-serif;transition:border-color .25s,background .25s,box-shadow .25s}.service-side-form input{height:44px;padding:0 13px}.service-side-form textarea{min-height:82px;padding:12px 13px;resize:vertical}.service-side-form input::placeholder,.service-side-form textarea::placeholder{color:#91a0a6;opacity:.45}.service-side-form input:focus,.service-side-form textarea:focus{border-color:rgba(210,11,23,.48);background:#fff;box-shadow:0 0 0 4px rgba(210,11,23,.06)} .service-side-form button{width:100%;height:49px;margin-top:20px;border:0;border-radius:10px;background:#d20b17;color:#fff;cursor:pointer;box-shadow:0 14px 28px rgba(190,8,19,.25);font:700 10px 'Plus Jakarta Sans',Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em;transition:transform .25s,background .25s,box-shadow .25s}.service-side-form button:hover{transform:translateY(-2px);background:#b50813;box-shadow:0 18px 34px rgba(190,8,19,.34)} @media(max-width:980px){.service-detail{padding:75px 0 90px}.service-detail-grid{grid-template-columns:1fr;gap:52px}.service-detail-sidebar{position:relative;top:auto}.service-side-nav nav{grid-template-columns:1fr 1fr}.service-detail-feature{height:350px}} @media(max-width:650px){.service-detail{padding:58px 0 72px}.service-detail-feature{height:235px;margin-bottom:38px;border-radius:16px}.service-detail-copy h2{font-size:34px}.service-detail-process{grid-template-columns:1fr}.service-detail-process>div{min-height:0}.service-side-nav nav{grid-template-columns:1fr}.service-side-nav a:hover{transform:none}.service-side-form{padding:28px 22px;border-radius:19px}} /* Wider, more premium sticky service tools and the shared footer CTA. */ .service-detail{padding-bottom:30px} .service-detail>.service-detail-grid{width:min(1580px,calc(100vw - 80px));grid-template-columns:minmax(0,1fr) 380px;gap:64px} .service-detail-sidebar{gap:24px} .service-side-nav{padding:14px;border-radius:24px;background:rgba(255,255,255,.84);box-shadow:0 38px 82px rgba(8,31,43,.15),0 14px 28px rgba(8,31,43,.08)} .service-side-nav>p{padding:22px 19px 19px;font-size:10px} .service-side-nav nav{gap:8px}.service-side-nav a{min-height:66px;padding:12px 16px;border-radius:13px}.service-side-nav b{width:36px;height:36px}.service-side-nav span{font-size:11.5px} .service-side-form{padding:42px 38px 36px;border-radius:27px;background:rgba(255,255,255,.94);box-shadow:0 58px 120px -28px rgba(8,31,43,.32),0 22px 44px rgba(8,31,43,.1),inset 0 1px 0 #fff} .service-side-form-head{margin-bottom:28px}.service-side-form-head h3{font-size:24px}.service-side-form label{margin-top:18px}.service-side-form input{height:49px}.service-side-form textarea{min-height:96px}.service-side-form button{height:53px;margin-top:23px} .service-detail-contact{margin-top:46px;margin-bottom:52px} @media(max-width:1280px){.service-detail>.service-detail-grid{width:min(1180px,calc(100vw - 56px));grid-template-columns:minmax(0,1fr) 350px;gap:36px}.service-side-form{padding:35px 30px 31px}} @media(max-width:980px){.service-detail{padding-bottom:20px}.service-detail>.service-detail-grid{width:var(--wrap);grid-template-columns:1fr;gap:52px}.service-detail-sidebar{position:relative;top:auto}.service-side-form{padding:36px 32px}.service-detail-contact{margin-top:35px}} @media(max-width:650px){.service-side-form{padding:28px 22px}.service-detail-contact{margin-top:28px}} /* Article details share the spacious service-detail architecture. */ .article-detail{padding-top:92px}.article-detail-feature{height:460px}.article-detail-copy h2{max-width:1050px}.article-detail-copy>p{font-size:16px;line-height:1.95}.article-quick-nav span{font-size:11px;line-height:1.45}.article-detail-copy .article-images{margin:52px 0 0}.article-detail-copy .article-images img{border-radius:15px;box-shadow:0 18px 42px rgba(8,31,43,.1)} @media(max-width:980px){.article-detail-feature{height:380px}} @media(max-width:650px){.article-detail{padding-top:58px}.article-detail-feature{height:240px}.article-detail-copy>p{font-size:15px;line-height:1.85}} /* Premium contact cards and full-width location map. */ .contact-page{position:relative;padding:100px 0 115px;overflow:hidden;background:radial-gradient(circle at 8% 15%,rgba(210,11,23,.055),transparent 25%),linear-gradient(180deg,#f5f6f3 0%,#e9edeb 100%)}.contact-page:before{content:'';position:absolute;right:-180px;bottom:-230px;width:520px;height:520px;border:1px solid rgba(16,63,80,.07);border-radius:50%;box-shadow:0 0 0 52px rgba(16,63,80,.015),0 0 0 104px rgba(16,63,80,.01)}.contact-page .contact-grid{position:relative;z-index:1;grid-template-columns:.82fr 1.18fr;gap:34px;align-items:stretch}.contact-details,.contact-page .contact-form{border:1px solid rgba(255,255,255,.92);border-radius:28px;box-shadow:0 42px 90px rgba(8,31,43,.15),0 14px 32px rgba(8,31,43,.07),inset 0 1px 0 #fff}.contact-details{position:relative;padding:48px 46px;overflow:hidden;background:linear-gradient(145deg,#102f40,#071d29);color:#fff}.contact-details:after{content:'';position:absolute;right:-120px;top:-140px;width:330px;height:330px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 42px rgba(255,255,255,.018),0 0 0 84px rgba(255,255,255,.012)}.contact-card-head{position:relative;z-index:1;margin-bottom:38px;padding:0 0 34px;border-bottom:1px solid rgba(255,255,255,.13)!important}.contact-card-head>span,.contact-form-head>span,.contact-map-head span{display:block;color:#ef1c29;font:800 9px 'Inter',Arial,sans-serif;text-transform:uppercase;letter-spacing:.16em}.contact-card-head h2,.contact-form-head h2{margin:12px 0 0;font:600 32px/1.18 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:-.045em}.contact-card-head p,.contact-form-head p{margin:18px 0 0;font:400 13px/1.75 'Inter',Arial,sans-serif}.contact-card-head p{max-width:430px;color:rgba(255,255,255,.57)}.contact-details>.contact-detail-item{position:relative;z-index:1;display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:start;padding:18px 0;border:0}.contact-detail-item i{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(255,255,255,.07);font-style:normal}.contact-detail-item svg{width:20px;height:20px;fill:none;stroke:#ef1c29;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.contact-detail-item small{color:rgba(255,255,255,.42)}.contact-detail-item a,.contact-detail-item address{margin-top:6px;color:#fff;font:500 16px/1.55 'Plus Jakarta Sans',Arial,sans-serif}.contact-detail-item address{color:rgba(255,255,255,.78);font-size:14px}.contact-page .contact-form{position:relative;padding:49px 52px 42px;background:rgba(255,255,255,.91);backdrop-filter:blur(18px)}.contact-form-head{margin-bottom:30px}.contact-form-head h2{color:#142934;font-size:34px}.contact-form-head p{color:#718087}.contact-page .contact-form label{margin-bottom:18px;color:#536a75;font-weight:700}.contact-page .contact-form input,.contact-page .contact-form select,.contact-page .contact-form textarea{margin-top:8px;padding:13px 15px;border:1px solid rgba(16,63,80,.12);border-radius:11px;background:rgba(235,241,242,.68);transition:border-color .25s,background .25s,box-shadow .25s}.contact-page .contact-form input,.contact-page .contact-form select{height:49px}.contact-page .contact-form textarea{min-height:105px;resize:vertical}.contact-page .contact-form input:focus,.contact-page .contact-form select:focus,.contact-page .contact-form textarea:focus{border-color:rgba(210,11,23,.5);background:#fff;box-shadow:0 0 0 4px rgba(210,11,23,.06)}.contact-page .contact-form .button{width:100%;height:54px;border-radius:11px;background:#d20b17;color:#fff;box-shadow:0 16px 32px rgba(190,8,19,.25)}.contact-page .contact-form .button:hover{background:#b50813;box-shadow:0 20px 38px rgba(190,8,19,.32)}.contact-page .form-note{margin:14px 0 0;text-align:center;color:#849197}.contact-map{padding:72px 0 0;background:#0a2635;color:#fff}.contact-map-head{display:flex;align-items:end;justify-content:space-between;padding-bottom:34px}.contact-map-head h2{margin:10px 0 0;font:600 clamp(32px,3vw,46px)/1.1 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:-.045em}.contact-map-head a{padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.35);color:rgba(255,255,255,.8);font:700 10px 'Inter',Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em}.contact-map iframe{display:block;width:100%;height:520px;border:0;filter:saturate(.72) contrast(1.03)} @media(max-width:900px){.contact-page .contact-grid{grid-template-columns:1fr;gap:25px}.contact-details,.contact-page .contact-form{padding:40px 36px}.contact-map iframe{height:440px}} @media(max-width:600px){.contact-page{padding:62px 0 74px}.contact-details,.contact-page .contact-form{padding:31px 23px;border-radius:21px}.contact-card-head h2,.contact-form-head h2{font-size:28px}.contact-details>.contact-detail-item{grid-template-columns:42px 1fr;gap:12px}.contact-detail-item i{width:40px;height:40px}.contact-detail-item a{font-size:14px}.contact-map{padding-top:48px}.contact-map-head{align-items:flex-start;flex-direction:column;gap:24px;padding-bottom:28px}.contact-map iframe{height:380px}} /* Minimal empty state. */ .empty-state{padding:105px 0;text-align:center}.empty-state h2{margin:0;color:#314752;font:600 clamp(28px,3vw,42px)/1.2 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:-.04em} /* Premium gallery and navigable lightbox. */ .gallery-page{padding:90px 0 115px;background:linear-gradient(180deg,#f3f4f1,#e9edeb)} .gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:22px} .gallery-grid figure,.gallery-grid figure:nth-child(2),.gallery-grid figure:nth-child(5){grid-column:span 4;margin:0;transform:none} .gallery-grid figure:nth-child(7n+1),.gallery-grid figure:nth-child(7n+5){grid-column:span 8} .gallery-grid figure:nth-child(7n+1) button,.gallery-grid figure:nth-child(7n+5) button{aspect-ratio:1.9/1} .gallery-grid button{position:relative;width:100%;aspect-ratio:1.12/1;margin:0;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.86);border-radius:20px;background:#dfe5e5;cursor:pointer;box-shadow:0 25px 55px rgba(8,31,43,.14),0 9px 20px rgba(8,31,43,.07);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s} .gallery-grid button:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,29,40,.24),transparent 45%);opacity:.35;transition:opacity .35s} .gallery-grid button:hover{transform:translateY(-7px);box-shadow:0 38px 75px rgba(8,31,43,.2),0 14px 28px rgba(8,31,43,.1)}.gallery-grid button:hover:after{opacity:.08} .gallery-grid img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;filter:saturate(.72) contrast(1.03);transition:transform .65s cubic-bezier(.22,1,.36,1)}.gallery-grid button:hover img{transform:scale(1.045)} body.gallery-open{overflow:hidden}.gallery-lightbox{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:32px;visibility:hidden;opacity:0;transition:opacity .3s,visibility .3s}.gallery-lightbox.is-open{visibility:visible;opacity:1}.gallery-lightbox-backdrop{position:absolute;inset:0;background:rgba(3,15,22,.88);backdrop-filter:blur(13px)} .gallery-lightbox-stage{position:relative;z-index:1;width:min(1280px,calc(100vw - 64px));height:min(82vh,850px);display:flex;align-items:center;justify-content:center}.gallery-lightbox-stage>img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;border-radius:17px;box-shadow:0 42px 100px rgba(0,0,0,.46)} .gallery-lightbox-close{position:absolute;right:0;top:0;z-index:2;width:46px;height:46px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:rgba(255,255,255,.12);cursor:pointer;backdrop-filter:blur(10px)}.gallery-lightbox-close span{position:absolute;left:14px;top:22px;width:17px;height:2px;background:#fff;transform:rotate(45deg)}.gallery-lightbox-close span+span{transform:rotate(-45deg)} .gallery-lightbox-controls{position:absolute;left:50%;bottom:-2px;transform:translateX(-50%);display:flex;gap:10px}.gallery-lightbox-controls button{min-width:105px;height:42px;padding:0 18px;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:rgba(255,255,255,.11);color:#fff;cursor:pointer;font:700 10px 'Plus Jakarta Sans',Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em;backdrop-filter:blur(10px);transition:background .25s}.gallery-lightbox-controls button:hover{background:#d20b17} @media(max-width:900px){.gallery-grid figure,.gallery-grid figure:nth-child(2),.gallery-grid figure:nth-child(5),.gallery-grid figure:nth-child(7n+1),.gallery-grid figure:nth-child(7n+5){grid-column:span 6}.gallery-grid button,.gallery-grid figure:nth-child(7n+1) button,.gallery-grid figure:nth-child(7n+5) button{aspect-ratio:1.2/1}} @media(max-width:600px){.gallery-page{padding:60px 0 75px}.gallery-grid{gap:16px}.gallery-grid figure,.gallery-grid figure:nth-child(2),.gallery-grid figure:nth-child(5),.gallery-grid figure:nth-child(7n+1),.gallery-grid figure:nth-child(7n+5){grid-column:1/-1}.gallery-grid button,.gallery-grid figure:nth-child(7n+1) button,.gallery-grid figure:nth-child(7n+5) button{aspect-ratio:1.3/1;border-radius:16px}.gallery-lightbox{padding:14px}.gallery-lightbox-stage{width:calc(100vw - 28px);height:78vh}.gallery-lightbox-close{right:4px;top:4px}.gallery-lightbox-controls{bottom:5px}} /* Final gallery pass: disciplined, full and premium rather than masonry. */ .gallery-page{padding:92px 0 120px;background:radial-gradient(circle at 8% 12%,rgba(210,11,23,.045),transparent 25%),linear-gradient(180deg,#f5f5f2 0%,#e9edeb 100%)} .gallery-page>.wrap{width:min(1480px,calc(100% - 64px))} .gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px} .gallery-grid figure,.gallery-grid figure:nth-child(2),.gallery-grid figure:nth-child(5),.gallery-grid figure:nth-child(3n+2),.gallery-grid figure:nth-child(7n+1),.gallery-grid figure:nth-child(7n+5){grid-column:auto;margin:0;transform:none} .gallery-grid button,.gallery-grid figure:nth-child(7n+1) button,.gallery-grid figure:nth-child(7n+5) button{width:100%;aspect-ratio:1.38/1;border:1px solid rgba(255,255,255,.95);border-radius:22px;background:#dce3e3;box-shadow:0 26px 58px rgba(8,31,43,.16),0 9px 20px rgba(8,31,43,.08),inset 0 1px 0 #fff} .gallery-grid button:before{content:'';position:absolute;z-index:2;inset:12px;border:1px solid rgba(255,255,255,.32);border-radius:14px;pointer-events:none} .gallery-grid button:after,.gallery-grid figure:nth-child(7n+1) button:after,.gallery-grid figure:nth-child(7n+5) button:after{background:linear-gradient(0deg,rgba(7,29,40,.28),transparent 52%);opacity:.42} .gallery-grid img{filter:saturate(.76) contrast(1.04)} .gallery-grid button:hover{transform:translateY(-8px);box-shadow:0 42px 82px rgba(8,31,43,.22),0 15px 30px rgba(8,31,43,.11),inset 0 1px 0 #fff} .gallery-lightbox-arrow{position:absolute;z-index:3;top:50%;width:58px;height:58px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.07));color:#fff;cursor:pointer;box-shadow:0 18px 42px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.22);backdrop-filter:blur(14px);transform:translateY(-50%);transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}.gallery-lightbox-arrow svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.gallery-lightbox-prev{left:18px}.gallery-lightbox-next{right:18px}.gallery-lightbox-arrow:hover{border-color:rgba(255,255,255,.55);background:#d20b17;box-shadow:0 22px 48px rgba(0,0,0,.34),0 8px 24px rgba(210,11,23,.32);transform:translateY(-50%) scale(1.07)}.gallery-lightbox-arrow:focus-visible{outline:2px solid #fff;outline-offset:4px} @media(max-width:1050px){.gallery-page>.wrap{width:min(920px,calc(100% - 42px))}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}} @media(max-width:600px){.gallery-page{padding:62px 0 78px}.gallery-page>.wrap{width:calc(100% - 24px)}.gallery-grid{grid-template-columns:1fr;gap:18px}.gallery-grid button,.gallery-grid figure:nth-child(7n+1) button,.gallery-grid figure:nth-child(7n+5) button{aspect-ratio:1.34/1;border-radius:18px}.gallery-grid button:before{inset:9px;border-radius:12px}.gallery-lightbox-arrow{width:46px;height:46px}.gallery-lightbox-prev{left:7px}.gallery-lightbox-next{right:7px}.gallery-lightbox-arrow svg{width:21px;height:21px}} /* Breadcrumb navigation inside the dark page-hero. */ .breadcrumb{margin:0 0 18px;position:relative;z-index:1} .breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none;font:500 12px/1.4 'Inter',Arial,sans-serif;letter-spacing:.02em} .breadcrumb li{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.5)} .breadcrumb li:not(:last-child):after{content:'/';color:rgba(255,255,255,.3)} .breadcrumb a{color:rgba(255,255,255,.72)} .breadcrumb a:hover{color:#fff;text-decoration:underline} .breadcrumb li[aria-current="page"] span{color:rgba(255,255,255,.85)} /* GEO-friendly quick-answer summary and E-E-A-T byline on migrated article pages. */ .quick-answer{margin:0 0 22px;padding:18px 22px;border-radius:14px;background:rgba(12,35,50,.05);border-left:3px solid #c70b17;font-size:15px;line-height:1.7;color:#344650} .quick-answer strong{color:#0c2332} .article-meta{margin-top:28px;padding-top:16px;border-top:1px solid var(--line)} .article-meta small{color:var(--muted);font-size:12px;letter-spacing:.02em} .article-faqs{margin-top:48px} .article-faqs h2{font-size:28px!important;margin-bottom:6px} .article-faqs .faq-list{margin-top:18px} /* Bölgesel hizmet ağımız: pill links on /hizmetlerimiz, priority location first. */ .location-link-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px} .location-link-grid a{padding:11px 22px;border:1px solid var(--line);border-radius:999px;font:600 13px 'Inter',Arial,sans-serif;color:var(--ink);transition:.2s} .location-link-grid a:hover{background:var(--ink);color:#fff;border-color:var(--ink)} .location-link-grid a:first-child{background:#d20b17;border-color:#d20b17;color:#fff} .location-link-grid a:first-child:hover{background:#b50813;border-color:#b50813} /* ========================================================================== Definitive responsive system — mobile and tablet ========================================================================== */ @media(max-width:900px){ :root{--wrap:min(100% - 40px,760px)} html{scroll-padding-top:92px} html,body{max-width:100%;overflow-x:hidden} body{font-size:15px} img,svg,video,iframe{max-width:100%} .section{padding:76px 0} button,a,input,select,textarea{touch-action:manipulation} input,select,textarea{font-size:16px!important} /* Header and mobile navigation */ .site-header.home-header,.is-home .home-header,.is-inner .home-header{position:fixed;inset:0 0 auto;z-index:900;width:100%;height:88px;padding:10px 12px;background:transparent;pointer-events:none} .is-home .home-header .nav-wrap,.is-inner .home-header .nav-wrap{position:relative;width:100%;height:68px;margin:0;padding:0 14px 0 16px;border:1px solid rgba(255,255,255,.75);border-radius:14px;background:rgba(248,250,250,.92);box-shadow:0 12px 32px rgba(8,28,39,.16);backdrop-filter:blur(16px) saturate(115%);-webkit-backdrop-filter:blur(16px) saturate(115%);pointer-events:auto} .is-home .home-header.scrolled .nav-wrap,.is-inner .home-header.scrolled .nav-wrap{background:rgba(250,251,251,.97)} .is-home .home-header .brand,.is-inner .home-header .brand{position:static;flex:0 1 auto;width:auto;margin:0 auto 0 0;transform:none} .is-home .home-header .brand img,.is-inner .home-header .brand img{width:168px;max-width:52vw;max-height:52px;object-fit:contain;object-position:left center} .menu-toggle{position:relative;z-index:902;flex:0 0 46px;width:46px;height:46px;display:block;padding:11px;border:1px solid rgba(20,45,58,.11);border-radius:11px;background:rgba(255,255,255,.68);color:#172934;cursor:pointer;pointer-events:auto} .menu-toggle span{width:22px;height:2px;margin:6px auto;background:currentColor;transition:transform .25s,opacity .2s} .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)} .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)} .is-home .home-header .nav,.is-inner .home-header .nav{position:fixed;inset:88px 12px 12px;z-index:901;display:none;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;margin:0;padding:22px;overflow-y:auto;border:1px solid rgba(255,255,255,.85);border-radius:18px;background:rgba(247,249,250,.98);box-shadow:0 24px 65px rgba(7,25,36,.24);color:#172934;transform:none;backdrop-filter:blur(20px);pointer-events:auto} .is-home .home-header .nav.open,.is-inner .home-header .nav.open,body.menu-open #main-nav{display:flex!important} .is-home .home-header .nav a,.is-inner .home-header .nav a{display:flex;align-items:center;min-height:58px;padding:0 8px;border-bottom:1px solid rgba(20,45,58,.1);font-size:17px;font-weight:650;text-transform:none;white-space:normal} .is-home .home-header .nav a:last-child,.is-inner .home-header .nav a:last-child{border-bottom:0} .home-header .nav a:after{display:none} .nav-cta,.nav-call{display:none!important} /* Homepage hero */ .is-home .reference-hero{height:auto;min-height:860px;padding:118px 20px 300px} .is-home .reference-hero .hero-media{inset:0;background-position:62% center} .is-home .reference-fade{inset:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(7,24,34,.66) 0%,rgba(7,24,34,.5) 48%,rgba(7,24,34,.14) 72%,rgba(7,24,34,0) 100%)} .is-home .reference-content{position:relative;left:auto;top:auto;width:100%;max-width:620px;margin:0} .reference-kicker{font-size:12px;line-height:1.45} .reference-hero h1{font-size:clamp(39px,9vw,58px);line-height:1.04} .reference-content>p{max-width:560px;font-size:15px;line-height:1.68} .reference-actions{flex-wrap:wrap} .ref-button{min-width:150px} .reference-features{left:20px;right:20px;bottom:20px;grid-template-columns:1fr 1fr;min-height:250px;padding:10px;border-radius:17px} .feature-item{min-width:0;min-height:105px;margin:0;padding:14px;border-right:1px solid rgba(33,47,56,.12);border-bottom:1px solid rgba(33,47,56,.12)} .feature-item:nth-child(2){border-right:0}.feature-item:nth-child(3){border-bottom:0}.feature-item:nth-child(4){border:0} /* Homepage content */ .why,.about-why{padding:70px 0} .why-grid{grid-template-columns:1fr;border-radius:22px} .why-frame img,.why-visual.is-visible .why-frame img{width:100%;height:370px;min-height:0} .why-copy{padding:42px 34px} .why-copy h2 span,.why-copy>p{white-space:normal} .is-home .services{padding:48px 0 72px} .is-home .services .section-head{display:block;width:var(--wrap);padding:0 0 28px} .is-home .services .section-head>p{margin-top:20px} .is-home .service-grid{gap:18px;padding:38px 0 52px} .is-home .service-card,.is-home .service-card:nth-child(even),.is-home .service-card.is-visible{flex-basis:300px;width:300px;height:390px} .proposal-section,.is-home .proposal-section{padding:38px 0 0} .proposal-shell{grid-template-columns:1fr;min-height:0;border-radius:22px} .proposal-visual{height:380px}.proposal-visual img{height:100%;min-height:0} .proposal-panel{margin:0;padding:46px 36px;transform:none} .proposal-form{grid-template-columns:1fr 1fr} .is-home .blog-preview{padding:72px 0 88px} .blog-premium-head{max-width:650px;margin-bottom:42px} .blog-grid,.is-home .blog-grid,.blog-grid.full{grid-template-columns:1fr 1fr;gap:22px} .is-home .blog-card:last-child{grid-column:1/-1;max-width:calc(50% - 11px);width:100%} /* Inner heroes and page headings */ .is-inner .page-hero,.is-inner .service-hero,.unified-page-hero{min-height:430px;margin:0;padding:142px 0 56px;align-items:flex-end} .page-hero.unified-page-hero.has-media>.wrap{position:relative;left:auto;top:auto;transform:none} .unified-page-hero h1{max-width:100%;font-size:clamp(34px,7vw,50px);line-height:1.08;white-space:normal;overflow-wrap:anywhere} .unified-page-hero p{max-width:650px;margin-top:18px;font-size:14px;line-height:1.65} .breadcrumb{margin-bottom:14px}.breadcrumb ol{font-size:11px} /* Services listing, details and articles */ .services-page{padding:70px 0 24px} .services-page-head{margin-bottom:42px}.services-page-head h2 span,.services-page-head p{white-space:normal} .services-page-list{grid-template-columns:1fr 1fr;gap:22px} .services-page-card{min-width:0} .service-detail,.article-detail{padding:70px 0 24px} .service-detail>.service-detail-grid{width:var(--wrap);grid-template-columns:1fr;gap:44px} .service-detail-feature,.article-detail-feature{height:380px;margin-bottom:42px} .service-detail-copy{padding:0}.service-detail-copy h2{font-size:clamp(34px,6vw,48px)} .service-detail-copy>p,.article-detail-copy>p{font-size:15px;line-height:1.85} .service-detail-sidebar{position:static;top:auto;gap:22px} .service-side-nav nav{grid-template-columns:1fr 1fr} .service-side-form{padding:38px 34px} .article-images{grid-template-columns:1fr 1fr}.article-images img{height:260px} .article-faqs .faq-list summary{grid-template-columns:42px 1fr 25px} /* About and shared CTA */ .mission-vision{padding:76px 0 86px}.mission-vision .mission-head{display:block;margin-bottom:38px}.mission-vision .mission-head h2{margin-top:15px;text-align:left} .mission-vision .mission-grid{grid-template-columns:1fr;gap:22px}.mission-vision .mission-grid article{min-height:0;padding:40px 34px} .about-contact-band{width:calc(100% - 40px);margin:42px auto 50px;padding:64px 28px 34px;border-radius:22px} .about-contact-meta{gap:28px} /* Blog, gallery, contact */ .blog-page{padding:70px 0}.blog-page .blog-card>img{height:235px} .gallery-page{padding:70px 0 84px}.gallery-page>.wrap{width:var(--wrap)}.gallery-grid{grid-template-columns:1fr 1fr;gap:20px} .gallery-lightbox{padding:16px}.gallery-lightbox-stage{width:calc(100vw - 32px);height:82vh}.gallery-lightbox-close{right:4px;top:4px} .contact-page{padding:72px 0 84px}.contact-page .contact-grid{grid-template-columns:1fr;gap:24px}.contact-details,.contact-page .contact-form{padding:40px 34px} .contact-map iframe{height:440px} /* Modals and footer */ .quote-modal{padding:10px}.quote-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);display:block;overflow:auto;border-radius:20px;background:#f7f8f7} .quote-intro{min-height:300px;padding:64px 34px 78px!important;border-radius:20px 20px 0 0}.quote-form{margin:-46px 18px 18px;padding:38px 32px 30px;border-radius:20px} .quote-close{position:absolute;right:14px;top:14px} .footer-lead{min-height:250px;gap:32px}.footer-lead h2{font-size:clamp(38px,7vw,52px)} .premium-footer .footer-main{grid-template-columns:1fr 1fr;gap:44px 34px;padding:60px 0}.premium-footer .footer-brand,.premium-footer .footer-contact{grid-column:1/-1} .whatsapp{right:14px;bottom:14px}.cookie-notice{left:14px;bottom:14px} } @media(max-width:600px){ :root{--wrap:calc(100% - 28px)} .section{padding:58px 0} .is-home .home-header .brand img,.is-inner .home-header .brand img{width:150px;max-width:50vw} .is-home .reference-hero{min-height:820px;padding:112px 14px 292px} .reference-hero h1{font-size:clamp(34px,10.5vw,44px)} .reference-content>p{font-size:14px;line-height:1.62} .reference-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ref-button{width:100%;min-width:0;padding:0 12px;font-size:9px} .reference-features{left:10px;right:10px;bottom:10px;min-height:260px;padding:7px} .feature-item{min-height:116px;display:block;padding:12px}.feature-icon{width:38px;height:38px;margin-bottom:9px}.feature-icon svg{width:19px;height:19px}.feature-item strong{font-size:10px}.feature-item span{font-size:9px;line-height:1.45}.feature-item.experience>b{font-size:34px} .why,.about-why{padding:54px 0}.why-grid{border-radius:18px}.why-frame img,.why-visual.is-visible .why-frame img{height:270px}.why-frame figcaption{padding:60px 22px 22px}.why-copy{padding:32px 22px}.why-copy h2{font-size:29px}.why-copy>p{font-size:14px;line-height:1.75} .is-home .services{padding:38px 0 60px}.is-home .services .section-head{padding-inline:14px}.is-home .service-card,.is-home .service-card:nth-child(even),.is-home .service-card.is-visible{flex-basis:76vw;width:76vw;height:350px}.is-home .service-info{left:22px;right:22px;bottom:22px}.is-home .service-info h3{font-size:20px} .proposal-shell{border-radius:18px}.proposal-visual{height:260px}.proposal-image-copy{left:22px;right:22px;bottom:22px}.proposal-panel{padding:34px 22px}.proposal-panel h2{font-size:36px}.proposal-form{grid-template-columns:1fr;gap:16px}.proposal-form label:first-child,.proposal-form button{grid-column:auto} .is-home .blog-preview{padding:58px 0 70px}.blog-premium-head{text-align:left;margin-bottom:34px}.blog-premium-head h2{font-size:36px}.blog-premium-head p{margin-inline:0}.blog-grid,.is-home .blog-grid,.blog-grid.full{grid-template-columns:1fr;gap:20px}.is-home .blog-card:last-child{grid-column:auto;max-width:none}.blog-card>img,.is-home .blog-card>img,.blog-page .blog-card>img{height:225px} .is-inner .page-hero,.is-inner .service-hero,.unified-page-hero{min-height:390px;padding:130px 0 42px}.unified-page-hero h1{font-size:clamp(29px,8.8vw,40px)}.unified-page-hero p{font-size:13px;line-height:1.6}.breadcrumb{overflow:hidden}.breadcrumb ol{gap:5px;font-size:10px} .services-page{padding:56px 0 16px}.services-page-head{text-align:left;margin-bottom:34px}.services-page-head h2{font-size:31px}.services-page-list{grid-template-columns:1fr;gap:20px}.services-page-image{aspect-ratio:1.42/1}.services-page-copy{min-height:0;padding:26px 22px} .service-detail,.article-detail{padding:56px 0 18px}.service-detail>.service-detail-grid{gap:36px}.service-detail-feature,.article-detail-feature{height:230px;margin-bottom:34px;border-radius:16px}.service-detail-copy h2{font-size:31px;overflow-wrap:anywhere}.service-detail-copy>p,.article-detail-copy>p{font-size:14px;line-height:1.78}.quick-answer{padding:16px 17px;font-size:14px}.service-side-nav nav{grid-template-columns:1fr}.service-side-form{padding:29px 22px}.article-images{grid-template-columns:1fr;gap:13px}.article-images img{height:auto;max-height:340px}.article-faqs{margin-top:38px}.article-faqs h2{font-size:24px!important} .faq-heading{grid-template-columns:1fr;gap:18px;margin-bottom:34px}.faq-heading h2{font-size:36px}.faq-list summary{grid-template-columns:38px minmax(0,1fr) 24px;gap:7px;padding:21px 0}.faq-list summary strong{font-size:15px;line-height:1.4}.faq-list details>p{margin:0 0 23px 45px;font-size:13px}.location-link-grid{gap:9px}.location-link-grid a{flex:1 1 calc(50% - 9px);padding:10px 13px;text-align:center;font-size:11px} .mission-vision{padding:60px 0 68px}.mission-vision .mission-head h2{font-size:31px}.mission-vision .mission-grid article{padding:32px 22px;border-radius:19px}.mission-values{grid-template-columns:1fr;gap:0}.mission-values span{padding:12px 0;border-right:0;border-bottom:1px solid rgba(20,45,58,.1)} .about-contact-band{width:calc(100% - 20px);margin:32px auto 38px;padding:52px 20px 30px}.about-contact-band h2{font-size:29px}.about-contact-actions{flex-direction:column}.about-contact-actions>*{width:100%}.about-contact-meta{align-items:flex-start;flex-direction:column;gap:17px} .gallery-page{padding:56px 0 68px}.gallery-grid{grid-template-columns:1fr;gap:16px}.gallery-grid button{border-radius:17px}.gallery-lightbox-arrow{width:44px;height:44px}.gallery-lightbox-prev{left:5px}.gallery-lightbox-next{right:5px} .contact-page{padding:58px 0 68px}.contact-details,.contact-page .contact-form{padding:30px 21px;border-radius:20px}.contact-card-head h2,.contact-form-head h2{font-size:27px}.contact-details>.contact-detail-item{grid-template-columns:42px minmax(0,1fr);gap:11px}.contact-detail-item a,.contact-detail-item address{font-size:13px;overflow-wrap:anywhere}.contact-page .field-row{grid-template-columns:1fr;gap:0}.contact-map{padding-top:46px}.contact-map-head{align-items:flex-start;flex-direction:column;gap:22px}.contact-map iframe{height:360px} .empty-state{padding:70px 0}.empty-state h2{font-size:30px}.form-note{overflow-wrap:anywhere} .quote-intro{min-height:235px;padding:52px 23px 66px!important}.quote-intro h2{font-size:29px}.quote-intro p{display:none}.quote-form{margin:-34px 8px 10px;padding:29px 20px 24px}.quote-form-head{align-items:flex-start;flex-direction:column;gap:7px}.quote-form .field-row{grid-template-columns:1fr;gap:0} .footer-lead{min-height:300px;align-items:flex-start;justify-content:center;flex-direction:column;gap:28px}.footer-lead h2{font-size:38px}.footer-cta{width:100%}.premium-footer .footer-main{grid-template-columns:1fr 1fr;gap:38px 20px;padding:50px 0}.premium-footer .footer-brand,.premium-footer .footer-contact{grid-column:1/-1}.footer-logo-wrap{max-width:280px}.premium-footer .footer-bottom{height:auto;min-height:88px;align-items:flex-start;justify-content:center;flex-direction:column;gap:9px}.premium-footer .footer-bottom span:nth-child(2){display:none} .cookie-notice{left:8px;right:8px;bottom:8px;width:auto;gap:10px;padding:12px}.cookie-notice p{font-size:8px}.cookie-notice button{padding:0 11px}.cookie-notice:not(.is-hidden)~.whatsapp{bottom:98px}.whatsapp{right:10px;bottom:10px}.whatsapp span{display:none} } @media(max-width:380px){ :root{--wrap:calc(100% - 20px)} .is-home .home-header .brand img,.is-inner .home-header .brand img{width:136px} .reference-hero h1{font-size:32px}.reference-actions{grid-template-columns:1fr}.is-home .reference-hero{min-height:880px;padding-bottom:330px} .reference-features{grid-template-columns:1fr 1fr}.feature-item{padding:10px} .proposal-panel h2,.blog-premium-head h2{font-size:32px} .premium-footer .footer-main{grid-template-columns:1fr}.premium-footer .footer-column,.premium-footer .footer-contact{grid-column:1} } /* Mobile navigation: final override kept at the end to win over legacy header rules. */ @media(max-width:900px){ .site-header.home-header .nav-call{ position:static!important; right:auto!important; top:auto!important; flex:0 0 auto!important; display:inline-flex!important; width:auto!important; min-width:108px!important; height:42px!important; margin:0 8px 0 6px!important; padding:0 13px!important; transform:none!important; border:0!important; border-radius:10px!important; background:#d20b17!important; color:#fff!important; box-shadow:0 8px 18px rgba(190,8,19,.22)!important; font-size:10px!important; line-height:1!important; pointer-events:auto!important; } .site-header.home-header .nav-call:hover, .site-header.home-header .nav-call:active{transform:none!important;background:#b50813!important} .site-header.home-header .nav-call svg{width:16px;height:16px} body.menu-open #main-nav, .site-header.home-header #main-nav.open{ position:fixed!important; top:88px!important; right:12px!important; bottom:auto!important; left:12px!important; width:auto!important; height:calc(100dvh - 100px)!important; min-height:360px!important; max-height:calc(100vh - 100px)!important; display:flex!important; flex-direction:column!important; align-items:stretch!important; justify-content:flex-start!important; gap:0!important; padding:22px!important; overflow-y:auto!important; opacity:1!important; visibility:visible!important; color:#172934!important; pointer-events:auto!important; } .site-header.home-header #main-nav a{ position:relative!important; display:flex!important; flex:0 0 auto!important; align-items:center!important; width:100%!important; min-height:58px!important; margin:0!important; padding:0 8px!important; opacity:1!important; visibility:visible!important; color:#172934!important; font-size:17px!important; line-height:1.3!important; } .mobile-nav-footer{ display:block; margin-top:auto; padding:22px 8px 4px; border-top:1px solid rgba(20,45,58,.12); } .mobile-nav-footer p{max-width:390px;margin:0;color:#65747c;font:400 12px/1.65 'Inter',Arial,sans-serif} .mobile-nav-footer p strong{display:block;margin-bottom:5px;color:#172934;font-size:14px;font-weight:700} .site-header.home-header #main-nav .mobile-nav-contact{display:flex;flex-wrap:wrap;gap:7px 18px;margin-top:13px} .site-header.home-header #main-nav .mobile-nav-contact a{display:inline-flex!important;width:auto!important;min-height:0!important;padding:0!important;border:0!important;color:#c70915!important;font-size:11px!important;font-weight:700!important} .mobile-nav-socials{display:flex;align-items:center;gap:9px;margin-top:17px} .mobile-nav-socials span{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(20,45,58,.12);border-radius:10px;background:#fff;color:#172934;box-shadow:0 7px 16px rgba(12,35,50,.07)} .mobile-nav-socials span:first-child{background:#d20b17;color:#fff;border-color:#d20b17} .mobile-nav-socials svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .mobile-nav-socials span:nth-child(2) svg{fill:currentColor;stroke:none} } @media(min-width:901px){.mobile-nav-footer{display:none}} .legal-page{background:#f4f4f1} .legal-copy{max-width:900px} .legal-copy h2{margin:48px 0 14px;color:#142832;font:600 clamp(25px,3vw,36px)/1.2 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:-.035em} .legal-copy h2:first-of-type{margin-top:22px} .legal-copy p{margin:0;color:#566971;font:400 15px/1.85 'Inter',Arial,sans-serif} .legal-copy a,.legal-contact-note a{color:#c70915;text-decoration:underline;text-underline-offset:4px} .legal-updated{display:inline-block;padding:9px 13px;border-radius:8px;background:#e7eaE8;color:#66757b!important;font-size:11px!important} .legal-contact-note{margin-top:38px!important;font-weight:700} .footer-legal{display:flex;align-items:center;gap:22px} .footer-legal a{color:inherit} .cookie-notice p a{color:#c70915;text-decoration:underline;text-underline-offset:2px} @media(max-width:600px){.legal-copy h2{margin-top:36px;font-size:25px}.legal-copy p{font-size:14px}.footer-legal{display:flex!important;flex-wrap:wrap;gap:7px 16px}} @media(max-width:380px){ .site-header.home-header .nav-call{min-width:94px!important;height:40px!important;margin-inline:4px 6px!important;padding-inline:9px!important;font-size:9px!important;gap:6px!important} }