/*
Theme Name: Absolute Drilling
Theme URI: https://absolutedrilling.co.za/
Author: Absolute Drilling
Description: Complete custom website for Absolute Drilling.
Version: 2.3.0
Text Domain: absolute-drilling
*/

@font-face{font-family:Geist;src:url("assets/fonts/5264fc47a6c8c394.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
:root{--font-geist-sans:Geist,Arial,Helvetica,sans-serif}
body{font-family:var(--font-geist-sans)}
.service-glyph{width:94px;height:94px;display:block;position:relative;margin-bottom:32px;border-radius:18px;background:linear-gradient(145deg,var(--ink-soft),var(--ink));box-shadow:0 15px 30px #0c112229,inset 0 0 0 1px #ffffff14;overflow:hidden;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s}
.service-glyph:after{content:"";position:absolute;width:22px;height:4px;right:-6px;bottom:14px;background:var(--red);box-shadow:0 7px 0 #42449a}
.service-glyph small{position:absolute;z-index:3;left:11px;top:8px;color:#ff6975;letter-spacing:.13em;font-size:8px;font-weight:900;line-height:1}
.service-glyph i,.service-glyph b,.service-glyph em{position:absolute;display:block;font-style:normal;transition:transform .28s,background .28s,border-color .28s}
.service-card:hover .service-glyph{transform:translateY(-7px) rotate(-2deg) scale(1.05);box-shadow:0 22px 42px #0c11223d,inset 0 0 0 1px #ffffff25}
.glyph-drill i{width:26px;height:47px;left:34px;top:27px;border:3px solid #fff;border-bottom:0}.glyph-drill i:before,.glyph-drill i:after{content:"";position:absolute;left:1px;width:18px;height:3px;background:#fff;transform-origin:center}.glyph-drill i:before{top:13px;transform:rotate(38deg)}.glyph-drill i:after{top:29px;transform:rotate(-38deg)}.glyph-drill b{width:62px;height:6px;left:16px;bottom:15px;background:var(--red);box-shadow:9px -8px 0 -2px #fff}.glyph-drill em{width:0;height:0;left:41px;bottom:4px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:12px solid #fff}
.glyph-design i{width:55px;height:51px;left:19px;top:27px;border:3px solid #fff;background:repeating-linear-gradient(0deg,#0000 0 10px,#ffffff25 10px 11px),repeating-linear-gradient(90deg,#0000 0 10px,#ffffff25 10px 11px)}.glyph-design i:after{content:"";position:absolute;width:23px;height:14px;left:13px;top:15px;border-left:3px solid var(--red);border-bottom:3px solid var(--red)}.glyph-design b{width:42px;height:5px;left:29px;top:49px;background:var(--red);box-shadow:0 0 0 2px var(--ink);transform:rotate(-42deg)}.glyph-design em{width:0;height:0;right:16px;top:27px;border-left:8px solid #fff;border-top:5px solid transparent;border-bottom:5px solid transparent;transform:rotate(-42deg)}
.glyph-ground i{width:64px;height:35px;left:15px;top:37px;background:repeating-linear-gradient(0deg,#fff 0 4px,#0000 4px 11px);clip-path:polygon(0 0,100% 0,90% 100%,10% 100%)}.glyph-ground b{width:6px;height:54px;left:44px;top:24px;background:var(--red);box-shadow:0 0 0 2px var(--ink)}.glyph-ground em{width:15px;height:15px;left:39px;bottom:5px;background:#fff;border-radius:65% 35% 65% 35%;transform:rotate(45deg)}
.glyph-pump i{width:47px;height:47px;left:15px;top:34px;border:5px solid #fff;border-radius:50%;box-shadow:inset 0 0 0 8px var(--ink)}.glyph-pump i:after{content:"";position:absolute;width:9px;height:9px;left:14px;top:14px;background:var(--red);border-radius:50%}.glyph-pump b{width:34px;height:6px;right:8px;top:39px;background:var(--red);box-shadow:15px 14px 0 #fff;transform:rotate(90deg)}.glyph-pump em{width:12px;height:16px;right:10px;bottom:8px;background:#fff;border-radius:65% 35% 65% 35%;transform:rotate(45deg)}
.glyph-rehab i{width:48px;height:48px;left:18px;top:18px;border:4px solid #fff;border-right-color:var(--red);border-radius:50%}.glyph-rehab b{width:0;height:0;right:11px;top:14px;border-left:9px solid var(--red);border-top:6px solid transparent;border-bottom:6px solid transparent;transform:rotate(40deg)}.glyph-rehab em{width:5px;height:32px;left:40px;top:26px;background:#fff}
.glyph-water i{width:34px;height:34px;left:25px;top:20px;background:#fff;border-radius:65% 35% 65% 35%;transform:rotate(45deg)}.glyph-water b{width:24px;height:4px;left:30px;top:56px;background:var(--red)}.glyph-water em{width:10px;height:10px;left:37px;top:32px;border:2px solid var(--ink);border-radius:50%}
.glyph-test i{width:48px;height:48px;left:18px;top:18px;border:4px solid #fff;border-radius:50%}.glyph-test b{width:4px;height:22px;left:40px;top:28px;background:var(--red);transform-origin:bottom;transform:rotate(38deg)}.glyph-test em{width:12px;height:12px;left:36px;top:36px;background:#fff;border-radius:50%}
.glyph-install i{width:15px;height:50px;left:23px;top:14px;border:4px solid #fff}.glyph-install b{width:5px;height:46px;right:24px;top:14px;background:var(--red)}.glyph-install em{width:0;height:0;right:17px;bottom:8px;border-left:9px solid transparent;border-right:9px solid transparent;border-top:14px solid #fff}
.contact-card-grid .contact-icon{margin-bottom:auto;font-size:30px;color:var(--red)}
.contact-card-grid>:hover .contact-icon{color:var(--blue);transform:translateY(-3px) scale(1.08)}
.value-icon{width:74px;height:74px;position:relative;display:grid;place-items:center;margin:0;border-radius:16px;background:linear-gradient(145deg,var(--ink-soft),var(--ink));color:#fff;box-shadow:0 13px 28px #0c112229;overflow:hidden;transition:transform .25s,box-shadow .25s}
.value-icon strong{z-index:2;font-size:31px;font-weight:850;line-height:1}.value-icon i{position:absolute;width:42px;height:42px;right:-18px;bottom:-18px;border:10px solid var(--red);border-radius:50%}
.values-list article:hover .value-icon{background:var(--red);color:var(--ink);transform:translateY(-5px) rotate(-3deg) scale(1.05);box-shadow:0 20px 38px #0c11223d,inset 0 0 0 1px #0c112226}
.values-list article:hover .value-icon strong{color:var(--ink)}.values-list article:hover .value-icon i{border-color:var(--ink);background:transparent}
.values-list article{min-height:285px;padding:30px;display:flex;flex-direction:column;transition:transform .24s,box-shadow .24s,border-color .24s}.values-list article:hover{transform:translateY(-6px);box-shadow:0 24px 55px #0c11221a;border-color:#42449a42}
.values-list h3{margin:7px 0 12px;font-size:27px}.values-list article p{margin:0 0 24px;font-size:14px;line-height:1.65}.values-list article>i{margin-top:auto}
.value-card-top{align-items:flex-start}.value-kicker{display:block;color:var(--red);letter-spacing:.12em;text-transform:uppercase;margin-top:22px;font-size:10px;font-weight:850}
.home-hero-image,.page-hero{background-color:var(--ink)}
.home-hero-image{animation:heroDrift 16s ease-in-out infinite alternate}
.home-hero-copy,.hero-fact-card,.page-hero-content{animation:heroEnter .7s ease both}
.hero-fact-card{animation-delay:.16s}
.scroll-cue{animation:cueBounce 1.8s ease-in-out infinite}
@keyframes heroDrift{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.08) translate3d(-1.2%,.8%,0)}}
@keyframes heroEnter{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes cueBounce{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,7px)}}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.75,.25,1)}
.reveal.revealed{opacity:1;transform:none}
.service-card:nth-child(2),.gallery-item:nth-child(2),.values-list article:nth-child(2){transition-delay:.05s}
.service-card:nth-child(3),.gallery-item:nth-child(3),.values-list article:nth-child(3){transition-delay:.1s}
.service-card:nth-child(4),.gallery-item:nth-child(4),.values-list article:nth-child(4){transition-delay:.15s}
.hero-fact-card .metric{display:flex;align-items:baseline;gap:8px;margin:12px 0 5px}
.hero-fact-card .metric strong{font-size:42px;line-height:1;color:#fff}
.hero-fact-card .metric span{font-size:13px;color:#ffffffa8}
.fact-grid article{transition:background .2s,transform .2s}
.fact-grid article:hover{background:#ffffff12;transform:translateY(-5px)}
.image-frame img{width:100%;height:100%;object-fit:cover}
.service-card .arrow-link{margin-top:auto}
.values-media video{object-fit:cover}
.video-lightbox[hidden],.lightbox[hidden]{display:none!important}
.video-lightbox{padding:38px}
.video-lightbox video{max-width:min(92vw,1400px);max-height:86vh}
.video-sound-hint{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);color:#ffffffb8;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.lightbox-close{font-size:27px}
.lightbox-arrow{font-size:28px}
.gallery-item:focus-visible,.video-frame:focus-visible{outline:4px solid var(--red);outline-offset:2px}
.map-card{z-index:2}
.mobile-nav{display:none!important}
.mobile-nav.is-open{display:flex!important;flex-direction:column}
.menu-toggle-bars{position:relative;width:20px;height:16px;display:block}
.menu-toggle-bars i{position:absolute;left:0;width:20px;height:2px;border-radius:999px;background:#fff;transition:top .2s,transform .2s,opacity .16s}
.menu-toggle-bars i:nth-child(1){top:0}
.menu-toggle-bars i:nth-child(2){top:7px}
.menu-toggle-bars i:nth-child(3){top:14px}
.menu-toggle.is-open .menu-toggle-bars i:nth-child(1){top:7px;transform:rotate(45deg)}
.menu-toggle.is-open .menu-toggle-bars i:nth-child(2){opacity:0}
.menu-toggle.is-open .menu-toggle-bars i:nth-child(3){top:7px;transform:rotate(-45deg)}
.site-footer .footer-brand img{filter:brightness(0) invert(1)}
.brand img{max-height:70px;object-fit:contain}
.social-link{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #ffffff38;transition:.2s}
.social-link:hover{background:var(--red);border-color:var(--red);transform:translateY(-3px)}
.whatsapp-button{min-height:56px!important;padding:0 23px!important;border:1px solid #ffffff35!important;border-radius:999px!important;background:linear-gradient(135deg,#25ad63,#168348)!important;color:#fff!important;font-size:12px;font-weight:850;letter-spacing:.04em;box-shadow:0 18px 42px #126b3a4d,inset 0 1px 0 #ffffff31!important;transition:transform .22s,box-shadow .22s,background .22s!important}
.whatsapp-button .whatsapp-icon{display:block;width:22px;height:22px;filter:brightness(0) invert(1)}
.whatsapp-button:hover{background:linear-gradient(135deg,#2abc6e,#126f3d)!important;transform:translateY(-4px) scale(1.02)!important;box-shadow:0 23px 48px #126b3a5c,inset 0 1px 0 #ffffff3b!important}
.video-frame:after{content:"";position:absolute;inset:0;border:0 solid var(--red);transition:border-width .2s;pointer-events:none}
.video-frame:hover:after{border-width:4px}
.page-hero{background-attachment:fixed}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.page-hero{background-attachment:scroll}}
@media (max-width:800px){.page-hero{background-attachment:scroll}.video-lightbox{padding:12px}.video-sound-hint{display:none}}

/* Recognisable industrial service icon family. */
.service-glyph .glyph-art{position:absolute;z-index:1;left:17px;top:26px;width:60px;height:53px;background:#fff;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-size:contain;transition:transform .28s,background .28s}
.service-glyph .glyph-accent{position:absolute;z-index:2;right:8px;bottom:8px;width:23px;height:23px;border:4px solid var(--ink);border-radius:7px;background:var(--red);box-shadow:0 0 0 1px #ffffff1f;transition:transform .28s,background .28s}
.service-glyph .glyph-accent:after{content:"";position:absolute;left:50%;top:50%;width:9px;height:3px;background:#fff;transform:translate(-50%,-50%)}
.service-card:hover .service-glyph .glyph-art{background:#fff;transform:scale(1.08)}
.service-card:hover .service-glyph .glyph-accent{background:var(--blue);transform:rotate(12deg) scale(1.08)}
.glyph-drill .glyph-art{-webkit-mask-image:url("assets/icons/oil-well.svg");mask-image:url("assets/icons/oil-well.svg")}
.glyph-design .glyph-art{-webkit-mask-image:url("assets/icons/compass-drafting.svg");mask-image:url("assets/icons/compass-drafting.svg")}
.glyph-ground .glyph-art{-webkit-mask-image:url("assets/icons/person-digging.svg");mask-image:url("assets/icons/person-digging.svg")}
.glyph-pump .glyph-art{-webkit-mask-image:url("assets/icons/faucet-drip.svg");mask-image:url("assets/icons/faucet-drip.svg")}
.glyph-rehab .glyph-art{-webkit-mask-image:url("assets/icons/arrows-rotate.svg");mask-image:url("assets/icons/arrows-rotate.svg")}
.glyph-water .glyph-art{-webkit-mask-image:url("assets/icons/droplet.svg");mask-image:url("assets/icons/droplet.svg")}
.glyph-test .glyph-art{-webkit-mask-image:url("assets/icons/gauge-high.svg");mask-image:url("assets/icons/gauge-high.svg")}
.glyph-install .glyph-art{-webkit-mask-image:url("assets/icons/screwdriver-wrench.svg");mask-image:url("assets/icons/screwdriver-wrench.svg")}

/* Homepage capacity card: keep the metric legible against the light card. */
.hero-fact-card .metric strong{color:var(--red)!important}
.hero-fact-card .metric span{color:var(--ink)!important;font-weight:850;letter-spacing:.08em;text-transform:uppercase}

/* A compact visual dashboard for the four key company facts. */
.fact-grid article{display:grid;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:17px;min-height:138px;padding:25px 21px}
.fact-grid article>div{display:flex;min-width:0;flex-direction:column;gap:6px}
.fact-grid article strong{line-height:1.05}
.fact-icon{position:relative;width:58px;height:58px;border-radius:16px;background:#fff;box-shadow:0 13px 28px #080c1d2e,inset 0 0 0 1px #ffffff90;transition:transform .25s,background .25s}
.fact-icon{background:linear-gradient(145deg,var(--ink-soft),var(--ink));box-shadow:0 13px 28px #080c1d38,inset 0 0 0 1px #ffffff14}
.fact-icon:before{content:"";position:absolute;inset:13px;background:#fff;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-size:contain}
.fact-icon:after{content:"";position:absolute;right:-3px;bottom:6px;width:17px;height:17px;border:3px solid var(--ink);border-radius:5px;background:var(--red);box-shadow:inset 0 0 0 1px #ffffff1f}
.fact-depth:before{-webkit-mask-image:url("assets/icons/oil-well.svg");mask-image:url("assets/icons/oil-well.svg")}
.fact-pumps:before{-webkit-mask-image:url("assets/icons/faucet-drip.svg");mask-image:url("assets/icons/faucet-drip.svg")}
.fact-team:before{-webkit-mask-image:url("assets/icons/person-digging.svg");mask-image:url("assets/icons/person-digging.svg")}
.fact-quality:before{-webkit-mask-image:url("assets/icons/gauge-high.svg");mask-image:url("assets/icons/gauge-high.svg")}
.fact-grid article:hover .fact-icon{background:linear-gradient(145deg,var(--ink),var(--blue-dark));transform:rotate(-4deg) scale(1.07)}

/* Give the service artwork and copy their own breathing room. */
.services-cards-section .service-card{min-height:430px;padding:32px 28px 30px}
.services-cards-section .service-glyph{position:relative!important;inset:auto!important;flex:0 0 94px;margin-bottom:40px}
.services-cards-section .service-card h3{margin-top:0;margin-bottom:19px;line-height:1.15}
.services-cards-section .service-card p{margin:0;line-height:1.72}
.services-full-grid article:hover h3{color:#fff}

/* Keep the Focus panel compact and balanced around its content. */
.focus-grid{min-height:0}
.focus-image{align-self:center;height:580px;min-height:0}
.focus-image img{height:100%}
.focus-copy{padding-top:40px;padding-bottom:40px}

/* Larger, purposeful two-tone contact icons. */
.contact-card-grid .contact-icon{position:relative;display:grid;place-items:center;width:96px;height:96px;flex:0 0 96px;margin:0 auto auto 0;border-radius:19px;color:#fff!important;background:linear-gradient(145deg,var(--ink-soft),var(--ink));box-shadow:0 14px 30px #0c112229,inset 0 0 0 1px #ffffff14;overflow:hidden;transition:transform .25s,box-shadow .25s,background .25s}
.contact-card-grid .contact-icon>.dashicons{z-index:2;display:grid;place-items:center;width:64px;height:64px;color:#fff;font-size:60px;line-height:64px;text-shadow:0 2px 0 #0000002b;transition:transform .25s}
.contact-icon-accent{z-index:1;position:absolute;display:block;margin:0!important;background:var(--red)}
.contact-icon-phone .contact-icon-accent{width:27px;height:27px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.contact-icon-email .contact-icon-accent{width:39px;height:20px;left:50%;top:30px;clip-path:polygon(0 0,100% 0,50% 100%);transform:translateX(-50%)}
.contact-icon-map .contact-icon-accent{z-index:3;width:17px;height:17px;border:4px solid var(--ink);border-radius:50%;left:50%;top:39px;transform:translateX(-50%)}
.contact-icon-map>.dashicons{font-size:64px}
.contact-card-grid>:hover .contact-icon{color:#fff!important;background:linear-gradient(145deg,var(--ink),var(--blue-dark));transform:translateY(-5px) rotate(-3deg) scale(1.05);box-shadow:0 20px 40px #0c112238,inset 0 0 0 1px #ffffff25}
.contact-card-grid>:hover .contact-icon>.dashicons{transform:scale(1.05)}
.contact-card-grid>*{min-height:240px}
.quote-band-image{background-position:center 56%!important;background-size:cover!important;transform:scaleX(-1)}
.quote-band-image:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#080d1cd1 0%,#0c1122ad 47%,#30327870 100%);transform:scaleX(-1)}
.quote-band p{color:#ffffffe0;text-shadow:0 1px 16px #05081199}
.quote-band:after{z-index:1;right:auto;bottom:auto;left:-70px;top:-130px}
.quote-band:before{display:none}

/* True column masonry: natural image heights pack without grid holes. */
.gallery-grid{display:block!important;columns:4;column-gap:12px}
.gallery-grid .gallery-item{display:block!important;width:100%!important;height:auto!important;aspect-ratio:auto!important;margin:0 0 12px!important;break-inside:avoid;grid-column:auto!important;grid-row:auto!important}
.gallery-grid .gallery-item img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:cover}

/* Secure quote-form submission feedback. */
.form-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.form-submit:disabled{cursor:wait;opacity:.68;transform:none!important}
.form-status{display:none;margin:18px 0 0;padding:13px 15px;font-size:13px;font-weight:700;line-height:1.5}
.form-status.is-sending,.form-status.is-success,.form-status.is-error{display:block}
.form-status.is-sending{color:var(--blue-dark);background:#42449a12;border-left:4px solid var(--blue)}
.form-status.is-success{color:#126f3d;background:#16834812;border-left:4px solid #168348}
.form-status.is-error{color:#a61f2d;background:#ee334412;border-left:4px solid var(--red)}

/* Responsive navigation and page grids. */
@media (max-width:1100px){
  .desktop-nav,.nav-quote{display:none!important}
  .menu-toggle{display:flex!important;align-items:center;justify-content:center}
  .mobile-nav{display:none!important}
  .mobile-nav.is-open{display:flex!important}
  .nav-row{min-height:76px}
  .brand{max-width:min(220px,calc(100% - 72px))}
  .home-hero-inner{grid-template-columns:minmax(0,1fr)!important;gap:42px}
  .home-hero-copy{max-width:760px}
  .hero-fact-card{width:min(100%,430px)}
  .fact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .service-grid,.services-full-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .contact-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .quote-layout{grid-template-columns:minmax(0,1fr)!important;gap:45px}
  .quote-intro{position:static!important}
  .gallery-grid{columns:3}
}
@media (max-width:782px){.admin-bar .site-header{top:46px}}
@media (max-width:680px){
  .site-header{top:0;margin:0;width:100%}
  .nav-row{margin-top:0;margin-bottom:0}
  .shell{width:min(100% - 30px,1240px)}
  .contact-strip-inner>span,.contact-strip-inner div a:last-child{display:none}
  .contact-strip-inner{justify-content:center}
  .contact-strip-inner div{justify-content:center}
  .home-hero-inner{padding-top:68px!important;padding-bottom:100px!important}
  .home-hero-copy h1{font-size:clamp(42px,13vw,64px);line-height:.98}
  .hero-fact-card{width:100%}
  .fact-grid,.service-grid,.services-full-grid,.contact-card-grid,.field-grid{grid-template-columns:minmax(0,1fr)!important}
  .fact-grid article{grid-template-columns:58px 165px!important;justify-content:center;min-height:120px}
  .fact-grid article>div{align-items:flex-start;text-align:left}
  .services-cards-section .service-card{min-height:390px}
  .gallery-grid{columns:2}
  .page-hero-content h1{font-size:clamp(39px,12vw,58px);line-height:1}
  .page-hero-content{padding-top:64px;padding-bottom:72px}
  .quote-form{padding:27px 20px}
  .footer-grid{grid-template-columns:1fr!important;text-align:center;justify-items:center}
  .footer-brand img,.footer-brand p{margin-left:auto;margin-right:auto}
  .footer-links,.footer-contact{justify-items:center;align-items:center}
  .footer-bottom{align-items:center!important;text-align:center;width:100%;justify-content:center}
  .footer-bottom>div{justify-content:center}
  .focus-image{height:360px;min-height:0}
  .focus-copy{padding-top:58px;padding-bottom:58px}
  .quote-band:after{right:auto;bottom:auto;left:-95px;top:-130px}
  .quote-band:before{display:none}
  .whatsapp-button{width:56px!important;height:56px!important;min-height:56px!important;padding:0!important;justify-content:center!important;border-radius:50%!important}
  .whatsapp-button .whatsapp-label{display:none}
  .whatsapp-button .whatsapp-icon{display:block;width:28px;height:28px}
  .contact-card-grid>*{align-items:center;text-align:center}
  .contact-card-grid .contact-icon{margin-left:auto;margin-right:auto}
  .contact-card-grid strong{overflow-wrap:anywhere}
}
@media (max-width:430px){
  .gallery-grid{columns:1}
  .hero-actions{align-items:stretch;flex-direction:column}
  .hero-actions .button{justify-content:center;width:100%}
  .fact-grid article{grid-template-columns:54px 165px!important;justify-content:center;padding-inline:18px}
  .fact-icon{width:54px;height:54px}
}

/* Dashboard-managed videos use their own first frame until a poster is assigned. */
.video-frame>video{pointer-events:none;object-fit:cover;width:100%;height:100%;transition:opacity .22s,transform .45s;display:block}
.video-frame:hover>video{opacity:.72;transform:scale(1.035)}