/* The portfolio follows the different layout families in the JECO profile. */
:root{--accent:#ffc400;--division-ink:#0c2858;--hex:url(#jeco-rounded-hex);--cut:polygon(7% 0,100% 0,100% 88%,93% 100%,0 100%,0 12%)}
[data-division="fire"]{--accent:#dc2331;--division-ink:#181c26}
.scroll-progress{position:fixed;z-index:80;top:0;left:0;height:3px;width:0;background:var(--yellow);pointer-events:none}
/* Corporate pages: generous plain text layouts with restrained angular details. */
.hero-photo{inset:0 0 0 39%;clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);background-image:url('./hd/machine-08.webp');background-position:center}
.hero-overlay{background:linear-gradient(90deg,#071d45 0%,#0a2f6a 33%,#0a2f6acf 44%,transparent 77%)}
.hero-hex{height:auto;aspect-ratio:1.154700538;clip-path:var(--hex)}
.engineering-picture{height:500px;position:relative;padding:0 0 14px 14px;border-left:5px solid var(--yellow);border-bottom:5px solid var(--yellow)}
.engineering-picture:before{display:none}.engineering-picture img{width:100%;height:100%;object-fit:cover;clip-path:polygon(0 0,88% 0,100% 13%,100% 100%,0 100%)}
.image-tag{left:28px;bottom:34px}.philosophy-img{clip-path:polygon(0 0,88% 0,100% 12%,100% 100%,0 100%)}
.collage-main{clip-path:var(--cut);border:0}.collage-small{clip-path:var(--hex);width:46%;height:auto;aspect-ratio:1.154700538;border:0}.profile-story-photo{clip-path:var(--cut)}
.mission-grid article,.production-grid>div{clip-path:none}.mission-grid article{border-top:5px solid var(--yellow)}.mission-grid article:nth-child(2){border-color:var(--blue)}
.enquiry-panel{clip-path:none;border-top:5px solid var(--yellow)}.enquiry-panel:before,.contact-band:before,.contact-band:after{clip-path:var(--hex);height:auto;aspect-ratio:1.154700538;border:0;background:#ffffff0c}
/* Each category image inherits its own visual treatment; text is never masked. */
.category-grid,.product-grid{align-items:start;row-gap:34px;column-gap:24px}
.category-card,.product-card{clip-path:none;background:transparent;border:0;box-shadow:none;filter:none;min-width:0}
.category-card:hover,.product-card:hover{box-shadow:none;transform:translateY(-7px)}
.category-image,.product-card-img{height:auto;width:100%;aspect-ratio:4/3;background:#e4ebf4;position:relative;overflow:hidden}
.category-image img,.product-card-img img{width:100%;height:100%;object-fit:cover;object-position:center;padding:0;background:#eef2f5}
.category-body,.product-card-text{background:transparent;padding:18px 4px 8px;min-height:108px}.category-body h3{line-height:1.08}.category-body p{line-height:1.5;margin-top:7px}.product-card-text h3{line-height:1.12}.card-index{left:12px;top:12px;background:var(--accent);color:var(--division-ink)}
[data-division="agri"] .category-image,[data-division="access"] .category-image,[data-division="recovery"] .category-image,[data-division="logistics"] .category-image,
main:is([data-division="agri"],[data-division="access"],[data-division="recovery"],[data-division="logistics"]) .product-card-img{width:86.60254%;aspect-ratio:1.154700538;margin-inline:auto;clip-path:var(--hex)}
[data-division="agri"] .card-index,[data-division="access"] .card-index,[data-division="recovery"] .card-index,[data-division="logistics"] .card-index{left:50%;top:15%;transform:translateX(-50%);font-size:.65rem;white-space:nowrap}
[data-division="cranes"] .category-image,[data-division="waste"] .category-image,main:is([data-division="cranes"],[data-division="waste"]) .product-card-img{clip-path:var(--cut);border-bottom:5px solid var(--yellow)}
[data-division="construction"] .category-image,main[data-division="construction"] .product-card-img{clip-path:polygon(10% 0,100% 0,100% 100%,0 100%,0 18%);border-bottom:5px solid var(--blue)}
[data-division="fire"] .category-image,main[data-division="fire"] .product-card-img{clip-path:none;border-bottom:5px solid var(--accent)}
[data-division="fire"] .card-index{color:white}
main[data-division="fire"] .product-card-text h3,[data-division="fire"] .category-body h3{color:#202431}
/* Shared readable detail layout; photo shape and bands vary by product family. */
.product-hero{background:#fff;color:var(--navy);border-bottom:1px solid var(--line)}
.product-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:6%;min-height:540px}
.product-hero-copy{padding:32px 0 68px}.product-hero h1{font-size:clamp(3.9rem,6.1vw,6.7rem);line-height:.96;overflow-wrap:normal}
.product-hero p{color:var(--muted)}.product-hero .eyebrow{color:var(--blue)}.product-hero .hero-sub-link{color:var(--navy);font-size:.8rem;border-bottom:2px solid var(--accent);padding-bottom:6px}.product-hero .crumb{color:var(--muted)}
.product-hero-media{width:100%;height:auto;min-height:0;aspect-ratio:4/3;margin:0;align-self:center;clip-path:none;position:relative;background:#f4f7fb}
.product-hero-media img{width:100%;height:100%;object-fit:cover;padding:0;background:#eef2f5}.product-hero-media:after{display:none}
main:is([data-division="agri"],[data-division="access"],[data-division="recovery"],[data-division="logistics"]) .product-hero-media{aspect-ratio:1.154700538;clip-path:var(--hex);background:var(--yellow)}
main[data-division="agri"] .product-hero h1{color:var(--blue)}
main[data-division="access"] .product-hero-media{border:6px solid var(--yellow)}
main[data-division="cranes"] .product-hero-media{clip-path:polygon(9% 0,100% 0,100% 100%,0 100%,0 15%)}
main[data-division="waste"] .product-hero-media{aspect-ratio:1.2;clip-path:polygon(16% 0,100% 0,100% 87%,88% 100%,0 100%,0 20%)}
main[data-division="construction"] .product-hero-media{clip-path:var(--cut);border-bottom:7px solid var(--yellow)}
main[data-division="fire"] .product-hero{background:white;color:#191c22}
main[data-division="fire"] .product-hero-media{aspect-ratio:4/3;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%,0 12%);border-bottom:6px solid var(--accent)}
main[data-division="fire"] .product-hero .eyebrow,main[data-division="fire"] .section-head .eyebrow,main[data-division="fire"] .product-hero h1{color:var(--accent)}
main[data-division="fire"] .btn-yellow{background:var(--accent);color:#fff}
/* Division landing heroes retain each profile's frame style. */
.category-hero{background:#fff;color:var(--navy);border-bottom:1px solid var(--line)}.category-hero-content{padding:50px 0}.category-hero h1{max-width:53%;font-size:clamp(4.5rem,7.5vw,7.5rem)}.category-hero .eyebrow{color:var(--blue)}.category-hero p{color:var(--muted);max-width:44%}
.category-hero-image{inset:9% 0 auto auto;width:47%;height:82%;clip-path:var(--cut)}.category-hero-image img{width:100%;height:100%;object-fit:cover;padding:0;background:#eef2f5}.category-hero:before{display:none}
main:is([data-division="agri"],[data-division="access"],[data-division="recovery"],[data-division="logistics"]) .category-hero-image{width:min(46%,530px);height:auto;aspect-ratio:1.154700538;clip-path:var(--hex)}
main[data-division="fire"] .category-hero-image{clip-path:none;border-bottom:6px solid var(--accent)}
main[data-division="fire"] .category-hero h1,main[data-division="fire"] .category-hero .eyebrow{color:var(--accent)}
/* Applications remain accessible live content, with no enlarged thumbnail crops. */
.product-benefits{padding:55px 0}.benefit-grid{align-items:center}.benefit-grid article{padding:28px;min-height:0;background:transparent;border-top:3px solid var(--accent)}.benefit-index{font:800 2rem 'Barlow Condensed';color:var(--blue)}
.benefit-lead h2{font-size:clamp(3rem,4.2vw,4.8rem)}
main:is([data-division="waste"],[data-division="cranes"]) .product-benefits{background:var(--navy);border-bottom:7px solid var(--yellow);color:white}
main:is([data-division="waste"],[data-division="cranes"]) .benefit-grid article p{color:#cedaee}
main:is([data-division="waste"],[data-division="cranes"]) .benefit-index,main:is([data-division="waste"],[data-division="cranes"]) .benefit-lead .eyebrow{color:var(--yellow)}
main[data-division="fire"] .product-benefits{background:#1c2028;border-bottom:6px solid var(--accent);color:white}
main[data-division="fire"] .benefit-grid article p{color:#d2d6df}
main[data-division="fire"] .benefit-index,main[data-division="fire"] .benefit-lead .eyebrow{color:#ff6470}
.application-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.application-card{background:white;border:1px solid var(--line);box-shadow:none;clip-path:none;min-width:0}
.application-copy{padding:25px;min-height:115px;display:flex;align-items:center;gap:18px}
.application-copy span{flex:none;font:800 1.7rem/1 'Barlow Condensed';color:var(--blue);display:grid;place-items:center;width:53px;aspect-ratio:1.154700538;background:#edf3fa}
.application-copy h3{font:700 1.4rem/1.12 'Barlow Condensed';text-transform:uppercase;margin:0}
main:is([data-division="agri"],[data-division="access"],[data-division="recovery"],[data-division="logistics"]) .application-copy span{clip-path:var(--hex);background:var(--yellow);color:var(--navy)}
main[data-division="recovery"] .application-grid,main[data-division="waste"] .application-grid,main[data-division="fire"] .application-grid,main[data-division="construction"] .application-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
main[data-division="waste"] .application-card{clip-path:var(--cut);border-bottom:4px solid var(--yellow)}
main[data-division="waste"] .application-copy span{background:var(--navy);color:var(--yellow)}
main[data-division="fire"] .application-card{border:0;border-top:4px solid var(--accent);background:white}
main[data-division="fire"] .application-copy span{background:var(--accent);color:white}
main[data-division="construction"] .application-card{border-bottom:5px solid var(--blue)}
main[data-division="construction"] .application-copy span{background:var(--yellow);color:var(--navy);clip-path:var(--hex)}
main[data-division="fire"] .product-enquiry{background:#1c2028}
main[data-division="fire"] h2 em{color:var(--accent)}
/* Company portfolio rows echo each category, not one universal mask. */
.catalogue-web-row,.catalogue-web-row:nth-child(even){grid-template-columns:minmax(0,40fr) minmax(0,57fr);gap:3%;background:transparent;border-bottom:1px solid var(--line);padding:35px 0;margin:0}
.catalogue-web-row:nth-child(even){grid-template-columns:minmax(0,57fr) minmax(0,40fr)}
.catalogue-web-photo{height:auto;min-height:0;width:100%;aspect-ratio:4/3;align-self:center;clip-path:var(--cut)}
.catalogue-web-photo img{width:100%;height:100%;object-fit:cover;padding:0;background:#eef2f5}.catalogue-web-copy{padding:25px 0}
.catalogue-web-row:is([data-division="agri"],[data-division="access"],[data-division="recovery"],[data-division="logistics"]) .catalogue-web-photo{aspect-ratio:1.154700538;clip-path:var(--hex)}
.catalogue-web-row[data-division="fire"] .catalogue-web-photo{clip-path:none;border-bottom:5px solid var(--accent)}
.catalogue-web-row[data-division="fire"] .catalogue-web-copy h3{color:var(--accent)}
/* Motion emphasizes navigation and product imagery. */
.category-card img,.product-card img,.catalogue-web-photo img{transition:transform .6s cubic-bezier(.2,.75,.25,1)}.category-card:hover img,.product-card:hover img,.catalogue-web-row:hover img{transform:scale(1.045)}
.hero-photo.is-changing{animation:heroShift .7s both}@keyframes heroShift{from{opacity:.2;transform:translateX(25px) scale(1.035)}to{opacity:1;transform:none}}
.hero-hex-a{animation:hexDrift 9s ease-in-out infinite alternate}.hero-hex-b{animation:hexDrift 12s ease-in-out infinite alternate-reverse}@keyframes hexDrift{from{transform:translateY(-9px) rotate(13deg)}to{transform:translateY(13px) rotate(26deg)}}
@media(max-width:1100px){.category-image,.product-card-img{max-width:360px;margin-inline:auto}.product-hero h1{font-size:4.8rem}.category-hero h1{font-size:5.7rem}}
@media(max-width:760px){
 .hero-photo{inset:0 0 37% 0;clip-path:none}.hero-overlay{background:linear-gradient(0deg,#071d45 3%,#092c61 46%,#08264f20 90%)}
 .engineering-picture{height:340px;margin-bottom:40px}.category-grid,.product-grid{gap:24px 16px}.category-body,.product-card-text{padding:14px 2px 6px}.category-body h3{font-size:1.35rem}.category-body p{font-size:.77rem}
 .product-hero-grid{display:flex;flex-direction:column-reverse;min-height:0;gap:0}.product-hero-media{width:100%;max-width:570px;height:auto;aspect-ratio:4/3;margin:15px auto 0}.product-hero-copy{padding:32px 0 55px}.product-hero h1{font-size:clamp(3.5rem,12vw,6rem)}.product-hero p{font-size:1rem}
 .category-hero{display:flex;flex-direction:column;min-height:0}.category-hero-image,main:is([data-division="agri"],[data-division="access"],[data-division="recovery"],[data-division="logistics"]) .category-hero-image{position:relative;inset:auto;width:calc(100% - 36px);max-width:550px;height:auto;aspect-ratio:4/3;margin:25px auto 0}
 main:is([data-division="agri"],[data-division="access"],[data-division="recovery"],[data-division="logistics"]) .category-hero-image{aspect-ratio:1.154700538}
 .category-hero-content{padding:25px 0 50px}.category-hero h1{max-width:none;font-size:clamp(4rem,13vw,6rem)}.category-hero p{max-width:none}
 .benefit-grid{display:block}.benefit-grid article{padding:23px 0;margin-top:20px}.application-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.application-copy{padding:20px 15px;gap:12px;min-height:120px}.application-copy span{width:40px;font-size:1.3rem}.application-copy h3{font-size:1.25rem}
 .catalogue-web-row,.catalogue-web-row:nth-child(even){display:block;padding:30px 0}.catalogue-web-photo{height:auto;min-height:0;aspect-ratio:4/3;max-width:550px;margin:auto}.catalogue-web-copy{padding:25px 0}
}
@media(max-width:450px){.application-grid,main[data-division] .application-grid{grid-template-columns:1fr}.application-copy{min-height:95px}.category-body h3{font-size:1.22rem}.category-body p{font-size:.74rem}.card-index{font-size:.6rem}.product-hero h1{font-size:3.65rem}}
@media(prefers-reduced-motion:reduce){.hero-photo.is-changing,.hero-hex-a,.hero-hex-b{animation:none!important}}

/* Oversized cargo uses the profile's broad photographic panel and dark feature band. */
main[data-layout="oversized"] .product-hero-media{aspect-ratio:4/3;clip-path:var(--cut)}
main[data-layout="oversized"] .product-benefits{background:var(--navy);color:white;border-bottom:6px solid var(--yellow)}
main[data-layout="oversized"] .benefit-grid article p{color:#cedaee}
main[data-layout="oversized"] .benefit-index,main[data-layout="oversized"] .benefit-lead .eyebrow{color:var(--yellow)}
main[data-layout="oversized"] .application-copy span{clip-path:none;background:var(--navy);color:var(--yellow)}

.visual-credit{display:block;margin-top:8px;font-size:.68rem;opacity:.7}

/* Profile-led cover: oversized geometry, clear white space, blue and yellow layers. */
.hero{min-height:740px;background:#fff;color:var(--navy);isolation:isolate;align-items:center;border-bottom:1px solid var(--line)}
.hero:after{inset:auto 0 0 auto;width:30%;height:8px;background:var(--yellow)}
.hero:before{content:'';position:absolute;left:-60px;top:55px;width:120px;aspect-ratio:1.1547;clip-path:var(--hex);background:#eef3fa;z-index:-1}
.hero-content{padding:72px 0 150px;pointer-events:none}
.hero-content>*{max-width:43%;pointer-events:auto}
.hero .hero-eyebrow{font-size:.78rem;letter-spacing:.08em;color:var(--blue);line-height:1.6;margin:0}
.hero .eyebrow-line{background:var(--yellow);width:26px;height:23px;clip-path:var(--hex);flex:none}
.hero h1{font-size:clamp(4.4rem,7.9vw,8rem);line-height:.94;margin:25px 0 26px;letter-spacing:-.025em;max-width:46%}
.hero h1 em{color:var(--blue)}
.hero p{max-width:38%;font-size:1.05rem;color:var(--muted);line-height:1.75;margin-bottom:30px;min-height:88px}
.hero .btn-outline{border-color:var(--navy);color:var(--navy);background:white}
.hero .btn-outline:hover{background:var(--navy);color:white}
.hero-visual{position:absolute;width:min(54vw,760px);aspect-ratio:1.154700538;right:1%;top:50%;transform:translateY(-51%);z-index:1;filter:drop-shadow(0 22px 25px #0c285812)}
.hero-visual:before{content:'';position:absolute;inset:0;transform:translate(20px,29px);background:var(--blue);clip-path:var(--hex)}
.hero-visual-shell{position:absolute;inset:0;clip-path:var(--hex);background:var(--yellow)}
.hero-photo{inset:9px;clip-path:var(--hex);background-size:cover;background-position:center;filter:none;transition:none}
.hero-hex{animation:none;width:66px;aspect-ratio:1.154700538;height:auto;opacity:1;transform:none}
.hero-hex-a{right:22%;top:-25px;background:var(--yellow)}
.hero-hex-b{left:7%;bottom:0;right:auto;background:var(--blue);width:44px}
.hero-seal{position:absolute;left:0;bottom:10%;width:128px;aspect-ratio:1.154700538;clip-path:var(--hex);background:var(--navy);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;border:0;text-align:center}
.hero-seal strong{font:800 2.4rem/1 'Barlow Condensed',sans-serif;color:var(--yellow)}
.hero-seal span{font-size:.65rem;font-weight:700;line-height:1.3;letter-spacing:.08em;margin-top:7px}
.hero-caption{bottom:24px;right:4%;padding:12px 20px 12px 16px;background:transparent;border-left:4px solid var(--yellow);min-width:270px;color:var(--navy)}
.hero-caption strong{font-size:.9rem}.hero-caption small{font-size:.8rem;color:var(--muted)}
.hero-rail{bottom:32px;gap:14px;color:var(--navy)}
.hero-rail>span{font-size:.8rem;letter-spacing:0;margin-left:8px}
.hero-rail .progress-track{width:65px;background:#dce4ed}.hero-rail .progress-track i{background:var(--blue)}
.hero-rail>button{width:36px;height:36px;border:1px solid #c5d2e3;color:var(--navy);background:white;font-size:1.1rem}
.hero-selectors{display:flex;gap:9px}
.hero-rail .hero-select{width:66px;height:auto;aspect-ratio:1.154700538;clip-path:var(--hex);border:0;padding:3px;background:#e1e7ef;transition:background .25s,transform .25s}
.hero-select img{width:100%;height:100%;object-fit:cover;clip-path:var(--hex)}
.hero-rail .hero-select.selected{background:var(--yellow);transform:translateY(-6px)}
.hero-rail .hero-select:hover{background:var(--blue)}
.hero-select:focus-visible{outline:0;background:var(--blue)!important}
@keyframes heroShift{from{opacity:.3;transform:scale(1.07)}to{opacity:1;transform:scale(1)}}
/* Repeat the cover's restrained geometric signature through the page. */
.proof-strip{background:var(--navy);border-bottom:5px solid var(--yellow)}
.proof-grid strong{color:var(--yellow)}.proof-grid span,.proof-arrow span:last-child{color:white}.proof-grid>div{border-color:#ffffff25}
.portfolio .section-head .eyebrow:before,.profile-teaser .eyebrow:before{content:'';display:inline-block;width:16px;aspect-ratio:1.154700538;clip-path:var(--hex);background:var(--yellow);margin-right:10px;vertical-align:-2px}
.web-collage{min-height:470px}
.collage-main{width:90%;height:auto;aspect-ratio:1.154700538;clip-path:var(--hex);background:var(--yellow);padding:6px}
.collage-main img{height:100%;width:100%;clip-path:var(--hex);object-fit:cover}
.collage-small{width:42%;background:var(--blue);padding:5px;right:0;bottom:5%}
.collage-small img{height:100%;width:100%;clip-path:var(--hex);object-fit:cover}
.collage-number{background:var(--navy);color:var(--yellow);clip-path:var(--hex);width:130px;aspect-ratio:1.154700538;height:auto;display:flex;align-items:center;justify-content:center;flex-direction:column;left:0;bottom:0;font-size:3rem;padding:14px;line-height:1}
.collage-number span{color:white;font-size:.65rem;line-height:1.3;margin-top:5px}
@media(min-width:1600px){.hero-visual{right:calc((100vw - 1560px)/2)}.hero-caption{right:calc((100vw - 1320px)/2)}}
@media(max-width:1100px) and (min-width:761px){.hero{min-height:670px}.hero h1{font-size:clamp(4.4rem,7.9vw,6.2rem)}.hero-content{padding-top:65px}.hero p{max-width:42%;font-size:1rem}.hero-rail{gap:9px}.hero-rail .hero-select{width:53px}.hero-visual{width:54vw;right:1%}.hero-caption{right:2%;min-width:240px}.hero-seal{width:105px}.hero-seal strong{font-size:2rem}.hero-actions{gap:10px}.hero .btn{font-size:.75rem;padding:13px 17px}}
@media(max-width:760px){
 .hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:0 0 96px;overflow:hidden}
 .hero-visual{position:relative;order:1;top:auto;right:auto;width:90%;max-width:550px;margin:32px auto 35px;transform:none;flex:none}
 .hero-visual:before{transform:translate(11px,16px)}.hero-photo{inset:6px}
 .hero-content{order:2;padding:0;z-index:2}.hero-content>*{max-width:100%}
 .hero h1{font-size:clamp(4.5rem,14vw,7rem);max-width:100%;margin:18px 0 22px;line-height:.94}
 .hero p{max-width:100%;font-size:1rem;min-height:0;margin-bottom:24px}
 .hero .hero-eyebrow{font-size:.75rem}.hero .eyebrow-line{width:19px;height:17px}
 .hero-hex-a{width:48px;top:-14px}.hero-hex-b{display:block;width:30px;left:6%;bottom:0}
 .hero-seal{width:95px;bottom:7%;left:0}.hero-seal strong{font-size:1.8rem}.hero-seal span{font-size:.58rem}
 .hero-caption{display:none}.hero-rail{bottom:24px;left:18px;right:18px;gap:12px;justify-content:flex-start}.hero-rail .hero-select{width:50px}.hero-rail .progress-track{width:40px}.hero-rail>span{margin:0}.hero-rail>button{width:32px;height:32px}
 .hero .hero-actions{max-width:100%}.hero .btn{font-size:.8rem;padding:12px 20px}
 .web-collage{min-height:0;aspect-ratio:1.1;margin-top:45px}.collage-main{height:auto}.collage-small{height:auto}.collage-number{width:110px;font-size:2.5rem}
}
@media(max-width:380px){.hero-rail{gap:8px}.hero-rail .hero-select{width:43px}.hero-rail .progress-track{width:25px}.hero h1{font-size:4.3rem}.hero-actions{gap:9px}.hero .btn{padding:10px 15px}}
@media(prefers-reduced-motion:reduce){.hero-select{transition:none!important}.hero-photo.is-changing{animation:none!important}}

/* Full-bleed equipment photography and synchronized, softly faded slide background. */
.hero{background:#dce6ef}
.hero-backdrop{position:absolute;inset:0;z-index:-1;background-image:url('./hd/machine-08.webp');background-size:cover;background-position:center;opacity:.24;filter:saturate(.65);pointer-events:none}
.hero-backdrop:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#edf3f9d9 0%,#edf3f945 52%,transparent 100%)}
.hero-caption{background:var(--navy);color:#fff;border-left:5px solid var(--yellow);padding:17px 23px;box-shadow:0 10px 28px #071d452b;min-width:290px;z-index:4}
.hero-caption span{color:var(--yellow)}
.hero-caption strong{color:#fff;line-height:1.3}
.hero-caption small{color:#e2eaf5;line-height:1.5}
@media(max-width:760px){.hero-caption{display:grid;position:relative;order:3;right:auto;bottom:auto;margin:25px 18px 0;min-width:0;width:fit-content;max-width:calc(100% - 36px);padding:14px 18px}.hero-backdrop{background-position:60% center;opacity:.2}}