@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600&display=swap');

:root{
  --bg:#f2f0eb;
  --paper:#f7f5f0;
  --text:#1d1d1b;
  --muted:#74736e;
  --line:rgba(29,29,27,.16);
  --dark:#3B3D3A;
  --dark2:#3B3D3A;
  --light:#f7f5f0;
  --max:1420px;
  --pad:clamp(22px,3.6vw,64px);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:'Manrope',Arial,sans-serif;
  color:var(--text);
  background:var(--bg);
  font-weight:300;
  line-height:1.55;
}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - var(--pad)*2));margin:auto}
.section{padding:clamp(72px,8vw,122px) 0}
.eyebrow{margin:0 0 18px;font-size:10px;letter-spacing:.20em;font-weight:600}
.eyebrow.light{color:rgba(255,255,255,.72)}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-weight:400;letter-spacing:-.018em}
h1{font-size:clamp(38px,5.6vw,95px);line-height:.98;margin-bottom:28px}
h1 span{font-weight:300;color:rgba(255,255,255,.76)}
h2{font-size:clamp(34px,3.5vw,56px);line-height:1.1;margin-bottom:28px}
h3{font-size:clamp(26px,2vw,36px);line-height:1.14;margin-bottom:18px}
p{font-size:16px;color:#4e4e49}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:54px;padding:0 26px;border:1px solid transparent;
  transition:.25s ease;font-weight:500;font-size:13px;letter-spacing:.02em
}
.btn:hover{transform:translateY(-2px)}
.btn-light{background:var(--light);color:#1d1d1b}
.btn-light:hover{background:#fff}
.btn-dark{background:var(--dark);color:#fff}
.btn-dark:hover{background:#3B3D3A}
.btn-ghost{border-color:rgba(255,255,255,.48);color:#fff;background:rgba(255,255,255,.03)}
.btn-ghost:hover{background:rgba(255,255,255,.12)}
.btn-small{min-height:42px;padding:0 18px}
.btn-full{width:100%;margin-top:14px}

.site-header{
  position:fixed;z-index:50;top:0;left:0;width:100%;
  height:82px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;
  align-items:center;color:#fff;border-bottom:1px solid rgba(255,255,255,.14);
  transition:.3s ease
}
.site-header.scrolled{background:rgba(247,245,240,.94);backdrop-filter:blur(14px);color:var(--text);border-bottom-color:var(--line)}
.brand{font-size:14px;font-weight:600;letter-spacing:.08em}
.desktop-nav{display:flex;gap:30px;font-size:13px}
.desktop-nav a,.phone{opacity:.82;transition:.2s}
.desktop-nav a:hover,.phone:hover{opacity:1}
.header-actions{justify-self:end;display:flex;align-items:center;gap:18px}
.phone{font-size:13px}
.site-header.scrolled .btn-dark{background:var(--dark);color:#fff}
.menu-button{display:none;background:none;border:0;padding:10px}
.menu-button span{display:block;width:28px;height:1px;background:currentColor;margin:6px 0}

.mobile-menu{
  position:fixed;z-index:45;inset:0;background:var(--dark2);color:#fff;
  padding:110px var(--pad) 40px;display:flex;flex-direction:column;justify-content:space-between;
  opacity:0;visibility:hidden;transition:.3s ease
}
.mobile-menu.open{opacity:1;visibility:visible}
.mobile-menu nav{display:flex;flex-direction:column}
.mobile-menu nav a{font-size:clamp(32px,9vw,56px);padding:9px 0}
.mobile-contact{display:flex;gap:18px;flex-direction:column;color:rgba(255,255,255,.66)}

.hero{height:100svh;min-height:720px;position:relative;color:#fff;overflow:hidden}
.hero-image,.final-bg{
  position:absolute;inset:0;background-size:cover;background-position:center
}
.hero-image{
  background-image:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2400&q=88');
  transform:scale(1.02)
}
.hero-overlay,.final-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,9,.63),rgba(10,10,9,.20) 58%,rgba(10,10,9,.2))}
.hero-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:clamp(58px,8vh,92px)}
.hero-copy{max-width:700px;color:rgba(255,255,255,.82);font-size:clamp(16px,1.2vw,20px);margin-bottom:28px}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap}
.geo{color:rgba(255,255,255,.58);font-size:12px;letter-spacing:.06em;margin:28px 0 0}
.scroll-hint{position:absolute;z-index:3;right:var(--pad);bottom:38px;font-size:22px;color:#fff;opacity:.7}

.split{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(50px,8vw,150px);align-items:end}
.approach-copy{max-width:600px}
.approach-copy p{font-size:19px;margin-bottom:24px}

.material-band{height:min(58vw,620px);position:relative;overflow:hidden}
.material-image{
  position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=2400&q=86') center/cover
}
.material-caption{
  position:absolute;left:var(--pad);bottom:28px;color:#fff;
  font-size:12px;letter-spacing:.12em;text-transform:uppercase
}

.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:end;margin-bottom:58px}
.section-heading .eyebrow{grid-column:1/-1}
.section-heading h2{margin:0}
.section-heading>p:last-child{max-width:460px;margin:0 0 12px auto}

.service-row{
  display:grid;grid-template-columns:64px 1fr minmax(340px,40%);
  gap:clamp(22px,3.2vw,48px);align-items:center;padding:40px 0;
  border-top:1px solid var(--line)
}
.service-row.reverse .service-content{order:3}
.service-row.reverse .service-visual{order:2}
.service-number{font-size:12px;letter-spacing:.14em;color:var(--muted);padding-top:10px}
.service-content{padding:10px 0 20px}
.service-content p{max-width:700px;font-size:15px;line-height:1.68;margin-bottom:14px}
.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}
.tags span{border:1px solid var(--line);padding:9px 12px;font-size:11px;letter-spacing:.04em}
.service-visual{min-height:390px;background-size:cover;background-position:center;overflow:hidden}
.visual-construction{background-image:url('https://images.unsplash.com/photo-1511818966892-d7d671e672a2?auto=format&fit=crop&w=1400&q=84')}
.visual-finishing{background-image:url('https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1400&q=84')}
.visual-interior{background-image:url('https://images.unsplash.com/photo-1600210491892-03d54c0aaf87?auto=format&fit=crop&w=1400&q=84')}
.visual-logistics{background-image:url('https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?auto=format&fit=crop&w=1400&q=84')}
.visual-works{background-image:url('https://images.unsplash.com/photo-1600566753190-17f0baa2a6c3?auto=format&fit=crop&w=1400&q=84')}
.service-statement{display:block;margin-top:32px;font-size:16px}

.process{background:#dedbd3}
.process-heading{max-width:1040px;margin-bottom:54px}
.process-heading>p:last-child{max-width:720px}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(0,0,0,.18);border-left:1px solid rgba(0,0,0,.18)}
.process-item{min-height:160px;padding:20px;border-right:1px solid rgba(0,0,0,.18);border-bottom:1px solid rgba(0,0,0,.18);display:flex;flex-direction:column;justify-content:space-between}
.process-item span{font-size:11px;letter-spacing:.16em;color:#777}
.process-item p{margin:0;color:#222;font-size:16px}

.quote-section{background:var(--dark2);color:#fff;padding:clamp(76px,8vw,120px) 0}
.quote-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:clamp(42px,6vw,96px)}
.quote-copy h2{font-size:clamp(34px,3.4vw,54px)}
.quote-copy h2 span{color:rgba(255,255,255,.58);font-weight:300}
.quote-copy>p:last-child{color:rgba(255,255,255,.68);max-width:620px}
.quote-form{background:#454743;padding:clamp(24px,4vw,48px)}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.quote-form label{display:flex;flex-direction:column;font-size:11px;letter-spacing:.11em;color:rgba(255,255,255,.62);gap:8px}
.quote-form input,.quote-form textarea{
  width:100%;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.22);
  padding:10px 0 12px;color:#fff;outline:none;border-radius:0
}
.quote-form input:focus,.quote-form textarea:focus{border-bottom-color:#fff}
.quote-form input::placeholder,.quote-form textarea::placeholder{color:rgba(255,255,255,.3)}
.upload{
  margin-top:26px;border:1px dashed rgba(255,255,255,.28)!important;padding:34px!important;align-items:center;text-align:center;cursor:pointer
}
.upload input{display:none}
.upload-title{font-size:15px;color:#fff;letter-spacing:0}
.upload-subtitle,.upload-formats{font-size:11px;letter-spacing:.02em}
.file-name{font-size:12px;color:#fff;margin-top:8px}
.consent{flex-direction:row!important;align-items:center;margin-top:18px;letter-spacing:0!important}
.consent input{width:auto}
.form-status{font-size:12px;margin:14px 0 0;color:#d7d6d0}

.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}
.benefit{padding:28px;min-height:220px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent}
.benefit span{font-size:11px;color:#888;letter-spacing:.15em}
.benefit h3{font-size:24px;margin:46px 0 14px}
.benefit p{font-size:14px;margin:0}

.clients{background:#d5d0c7;padding:clamp(70px,7vw,110px) 0}
.client-cloud{display:flex;flex-wrap:wrap;gap:10px 20px}
.client-cloud span{font-size:clamp(24px,4.2vw,68px);line-height:1.12;letter-spacing:-.04em}
.client-cloud span:nth-child(even){color:#7d7a72}

.logistics-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(42px,6vw,90px);align-items:center}
.logistics-grid>div:first-child p{max-width:620px}
.route-map{border:1px solid var(--line);padding:clamp(28px,4vw,52px);min-height:430px;display:flex;flex-direction:column;justify-content:center;gap:44px;background:#ece9e2}
.route{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;font-size:11px;letter-spacing:.08em}
.route i{height:1px;background:#54544f;position:relative}
.route i:after{content:'';position:absolute;right:0;top:-3px;border-left:6px solid #54544f;border-top:3px solid transparent;border-bottom:3px solid transparent}
.route-a i:before,.route-b i:before,.route-c i:before{content:'';position:absolute;left:18%;top:-2px;width:5px;height:5px;border-radius:50%;background:#54544f}
.route-map>p{font-size:12px;margin:12px 0 0;color:#777}

.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(42px,6vw,90px);align-items:center}
.about-image{min-height:560px;background:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1600&q=86') center/cover}
.about-copy h2{font-size:clamp(32px,3.2vw,50px)}
.about-copy p{font-size:17px}
.about-copy strong{display:block;margin-top:34px;font-size:18px}

.final-cta{min-height:620px;position:relative;color:#fff;display:flex;align-items:flex-end;padding:78px 0}
.final-bg{background-image:url('https://images.unsplash.com/photo-1600607688969-a5bfcd646154?auto=format&fit=crop&w=2400&q=88')}
.final-overlay{background:linear-gradient(90deg,rgba(12,12,11,.72),rgba(12,12,11,.2))}
.final-content{position:relative;z-index:2}
.final-content h2{margin-bottom:26px}
.final-content h2 span{color:rgba(255,255,255,.64);font-weight:300}
.final-content p{max-width:760px;color:rgba(255,255,255,.72);font-size:18px}

.footer{background:#3B3D3A20f;color:#fff;padding:70px 0 24px}
.footer-grid{display:grid;grid-template-columns:1.2fr .7fr .7fr;gap:50px}
.footer-brand{font-size:16px;font-weight:600;letter-spacing:.08em;margin-bottom:18px}
.footer p{color:rgba(255,255,255,.5);max-width:380px}
.footer-links,.footer-contact{display:flex;flex-direction:column;gap:11px;font-size:13px;color:rgba(255,255,255,.68)}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.12);padding-top:24px;margin-top:70px;color:rgba(255,255,255,.36);font-size:11px}
.footer-bottom div{display:flex;gap:20px}

.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}
.reveal.visible{opacity:1;transform:none}

@media(max-width:1100px){
  .desktop-nav,.header-actions{display:none}
  .site-header{grid-template-columns:1fr auto;height:72px}
  .menu-button{display:block;color:inherit}
  .split,.quote-grid,.logistics-grid,.about-grid{grid-template-columns:1fr}
  .service-row,.service-row.reverse{grid-template-columns:55px 1fr}
  .service-row .service-content,.service-row.reverse .service-content{order:2}
  .service-row .service-visual,.service-row.reverse .service-visual{order:3;grid-column:1/-1;min-height:480px}
  .service-number{order:1}
  .process-grid{grid-template-columns:repeat(2,1fr)}
  .benefit-grid{grid-template-columns:repeat(2,1fr)}
  .about-image{min-height:520px}
}

@media(max-width:700px){
  :root{--pad:20px}
  .section{padding:64px 0}
  h1{font-size:clamp(34px,10.3vw,52px)}
  h2{font-size:clamp(36px,10.5vw,51px)}
  .hero{min-height:700px}
  .hero-content{padding-bottom:66px}
  .hero-copy{font-size:16px}
  .scroll-hint{display:none}
  .section-heading{grid-template-columns:1fr;margin-bottom:40px}
  .section-heading .eyebrow{grid-column:auto}
  .section-heading>p:last-child{margin:0}
  .service-row,.service-row.reverse{grid-template-columns:1fr;padding:30px 0}
  .service-number,.service-content,.service-visual,
  .service-row.reverse .service-content,.service-row.reverse .service-visual{order:initial!important}
  .service-visual{grid-column:auto!important;min-height:260px!important}
  .process-grid{grid-template-columns:1fr}
  .process-item{min-height:112px}
  .field-grid{grid-template-columns:1fr}
  .benefit-grid{grid-template-columns:1fr}
  .benefit{min-height:220px}
  .benefit h3{margin-top:48px}
  .client-cloud{gap:7px 12px}
  .route-map{min-height:430px;padding:24px}
  .route{grid-template-columns:1fr;gap:8px}
  .route i{width:100%}
  .about-image{min-height:340px}
  .final-cta{min-height:560px;padding:64px 0}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column}
  .footer-bottom div{flex-direction:column;gap:8px}
}
/* TK Glina expansion */
.brand-lockup{display:flex;align-items:center;gap:10px}.brand-mark{width:30px;height:30px;border:1px solid currentColor;display:grid;place-items:center;font-size:10px;letter-spacing:-.04em;font-weight:600}.desktop-nav{gap:22px;font-size:12px}.tag-link{border:1px solid var(--line);padding:9px 12px;font-size:11px;letter-spacing:.04em;transition:.22s ease}.tag-link:hover{background:var(--dark);color:#fff;border-color:var(--dark)}.founder-teaser{margin-top:38px;padding-top:28px;border-top:1px solid var(--line)}.founder-teaser h3{font-size:26px;margin-bottom:10px}.text-link{font-size:13px;border-bottom:1px solid currentColor;padding-bottom:3px}.blog-preview{background:#ddd9d1}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.blog-card{border-top:1px solid var(--line);padding-top:18px}.blog-card time{font-size:10px;letter-spacing:.09em;color:var(--muted)}.blog-card h3{font-size:24px;margin:16px 0}.blog-card p{font-size:14px}.blog-more{margin-top:34px}.inner-header{background:rgba(247,245,240,.96);color:var(--text);border-bottom:1px solid var(--line)}.inner-main{padding-top:82px}.inner-hero{padding:85px 0 62px;border-bottom:1px solid var(--line)}.inner-hero h1{font-size:clamp(40px,4.6vw,72px);max-width:1050px}.inner-hero p{max-width:820px}.founder-page-grid,.direction-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(44px,6vw,92px);align-items:start}.founder-portrait{min-height:620px;background:url('https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1400&q=82') center/cover}.founder-copy p,.direction-copy p,.article-body p{font-size:17px;line-height:1.82;white-space:pre-line}.direction-visual{min-height:520px;background:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1400&q=84') center/cover}.article-wrap{max-width:860px}.article-body{padding-top:10px}.admin-page{background:#ece9e2;min-height:100vh}.admin-shell{padding:120px var(--pad) 70px}.admin-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}.admin-heading h1{font-size:42px;margin:0}.admin-layout{display:grid;grid-template-columns:240px 1fr;gap:28px}.admin-nav{position:sticky;top:110px;height:max-content;display:flex;flex-direction:column}.admin-nav button{border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;padding:13px 0;cursor:pointer;color:var(--text)}.admin-panel{background:var(--paper);padding:30px}.admin-panel h2{font-size:30px}.admin-field{margin-bottom:17px}.admin-field label{display:block;font-size:10px;letter-spacing:.1em;font-weight:600;margin-bottom:7px}.admin-field input,.admin-field textarea,.admin-field select{width:100%;border:1px solid var(--line);background:#fff;padding:11px;font:inherit}.admin-field textarea{min-height:130px;line-height:1.55}.admin-item{border-top:1px solid var(--line);padding:18px 0}.admin-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.admin-note{padding:14px;border-left:2px solid var(--dark);background:#e2ded5;font-size:13px;margin-bottom:22px}.danger{border-color:#8c5b5b!important;color:#7a3333!important}
@media(max-width:1100px){.blog-grid{grid-template-columns:1fr 1fr}.founder-page-grid,.direction-grid,.admin-layout{grid-template-columns:1fr}.admin-nav{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}}@media(max-width:700px){.blog-grid{grid-template-columns:1fr}.inner-main{padding-top:70px}.inner-hero{padding:55px 0 45px}.founder-portrait,.direction-visual{min-height:360px}.admin-shell{padding:95px 20px 50px}.admin-heading{align-items:flex-start;flex-direction:column}.admin-nav{grid-template-columns:1fr 1fr}.admin-panel{padding:20px}}

/* Breadcrumbs and final content refinement */
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);margin-bottom:34px}
.breadcrumb a{color:var(--text);border-bottom:1px solid rgba(31,32,29,.35)}
.breadcrumb a:hover{border-bottom-color:var(--text)}
.direction-copy #directionBody p{font-size:16px;line-height:1.82;margin-bottom:22px}
.direction-visual{position:sticky;top:110px;min-height:560px;background-size:cover;background-position:center}
.founder-resume-section{background:#ebe7df}
.founder-resume-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(45px,7vw,110px);align-items:start}
.founder-summary{position:sticky;top:115px;border-top:1px solid var(--line);padding-top:22px}
.founder-summary h2{font-size:clamp(28px,3vw,44px);margin-bottom:18px}
.founder-summary>p{font-size:15px;max-width:440px}
.founder-meta{margin-top:34px;border-top:1px solid var(--line)}
.founder-meta>div{display:grid;grid-template-columns:100px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}
.founder-meta span{font-size:10px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
.founder-meta strong{font-size:13px;font-weight:500}
.founder-resume-copy{background:var(--paper);padding:clamp(28px,4vw,52px)}
.founder-resume-copy h3{font-size:clamp(32px,3.4vw,52px);margin-bottom:32px}
.resume-block{padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid var(--line)}
.resume-block:last-child{border-bottom:0;margin-bottom:0}
.resume-block p{margin:0;font-size:15.5px;line-height:1.75}
@media(max-width:900px){.founder-resume-grid{grid-template-columns:1fr}.founder-summary,.direction-visual{position:static}.direction-visual{min-height:400px}}
@media(max-width:700px){.breadcrumb{margin-bottom:24px}.founder-resume-copy{padding:24px}.founder-meta>div{grid-template-columns:80px 1fr}.direction-copy #directionBody p{font-size:15px}}

/* v3 consistency and admin refinements */
.inner-hero{padding:clamp(72px,8vw,118px) 0;border-bottom:1px solid var(--line)}
.inner-hero .breadcrumb{margin-bottom:36px}
.inner-hero h1{font-size:clamp(34px,3.5vw,56px);line-height:1.1;margin-bottom:24px}
.inner-hero p{font-size:15px;line-height:1.7;max-width:760px}
.direction-copy h2,.founder-resume-copy h3,.article-wrap h1{font-size:clamp(26px,2vw,36px);line-height:1.14}
.direction-copy #directionBody p,.article-body p,.resume-block p{font-size:15px;line-height:1.7}
.breadcrumb{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}
.breadcrumb a{border-bottom:1px solid rgba(31,32,29,.35)}
.page-back{margin-top:40px;padding-top:26px;border-top:1px solid var(--line)}
.page-back .btn{min-width:120px}
.founder-photo{min-height:540px;background-size:cover;background-position:center}
.footer-links-all{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:10px 24px;font-size:13px;color:rgba(255,255,255,.68)}
.footer-links-all a:hover{color:#fff}
.admin-layout{grid-template-columns:260px 1fr}
.admin-nav button{font-size:13px;padding:14px 0}
.admin-subnav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.admin-subnav button{border:1px solid var(--line);background:#fff;padding:8px 11px;cursor:pointer}
.admin-image-preview{width:100%;max-width:360px;aspect-ratio:16/9;background:#ddd center/cover no-repeat;margin:10px 0 16px;border:1px solid var(--line)}
.admin-two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.admin-section-block{border-top:1px solid var(--line);padding-top:20px;margin-top:22px}
.admin-help{font-size:12px;color:var(--muted);margin-top:5px}
@media(max-width:900px){.footer-links-all{grid-template-columns:1fr}.admin-two-col{grid-template-columns:1fr}.founder-photo{min-height:380px}}


/* v4 — tighter inner-page vertical rhythm */
.inner-hero{
  padding: 46px 0 38px;
}
.inner-hero .breadcrumb{
  margin-bottom: 20px;
}
.inner-hero h1{
  margin-bottom: 14px;
}
.inner-main > .section,
.inner-main .section{
  padding-top: 48px;
  padding-bottom: 48px;
}
.direction-grid,
.founder-resume-grid{
  gap: clamp(30px, 4vw, 62px);
}
.direction-copy #directionBody p,
.article-body p,
.resume-block p{
  margin-bottom: 15px;
}
.direction-copy #directionBody p:last-child,
.article-body p:last-child{
  margin-bottom: 0;
}
.page-back{
  margin-top: 26px;
  padding-top: 18px;
}
.founder-summary{
  padding-top: 16px;
}
.founder-meta{
  margin-top: 22px;
}
.founder-meta > div{
  padding: 12px 0;
}
.founder-resume-copy{
  padding: clamp(24px, 3vw, 38px);
}
.founder-resume-copy h3{
  margin-bottom: 22px;
}
.resume-block{
  padding-bottom: 13px;
  margin-bottom: 13px;
}
.article-body{
  padding-top: 0;
}
.blog-grid{
  row-gap: 22px;
}

@media(max-width:700px){
  .inner-hero{
    padding: 34px 0 30px;
  }
  .inner-hero .breadcrumb{
    margin-bottom: 16px;
  }
  .inner-main > .section,
  .inner-main .section{
    padding-top: 36px;
    padding-bottom: 36px;
  }
  .page-back{
    margin-top: 22px;
  }
}

/* v5 back-link emphasis */
.page-back .btn{
  text-decoration: underline;
  text-underline-offset: 4px;
  text-decoration-thickness: 1px;
  font-weight: 500;
  letter-spacing: .02em;
  position: relative;
}
.page-back .btn::before{
  content: "←";
  margin-right: 8px;
  text-decoration: none;
}
.page-back .btn:hover{
  background: var(--dark);
  color: #fff;
}


/* v7 — precise fixed-header anchor offset */
#services,
#interior,
#logistics,
#works,
#about,
#quote,
#blog,
section[id]{
  scroll-margin-top: 78px;
}

.footer-contact a[href*="t.me"],
.footer-contact a[href*="wa.me"]{
  display:inline-flex;
  align-items:center;
  gap:7px;
  text-decoration:underline;
  text-underline-offset:3px;
}
.footer-contact a[href*="t.me"]::before,
.footer-contact a[href*="wa.me"]::before{
  content:"↗";
  font-size:11px;
}

@media(max-width:700px){
  #services,
  #interior,
  #logistics,
  #works,
  #about,
  #quote,
  #blog,
  section[id]{
    scroll-margin-top: 70px;
  }
}

.contacts-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,5vw,78px);align-items:start}
.contacts-image{min-height:520px;background-size:cover;background-position:center}
.contacts-card{border-top:1px solid var(--line);padding-top:22px}
.contact-line{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}
.contact-line span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.contact-line a,.contact-line strong{font-size:14px;font-weight:500}
.contact-line a{text-decoration:underline;text-underline-offset:3px}
.contacts-note{margin-top:28px;max-width:650px;font-size:15px;line-height:1.7}
@media(max-width:850px){.contacts-page-grid{grid-template-columns:1fr}.contacts-image{min-height:340px}.contact-line{grid-template-columns:100px 1fr}}

/* v12 — moving client rows */
.client-marquee{overflow:hidden;display:flex;flex-direction:column;gap:8px}
.client-row{overflow:hidden;white-space:nowrap}
.client-track-group{
  display:inline-flex;
  align-items:center;
  width:max-content;
  gap:18px;
  will-change:transform;
}
.client-track-group span{
  display:inline-block;
  font-size:clamp(22px,3.7vw,56px);
  line-height:1.12;
  letter-spacing:-.04em;
  color:var(--text);
}
.client-row:nth-child(2) .client-track-group span{color:#7f7c75}
.client-row-left .client-track-group{animation:clients-left 42s linear infinite}
.client-row-right .client-track-group{animation:clients-right 48s linear infinite;transform:translateX(-50%)}
@keyframes clients-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes clients-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media (prefers-reduced-motion: reduce){
  .client-row-left .client-track-group,
  .client-row-right .client-track-group{animation:none;transform:none;white-space:normal;flex-wrap:wrap}
  .client-row{white-space:normal}
  .client-track-group span:nth-child(n+5){display:none}
}
@media(max-width:700px){
  .client-track-group{gap:12px}
  .client-row-left .client-track-group{animation-duration:34s}
  .client-row-right .client-track-group{animation-duration:38s}
}

/* v13 — every "Для кого мы работаем" line moves, alternating direction */
.client-marquee{
  gap:4px;
  padding:4px 0;
}
.client-row{
  width:100%;
  overflow:hidden;
}
.client-track-group{
  display:flex;
  width:max-content;
  min-width:max-content;
  gap:clamp(34px,5vw,90px);
}
.client-track-group span{
  flex:none;
  padding-right:clamp(22px,3vw,50px);
}
.client-row-left .client-track-group{
  animation:clients-line-left 46s linear infinite;
}
.client-row-right .client-track-group{
  animation:clients-line-right 50s linear infinite;
}
.client-row:nth-child(3n) .client-track-group{animation-duration:54s}
.client-row:nth-child(4n) .client-track-group{animation-duration:58s}

@keyframes clients-line-left{
  from{transform:translateX(0)}
  to{transform:translateX(-25%)}
}
@keyframes clients-line-right{
  from{transform:translateX(-25%)}
  to{transform:translateX(0)}
}
.client-row:nth-child(even) .client-track-group span{color:#7f7c75}
.client-row:nth-child(odd) .client-track-group span{color:var(--text)}

@media (prefers-reduced-motion: reduce){
  .client-row-left .client-track-group,
  .client-row-right .client-track-group{
    animation:none;
    transform:none;
  }
}


/* V13 — unified noble graphite replacing all black/dark UI */
:root{
  --graphite:#3B3D3A;
  --dark:#3B3D3A;
  --text:#3B3D3A;
}

/* Typography and dark graphic accents */
body,
h1,h2,h3,h4,h5,h6,
.brand,
.brand-mark,
.desktop-nav a,
.mobile-menu a,
.phone,
.service-title,
.direction-title,
.footer-brand,
.breadcrumb a,
.breadcrumb span,
a{
  color:#3B3D3A;
}

/* All dark buttons */
.btn-dark,
button.btn-dark,
a.btn-dark,
.admin-nav button.active,
.admin-sidebar button.active{
  background:#3B3D3A !important;
  border-color:#3B3D3A !important;
  color:#F7F4EE !important;
}

.btn-dark:hover,
button.btn-dark:hover,
a.btn-dark:hover{
  background:#4A4C48 !important;
  border-color:#4A4C48 !important;
  color:#FAF8F3 !important;
}

/* Outline buttons and Back buttons */
.btn-outline{
  color:#3B3D3A;
  border-color:#3B3D3A;
}
.btn-outline:hover,
.page-back .btn:hover{
  background:#3B3D3A !important;
  border-color:#3B3D3A !important;
  color:#F7F4EE !important;
}

/* Footer: replace hard black background */
.footer{
  background:#3B3D3A !important;
  color:#F3F0E9 !important;
}
.footer a,
.footer span,
.footer p,
.footer .footer-brand{
  color:#F3F0E9;
}
.footer-bottom{
  border-color:rgba(243,240,233,.22);
}

/* Menu icon */
.menu-button span{
  background:#3B3D3A;
}

/* Client marquee dark row */
.client-row:nth-child(odd) .client-track-group span{
  color:#3B3D3A;
}

/* Inputs and admin typography */
input,
textarea,
select{
  color:#3B3D3A;
}

/* Selection keeps the same palette */
::selection{
  background:#3B3D3A;
  color:#F7F4EE;
}


/* FINAL GRAPHITE CONSISTENCY */
:root{
  --graphite:#3B3D3A;
  --dark:#3B3D3A;
}

/* "ЕСТЬ ГОТОВЫЙ ПРОЕКТ?" and all remaining dark promo/form sections */
.quote-section,
.quote,
.project-form-section,
.specification-section,
.cta-dark,
.dark-section{
  background:#3B3D3A !important;
  color:#F7F4EE !important;
}
.quote-section h1,.quote-section h2,.quote-section h3,.quote-section p,.quote-section label,
.quote h1,.quote h2,.quote h3,.quote p,.quote label,
.project-form-section h1,.project-form-section h2,.project-form-section h3,.project-form-section p{
  color:#F7F4EE !important;
}
.quote-section input,.quote-section textarea,.quote-section select,
.quote input,.quote textarea,.quote select{
  color:#F7F4EE;
  border-color:rgba(247,244,238,.28);
}
.quote-section input::placeholder,.quote-section textarea::placeholder,
.quote input::placeholder,.quote textarea::placeholder{
  color:rgba(247,244,238,.55);
}


/* V13 — restore original transparent/light-text header behavior on homepage */
body[data-page="home"] .site-header,
body:not([data-page]) .site-header{
  background:transparent !important;
  border-bottom-color:rgba(255,255,255,.28) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

body[data-page="home"] .site-header .brand,
body[data-page="home"] .site-header .brand-mark,
body[data-page="home"] .site-header .desktop-nav a,
body[data-page="home"] .site-header .phone,
body:not([data-page]) .site-header .brand,
body:not([data-page]) .site-header .brand-mark,
body:not([data-page]) .site-header .desktop-nav a,
body:not([data-page]) .site-header .phone{
  color:#F7F4EE !important;
}

body[data-page="home"] .site-header .menu-button span,
body:not([data-page]) .site-header .menu-button span{
  background:#F7F4EE !important;
}

/* Header button remains readable over hero */
body[data-page="home"] .site-header .btn-dark,
body:not([data-page]) .site-header .btn-dark{
  background:rgba(59,61,58,.82) !important;
  border-color:rgba(247,244,238,.48) !important;
  color:#F7F4EE !important;
}

/* After scrolling: return to solid mineral-light header with graphite typography */
body[data-page="home"] .site-header.scrolled,
body:not([data-page]) .site-header.scrolled{
  background:rgba(248,246,241,.96) !important;
  border-bottom-color:#D2CEC4 !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
}

body[data-page="home"] .site-header.scrolled .brand,
body[data-page="home"] .site-header.scrolled .brand-mark,
body[data-page="home"] .site-header.scrolled .desktop-nav a,
body[data-page="home"] .site-header.scrolled .phone,
body:not([data-page]) .site-header.scrolled .brand,
body:not([data-page]) .site-header.scrolled .brand-mark,
body:not([data-page]) .site-header.scrolled .desktop-nav a,
body:not([data-page]) .site-header.scrolled .phone{
  color:#3B3D3A !important;
}

body[data-page="home"] .site-header.scrolled .menu-button span,
body:not([data-page]) .site-header.scrolled .menu-button span{
  background:#3B3D3A !important;
}

body[data-page="home"] .site-header.scrolled .btn-dark,
body:not([data-page]) .site-header.scrolled .btn-dark{
  background:#3B3D3A !important;
  border-color:#3B3D3A !important;
  color:#F7F4EE !important;
}


/* FINAL REFINEMENT */

/* 1) "Назад" — no dark frame, keep it visibly clickable */
.page-back .btn,
.page-back .btn-outline{
  border:0 !important;
  background:transparent !important;
  color:#3B3D3A !important;
  padding-left:0 !important;
  padding-right:0 !important;
  min-height:auto !important;
  text-decoration:underline;
  text-underline-offset:4px;
  text-decoration-thickness:1px;
  box-shadow:none !important;
}
.page-back .btn:hover,
.page-back .btn-outline:hover{
  background:transparent !important;
  color:#555752 !important;
  border:0 !important;
}
.page-back .btn::before{
  color:inherit;
}

/* 2) "Получить расчет" form section — mineral-milk surface */
.quote-section,
.quote,
.project-form-section,
.specification-section{
  background:#F3F0E9 !important;
  color:#3B3D3A !important;
}
.quote-section h1,
.quote-section h2,
.quote-section h3,
.quote-section p,
.quote-section label,
.quote h1,
.quote h2,
.quote h3,
.quote p,
.quote label{
  color:#3B3D3A !important;
}
.quote-form{
  background:#F8F6F1 !important;
  border-color:#D2CEC4 !important;
}
.quote-section input,
.quote-section textarea,
.quote-section select,
.quote input,
.quote textarea,
.quote select{
  background:#F8F6F1 !important;
  color:#3B3D3A !important;
  border-color:#D2CEC4 !important;
}
.quote-section input::placeholder,
.quote-section textarea::placeholder,
.quote input::placeholder,
.quote textarea::placeholder{
  color:#8A887F !important;
}
.quote-section .upload,
.quote .upload{
  border-color:#C9C5BB !important;
  color:#3B3D3A !important;
}
.quote-section .btn-light,
.quote .btn-light{
  background:#3B3D3A !important;
  color:#F8F6F1 !important;
}

/* 3) Client marquee — more vertical breathing room and smoother movement */
.client-marquee{
  gap:6px !important;
}
.client-row{
  padding:8px 0 !important;
  overflow:hidden;
}
.client-track-group{
  gap:clamp(38px,5.5vw,96px) !important;
  transform:translate3d(0,0,0);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  will-change:transform;
}

/* Replace previous keyframes with fully seamless 50% loops */
.client-row-left .client-track-group{
  animation:clients-smooth-left 52s linear infinite !important;
}
.client-row-right .client-track-group{
  animation:clients-smooth-right 56s linear infinite !important;
}

/* Add a little variation without abrupt duration jumps */
.client-row:nth-child(3n) .client-track-group{animation-duration:58s !important}
.client-row:nth-child(4n) .client-track-group{animation-duration:62s !important}

@keyframes clients-smooth-left{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@keyframes clients-smooth-right{
  from{transform:translate3d(-50%,0,0)}
  to{transform:translate3d(0,0,0)}
}

@media(max-width:700px){
  .client-marquee{gap:5px !important}
  .client-row{padding:7px 0 !important}
  .client-row-left .client-track-group{animation-duration:46s !important}
  .client-row-right .client-track-group{animation-duration:50s !important}
}

@media (prefers-reduced-motion: reduce){
  .client-row-left .client-track-group,
  .client-row-right .client-track-group{
    animation:none !important;
    transform:none !important;
  }
}


/* Restore graphite background for "ЕСТЬ ГОТОВЫЙ ПРОЕКТ?" */
.quote-section,
.quote,
.project-form-section,
.specification-section{
  background:#3B3D3A !important;
  color:#F7F4EE !important;
}

.quote-section h1,
.quote-section h2,
.quote-section h3,
.quote-section p,
.quote-section label,
.quote h1,
.quote h2,
.quote h3,
.quote p,
.quote label,
.project-form-section h1,
.project-form-section h2,
.project-form-section h3,
.project-form-section p,
.project-form-section label{
  color:#F7F4EE !important;
}

/* Keep form fields elegant and readable on graphite */
.quote-form{
  background:rgba(248,246,241,.06) !important;
  border-color:rgba(247,244,238,.22) !important;
}

.quote-section input,
.quote-section textarea,
.quote-section select,
.quote input,
.quote textarea,
.quote select{
  background:rgba(248,246,241,.06) !important;
  color:#F7F4EE !important;
  border-color:rgba(247,244,238,.28) !important;
}

.quote-section input::placeholder,
.quote-section textarea::placeholder,
.quote input::placeholder,
.quote textarea::placeholder{
  color:rgba(247,244,238,.58) !important;
}

.quote-section .upload,
.quote .upload{
  border-color:rgba(247,244,238,.30) !important;
  color:#F7F4EE !important;
}


/* FINAL MARQUEE FIX — always visually filled, seamless and smooth */
.client-marquee{
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:12px !important;
}

.client-row{
  width:100%;
  overflow:hidden;
  white-space:nowrap;
  padding:4px 0 !important;
}

.client-track-group{
  display:flex;
  align-items:center;
  width:max-content;
  min-width:max-content;
  gap:clamp(42px,6vw,110px) !important;
  will-change:transform;
  transform:translate3d(0,0,0);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}

.client-track-group span{
  flex:none;
  display:inline-block;
  font-size:clamp(22px,3.7vw,56px);
  line-height:1.12;
  letter-spacing:-.04em;
  white-space:nowrap;
}

/* Use exact half-track travel because markup contains two identical sequences */
.client-row-left .client-track-group{
  animation:client-marquee-left 38s linear infinite !important;
}

.client-row-right .client-track-group{
  animation:client-marquee-right 42s linear infinite !important;
}

/* Slight individual variation, but keep all rows continuously occupied */
.client-row:nth-child(3) .client-track-group{
  animation-duration:44s !important;
}
.client-row:nth-child(4) .client-track-group{
  animation-duration:46s !important;
}

@keyframes client-marquee-left{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}

@keyframes client-marquee-right{
  from{transform:translate3d(-50%,0,0)}
  to{transform:translate3d(0,0,0)}
}

@media(max-width:700px){
  .client-marquee{gap:10px !important}
  .client-track-group{gap:32px !important}
  .client-row-left .client-track-group{animation-duration:32s !important}
  .client-row-right .client-track-group{animation-duration:36s !important}
}

@media (prefers-reduced-motion: reduce){
  .client-row-left .client-track-group,
  .client-row-right .client-track-group{
    animation:none !important;
    transform:none !important;
  }
}


/* Match "Для кого мы работаем" and "Как мы работаем"
   to the logistics route-map surface */
.clients,
.process{
  background:#ECE9E2 !important;
}


/* Match Blog section to the warm logistics / clients / process surface */
.blog,
#blog{
  background:#ECE9E2 !important;
}

/* Final client ticker: exactly 5 evenly spaced rows, no blank seams */
.client-marquee{display:flex!important;flex-direction:column!important;gap:18px!important;overflow:hidden!important;padding:8px 0!important}
.client-row{width:100%!important;margin:0!important;padding:0!important;overflow:hidden!important;line-height:1!important}
.client-track-group{display:flex!important;align-items:center!important;width:max-content!important;gap:0!important;margin:0!important;padding:0!important;will-change:transform;backface-visibility:hidden}
.client-sequence{display:flex!important;align-items:center!important;flex:none!important;gap:24px!important;margin:0!important;padding:0 24px 0 0!important}
.client-sequence span{display:block!important;flex:none!important;margin:0!important;padding:0!important;white-space:nowrap!important;line-height:1.08!important}
.client-row-left .client-track-group{animation:client5left 46s linear infinite!important}
.client-row-right .client-track-group{animation:client5right 46s linear infinite!important}
@keyframes client5left{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes client5right{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}
@media(max-width:700px){.client-marquee{gap:14px!important}.client-sequence{gap:18px!important;padding-right:18px!important}}
@media(prefers-reduced-motion:reduce){.client-row-left .client-track-group,.client-row-right .client-track-group{animation:none!important;transform:none!important}}


/* Five unique client rows */
.client-marquee{
  gap:18px !important;
}
.client-sequence{
  gap:22px !important;
  padding-right:22px !important;
}
.client-row:nth-child(n){
  margin:0 !important;
  padding:0 !important;
}


/* EXACTLY FIVE CLIENT ROWS */
.clients .client-marquee{
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
}
.clients .client-row{
  display:block !important;
  margin:0 !important;
  padding:0 !important;
}

/* CLEAN CLIENTS BLOCK — exactly five rows, each phrase appears once */
.clients .client-marquee{
  display:flex!important;
  flex-direction:column!important;
  gap:18px!important;
  overflow:hidden!important;
  padding:8px 0!important;
}
.clients .client-row{
  width:100%!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0!important;
  min-height:clamp(28px,4vw,62px)!important;
}
.clients .client-single{
  display:inline-block!important;
  white-space:nowrap!important;
  font-size:clamp(22px,3.7vw,56px)!important;
  line-height:1.08!important;
  letter-spacing:-.04em!important;
  will-change:transform;
}
.clients .client-row-left .client-single{animation:clientOneLeft 24s linear infinite!important}
.clients .client-row-right .client-single{animation:clientOneRight 24s linear infinite!important}
@keyframes clientOneLeft{
  from{transform:translate3d(100vw,0,0)}
  to{transform:translate3d(-110%,0,0)}
}
@keyframes clientOneRight{
  from{transform:translate3d(-110%,0,0)}
  to{transform:translate3d(100vw,0,0)}
}
@media(prefers-reduced-motion:reduce){
  .clients .client-single{animation:none!important;transform:none!important}
}


/* Thin divider between "Логистика" and "О компании" */
#about{
  border-top:1px solid var(--line) !important;
}

/* Repeating client phrases — seamless, no empty gaps */
.clients .client-marquee{
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
  overflow:hidden !important;
  padding:8px 0 !important;
}
.clients .client-row{
  width:100% !important;
  overflow:hidden !important;
  margin:0 !important;
  padding:0 !important;
}
.clients .client-track{
  display:flex !important;
  width:max-content !important;
  min-width:max-content !important;
  will-change:transform;
  backface-visibility:hidden;
}
.clients .client-sequence{
  display:flex !important;
  flex:none !important;
  gap:24px !important;
  padding-right:24px !important;
}
.clients .client-sequence span{
  flex:none !important;
  white-space:nowrap !important;
  font-size:clamp(22px,3.7vw,56px) !important;
  line-height:1.08 !important;
  letter-spacing:-.04em !important;
}
.clients .client-row-left .client-track{
  animation:clientsRepeatLeft 34s linear infinite !important;
}
.clients .client-row-right .client-track{
  animation:clientsRepeatRight 34s linear infinite !important;
}
@keyframes clientsRepeatLeft{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@keyframes clientsRepeatRight{
  from{transform:translate3d(-50%,0,0)}
  to{transform:translate3d(0,0,0)}
}
@media(prefers-reduced-motion:reduce){
  .clients .client-track{
    animation:none !important;
    transform:none !important;
  }
}

/* Slower client marquee */
.clients .client-row-left .client-track,
.clients .client-row-right .client-track{
  animation-duration:58s !important;
}

/* Process cards with human, clear photography */
.process-grid{align-items:stretch!important}
.process-item{position:relative!important;overflow:hidden!important;padding:0!important;display:flex!important;flex-direction:column!important;background:#F3F0E9!important}
.process-photo{width:100%;aspect-ratio:4/3;overflow:hidden;border-bottom:1px solid var(--line)}
.process-photo img{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.82) contrast(.96) brightness(1.03);transition:transform .55s ease,filter .55s ease}
.process-item:hover .process-photo img{transform:scale(1.025);filter:saturate(.92) contrast(.98) brightness(1.02)}
.process-caption{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;padding:18px 18px 20px}
.process-caption span{font-size:12px;line-height:1.4;color:var(--muted)}
.process-caption p{margin:0;line-height:1.25}
@media(max-width:700px){.process-caption{padding:15px 14px 17px}.process-photo{aspect-ratio:16/10}}


/* Process photo stability + performance fix */
.process-photo{
  aspect-ratio:4/3 !important;
  width:100% !important;
  overflow:hidden !important;
  background:#E5E1D8 !important;
  contain:layout paint !important;
}
.process-photo img{
  width:100% !important;
  height:100% !important;
  aspect-ratio:4/3 !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
}
.process-item{
  min-width:0 !important;
  contain:layout paint !important;
}