/* Contemporary stone atelier: ivory, forest green and generous space. */
:root{--black:#142e28;--ink:#18372f;--ink-2:#24483d;--paper:#f7f8f3;--cream:#edf0e8;--cream-2:#dce2d5;--text:#18372f;--muted:#647168;--gold:#becf9d;--gold-2:#d8e7bb;--gold-3:#50723b;--on-dark:#f1f5e9;--on-dark-muted:#b9c9bf;--line-dark:#ffffff26;--gold-grad:linear-gradient(120deg,#d6e6b7,#bfd29a);--caps:var(--sans);--display:var(--sans);--radius:8px}
body{font-size:16px;line-height:1.7}.container{width:min(1320px,100% - 96px)}h1,h2,h3,h4{font-weight:500;letter-spacing:-.045em}h2{font-size:clamp(2.3rem,4.2vw,3.65rem);line-height:1.12}h1 em,h2 em{font-style:normal}.kicker{letter-spacing:.16em;font-size:.7rem}.kicker::before{width:22px}.btn{text-transform:none;letter-spacing:0;font-size:.94rem;padding:16px 25px;font-weight:500;border-radius:6px}.btn-gold{background:#214b3b;color:white}.btn-gold:hover{background:#306149;box-shadow:0 8px 20px #18372f18}.btn-ghost{color:var(--text);border-color:#cdd5c8}.btn-ghost:hover{background:#e9eee1;border-color:#68816d}.btn-dark{color:white}.topbar{background:#eaf0e2;color:#486047;border:0;font-size:.7rem}.topbar-inner{height:34px}.site-header{position:relative;top:auto;background:var(--paper);border-bottom:1px solid #dfe5d8}.site-header.scrolled{background:#f7f8f3f5}.nav-wrap{height:92px}.nav{gap:27px}.nav a:not(.btn){color:#48594c;text-transform:none;letter-spacing:0;font-size:.86rem}.brand img{height:57px;border-radius:4px}.nav-toggle span{background:var(--text)}
.hero{min-height:0;display:grid;grid-template-columns:1fr 1.05fr;background:var(--paper);color:var(--text);padding:36px 48px 0;gap:0 54px;max-width:1600px;margin:auto;overflow:visible}.hero-content{width:100%;padding:65px 0 70px;grid-column:1;grid-row:1}.hero h1{font-size:clamp(3rem,5.25vw,5.4rem);line-height:1.06;margin-bottom:27px;letter-spacing:-.065em}.hero h1 em{background:none;color:#648550}.hero .kicker{color:#567247;margin-bottom:27px}.lead{font-size:1.03rem;color:#647168;max-width:450px;font-weight:400;margin-bottom:32px}.hero-actions{gap:12px}.hero-visual{grid-column:2;grid-row:1;position:relative;min-height:540px;overflow:hidden;border-radius:12px 12px 80px 12px;background:#dae1d4}.hero-visual img{width:100%;height:100%;position:absolute;object-fit:cover}.hero-visual figcaption{position:absolute;left:24px;right:24px;bottom:24px;color:#fff;display:flex;justify-content:space-between;align-items:end;gap:20px;text-shadow:0 1px 8px #0009;font-size:.6rem;letter-spacing:.12em}.hero-visual figcaption span:first-child{max-width:160px}.hero-visual figcaption span:last-child{letter-spacing:0}.hero-foot{grid-column:1/-1;width:100%;margin-top:35px;padding:30px 0 34px;border-color:#dce3d5;align-items:center}.stats{gap:65px}.stats strong{color:#244b3a;font-size:2.2rem;font-weight:500;letter-spacing:-.06em}.stats span{color:#6c786b;font-size:.64rem;letter-spacing:.1em}.hero-scroll{font-size:.8rem;color:#62765b}.marquee{background:#edf1e7;border-color:#dfe5d8;padding:23px 0}.marquee-track span{font-size:.78rem;letter-spacing:.12em;color:#74816d}.marquee-track span::after{color:#91a580}.section{padding:100px 0}.about-main img{border-radius:12px;aspect-ratio:4/4.5}.about-main::before{display:none}.about-sub{border-radius:10px;overflow:hidden;box-shadow:0 16px 40px #18372f14}.about-years{border-radius:8px}.about-years strong{background:none;color:var(--gold-2)}.pillars{gap:20px}.pillars h4{font-size:1.05rem;letter-spacing:-.02em}.pillars p{font-size:.83rem}.svc-grid{gap:22px;background:none;border:0}.svc{aspect-ratio:auto;border-radius:10px;background:#24463a;display:flex;flex-direction:column}.svc img{position:relative;height:240px;opacity:1}.svc::after{display:none}.svc-body{position:relative;padding:25px}.svc-body::before{display:none}.svc-no{font-size:.7rem}.svc h3{font-size:1.55rem;margin-top:8px}.svc p{max-height:none;opacity:1;margin-top:12px;font-size:.9rem;color:#c2d1c5!important}.svc:hover img{transform:scale(1.025)}.chips span{border-radius:30px;font-size:.75rem}.section-head{margin-bottom:45px}.spot-media img,.ba-pair figure,.machine-grid img,.gallery figure{border-radius:9px}.facts strong{font-weight:500}.steps span{border-radius:10px}.steps h4{font-size:1.2rem}.steps p{font-size:.86rem}.gallery{grid-auto-rows:210px;gap:16px}.gallery figcaption{font-size:.96rem;letter-spacing:0}.refs li{font-size:.75rem;letter-spacing:.04em;padding:25px 12px}.quote{border-radius:12px}.quote::before{display:none}.quote label{letter-spacing:.1em}.contact-list a,.contact-list span{font-size:1.25rem;letter-spacing:-.015em}.map{border-radius:12px}.map iframe{filter:grayscale(.5)}.footer{padding-top:65px}.footer-logo{border-radius:5px}.footer h5{letter-spacing:.13em}.wa-float{background:#214b3b;box-shadow:0 8px 24px #18372f30}.skip-link{position:fixed;left:20px;top:-100px;background:white;padding:12px;z-index:200}.skip-link:focus{top:12px}:focus-visible{outline:3px solid #88ad5e;outline-offset:5px}.reveal{opacity:1;transform:none}.lightbox img{object-fit:contain;max-width:100%}
@media(min-width:1600px){.hero{padding-inline:140px}}
@media(max-width:1100px){.container{width:calc(100% - 56px)}.hero{padding-inline:28px;gap:30px}.nav{gap:18px}.hero-actions .btn{padding:14px 18px}.hero-visual{min-height:500px}.stats{gap:40px}}
@media(max-width:900px){.nav{background:var(--paper);z-index:0;padding-top:80px}.brand,.nav-toggle{position:relative;z-index:1}.hero{grid-template-columns:1fr 1fr;gap:24px}.hero h1{font-size:3.3rem}.hero-content{padding-top:35px}.hero-visual{min-height:490px}.hero-actions{flex-direction:column;align-items:start}.hero-scroll{display:none}.svc-grid{gap:16px}.section{padding:75px 0}}
@media(max-width:640px){.container{width:calc(100% - 36px)}.hero{padding:16px 18px 0;grid-template-columns:1fr;gap:0}.hero-content{padding:25px 0 30px}.hero h1{font-size:3.3rem}.hero .kicker{margin-bottom:20px}.hero-actions{flex-direction:row;align-items:stretch}.hero-actions .btn{flex:auto;font-size:.84rem;padding:13px 15px}.hero-visual{grid-column:1;grid-row:2;min-height:350px;border-radius:10px 10px 50px 10px}.hero-foot{grid-row:3;margin-top:25px;padding:22px 0}.stats{width:100%;grid-template-columns:repeat(4,1fr);gap:12px}.stats strong{font-size:1.7rem}.stats span{font-size:.54rem;letter-spacing:0}.section{padding:64px 0}.section-head{margin-bottom:32px}.svc img{height:240px}.svc-body{padding:23px}.gallery{grid-auto-rows:160px;gap:10px}.refs li{font-size:.7rem}.hero-visual figcaption{left:18px;right:18px}.footer-grid{gap:25px}.footer{padding-top:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* A bolder architectural direction. */
:root{--black:#111719;--ink:#172024;--ink-2:#243035;--paper:#f3f0e9;--cream:#e8e4db;--cream-2:#d9d2c6;--text:#202a2c;--muted:#74766f;--gold:#c9a179;--gold-2:#edcfaa;--gold-3:#956b44;--on-dark:#f2ede4;--on-dark-muted:#b7bcb9;--gold-grad:linear-gradient(120deg,#edcfaa,#b98b5e)}
.topbar{background:#111719;color:#b7bcb9}.site-header{position:absolute;top:34px;background:transparent;border-bottom:1px solid #ffffff25}.site-header.scrolled{background:#111719f5}.nav a:not(.btn){color:#e5e5dd}.nav-toggle span{background:#edcfaa}.brand img{height:62px}.nav a:not(.btn):hover{color:#edcfaa}.btn-gold{background:#d2ae83;color:#172024}.btn-gold:hover{background:#ebcba3;box-shadow:0 10px 30px #d2ae8325}.btn{border-radius:2px}.btn-ghost{color:#f0e8dd;border-color:#ffffff65;background:#ffffff08}.btn-ghost:hover{color:white;background:#ffffff18;border-color:#edcfaa}
.hero{max-width:none;margin:0;display:flex;min-height:860px;min-height:calc(100svh - 34px);padding:0;gap:0;position:relative;overflow:hidden;background:#111719;color:white;justify-content:flex-end}.hero-visual{position:absolute;inset:0;min-height:0;border-radius:0;overflow:hidden;background:#172024}.hero-visual img{object-position:center 58%;height:100%;width:100%;animation:architectural-zoom 18s ease-out both}.hero-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101719ed 0%,#101719be 34%,#10171925 74%),linear-gradient(0deg,#101719e8,transparent 45%)}.hero-visual figcaption{left:auto;right:48px;bottom:178px;z-index:1;writing-mode:vertical-rl;align-items:start;text-shadow:0 2px 8px #000;gap:24px}.hero-visual figcaption span:first-child{max-width:none;font-size:.62rem;letter-spacing:.2em}.hero-content{position:relative;z-index:1;width:min(1320px,100% - 96px);padding:190px 0 50px;margin:auto auto 0}.hero .kicker{color:#e6c49d;font-size:.72rem;letter-spacing:.25em;margin-bottom:28px}.hero h1{font-size:clamp(4.4rem,7.8vw,8rem);max-width:950px;line-height:.99;font-weight:400;letter-spacing:-.065em;margin-bottom:30px}.hero h1 em{color:#e6c49d;font-family:"Bodoni Moda",Georgia,serif;font-style:italic;letter-spacing:-.055em}.lead{color:#d0d4cd;max-width:470px;font-size:1.05rem}.hero-actions{gap:14px}.hero-foot{position:relative;z-index:1;width:min(1320px,100% - 96px);margin:30px auto 0;padding:26px 0 32px;border-color:#ffffff30;grid-row:auto}.stats{gap:80px}.stats strong{color:#edcfaa;font-size:2.5rem;font-weight:400}.stats span{color:#b4bdb7;letter-spacing:.15em;font-size:.61rem}.hero-scroll{color:#dddcd3}.marquee{background:#d0af88;border:0;padding:22px 0}.marquee-track span{color:#283031;font-size:.77rem;font-weight:500}.marquee-track span::after{color:#735439}
.section{padding:115px 0}.light .kicker{color:#956b44}.light h2 em{color:#956b44}.about-media{padding-right:45px}.about-main img{border-radius:0;aspect-ratio:4/4.8}.about-sub{border-radius:0;border-width:9px}.about-years{border-radius:0;left:-18px;padding:26px 30px}.about-years strong{color:#edcfaa}.about-years::after{content:"1986’DAN BERİ";position:absolute;left:25px;bottom:-34px;font-size:.6rem;letter-spacing:.25em;color:#956b44}.pillars{border-color:#cbc4b8}.pillars span{font-size:.7rem;display:inline-flex;border:1px solid #c8b89f;border-radius:50%;width:30px;height:30px;align-items:center;justify-content:center}.svc-grid{gap:20px}.svc{background:#111719;position:relative;min-height:440px;border-radius:0;justify-content:flex-end;isolation:isolate}.svc img{position:absolute;inset:0;height:100%;width:100%;opacity:.78;transition:transform .8s,opacity .8s;z-index:-2}.svc::after{display:block;z-index:-1;background:linear-gradient(0deg,#0c1518f5 0%,#0c151899 35%,#0c151800 80%)}.svc-body{padding:30px}.svc-no{color:#edcfaa}.svc h3{font-size:1.85rem}.svc p{color:#c5ceca!important;font-size:.9rem}.svc:hover img{transform:scale(1.055);opacity:1}.svc-body::before{display:block;content:"↗";position:absolute;right:25px;top:25px;width:34px;height:34px;border:1px solid #ffffff50;background:transparent;color:#edcfaa;text-align:center;line-height:32px;margin:0}.svc:hover .svc-body::before{width:34px}.chips span{border-radius:2px;color:#d3d7d1}.spot-media{gap:10px}.spot-media img,.ba-pair figure,.machine-grid img,.gallery figure{border-radius:0}.section-head.split{gap:80px}.dark .kicker{color:#d2ae83}.steps span{background:#172024;border-radius:0;transform:rotate(45deg);color:#edcfaa}.steps li:hover span{background:#b98b5e}.steps span{transform:none;border-radius:50%}.steps h4{font-size:1.3rem}.gallery{gap:12px;grid-auto-rows:250px}.gallery figcaption{font-size:1.05rem;padding:50px 22px 20px}.gallery figure::after{content:"↗";position:absolute;right:18px;top:18px;background:#fffdf0e0;color:#172024;width:32px;height:32px;text-align:center;line-height:32px}.refs li{font-size:.8rem}.refs li:hover{color:#edcfaa}.quote{border-radius:0;background:#172024;box-shadow:16px 16px 0 #d9d2c6}.quote label{color:#d2ae83}.quote .btn-gold{background:#d2ae83;color:#172024}.map{border-radius:0}.footer{background:#111719}.wa-float{background:#bb9268;color:#111719}.contact-list small{color:#956b44}.btn-dark{background:#172024;color:#edcfaa}.footer-logo{border-radius:0}
@keyframes architectural-zoom{from{transform:scale(1.06)}to{transform:scale(1)}}
@media(min-width:1600px){.hero{padding:0}}
@media(max-width:1100px){.hero-content,.hero-foot{width:calc(100% - 64px)}.hero{padding:0}.hero h1{font-size:6rem}.hero-visual figcaption{right:24px}.stats{gap:55px}}
@media(max-width:900px){.nav{background:#111719}.nav a:not(.btn){color:#f2ede4}.hero{padding:0;min-height:850px}.hero-content{padding-top:175px;padding-bottom:30px}.hero h1{font-size:5.6rem}.hero-actions{flex-direction:row}.hero-visual{min-height:0}.hero-visual figcaption{bottom:180px}.hero-scroll{display:none}.section{padding:85px 0}.svc{min-height:440px}}
@media(max-width:640px){.hero{padding:0;min-height:850px;min-height:calc(100svh - 34px)}.hero-content,.hero-foot{width:calc(100% - 40px)}.hero-content{padding:160px 0 22px}.hero h1{font-size:clamp(3.5rem,12vw,4.9rem);line-height:1.05}.hero .kicker{font-size:.59rem;letter-spacing:.18em}.hero-visual{min-height:0;border-radius:0}.hero-visual img{object-position:65% center}.hero-visual::after{background:linear-gradient(90deg,#101719db,#10171960),linear-gradient(0deg,#101719f5,transparent 90%)}.hero-visual figcaption{display:none}.hero .lead{font-size:.97rem;color:#d4d8d2}.hero-actions{gap:10px}.hero-actions .btn{font-size:.81rem;padding:14px 16px}.hero-foot{margin:18px auto 0;padding:24px 0 28px}.stats{gap:12px}.stats strong{font-size:1.9rem}.stats span{font-size:.51rem;letter-spacing:.05em}.section{padding:70px 0}.svc{min-height:440px}.svc img{height:100%}.svc-body{padding:26px}.section-head.split{gap:0}.gallery{grid-auto-rows:180px}.quote{box-shadow:8px 8px 0 #d9d2c6}.about-years{left:0}.hero h1 br{display:block}}
/* Subtle rounding preserves the architectural character. */
.btn{border-radius:6px}
.svc,.gallery figure,.about-main,.about-main img,.about-sub,.spot-media img,.ba-pair figure,.ba-strip,.machine-grid img,.quote,.map{border-radius:8px}
.about-main,.ba-strip{overflow:hidden}
.quote input,.quote select,.quote textarea{border-radius:0}

/* Outfit throughout the site, including the hero accent. */
:root{--sans:"Outfit",system-ui,sans-serif;--display:"Outfit",system-ui,sans-serif;--caps:"Outfit",system-ui,sans-serif}
.hero h1 em{font-family:var(--display);font-style:normal}
/* Transparent gold identity, with a clear surface behind its fine details. */
:root{--gold:#d1ac60;--gold-2:#f1d68c;--gold-3:#99752f;--gold-grad:linear-gradient(120deg,#f1d68c,#c39a46)}
.site-header{background:linear-gradient(180deg,#101719d9,#10171970);border-bottom-color:#d1ac6033}
.nav-wrap{height:108px}.brand{display:flex;align-items:center;padding:8px 0;flex-shrink:0}.brand img{width:170px;height:auto;max-height:90px;object-fit:contain;border-radius:0}.scrolled .brand img{width:134px;height:auto;max-height:68px}.site-header.scrolled{background:#111719f5}.hero .kicker,.hero h1 em,.stats strong{color:#edce89}.btn-gold,.quote .btn-gold{background:#d9b96f;color:#172024}.btn-gold:hover{background:#f0d493}.marquee{background:#d6ba7d}.wa-float{background:#d9b96f}.footer-logo{width:250px;height:auto;max-width:100%;object-fit:contain}.footer-grid>div:first-child{padding-right:25px}.footer{border-top:1px solid #d1ac602e}
@media(max-width:900px){.nav{padding-top:110px}}
@media(max-width:640px){.nav-wrap,.scrolled .nav-wrap{height:88px}.brand img{width:136px;height:auto;max-height:74px}.scrolled .brand img{width:120px;height:auto;max-height:64px}.hero-content{padding-top:155px}.footer-logo{width:220px}}
.svc-link{display:inline-flex;align-items:center;gap:22px;margin-top:21px;color:#edce89;font-size:.9rem;font-weight:500}.svc-link::after{content:"";position:absolute;inset:0;z-index:3}.svc:focus-within{outline:3px solid #edce89;outline-offset:4px}.svc-body{position:static}.svc-body::before{display:none}.svc{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.service-page .site-header{position:relative;top:auto;background:#111719}.service-page .site-header.scrolled{position:fixed;top:0}.detail-hero{background:#172024;color:#f2ede4;padding:25px 0 64px}.breadcrumbs{display:flex;gap:12px;flex-wrap:wrap;font-size:.76rem;color:#abb5b4;margin-bottom:45px}.breadcrumbs a:hover{color:#edce89}.detail-heading{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.detail-heading h1{font-size:clamp(3rem,6vw,6rem);line-height:1.04;margin-bottom:25px}.detail-heading p:not(.kicker){max-width:470px;color:#b7bcb9;font-size:1.2rem;margin-bottom:30px}.detail-heading>img{width:100%;height:390px;object-fit:cover;border-radius:8px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:100px;align-items:start}.detail-copy>p{margin-bottom:22px;max-width:730px}.detail-copy h3{margin:35px 0 15px;font-size:1.5rem}.detail-aside{background:#e8e4db;border:1px solid #d9d2c6;padding:32px;border-radius:8px;position:sticky;top:110px}.detail-aside .kicker{font-size:.6rem;letter-spacing:.1em}.detail-aside h3{font-size:1.8rem;margin-bottom:20px}.detail-aside p{font-size:.94rem;margin-bottom:24px}.detail-aside .btn{font-size:.85rem;width:100%;padding-inline:12px}.detail-phone{display:block;font-size:1.35rem;margin-top:23px}.detail-aside small{display:block;color:#74766f;margin-top:15px}.detail-process{list-style:none;counter-reset:detail}.detail-process li{counter-increment:detail;position:relative;padding:24px 0 24px 50px;border-bottom:1px solid #d9d2c6}.detail-process li::before{content:"0" counter(detail);position:absolute;left:0;top:22px;color:#99752f}.detail-process p{font-size:.95rem;margin-top:5px}.detail-photos{padding-top:0}.detail-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.detail-photo-grid img{width:100%;height:380px;object-fit:cover;border-radius:8px}.detail-photo-grid figcaption{font-size:.85rem;margin-top:12px;color:#74766f}.related-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:35px}.related-services a{border:1px solid #ffffff30;padding:24px;border-radius:6px;display:flex;justify-content:space-between;gap:12px}.related-services a:hover{background:#ffffff0a;color:#edce89}.detail-back{display:inline-block;margin-top:35px;color:#edce89}
@media(max-width:960px){.detail-heading{gap:35px}.detail-layout{grid-template-columns:1fr;gap:40px}.detail-aside{position:static;max-width:540px}.related-services{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.detail-hero{padding-bottom:35px}.breadcrumbs{gap:8px;margin-bottom:30px;font-size:.69rem}.detail-heading{grid-template-columns:1fr;gap:30px}.detail-heading h1{font-size:3.2rem}.detail-heading p:not(.kicker){font-size:1.05rem}.detail-heading>img{height:280px}.detail-photo-grid{grid-template-columns:1fr}.detail-photo-grid img{height:300px}.related-services{grid-template-columns:1fr}.detail-aside{padding:25px}.detail-photos{padding-top:0}.svc-body{position:static}}
/* Keep the company photo composition compact on phones. */
@media(max-width:640px){
  .about-media{width:100%;max-width:420px;padding:0 30px 48px 0;margin-inline:auto}
  .about-main img{height:260px;aspect-ratio:auto;object-fit:cover;object-position:center}
  .about-sub{width:44%;bottom:0;border-width:5px}
  .about-sub img{height:135px;aspect-ratio:auto;object-fit:cover}
  .about-years{left:0;bottom:12px;padding:15px 18px;gap:10px}
  .about-years strong{font-size:2.5rem}
  .about-years span{font-size:.62rem}
  .about-years::after{display:none}
}
/* Compact concrete comparison image on phones. */
@media(max-width:640px){
  .spot-text .ba-strip{width:100%;height:150px;overflow:hidden;border-radius:8px}
  .spot-text .ba-strip img{width:100%;height:150px;aspect-ratio:auto;object-fit:cover;object-position:center}
  .spot-text .ba-strip figcaption{font-size:.62rem;letter-spacing:.12em}
}

/* Source photo seam is at 49.15%; show both halves equally. */
.concrete-comparison{display:grid;grid-template-columns:1fr 1fr;height:100%;min-height:150px;aspect-ratio:3.4/1}
.concrete-comparison>div{display:block;padding:0;background-image:url('../img/hizmet/beton-once-sonra.jpg');background-repeat:no-repeat}
.concrete-comparison .comparison-before{background-size:203.46% 100%;background-position:left center}
.concrete-comparison .comparison-after{background-size:196.66% 100%;background-position:right center}
.ba-strip::after{content:"";position:absolute;left:50%;top:0;bottom:0;width:6px;transform:translateX(-50%);background:#f1d68c;pointer-events:none;z-index:2}
@media(max-width:640px){.concrete-comparison{height:150px;aspect-ratio:auto}}
/* Give the concrete comparison a little more room on mobile. */
@media(max-width:640px){
  .spot-text .ba-strip,.spot-text .concrete-comparison{height:190px}
}
/* Compact project before/after pair on mobile. */
@media(max-width:640px){
  .ba-pair{align-items:start}
  .ba-pair figure:last-child{transform:none}
  .ba-pair img{width:100%;height:190px;aspect-ratio:auto;object-fit:cover;object-position:center}
  .ba-pair figcaption{top:10px;left:10px;padding:5px 10px;font-size:.62rem;letter-spacing:.12em}
  .ba-section{padding-bottom:70px}
}
/* Bring the opening copy closer to the mobile header. */
@media(max-width:640px){
  .hero{min-height:0;justify-content:flex-start}
  .hero-content{padding-top:120px;padding-bottom:22px;margin-top:0}
  .hero-foot{margin-top:12px}
}
/* Avoid viewport-driven empty space above desktop hero copy. */
@media(min-width:641px){
  .hero{min-height:0;justify-content:flex-start}
  .hero-content{padding-top:160px;padding-bottom:32px;margin-top:0}
  .hero-foot{margin-top:16px}
}
/* Compact comparison and company imagery on desktop and tablet too. */
@media(min-width:641px){
  .about-media{padding:0 45px 55px 0}
  .about-main img{height:360px;aspect-ratio:auto;object-fit:cover;object-position:center}
  .about-sub{width:44%;bottom:0;border-width:6px}
  .about-sub img{height:180px;aspect-ratio:auto;object-fit:cover}
  .about-years{left:0;bottom:15px;padding:20px 24px}
  .about-years::after{display:none}
  .spot-text .ba-strip,.spot-text .concrete-comparison{height:210px;min-height:0;aspect-ratio:auto}
  .ba-pair{align-items:start}
  .ba-pair figure:last-child{transform:none}
  .ba-pair img{width:100%;height:270px;aspect-ratio:auto;object-fit:cover;object-position:center}
  .ba-section{padding-bottom:100px}
}

/* Equipment extracted from page 19 of the company catalogue. */
.catalog-equipment{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.catalog-equipment figure{overflow:hidden;border:1px solid #ffffff24;border-radius:8px;background:#f5eddf}
.catalog-equipment figure img,.catalog-equipment figure img:first-child{display:block;width:100%;height:220px;aspect-ratio:auto;object-fit:contain;object-position:center;padding:10px;background:#f5eddf;grid-row:auto}
.catalog-equipment figcaption{padding:12px 16px;background:#202b2e;color:#efe8dc;font-size:.85rem;border-top:1px solid #ffffff14}
@media(max-width:640px){.catalog-equipment{gap:12px}.catalog-equipment figure img,.catalog-equipment figure img:first-child{height:165px;padding:6px}.catalog-equipment figcaption{font-size:.73rem;padding:10px}}

/* Ordered hero photo rotation. */
.hero-visual .hero-photo{opacity:0;transition:opacity 1.2s ease;animation:none;transform:none}
.hero-visual .hero-photo.is-active{opacity:1}
@media(prefers-reduced-motion:reduce){.hero-visual .hero-photo{transition:none}}

/* SEO content: lists, FAQ and service areas. */
.detail-list{list-style:none;margin:0 0 26px;display:grid;gap:10px;max-width:730px}
.detail-list li{position:relative;padding-left:26px;font-size:.98rem}
.detail-list li::before{content:"";position:absolute;left:0;top:.7em;width:12px;height:1px;background:#99752f}
.detail-copy h2{margin-bottom:24px}
.detail-copy a{color:#99752f;text-decoration:underline;text-underline-offset:3px}
.faq-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:70px;align-items:start}
.faq-head{position:sticky;top:110px}
.faq details{border-bottom:1px solid #d9d2c6}
.faq details:first-child{border-top:1px solid #d9d2c6}
.faq summary{cursor:pointer;list-style:none;padding:22px 44px 22px 0;position:relative;font-size:1.12rem;font-weight:500;color:#1d2427}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:1.5rem;font-weight:300;color:#99752f;transition:transform .3s}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq summary:hover{color:#99752f}
.faq summary:focus-visible{outline:2px solid #99752f;outline-offset:4px}
.faq details p{padding:0 44px 24px 0;font-size:.98rem;line-height:1.7}
.faq details p a{color:#99752f;text-decoration:underline;text-underline-offset:3px}
.areas-wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:80px;align-items:center}
.areas-wrap .btn{margin-top:26px}
.area-list{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#ffffff1f;border:1px solid #ffffff1f;border-radius:8px;overflow:hidden}
.area-list li{background:#172024;padding:22px 20px;display:flex;flex-direction:column;gap:4px;transition:background .3s}
.area-list li:hover{background:#1f2b2f}
.area-list strong{font-size:1.15rem;font-weight:500;color:#f2ede4}
.area-list span{font-size:.72rem;color:#9aa5a4;letter-spacing:.04em}
@media(max-width:960px){.faq-wrap,.areas-wrap{grid-template-columns:1fr;gap:36px}.faq-head{position:static}}
@media(max-width:640px){.area-list{grid-template-columns:repeat(2,minmax(0,1fr))}.area-list li{padding:16px 14px}.area-list strong{font-size:1rem}.faq summary{font-size:1rem;padding:18px 36px 18px 0}.faq details p{padding-right:0}}

/* Direct calling alongside the WhatsApp contact shortcut. */
.call-float{position:fixed;right:94px;bottom:24px;z-index:60;display:flex;align-items:center;justify-content:center;gap:9px;height:58px;padding:0 20px;border-radius:30px;background:#f3e5c6;color:#172024;font-size:.95rem;font-weight:500;box-shadow:0 8px 24px #0002;transition:transform .2s}
.call-float:hover{transform:translateY(-3px);background:#f7edda}
@media(max-width:640px){.call-float{right:80px;bottom:16px;height:52px;padding:0 17px}}