/*
Theme Name: Union Auto
Version: 1.0.0
Requires PHP: 8.3
*/
:root{--red:#bd1022;--ink:#15171a;--muted:#555a61;--line:#e4e6e9;--soft:#f2f3f5;--max:1280px;font-family:Geist,Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:white}
*,*::before,*::after{box-sizing:border-box}
body{margin:0}img{display:block;max-width:100%;object-fit:cover}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a62b3a;outline-offset:4px}
.wrap{width:min(var(--max),calc(100% - 88px));margin-inline:auto}
.header{border-bottom:1px solid var(--line);background:#fff}.header-inner{min-height:75px;display:flex;align-items:center;gap:24px}.brand{margin-right:auto;flex:none}.brand img{object-fit:contain}
nav{display:flex;align-items:center;gap:26px}nav a,.locale-switch{font-size:15px;font-weight:650;white-space:nowrap}nav a{padding:26px 0;position:relative}nav a[aria-current]{color:var(--red)}nav a[aria-current]::after{content:"";height:3px;background:var(--red);position:absolute;inset:auto 0 0}
.menu{background:none;border:0;color:inherit;font-size:25px;line-height:1}.menu{display:none}.locale-switch{display:flex;gap:5px}.locale-switch [aria-current]{color:var(--red)}
.hero{background:linear-gradient(110deg,#f8f8f8,#e9eaee);overflow:hidden;position:relative}.hero .wrap{min-height:540px;display:grid;grid-template-columns:48% 52%;align-items:center;position:relative}.hero-copy{padding:78px 18px 84px 0;position:relative;z-index:1}.hero-art{height:100%;position:relative;margin-right:min(-44px,calc((1280px - 100vw)/2));overflow:hidden;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:55% center}.hero-art:after{content:"";position:absolute;right:0;bottom:0;width:38%;height:28%;background:var(--red);clip-path:polygon(100% 0,100% 100%,0 100%)}
h1,h2,h3,p{margin:0}h1{font-size:clamp(2.6rem,4.45vw,4rem);line-height:1.02;letter-spacing:-.055em;font-weight:800;overflow-wrap:break-word}h2{font-size:clamp(2rem,3.1vw,2.75rem);line-height:1.09;letter-spacing:-.045em;font-weight:790}h3{font-size:1.35rem;line-height:1.15;letter-spacing:-.025em}p{color:var(--muted);line-height:1.65}.hero p{font-size:1.18rem;margin-top:21px;max-width:33ch}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:11px 23px;border:1px solid transparent;border-radius:4px;background:var(--red);color:#fff;font-weight:700}.button:hover{background:#9f0d1c}.arrow{font-weight:700;display:inline-flex;align-items:center;gap:10px}.arrow:hover{color:var(--red)}
.section{padding-block:68px}.section h2,.split h2{margin-bottom:26px}.mark{display:flex;align-items:center;gap:13px}.mark::before{content:"";display:block;width:11px;height:27px;flex:none;transform:skew(-25deg);background:var(--red);margin-left:4px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.card{min-width:0;min-height:258px;background:#f0f1f3;overflow:hidden;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:20px;isolation:isolate}.card::before{content:"";position:absolute;inset:43% -20% -48% 25%;border-radius:70% 0 0 0;background:linear-gradient(125deg,#db2439,#a6091c);z-index:-2}.card img{position:absolute;inset:43px 0 23px;width:100%;height:calc(100% - 66px);object-fit:contain;mix-blend-mode:multiply;z-index:-1;transition:transform .22s}.card:hover img{transform:scale(1.045)}.card h3{max-width:15ch}.card .arrow{font-size:.88rem;background:#f0f1f3;padding:5px 8px;align-self:flex-start;border-radius:2px}
.tint{background:#f7f7f8}.split{display:grid;grid-template-columns:1.12fr 1fr;gap:clamp(24px,5vw,72px);align-items:center}.split p+p{margin-top:14px}.split .arrow{margin-top:21px}.facade{margin:0;position:relative;overflow:hidden;border-radius:3px}.facade img{width:100%;aspect-ratio:1.57}.facade figcaption{position:absolute;left:14px;bottom:13px;color:white;background:#15171ad9;padding:5px 9px;font-size:13px}
.news{display:grid;grid-template-columns:.7fr 1fr;align-items:center;gap:32px}.news img{width:100%;aspect-ratio:2;object-fit:cover}.news time{color:var(--muted);font-size:.9rem}.news h3{margin:9px 0}.news .arrow{margin-top:18px}
.cta{background:#24272b;position:relative;color:#fff;isolation:isolate;overflow:hidden}.cta::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#17181cf5,#17181c93),url(assets/piston.webp) 78% 48%/cover;z-index:-1;filter:grayscale(1)}.cta .wrap{display:flex;gap:30px;justify-content:space-between;align-items:center;min-height:245px;padding-block:48px}.cta h2{max-width:18ch}.cta p{color:#e5e6e8;margin-top:13px}.cta .button{flex:none}
footer{background:#1b1d20;color:#fff;position:relative;overflow:hidden;isolation:isolate}footer::after{content:"";position:absolute;right:-75px;bottom:-15px;width:460px;height:220px;background:url(assets/logo.png) center/contain no-repeat;filter:grayscale(1) brightness(3);opacity:.06;z-index:-1;pointer-events:none}.footer-grid{display:grid;grid-template-columns:1.55fr .8fr 1fr;gap:36px;padding-block:48px 32px}.footer-logo{background:#fff;padding:7px;width:145px;border-radius:3px;margin-bottom:13px}.footer-grid h3{font-size:1rem;margin-bottom:12px}.footer-grid a,.footer-grid address{display:block;font-style:normal;color:#dbdde2;font-size:.91rem;line-height:1.7;margin-bottom:6px}.footer-grid a:hover{color:white;text-decoration:underline}.footer-actions{display:flex;gap:12px;margin-top:13px}.footer-actions a{border:1px solid #505259;border-radius:4px;padding:4px 9px}.copyright{border-top:1px solid #414348;padding:14px 0 19px;font-size:.81rem;color:#d3d4d8}
.page-title{padding-block:52px;background:var(--soft)}.page-title p{margin-top:12px}.back{margin-bottom:16px}.detail-photo{width:100%;max-height:380px;object-fit:contain;background:var(--soft)}.specs{margin:23px 0;border-collapse:collapse;width:100%;text-align:left}.specs td,.specs th{border-bottom:1px solid var(--line);padding:11px 9px}.specs th{width:38%}.subgrid{margin-top:28px}.form{display:grid;gap:13px}.form label{font-weight:650}.form input,.form textarea{display:block;width:100%;padding:11px;margin-top:5px;border:1px solid #aaa;border-radius:3px}.form .button{justify-self:start}.contact-links p{margin:10px 0}.contact-links a{text-decoration:underline}.article{max-width:75ch}.article p{margin:14px 0}
@media(max-width:1050px){.header-inner{gap:15px}nav{gap:14px}.hero .wrap{min-height:460px}.card{min-height:225px}}
@media(max-width:820px){.wrap{width:calc(100% - 48px)}.header-inner{flex-wrap:wrap;min-height:68px;padding:10px 0;gap:11px}.brand img{width:119px;height:41px}.menu{display:block;order:4;padding:4px}.locale-switch{order:3}nav{order:5;display:none;width:100%;flex-wrap:wrap}nav.open{display:flex}nav a{padding:10px 0}.hero .wrap{min-height:400px}.hero-copy{padding:48px 12px 48px 0}.hero-art{margin-right:-24px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding-block:49px}.split{gap:25px}}
@media(max-width:560px){.wrap{width:calc(100% - 36px)}.brand img{width:102px;height:33px}.header-inner{gap:8px}.locale-switch{font-size:12px}.hero .wrap{display:block}.hero-copy{padding:37px 0 25px}.hero-art{height:230px;margin-inline:-18px;clip-path:none}.hero h1{font-size:2.65rem}.hero p{font-size:1rem}.actions{gap:14px}.grid{gap:9px}.card{min-height:180px;padding:11px}.card h3{font-size:1.02rem}.card img{inset:33px 0 26px;height:calc(100% - 59px)}.card .arrow{font-size:.73rem}.split,.news{grid-template-columns:1fr}.cta .wrap{align-items:flex-start;flex-direction:column;min-height:0;gap:20px}.footer-grid{grid-template-columns:1fr 1fr;gap:23px}.footer-grid>div:first-child{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}
:root{--red:#a7444d}
.hero-art:after{background:#d88e94}
.button:hover{background:#90353e}
.grid{align-items:start}
.card{cursor:pointer;list-style:none}
.card::-webkit-details-marker{display:none}
.card::before{background:linear-gradient(125deg,#f0c5ca,#d8949e)}
.category>p{padding:12px 14px;background:#f5f5f6;font-size:.93rem}
.category[open] .card .arrow span{transform:rotate(90deg)}
#search-status{margin:-13px 0 16px}

.cta .button{gap:12px}
.header-inner{gap:21px}

.locale-switch{order:3;gap:8px;align-items:center}
.locale-switch span{color:#8c8e93}

.search-icon{display:block;width:13px;height:13px;border:1.6px solid currentColor;border-radius:50%;position:relative}
.search-icon::after{content:"";position:absolute;width:6px;height:1.6px;background:currentColor;transform:rotate(45deg);left:9px;top:10px}
.card{min-height:270px;padding:19px 20px}
.card h3{max-width:none}
.card img{inset:50px 8% 36px auto;width:83%;height:calc(100% - 86px);mix-blend-mode:normal;filter:drop-shadow(0 6px 6px #28252b24)}
.card .arrow{background:transparent;padding:0}
.card::before{inset:49% -20% -48% 31%;background:linear-gradient(135deg,#f5dadc,#e4aab0)}
.footer-grid{grid-template-columns:1.35fr .65fr 1.05fr;gap:50px}
.footer-logo{display:block;width:178px;aspect-ratio:1704/417;padding:0;border-radius:0;background:linear-gradient(115deg,#e9525d 41%,#f5f5f6 68%);mask:url(assets/logo.png) center / contain no-repeat;margin-bottom:14px}
footer::after{background:#dadddf;mask:url(assets/logo.png) center/contain no-repeat;filter:none;opacity:.07}
.news p{margin-top:8px}
[lang="es"] nav{gap:18px}

@media(max-width:920px){.header-inner{gap:12px}[lang="es"] nav{gap:10px}}
@media(max-width:820px){.header-inner{gap:10px}.locale-switch{order:3}.card{min-height:225px}}
@media(max-width:560px){.header-inner{gap:6px}.locale-switch{gap:4px}.card{min-height:191px;padding:11px}.card img{inset:43px 5% 29px auto;width:90%;height:calc(100% - 72px)}.footer-grid{grid-template-columns:1fr 1fr;gap:24px}.footer-logo{width:151px}}
.card img[src$="/tubes.webp"]{mix-blend-mode:multiply;filter:brightness(1.1)}
.news img{object-fit:contain;background:#f3f4f5;padding:10px}
@media(max-width:1020px) and (min-width:821px){
  .header-inner{gap:12px}nav,[lang="es"] nav{gap:12px}
  nav a{font-size:14px}
  .brand img{width:123px}
}
@media(max-width:365px){
  
  
  nav{order:6}
}
.card img[src$="/tubes.webp"]{
  left:50%;right:auto;width:auto;aspect-ratio:1;translate:-50% 0;
  mix-blend-mode:normal;filter:none;
  clip-path:polygon(evenodd,0 0,
    31.7% 15.5%,98.8% 43.1%,98.8% 45.2%,97.1% 48.5%,30.8% 20.8%,29.9% 19%,30.2% 17.1%,31.7% 15.5%,0 0,
    23.1% 22.3%,92.5% 53.1%,92.5% 55%,90.1% 58.3%,22.3% 27.7%,21.6% 25.7%,22.1% 23.3%,23.1% 22.3%,0 0,
    11.6% 31.2%,83.9% 64.8%,83.7% 67.6%,80.8% 70.6%,9.8% 36.7%,9.4% 35%,10.1% 32.7%,11.6% 31.2%,0 0,
    2.8% 38.7%,77.8% 75.9%,77.6% 78.6%,75% 81.9%,1.5% 44.3%,.6% 42.8%,1.4% 40.4%,2.8% 38.7%,0 0);
}
/* Sticky navigation, search and section motion */
html{scroll-padding-top:95px}
.header{position:sticky;top:0;z-index:10;box-shadow:0 4px 18px #18191b08}
.header-inner{gap:clamp(13px,1.5vw,24px)}
.search-trigger{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid #dddfe3;border-radius:5px;background:#fff;color:var(--ink);font-size:14px;font-weight:700;white-space:nowrap}
.search-trigger:hover{border-color:var(--red);color:var(--red);background:#fcf5f6}
.search-trigger .search-icon{margin-right:2px}
.locale-switch{order:3;white-space:nowrap}
.header #nav a {transition: color .18s ease;}
.header #nav a:is(:hover, :focus-visible) {color: var(--red);}
.header #nav a:not([aria-current])::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 2px;
  background: var(--red);
  transform: scaleX(0);
  transition: transform .18s ease;
}
.header #nav a:is(:hover, :focus-visible)::after {transform: scaleX(1);}
.header .locale-switch [aria-current] {color: var(--red);}
.header .locale-switch [aria-disabled] {color: var(--muted);}
@media (prefers-reduced-motion: reduce) {
  .header #nav a, .header #nav a::after {transition: none;}
}
#search-panel{width:min(530px,calc(100% - 36px));padding:24px;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 70px #11131940;color:var(--ink)}
#search-panel::backdrop{background:#17191e80}
.search-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px}
.search-heading h2{font-size:1.5rem}
.search-close{border:0;background:#f2f3f5;border-radius:5px;width:37px;height:37px;font-size:1.5rem;color:var(--ink)}
#product-search{display:flex;gap:9px}
#query{flex:1;min-width:0;padding:10px 12px;border:1px solid #c9cbd0;border-radius:4px;color:var(--ink)}
#search-status button{border:0;background:none;color:var(--red);font-weight:700;text-decoration:underline}
.button,.arrow,.search-trigger,.search-close,.card,nav a{transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,transform .2s}
.arrow span{display:inline-block;transition:transform .2s}
.arrow:hover span{transform:translateX(4px)}
.card:hover{box-shadow:inset 0 0 0 1px #a7444d52}
.cta::before{background:linear-gradient(90deg,#15161bea 2%,#15161b8a 58%,#15161b4d),url(assets/cta-steel.webp) center 55%/cover}
.cta .wrap{min-height:300px}
.news img{object-fit:cover;padding:0;border-radius:3px}
.about-detail{min-height:50vh}
.about-detail h1{margin-bottom:21px;font-size:clamp(2.35rem,4vw,3.45rem)}
.footer-contact{border-inline-end:1px solid #ffffff26;padding-inline-end:25px}
.footer-contact>address,.footer-contact>a,.footer-actions a{display:flex;align-items:flex-start;gap:9px}
.contact-icon{width:16px;height:16px;flex:0 0 16px;margin-top:.24em}
.footer-actions a{align-items:center}
.footer-actions .contact-icon{margin:0}
.copyright{display:flex;justify-content:space-between;gap:10px 26px;flex-wrap:wrap}
.copyright a{color:#fff;text-decoration:underline;text-underline-offset:3px}
@keyframes enter{from{opacity:.45;translate:0 14px}to{opacity:1;translate:0 0}}
.enter{animation:enter .48s ease-out both}
.category:nth-child(3n+2){animation-delay:45ms}
.category:nth-child(3n){animation-delay:90ms}
@media(max-width:950px) and (min-width:821px){nav,[lang="es"] nav{gap:10px}.header-inner{gap:10px}.search-trigger{padding:8px}}
@media(max-width:820px){
  html{scroll-padding-top:82px}.header-inner{gap:9px}.search-trigger{order:2}
  .locale-switch{order:3}.menu{order:1}nav{order:5}.cta .wrap{min-height:0}
}
@media(max-width:560px){
  .search-trigger{padding:8px;gap:7px;font-size:13px}
  .footer-contact{border-inline-end:0;border-bottom:1px solid #ffffff26;padding-inline-end:0;padding-bottom:18px}
}
@media(prefers-reduced-motion:reduce){.enter{animation:none}}


.locale-link{order:3;white-space:nowrap;font-size:14px;font-weight:650}
.locale-link[aria-current]{color:var(--red)}
.locale-link[lang="en"]{margin-right:calc(-1 * clamp(5px,1vw,13px))}
.locale-link[lang="en"]::after{content:"/";margin-left:8px;color:#8c8e93}
@media(max-width:820px){.locale-link{font-size:12px}.locale-link[lang="en"]{margin-right:-5px}}
@media(min-width:821px){.header-inner nav{order:1}.search-trigger{order:2}}

.about-section{padding-block:clamp(24px,3.3vw,48px);min-height:0}
.about-section .split{gap:clamp(25px,5vw,72px)}
.about-section .facade{box-shadow:8px 8px 0 #e6c3c7}
.about-section .facade img{aspect-ratio:1.9}
.about-section .split h1,.about-section .split h2{margin-bottom:14px}
.about-section .split p+p{margin-top:9px}
.about-section .split .arrow{margin-top:14px}
.about-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-block:24px 0;padding:14px 0;background:white;border:1px solid var(--line)}
.about-facts>div{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 8px;text-align:center}
.about-facts>div+div{border-inline-start:1px solid var(--line)}
.about-facts dt{font-size:clamp(.78rem,1.25vw,.95rem);color:var(--muted);line-height:1.3}
.about-facts dd{order:-1;margin:0;color:var(--red);font-size:clamp(1.65rem,3vw,2.65rem);font-weight:800;line-height:1}
@media(max-width:560px){.about-facts{margin-top:18px}.about-section .facade{box-shadow:5px 5px 0 #e6c3c7}}

.inner-banner {
  display: grid;
  align-items: center;
  min-height: clamp(210px, calc(100vw * 480 / 1800), 520px);
  padding-block: 30px;
  background: linear-gradient(90deg, #15171af5 12%, #15171ab8 45%, #15171a35),
    var(--inner-banner-image, url(assets/cta-steel.webp)) var(--inner-banner-position, center 53%) / cover #15171a;
  color: #fff;
}
.inner-section-about {--inner-banner-image: url(assets/inner-about.webp); --inner-banner-position: 76% center;}
.inner-section-products {--inner-banner-image: url(assets/inner-products.webp); --inner-banner-position: 76% center;}
.inner-section-news {--inner-banner-image: url(assets/inner-news.webp); --inner-banner-position: 76% center;}
.inner-section-contact {--inner-banner-image: url(assets/inner-contact.webp); --inner-banner-position: 76% center;}
.inner-banner h1,
.inner-banner-title {
  margin: 0;
  color: inherit;
  font-size: clamp(2.25rem, 4.5vw, 3.65rem);
  font-weight: 800;
  line-height: 1.1;
  letter-spacing: -.045em;
}

.inner-subnav {
  display: grid;
  align-items: center;
  min-height: 54px;
  background: #f2f2f3;
}

.inner-content {
  padding-block: clamp(32px, 5vw, 64px);
}
nav.breadcrumb {display: block; padding-block: 13px; font-size: .875rem;}
.breadcrumb ol {display: flex; flex-wrap: wrap; gap: 5px 10px; list-style: none; margin: 0; padding: 0;}
.breadcrumb a {padding: 0; color: var(--muted); font: inherit;}
.breadcrumb a:hover {color: var(--red); text-decoration: underline;}
.breadcrumb li + li::before {content: "›"; margin-inline-end: 10px; color: var(--muted);}
.breadcrumb [aria-current="page"] {font-weight: 650;}

.breadcrumb-right ol {justify-content: flex-end; align-items: center;}
.breadcrumb-home {display: inline-flex; align-items: center; gap: 6px; vertical-align: middle;}
.breadcrumb-home svg {flex: none;}

.about-detail #company-profile {
  margin-bottom: clamp(18px, 2.5vw, 32px);
}

.profile-grid {
  display: grid;
  grid-template-columns: minmax(0, 48fr) minmax(0, 52fr);
  align-items: stretch;
  gap: clamp(24px, 3vw, 44px);
}

.about-detail .profile-grid .facade img {
  aspect-ratio: 16 / 10;
}

.profile-grid > p,
.profile-continuation > p {
  line-height: 1.75;
}

.profile-continuation {
  margin-top: clamp(24px, 3vw, 36px);
}

.profile-continuation .arrow {
  margin-top: 16px;
}

.about-detail .about-facts {
  margin-top: clamp(26px, 3.5vw, 44px);
}

@media (min-width: 901px) {
  .about-detail .profile-grid .facade {
    box-shadow: 8px 0 #e6c3c7;
  }

  .about-detail .profile-grid .facade img {
    position: absolute;
    inset: 0;
    height: 100%;
    aspect-ratio: auto;
  }
}

@media (max-width: 900px) {
  .profile-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 700px) {
  .about-detail .about-facts {
    grid-template-columns: minmax(0, 1fr);
  }

  .about-detail .about-facts > div + div {
    border-inline-start: 0;
    border-block-start: 1px solid var(--line);
  }

  .about-detail .about-facts > div {
    padding-block: 12px;
  }
}

.contact-subnav-inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 20px;
}
nav.contact-tabs {display: flex; width: auto; flex-wrap: wrap; gap: 0;}
.contact-tabs a {padding: 17px 23px;}
.contact-tabs a:hover {background: #e9e9eb;}
.contact-tabs a[aria-current] {background: var(--red); color: #fff;}
.contact-tabs a[aria-current]::after {display: none;}
.inner-subnav .contact-subnav-inner .breadcrumb {width: auto; margin-left: auto;}

.contact-section h2,
.contact-message h2 {text-align: center;}
.contact-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.75fr);
  overflow: hidden;
  border-radius: 12px;
  background: #f4f4f5;
}
.contact-card-info {
  display: grid;
  align-content: center;
  gap: 15px;
  padding: clamp(24px, 3.5vw, 46px);
}
.contact-card-info h3 {margin: 0 0 7px;}
.contact-card-info address,
.contact-card-info a {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-style: normal;
  color: var(--muted);
  overflow-wrap: anywhere;
}
.contact-card-info a:hover,
.contact-card-info .contact-icon {color: var(--red);}
.contact-map {position: relative; margin: 0; min-height: 330px;}
.contact-map img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;}
.contact-map figcaption {
  position: absolute;
  right: 12px;
  bottom: 12px;
  padding: 5px 9px;
  background: #fff;
  color: var(--muted);
  border-radius: 3px;
  font-size: .8rem;
}

.message-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px clamp(18px, 3vw, 36px);
}
.message-form label {display: block; font-weight: 650; font-size: .94rem;}
.message-form label span {color: var(--red);}
.message-form input,
.message-form textarea {
  display: block;
  width: 100%;
  margin-top: 7px;
  padding: 12px;
  border: 1px solid #dedfe2;
  border-radius: 4px;
  background: #fff;
  color: var(--ink);
  font: inherit;
  font-weight: 400;
}
.message-form textarea {resize: vertical;}
.message-wide {grid-column: 1 / -1;}
.message-actions {display: flex; align-items: center; flex-wrap: wrap; gap: 10px 17px;}
.message-actions p {margin: 0; font-size: .875rem;}

@media (max-width: 760px) {
  .contact-card, .message-form {grid-template-columns: minmax(0, 1fr);}
  .contact-map {min-height: 245px;}
  .contact-tabs a {padding: 14px 12px;}
}

.news-ledger {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 2px solid var(--ink);
}

.news-ledger li {
  border-bottom: 1px solid #d5d6d8;
}

.news-entry {
  display: grid;
  grid-template-columns: minmax(142px, 20%) minmax(0, 1fr) auto;
  align-items: center;
  gap: clamp(18px, 3vw, 38px);
  min-height: 120px;
  padding: 20px clamp(10px, 2vw, 26px);
  transition: background-color .2s, color .2s;
}

.news-entry time,
.news-article-header time {
  color: var(--muted);
  font-size: 14px;
  font-variant-numeric: tabular-nums;
}

.news-entry h2 {
  font-size: clamp(22px, 2vw, 26px);
  line-height: 1.3;
  margin: 0;
}

.news-entry-arrow {
  display: inline-block;
  font-size: 18px;
  line-height: 1;
  transition: transform .2s, color .2s;
}

.news-entry:hover,
.news-entry:focus-visible {
  color: var(--red);
}

.news-entry:hover .news-entry-arrow,
.news-entry:focus-visible .news-entry-arrow {
  transform: translateX(3px);
}

.news-article {
  max-width: 790px;
}

.news-back {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-size: .92rem;
  font-weight: 650;
}

.news-back:hover {
  color: var(--red);
}

.news-article-header {
  margin-top: clamp(28px, 5vw, 58px);
  padding-bottom: clamp(22px, 4vw, 36px);
  border-bottom: 1px solid #d5d6d8;
}

.news-article-header h1 {
  margin-top: 13px;
  font-size: clamp(36px, 3vw, 40px);
  line-height: 1.2;
  letter-spacing: -.035em;
}

.news-article-body {
  margin-top: clamp(20px, 4vw, 38px);
}

.news-article-body p {
  font-size: clamp(16px, 1.3vw, 17px);
  line-height: 1.8;
}

.news-article-body p + p {
  margin-top: 1.15em;
}

@media (max-width: 650px) {
  .news-entry {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 14px;
    min-height: auto;
    padding-block: 21px;
  }

  .news-entry time {
    grid-column: 1;
  }

  .news-entry h2 {
    grid-column: 1;
  }

  .news-entry-arrow {
    grid-column: 2;
    grid-row: 1 / span 2;
  }

  .news-article-header h1 {
    font-size: clamp(28px, 5vw, 32px);
  }
}