/* Concept B: a distinct, contemporary industrial layout. Concept A is untouched. */
.modern .section{padding-block:96px}
.modern .hero{background:#fff}
.modern .hero-grid{padding-top:72px;padding-bottom:86px}
.modern .hero-intro{gap:72px}
.modern .hero-copy h1{animation:modern-enter .8s ease both}
.modern .hero-aside{animation:modern-enter .8s .16s ease both}
.modern .hero-visual{height:500px;overflow:hidden;isolation:isolate;border:0;border-radius:22px;background:linear-gradient(115deg,#173d55 0%,#2f6685 54%,#79a6bb 100%);box-shadow:0 28px 55px #163c5026;animation:modern-enter .9s .25s ease both}
.modern .hero-visual::before{inset:-30%;background:repeating-linear-gradient(90deg,transparent 0,transparent 142px,#ffffff18 143px,#ffffff18 144px);animation:modern-grid-drift 19s linear infinite}
.modern .hero-visual::after{z-index:0;width:75%;height:130%;top:-15%;right:-12%;background:radial-gradient(circle,#c7e1ee6b 0%,#a9ccdc2e 38%,transparent 67%);animation:modern-glow 8s ease-in-out infinite}
.modern .hero-panel-copy{z-index:3;width:47%;padding:74px 0 54px 70px}
.modern .hero-panel-copy h2{font-size:clamp(37px,3.4vw,50px);margin-top:43px}
.modern .hero-panel-copy>p:not(.eyebrow){font-size:16px;max-width:315px}
.modern .hero-panel-rule{width:72px;margin-top:54px}
.modern .hero-pipe{z-index:2;top:1%;right:7%;width:43%;height:98%;transform:none;filter:drop-shadow(18px 28px 22px #102e3d88);animation:modern-pipe-float 7.5s ease-in-out infinite}
.modern .visual-caption{z-index:3;bottom:24px;right:28px;color:#ecf6f9}
@keyframes modern-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes modern-pipe-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-17px) rotate(2deg)}}
@keyframes modern-glow{0%,100%{transform:translate(-3%,2%);opacity:.68}50%{transform:translate(4%,-3%);opacity:1}}
@keyframes modern-grid-drift{to{transform:translateX(145px)}}

.modern .benefits{background:#17384c;color:#fff;border:0}
.modern .benefits-grid{padding-block:32px}
.modern .benefits-grid>div{border-color:#ffffff34;padding-inline:32px}
.modern .benefits-grid>div:first-child{padding-left:0}
.modern .benefits-grid>div>span{color:#a7cddd}
.modern .benefits-grid h3{color:#fff;font-size:16px}
.modern .benefits-grid p{color:#c0d5df}

.modern .technology{background:#f4f8fa}
.modern .tech-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:72px;align-items:center}
.modern .tech-content{order:1}
.modern .tech-visual{order:2;height:620px;background:linear-gradient(145deg,#dceaf0,#bdd3df);border-radius:22px}
.modern .tech-visual>img{width:92%;transform:rotate(8deg)}
.modern .tech-visual:hover>img{transform:rotate(11deg) scale(1.025)}
.modern .tech-circle{width:500px;height:500px;left:auto;right:4%;top:8%;border-color:#315b7833}
.modern .tech-chip{border:0;border-radius:999px;background:#fff;box-shadow:0 6px 18px #234b601c;padding:9px 17px}
.modern .image-note{color:#365a6e}
.modern .tech-content h2{margin-bottom:26px}
.modern .tech-content .lead{font-size:17px;margin-bottom:28px}
.modern .feature-row{display:grid;grid-template-columns:34px 1fr;gap:15px;border:1px solid #dce7ed;background:#fff;border-radius:12px;padding:18px 20px;margin-bottom:10px;box-shadow:0 5px 18px #234b6009}
.modern .feature-row>span{font-size:13px;font-weight:700}
.modern .feature-row h3{font-size:17px;margin-bottom:4px}
.modern .feature-row p{font-size:13px}
.modern .tech-content .text-link{margin-top:18px}

.modern .process-film{background:#f7fafb;color:var(--ink);border-block:1px solid #e1ebf0}
.modern .film-layout{display:grid;grid-template-columns:1fr;gap:34px}
.modern .film-copy{display:grid;grid-template-columns:1.1fr .9fr;column-gap:70px;align-items:end}
.modern .film-copy .eyebrow{grid-column:1/-1}
.modern .film-copy h2{margin:13px 0 0}
.modern .film-copy>p:not(.eyebrow){max-width:430px;color:var(--muted);align-self:center}
.modern .film-prompt{grid-column:2;margin:8px 0 0;color:var(--steel)}
.modern .film-media{width:100%;border:0;border-radius:20px;overflow:hidden;box-shadow:0 25px 55px #153b502a}
.modern .film-media video{aspect-ratio:2.4/1;max-height:560px;object-fit:cover}
.modern .film-duration{top:20px;right:20px;border-radius:999px;padding:10px 15px}

.modern .products{background:#eaf2f6}
.modern .products .wrap{display:grid;grid-template-columns:238px minmax(0,1fr);column-gap:30px}
.modern .center-heading{grid-column:1/-1;text-align:left;max-width:none;margin:0 0 42px}
.modern .center-heading h2{font-size:clamp(42px,4vw,56px);margin-bottom:14px}
.modern .product-tabs{grid-column:1;grid-row:2;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:7px;margin:0;border:0}
.modern .product-tabs button{text-align:left;white-space:normal;line-height:1.35;padding:17px 18px;border:1px solid transparent;border-radius:10px;color:#476577;transition:background .25s,color .25s,transform .25s}
.modern .product-tabs button:hover{transform:translateX(3px);color:var(--ink)}
.modern .product-tabs button[aria-selected=true]{background:#fff;border-color:#d4e2e9;color:var(--steel);box-shadow:0 8px 22px #234b6013}
.modern .product-tabs button[aria-selected=true]::after{content:'';inset:auto 20px auto auto;top:50%;width:8px;height:8px;transform:translateY(-50%) rotate(45deg);border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;background:none}
.modern .product-panel{grid-column:2;grid-row:2;min-height:520px;gap:0;overflow:hidden;border-radius:20px;box-shadow:0 24px 50px #234b601d}
.modern .panel-copy{background:#1b435b;color:#fff;padding:60px 50px}
.modern .panel-copy .eyebrow{color:#abd0df}
.modern .panel-copy h3{color:#fff}
.modern .panel-copy>p:not(.eyebrow){color:#d2e3ea}
.modern .material-options{border-top:1px solid #ffffff38;padding-top:22px;gap:20px}
.modern .material-options span{color:#a9c9d7}
.modern .material-options b{color:#fff}
.modern .panel-copy .button.primary{background:#fff;color:var(--steel)}
.modern .panel-copy .button.primary svg{background:#eaf2f6}
.modern .panel-visual{background:linear-gradient(145deg,#dce9ef,#bcd4df)}
.modern .panel-visual img{height:390px}
.modern .panel-visual>span{color:#42697c}
.modern .products .spec-note{grid-column:2;max-width:none;margin-top:15px}

.modern .applications{background:#fff}
.modern .applications .section-heading{margin-bottom:42px}
.modern .application-grid{display:grid;grid-template-columns:1.04fr .96fr;grid-template-rows:repeat(2,minmax(245px,1fr));gap:18px}
.modern .application-card,.modern .application-card:first-child,.modern .application-card:last-child{border-radius:18px;overflow:hidden;background:#f4f8fa}
.modern .application-card:first-child{grid-row:span 2}
.modern .application-card:first-child .application-media{height:290px}
.modern .application-card:first-child .application-body{padding:32px}
.modern .application-card:nth-child(2),.modern .application-card:nth-child(3){display:grid;grid-template-columns:42% 58%}
.modern .application-card:nth-child(2) .application-media,.modern .application-card:nth-child(3) .application-media{height:100%}
.modern .application-card:nth-child(2) .application-body,.modern .application-card:nth-child(3) .application-body{padding:26px;min-width:0}
.modern .application-card:nth-child(2) h3,.modern .application-card:nth-child(3) h3{font-size:23px}
.modern .application-body>p{min-height:0}
.modern .app-bottom{margin-top:24px}
.modern .application-photo-note{display:none}

.modern .resources{background:#eaf2f6}
.modern .resources-grid{display:block}
.modern .resources-grid>div:first-child{display:grid;grid-template-columns:1fr 1fr;column-gap:80px;align-items:center}
.modern .resources-grid>div:first-child .eyebrow{grid-column:1/-1}
.modern .resources-grid h2{grid-column:1;grid-row:2;font-size:clamp(42px,4vw,56px);margin:18px 0 0}
.modern .resources-grid>div:first-child>p:not(.eyebrow){grid-column:2;grid-row:2;max-width:450px;font-size:17px}
.modern .resources-grid>div:first-child>.text-link{grid-column:2;grid-row:3;justify-self:start;margin-top:10px}
.modern .report-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:48px}
.modern .report-link,.modern .report-link:first-child{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0;min-height:178px;padding:22px 24px;border:1px solid #d3e1e8;border-radius:16px;background:#fff;box-shadow:0 8px 25px #1c43570d;transition:transform .25s,box-shadow .25s,border-color .25s}
.modern .report-link:hover{padding:22px 24px;transform:translateY(-4px);border-color:#9dbbca;box-shadow:0 16px 35px #1c43571e}
.modern .pdf-icon{width:auto;height:auto;padding:6px 10px;border:0;border-radius:5px;background:#e7f0f4;color:var(--steel);font-weight:700;letter-spacing:.08em}
.modern .report-link>span:nth-child(2){display:block;margin-top:15px;padding-right:45px}
.modern .report-link b{font-size:20px;line-height:1.25}
.modern .report-link small{font-size:13px;margin-top:9px}
.modern .download-icon{position:absolute;right:22px;bottom:22px}
.modern .report-list>.all-reports{grid-column:1/-1;justify-self:start;margin-top:12px}
.modern .report-list>.spec-note{grid-column:1/-1;margin:0}

.modern .contact{background:linear-gradient(135deg,#112e40,#214f68);color:#fff;padding-block:108px}
.modern .contact-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:80px;align-items:start}
.modern .contact h2{color:#fff;font-size:clamp(46px,4vw,61px);margin:26px 0}
.modern .contact h2 em{color:#b5d2df}
.modern .contact-grid>div>p:not(.eyebrow){color:#c9dbe4;font-size:17px;line-height:1.7;max-width:400px}
.modern .contact-email{color:#fff;margin-top:55px;font-size:20px}
.modern .contact-email svg{border-color:#8baabb;color:#fff}
.modern .contact address{color:#adc7d4;line-height:1.7}
.modern #enquiry-form{background:#fff;color:var(--ink);border-radius:20px;padding:48px;box-shadow:0 28px 55px #0b253658}
.modern #enquiry-form input,.modern #enquiry-form select,.modern #enquiry-form textarea{border-color:#cbdbe3}
.modern #enquiry-form .form-submit{border-top:1px solid #dce6eb;padding-top:26px}
.modern #enquiry-form .form-submit>p{color:#526e7e}
.modern footer{background:#f4f8fa}

@media(max-width:1100px){
  .modern .tech-grid{gap:44px}
  .modern .tech-visual{height:550px}
  .modern .products .wrap{grid-template-columns:200px minmax(0,1fr);column-gap:18px}
  .modern .panel-copy{padding:42px 32px}
  .modern .contact-grid{gap:38px}
  .modern #enquiry-form{padding:36px}
  .modern .application-card:nth-child(2),.modern .application-card:nth-child(3){grid-template-columns:38% 62%}
}
@media(max-width:900px){
  .modern .section{padding-block:72px}
  .modern .hero-grid{padding-top:56px;padding-bottom:70px}
  .modern .hero-visual{height:430px}
  .modern .hero-panel-copy{padding:54px 0 40px 45px;width:48%}
  .modern .hero-pipe{right:4%;width:46%}
  .modern .benefits-grid{grid-template-columns:repeat(2,1fr);row-gap:26px}
  .modern .benefits-grid>div:nth-child(2){border:0}
  .modern .tech-grid{grid-template-columns:1fr;gap:35px}
  .modern .tech-content,.modern .tech-visual{order:initial}
  .modern .tech-visual{height:480px}
  .modern .film-copy{column-gap:30px}
  .modern .products .wrap{display:block}
  .modern .product-tabs{flex-direction:row;justify-content:flex-start;overflow-x:auto;gap:7px;margin-bottom:18px;padding-bottom:7px}
  .modern .product-tabs button{white-space:nowrap;padding:13px 16px;flex:0 0 auto}
  .modern .product-tabs button[aria-selected=true]::after{display:none}
  .modern .product-panel{grid-template-columns:1fr 1fr;min-height:420px}
  .modern .products .spec-note{margin-top:14px}
  .modern .application-grid{grid-template-columns:1fr;grid-template-rows:auto}
  .modern .application-card:first-child{grid-row:auto;display:grid;grid-template-columns:42% 58%}
  .modern .application-card:first-child .application-media{height:100%}
  .modern .application-card:first-child .application-body{padding:26px}
  .modern .application-card:nth-child(2),.modern .application-card:nth-child(3){grid-template-columns:42% 58%}
  .modern .application-card:nth-child(2) .application-media,.modern .application-card:nth-child(3) .application-media{min-height:235px}
  .modern .contact-grid{grid-template-columns:1fr;gap:38px}
  .modern .contact h2{max-width:700px}
  .modern .contact-email{margin-top:25px}
}
@media(max-width:650px){
  .modern .section{padding-block:55px}
  .modern .hero-grid{padding-top:42px;padding-bottom:55px}
  .modern .hero-visual{height:430px;border-radius:14px}
  .modern .hero-panel-copy{width:84%;padding:28px 25px}
  .modern .hero-panel-copy h2{font-size:31px;margin:17px 0 10px}
  .modern .hero-panel-copy>p:not(.eyebrow){font-size:12px;max-width:260px}
  .modern .hero-pipe{top:38%;right:-1%;width:72%;height:61%}
  .modern .visual-caption{right:15px;bottom:13px}
  .modern .benefits-grid>div{padding-inline:16px}
  .modern .tech-grid{gap:28px}
  .modern .tech-visual{height:370px}
  .modern .tech-visual>img{width:90%}
  .modern .tech-circle{width:320px;height:320px;right:0;top:7%}
  .modern .feature-row{padding:16px}
  .modern .film-copy{display:block}
  .modern .film-copy h2{margin:15px 0}
  .modern .film-prompt{margin-top:15px}
  .modern .film-media{border-radius:12px}
  .modern .film-media video{aspect-ratio:16/10}
  .modern .center-heading{text-align:left;margin-bottom:28px}
  .modern .product-panel{grid-template-columns:1fr;border-radius:14px}
  .modern .panel-copy{padding:30px}
  .modern .panel-visual{height:300px}
  .modern .panel-visual img{height:250px}
  .modern .application-card:first-child,.modern .application-card:nth-child(2),.modern .application-card:nth-child(3){display:block}
  .modern .application-card:first-child .application-media,.modern .application-card:nth-child(2) .application-media,.modern .application-card:nth-child(3) .application-media{height:215px;min-height:0}
  .modern .application-card:first-child .application-body,.modern .application-card:nth-child(2) .application-body,.modern .application-card:nth-child(3) .application-body{padding:23px}
  .modern .resources-grid>div:first-child{display:block}
  .modern .resources-grid h2{margin:18px 0}
  .modern .resources-grid>div:first-child>p:not(.eyebrow){font-size:15px}
  .modern .resources-grid>div:first-child>.text-link{margin-top:20px}
  .modern .report-list{grid-template-columns:1fr;margin-top:32px;gap:12px}
  .modern .report-link,.modern .report-link:first-child{min-height:160px;padding:19px 20px}
  .modern .report-link:hover{padding:19px 20px}
  .modern .report-link b{font-size:18px}
  .modern .download-icon{right:20px;bottom:20px}
  .modern .contact{padding-block:64px}
  .modern .contact h2{font-size:43px}
  .modern #enquiry-form{padding:25px 22px;border-radius:14px}
  .modern #enquiry-form .form-submit{display:block}
  .modern #enquiry-form .form-submit .button{margin-top:18px}
}
@media(max-width:360px){
  .modern .hero-visual{height:410px}
  .modern .hero-pipe{top:43%;width:76%;height:55%}
  .modern .contact h2{font-size:38px}
}
@media(prefers-reduced-motion:reduce){
  .modern .hero-copy h1,.modern .hero-aside,.modern .hero-visual,.modern .hero-visual::before,.modern .hero-visual::after,.modern .hero-pipe{animation:none!important}
}

/* Concept B's second direction: a photographic corporate landing page. */
.modern .modern-hero{min-height:690px;height:min(790px,calc(100svh - 96px));background:#17364a;color:#fff}
.modern .modern-hero-photo,.modern .modern-hero-shade{position:absolute;inset:0}
.modern .modern-hero-photo{overflow:hidden}
.modern .modern-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:saturate(.78) contrast(1.07);animation:modern-photo-drift 16s ease-in-out infinite alternate}
.modern .modern-hero-shade{z-index:1;background:linear-gradient(90deg,#102c3df5 0%,#17394bdc 38%,#15374b78 65%,#102d3e30 100%)}
.modern .modern-hero-inner{position:relative;z-index:2;min-height:inherit;height:100%;display:flex;flex-direction:column;justify-content:center;padding-top:80px;padding-bottom:92px}
.modern .modern-hero .eyebrow{color:#cee4ee;font-size:12px;letter-spacing:.16em;animation:modern-enter .7s ease both}
.modern .modern-hero h1{font-size:clamp(64px,6.5vw,100px);line-height:1.02;letter-spacing:-.055em;max-width:940px;margin:30px 0 25px;color:#fff;animation:modern-enter .8s .1s ease both}
.modern .modern-hero h1 em{color:#bcd7e4}
.modern .modern-hero-lead{font-size:19px;line-height:1.68;max-width:660px;color:#e5f0f4;animation:modern-enter .8s .2s ease both}
.modern .modern-hero .hero-buttons{display:flex;gap:14px;margin-top:32px;animation:modern-enter .8s .28s ease both}
.modern .modern-hero .button.primary{background:#fff;color:#214960}
.modern .modern-hero .button.primary svg{background:#e7f1f5}
.modern .modern-hero .button.outline{background:#ffffff14;border-color:#d6e6edb8;color:#fff}
.modern .modern-hero .button.outline svg{background:#ffffff29;color:#fff}
.modern .modern-hero .button.outline:hover{background:#ffffff27;border-color:#fff}
.modern .modern-hero-foot{position:absolute;left:0;right:0;bottom:30px;display:flex;justify-content:flex-end;align-items:center;gap:30px;padding-top:19px;border-top:1px solid #ffffff75;color:#d4e5ec;font-size:11px;letter-spacing:.1em}
@keyframes modern-photo-drift{from{transform:scale(1.02) translateX(-1%)}to{transform:scale(1.11) translateX(2%)}}

.modern .modern-benefits{background:#fff;color:var(--ink);border-bottom:1px solid #d7e4eb}
.modern .modern-benefits .benefits-grid{padding-block:34px}
.modern .modern-benefits .benefits-grid>div{border-color:#d7e4eb}
.modern .modern-benefits .benefits-grid>div>span{color:var(--steel)}
.modern .modern-benefits .benefits-grid h3{color:var(--ink)}
.modern .modern-benefits .benefits-grid p{color:var(--muted)}

.modern .modern-technology{background:#fff}
.modern .modern-tech-head{display:grid;grid-template-columns:1fr .8fr;column-gap:75px;align-items:end;margin-bottom:42px}
.modern .modern-tech-head .eyebrow{grid-column:1/-1;color:var(--steel);margin-bottom:20px}
.modern .modern-tech-head h2{font-size:clamp(44px,4.5vw,64px);margin:0}
.modern .modern-tech-head h2 em{color:var(--steel)}
.modern .modern-tech-head .lead{font-size:17px;line-height:1.75;color:var(--muted);max-width:510px}
.modern .modern-tech-media{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;height:440px;overflow:hidden;border-radius:16px;background:linear-gradient(110deg,#1b455d 0%,#1d4963 36%,#dce9ef 36%,#c7dbe5 100%)}
.modern .modern-tech-media-copy{position:relative;z-index:2;align-self:center;padding:48px;color:#fff}
.modern .modern-tech-media-copy>span{font-size:11px;letter-spacing:.14em;color:#c3dbe6}
.modern .modern-tech-media-copy h3{font-size:clamp(30px,3vw,43px);line-height:1.13;color:#fff;margin:0 0 17px;max-width:340px}
.modern .modern-tech-media-copy p{font-size:15px;line-height:1.65;color:#d3e4ec;max-width:310px}
.modern .modern-tech-media>img{position:absolute;z-index:1;right:2%;top:-7%;width:61%;height:114%;object-fit:contain;filter:drop-shadow(10px 22px 16px #234b6030);transition:transform .6s ease}
.modern .modern-tech-caption{position:absolute;right:25px;bottom:20px;font-size:10px;letter-spacing:.1em;color:#456b7f}
.modern .modern-tech-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 18px}
.modern .modern-tech-features .feature-row{margin:0;display:block;border:1px solid #dbe7ed;border-radius:11px;padding:24px;background:#f8fafb;box-shadow:none;transition:transform .28s,box-shadow .28s,border-color .28s}
.modern .modern-tech-features .feature-row>span{display:block;padding:0;margin-bottom:24px;color:var(--steel)}
.modern .modern-tech-features .feature-row h3{font-size:19px;margin-bottom:10px}
.modern .modern-tech-features .feature-row p{font-size:14px;color:var(--muted)}

@media(hover:hover){
  .modern .modern-hero .button:hover{transform:translateY(-4px);box-shadow:0 15px 30px #061e2d45}
  .modern .modern-hero .button:hover svg{transform:translateX(4px)}
  .modern .modern-benefits .benefits-grid>div{transition:transform .28s,background .28s}
  .modern .modern-benefits .benefits-grid>div:hover{transform:translateY(-4px);background:#f3f8fa}
  .modern .application-card:hover{transform:translateY(-8px);box-shadow:0 24px 44px #17394b26}
  .modern .application-card:hover .application-media img{transform:scale(1.1) rotate(-2deg)}
  .modern .product-tabs button:hover{transform:translateX(7px);background:#ffffffa6}
  .modern .panel-visual img{transition:transform .55s ease,opacity .25s}
  .modern .product-panel:hover .panel-visual img{transform:rotate(-6deg) scale(1.065)}
  .modern .modern-tech-media:hover>img{transform:translateX(-12px) scale(1.045)}
  .modern .modern-tech-features .feature-row:hover{transform:translateY(-5px);border-color:#a9c7d6;box-shadow:0 15px 30px #17394b16}
  .modern .report-link:hover .download-icon{transform:translateY(3px);background:var(--steel);color:#fff}
  .modern #enquiry-form:focus-within{box-shadow:0 30px 65px #0b25366b}
}

@media(max-width:900px){
  .modern .modern-hero{min-height:660px;height:auto}
  .modern .modern-hero-inner{min-height:660px;padding-block:88px}
  .modern .modern-hero h1{font-size:clamp(58px,8vw,76px)}
  .modern .modern-hero-shade{background:linear-gradient(90deg,#102c3df7,#17394bba 67%,#102d3e78)}
  .modern .modern-tech-head{grid-template-columns:1fr;gap:17px}
  .modern .modern-tech-head .eyebrow{margin-bottom:0}
  .modern .modern-tech-head .lead{max-width:700px}
  .modern .modern-tech-media{height:390px}
  .modern .modern-tech-media-copy{padding:35px}
  .modern .modern-tech-features{gap:10px}
  .modern .modern-tech-features .feature-row{padding:18px}
}
@media(max-width:650px){
  .modern .modern-hero{min-height:700px}
  .modern .modern-hero-inner{min-height:700px;padding-top:72px;padding-bottom:100px}
  .modern .modern-hero-photo img{object-position:57% center}
  .modern .modern-hero-shade{background:linear-gradient(90deg,#102c3df5,#17394bd8 70%,#102d3e9e)}
  .modern .modern-hero .eyebrow{font-size:10px}
  .modern .modern-hero h1{font-size:clamp(47px,11vw,61px);margin:22px 0}
  .modern .modern-hero-lead{font-size:16px;max-width:350px}
  .modern .modern-hero .hero-buttons{flex-wrap:wrap;margin-top:24px;gap:10px}
  .modern .modern-hero .button{font-size:12px}
  .modern .modern-hero-foot{bottom:22px;font-size:9px;line-height:1.5}
  .modern .modern-hero-foot>span:last-child{display:none}
  .modern .modern-benefits .benefits-grid>div:nth-child(2){border:0}
  .modern .modern-tech-head h2{font-size:41px}
  .modern .modern-tech-head .lead{font-size:15px}
  .modern .modern-tech-media{display:block;height:510px;background:linear-gradient(180deg,#1b455d 0%,#1b455d 45%,#d8e8ef 45%,#c3d9e4 100%)}
  .modern .modern-tech-media-copy{padding:25px}
  .modern .modern-tech-media-copy h3{font-size:30px;margin:14px 0 9px}
  .modern .modern-tech-media-copy p{font-size:13px}
  .modern .modern-tech-media>img{top:41%;right:0;width:100%;height:59%}
  .modern .modern-tech-caption{right:18px;bottom:12px;font-size:9px}
  .modern .modern-tech-features{grid-template-columns:1fr;gap:9px}
  .modern .modern-tech-features .feature-row{padding:18px}
  .modern .modern-tech-features .feature-row>span{margin-bottom:9px}
  .modern .modern-tech-features .feature-row h3{font-size:17px;margin-bottom:5px}
  .modern .modern-tech-features .feature-row p{font-size:13px}
}
@media(max-width:360px){
  .modern .modern-hero h1{font-size:44px}
  .modern .modern-tech-media{height:480px}
}
@media(prefers-reduced-motion:reduce){
  .modern .modern-hero-photo img,.modern .modern-hero .eyebrow,.modern .modern-hero h1,.modern .modern-hero .hero-buttons{animation:none!important}
}

/* The brighter 18-second process film is the optional hero background. */
.modern .modern-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;filter:saturate(.78) contrast(1.07);animation:modern-photo-drift 16s ease-in-out infinite alternate}
.modern .modern-hero-controls{display:flex;align-items:center;gap:26px}
.modern .hero-video-toggle{min-height:38px;display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border:1px solid #ffffff8c;border-radius:999px;color:#e7f2f6;font-size:11px;letter-spacing:0;background:#12384b77;transition:background .25s,border-color .25s,transform .25s}
.modern .hero-video-toggle>span{font-size:13px;line-height:1}
.modern .hero-video-toggle:hover{background:#ffffff2e;border-color:#fff;transform:translateY(-2px)}

/* Six equal application cards replace the earlier three-card mosaic. */
.modern .application-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:1fr;gap:18px}
.modern .application-grid .application-card,.modern .application-grid .application-card:first-child,.modern .application-grid .application-card:nth-child(2),.modern .application-grid .application-card:nth-child(3){display:flex;flex-direction:column;grid-row:auto;grid-column:auto;min-width:0;min-height:455px}
.modern .application-grid .application-card .application-media,.modern .application-grid .application-card:first-child .application-media,.modern .application-grid .application-card:nth-child(2) .application-media,.modern .application-grid .application-card:nth-child(3) .application-media{flex:0 0 225px;height:225px;min-height:0;width:100%}
.modern .application-grid .application-card .application-body,.modern .application-grid .application-card:first-child .application-body,.modern .application-grid .application-card:nth-child(2) .application-body,.modern .application-grid .application-card:nth-child(3) .application-body{display:flex;flex:1;flex-direction:column;padding:24px;min-width:0}
.modern .application-grid .application-card h3,.modern .application-grid .application-card:nth-child(2) h3,.modern .application-grid .application-card:nth-child(3) h3{font-size:23px;line-height:1.18}
.modern .application-grid .application-card .application-body>p{min-height:0;font-size:13px;line-height:1.6}
.modern .application-grid .application-card .app-bottom{margin-top:auto;padding-top:16px;font-size:10px}
@media(max-width:900px){
  .modern .application-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .modern .modern-hero-controls>span:last-child{display:none}
}
@media(max-width:650px){
  .modern .application-grid{grid-template-columns:1fr}
  .modern .application-grid .application-card,.modern .application-grid .application-card:first-child,.modern .application-grid .application-card:nth-child(2),.modern .application-grid .application-card:nth-child(3){min-height:0}
  .modern .application-grid .application-card .application-media,.modern .application-grid .application-card:first-child .application-media,.modern .application-grid .application-card:nth-child(2) .application-media,.modern .application-grid .application-card:nth-child(3) .application-media{flex-basis:215px;height:215px}
  .modern .application-grid .application-card .application-body,.modern .application-grid .application-card:first-child .application-body,.modern .application-grid .application-card:nth-child(2) .application-body,.modern .application-grid .application-card:nth-child(3) .application-body{min-height:180px;padding:23px}
  .modern .modern-hero-foot{align-items:flex-end}
  .modern .hero-video-toggle{font-size:10px;white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){
  .modern .modern-hero-video,.modern .hero-video-toggle{display:none!important}
}

/* Keep the hero rule in document flow so it cannot cross the CTA buttons. */
.modern .modern-hero{height:auto;min-height:clamp(690px,calc(100svh - 96px),790px)}
.modern .modern-hero-inner{height:auto;min-height:inherit;justify-content:initial;padding-bottom:30px}
.modern .modern-hero-content{margin-block:auto}
.modern .modern-hero-foot{position:relative;left:auto;right:auto;bottom:auto;margin-top:38px}
@media(max-width:900px){
  .modern .modern-hero{min-height:660px}
  .modern .modern-hero-inner{min-height:660px;padding-bottom:28px}
}
@media(max-width:650px){
  .modern .modern-hero{min-height:700px}
  .modern .modern-hero-inner{min-height:700px;padding-bottom:26px}
  .modern .modern-hero-foot{margin-top:32px}
}

.modern .product-range-link{background:#eaf2f6;padding:0 32px 68px;text-align:center}
.modern .product-range-link a{display:inline-flex;align-items:center;gap:16px;color:#315b78;font-weight:600;border-bottom:1px solid #9bbdcc;padding:0 2px 11px;transition:gap .25s,color .25s}
.modern .product-range-link a:hover{gap:22px;color:#17384c}
.modern .product-range-link svg{width:21px;height:21px}
@media(max-width:650px){.modern .product-range-link{padding-bottom:52px}}