/* Home. Visual source: 03-html-demos/HTML-Demo-V2/index.html */
.brem-home {
--navy: #0b2744;
--navy2: #102f4f;
--blue: #135e96;
--cyan: #68a9c4;
--ink: #14283a;
--muted: #61717d;
--line: #d5dfe5;
--paper: #f2f5f6;
--white: #fff;
--max: 1380px;
color: var(--ink);
font-family: Inter, Arial, Helvetica, sans-serif;
}
.brem-home a {
color: inherit;
text-decoration: none;
}
.brem-home img {
display: block;
width: 100%;
height: auto;
}
.brem-home button {
font: inherit;
}
.brem-home {
/* --- homepage.css --- */
*{box-sizing:border-box}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}button{font:inherit}.wrap{width:min(var(--max),calc(100% - 96px));margin:auto}.utility{height:34px;background:var(--navy);color:#bfcfda;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.utility__inner{height:100%;display:flex;align-items:center;justify-content:space-between}.header{height:88px;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.header__inner{height:100%;display:flex;align-items:center;gap:32px}.logo{display:flex;align-items:center;gap:12px;margin-right:auto}.logo__mark{width:44px;height:44px;border:3px solid var(--blue);color:var(--blue);display:grid;place-items:center;font:700 26px Barlow Condensed;transform:skew(-7deg)}.logo b{display:block;color:var(--blue);font:700 25px/1 Barlow Condensed;letter-spacing:.04em}.logo small{display:block;font-size:7px;letter-spacing:.13em;color:#657783;margin-top:5px}.nav{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:600}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-10px;height:2px;background:var(--blue);transition:.25s}.nav a:hover:after{right:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:0 24px;background:var(--blue);color:#fff;border:1px solid var(--blue);font-size:13px;font-weight:700;letter-spacing:.02em}.btn--small{min-height:44px;padding:0 18px;white-space:nowrap}.btn--ghost{background:transparent;color:#fff;border-color:#7290a7}.nav-toggle{display:none;background:none;border:0;color:var(--navy);font-weight:700}.hero{min-height:730px;padding:86px 0 82px;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(90deg,#eef3f5 0 53%,#e5ecef 53%)}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(19,94,150,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(19,94,150,.055) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to right,#000,transparent 70%)}.hero__grid{display:grid;grid-template-columns:54% 46%;position:relative;z-index:1;align-items:center}.hero__copy{padding-right:84px}.eyebrow{display:block;color:var(--blue);font-size:11px;line-height:1.3;letter-spacing:.2em;text-transform:uppercase;font-weight:700}.hero h1,.section h2,.inquiry h2{font:600 clamp(48px,5.6vw,78px)/.98 Barlow Condensed,Arial,sans-serif;letter-spacing:-.025em;margin:20px 0 26px;color:var(--navy);text-transform:uppercase}.hero p{font-size:19px;max-width:620px;color:#506472}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.hero .btn--ghost{color:var(--navy);border-color:#aab8c1}.scope{display:flex;flex-wrap:wrap;margin-top:52px;border-top:1px solid #cbd7dd;padding-top:19px}.scope span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;padding:0 18px;border-right:1px solid #bdcbd2}.scope span:first-child{padding-left:0}.hero__visual{position:relative;min-height:515px}.hero__visual:before{content:"";position:absolute;inset:-26px -70px 26px 28px;background:var(--navy);z-index:-1}.hero__visual img{height:515px;object-fit:cover}.chip{position:absolute;background:#fff;padding:13px 17px;box-shadow:0 12px 34px rgba(6,32,55,.18);font-size:11px;color:#4f6370}.chip b{display:block;color:var(--blue);font-size:9px;letter-spacing:.15em}.chip--one{top:28px;left:-45px}.chip--two{bottom:28px;right:-18px}.image-index{position:absolute;right:16px;top:-23px;color:#b8cad7;font-size:9px;letter-spacing:.2em}.capabilities{background:#fff;border-bottom:1px solid var(--line)}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr)}.capability-grid article{min-height:190px;display:flex;gap:20px;align-items:center;padding:38px 28px;border-right:1px solid var(--line)}.capability-grid article:first-child{border-left:1px solid var(--line)}.capability-grid span{font:600 28px Barlow Condensed;color:#a5bac8}.capability-grid h3{font:600 21px Barlow Condensed;margin:0;color:var(--navy);text-transform:uppercase}.capability-grid p{font-size:12px;color:var(--muted);margin:5px 0 0}.section{padding:120px 0}.section-intro h2,.section-heading h2,.dark-head h2,.engineering h2,.about h2{font-size:clamp(42px,4.5vw,64px)}.section-intro p,.section-heading p{color:var(--muted);font-size:16px}.text-link{display:inline-flex;gap:38px;margin-top:20px;padding-bottom:8px;border-bottom:1px solid var(--ink);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}.solutions__grid{display:grid;grid-template-columns:36% 64%;gap:70px}.section-intro{position:sticky;top:150px;align-self:start}.solution-card{border:1px solid var(--line);background:#fff}.solution-card img{height:245px;object-fit:cover}.solution-card--feature{display:grid;grid-template-columns:55% 45%;margin-bottom:24px}.solution-card--feature img{height:100%;min-height:430px}.solution-card__.card-no,.equipment-card span,.case-card span,.resource-grid article>span{color:var(--blue);font-size:10px;letter-spacing:.15em;font-weight:700}.solution-card h3,.equipment-card h3,.case-card h3,.resource-grid h3{font:600 29px/1.08 Barlow Condensed;margin:12px 0 14px;color:var(--navy);text-transform:uppercase}.solution-card p,.equipment-card p,.case-card p,.resource-grid p{font-size:13px;color:var(--muted)}.solution-card a,.equipment-card a,.case-card a,.resource-grid a,.factory-gallery aside a,.line-detail a{font-size:12px;font-weight:700;color:var(--blue)}.solution-card dl{margin:23px 0}.solution-card dl div{padding:10px 0;border-top:1px solid var(--line)}dt{text-transform:uppercase;font-size:9px;letter-spacing:.12em;color:#7c8c96}dd{margin:2px 0 0;font-size:12px;font-weight:600}.solution-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.lines{background:var(--navy);color:#fff}.dark-head{display:grid;grid-template-columns:2fr 1fr;gap:70px;align-items:end;margin-bottom:54px}.dark-head h2{color:#fff;margin-bottom:0}.dark-head .eyebrow,.inquiry .eyebrow{color:#82b9ce}.dark-head p{color:#b8c8d3}.line-selector{display:grid;grid-template-columns:61% 39%;min-height:610px;background:#0e2946;border:1px solid #36536d}.line-stage{position:relative;overflow:hidden}.line-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,25,43,.62),transparent 50%)}.line-stage img{height:100%;object-fit:cover;filter:saturate(.75)}.stage-tag{position:absolute;left:30px;bottom:28px;z-index:2;text-transform:uppercase;letter-spacing:.16em;font-size:10px}.marker{position:absolute;z-index:2;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--blue);font:700 12px Barlow Condensed;border:5px solid rgba(255,255,255,.3);background-clip:padding-box}.marker--1{top:37%;left:18%}.marker--2{top:57%;left:50%}.marker--3{top:30%;right:16%}.line-tabs{padding:15px 34px 26px}.line-tab{display:flex;width:100%;gap:15px;align-items:center;background:none;border:0;border-bottom:1px solid #355068;color:#91a6b7;text-align:left;padding:17px 0;cursor:pointer;font:600 17px Barlow Condensed;text-transform:uppercase}.line-tab span{color:#607d94;font-size:11px}.line-tab.is-active{color:#fff}.line-tab.is-active span{color:#7fc2dc}.line-detail{padding-top:25px}.line-detail h3{font:600 28px Barlow Condensed;text-transform:uppercase;margin:0 0 15px}.line-detail dl{margin:0}.line-detail dl div{display:grid;grid-template-columns:100px 1fr;padding:7px 0}.line-detail dt{color:#7d96a9}.line-detail dd{color:#d7e1e7}.line-detail a{display:inline-block;color:#8bc6dc;margin-top:17px}.project-band{display:grid;grid-template-columns:135px repeat(4,1fr) 175px;align-items:center;border:1px solid #36536d;border-top:0;min-height:116px;padding:18px 28px}.project-band>span{font-size:9px;letter-spacing:.17em;color:#83a1b7}.project-band div{padding-left:20px;border-left:1px solid #36536d}.project-band b{display:block;font:600 18px Barlow Condensed;text-transform:uppercase}.project-band small{color:#8fa5b5;font-size:10px}.project-band a{color:#91c8dc;font-size:11px;font-weight:700}.process-section{background:var(--paper)}.section-heading{max-width:760px;margin-bottom:58px}.section-heading h2{margin-bottom:22px}.process-flow{display:grid;grid-template-columns:repeat(7,1fr);position:relative}.process-flow:before{content:"";position:absolute;top:28px;left:4%;right:4%;height:1px;background:#94adbc}.process-flow article{position:relative;text-align:center;padding:0 10px}.process-flow span{position:relative;z-index:2;margin:auto auto 27px;width:56px;height:56px;border:1px solid #8fa8b8;background:var(--paper);display:grid;place-items:center;color:var(--blue);font:600 17px Barlow Condensed}.process-flow b{display:block;font:600 18px/1.1 Barlow Condensed;text-transform:uppercase}.process-flow small{display:block;color:var(--muted);font-size:10px;margin-top:8px}.output-row{display:grid;grid-template-columns:1.3fr repeat(5,1fr);margin-top:58px;background:#fff;border:1px solid var(--line)}.output-row>*{padding:20px;border-right:1px solid var(--line);font-size:11px}.output-row span{text-transform:uppercase;letter-spacing:.12em;color:var(--blue)}.output-row b{font:600 16px Barlow Condensed;text-transform:uppercase}.equipment-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.equipment-card{display:grid;grid-template-columns:44% 56%;min-height:330px;background:#f4f7f8;overflow:hidden}.equipment-card--wide{grid-column:span 2;grid-template-columns:58% 42%;min-height:420px}.equipment-card img{height:100%;object-fit:cover}.equipment-card>div:last-child{padding:42px;align-self:center}.control-graphic{position:relative;min-height:330px;background:var(--navy);display:grid;place-items:center;overflow:hidden}.control-graphic:before,.control-graphic:after{content:"";position:absolute;width:70%;height:1px;background:#58738a}.control-graphic:after{transform:rotate(90deg)}.control-graphic i{position:absolute;width:45%;height:45%;border:1px solid #45637b;transform:rotate(45deg)}.control-graphic i:nth-child(2){width:30%;height:30%}.control-graphic i:nth-child(3){width:15%;height:15%;background:#174b73}.control-graphic strong{position:relative;color:#fff;font:600 28px Barlow Condensed;z-index:2}.engineering{background:#eef3f5}.engineering__grid{display:grid;grid-template-columns:52% 48%;align-items:center}.engineering__visual{position:relative}.engineering__visual img{height:650px;object-fit:cover}.engineering__visual>div{position:absolute;left:36px;right:36px;bottom:30px;background:rgba(9,38,65,.92);color:#fff;padding:22px}.engineering__visual span{display:block;color:#8fbfd0;font-size:9px;letter-spacing:.15em}.engineering__visual b{font:600 20px Barlow Condensed;text-transform:uppercase}.engineering__copy{padding-left:85px}.engineering ol{list-style:none;margin:35px 0 0;padding:0}.engineering li{display:flex;gap:20px;padding:13px 0;border-bottom:1px solid #cbd8de;font:600 19px Barlow Condensed;text-transform:uppercase}.engineering li span{font-size:11px;color:var(--blue)}.manufacturing{background:#fff}.factory-gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:260px 260px;gap:18px}.factory-gallery figure{margin:0;position:relative;overflow:hidden}.factory-gallery img{height:100%;object-fit:cover}.factory-gallery figcaption{position:absolute;bottom:0;left:0;background:#fff;padding:9px 14px;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.factory-gallery__main{grid-row:span 2}.factory-gallery aside{grid-row:span 2;background:var(--navy);color:#fff;padding:46px 38px}.factory-gallery aside span{color:#84b9cd;font-size:9px;letter-spacing:.15em}.factory-gallery aside h3{font:600 29px/1.1 Barlow Condensed;text-transform:uppercase}.factory-gallery aside ul{padding:0;list-style:none;margin:26px 0}.factory-gallery aside li{border-top:1px solid #38566e;padding:9px 0;font-size:12px}.factory-gallery aside a{color:#8ec7dc}.cases{background:var(--paper)}.case-grid{display:grid;grid-template-columns:2fr 1fr;gap:24px}.case-card{background:#fff}.case-card--feature{grid-row:span 2;position:relative;color:#fff;min-height:610px}.case-card--feature:after{content:"";position:absolute;inset:25% 0 0;background:linear-gradient(transparent,rgba(5,28,48,.94))}.case-card img{height:225px;object-fit:cover}.case-card--feature img{height:100%}.case-card>div{padding:25px}.case-card--feature>div{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:48px}.case-card--feature h3,.case-card--feature p,.case-card--feature a{color:#fff}.case-card--feature h3{font-size:39px}.delivery{background:#fff}.timeline{display:grid;grid-template-columns:repeat(8,1fr);position:relative}.timeline:before{content:"";position:absolute;top:24px;left:3%;right:3%;height:2px;background:#b7c8d1}.timeline div{position:relative;padding-right:12px}.timeline span{position:relative;display:grid;place-items:center;width:48px;height:48px;background:var(--navy);color:#fff;font:600 13px Barlow Condensed;margin-bottom:24px}.timeline b{font:600 17px/1.15 Barlow Condensed;text-transform:uppercase}.delivery__signoff{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:75px;color:var(--blue);font:600 18px Barlow Condensed;text-transform:uppercase;letter-spacing:.08em}.delivery__signoff i{width:45px;height:1px;background:#9fb4c0}.resources{background:var(--paper)}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.resource-grid article{background:#fff;padding-bottom:34px}.resource-grid article>img,.resource-art{height:250px;object-fit:cover;margin-bottom:25px}.resource-grid article>span,.resource-grid article>h3,.resource-grid article>p,.resource-grid article>a{display:block;margin-left:28px;margin-right:28px}.resource-art{display:grid;place-items:center;background:var(--navy);color:#fff}.resource-art--guide{background-image:linear-gradient(rgba(125,178,199,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(125,178,199,.15) 1px,transparent 1px);background-size:26px 26px}.resource-art--guide span{font:600 42px/1 Barlow Condensed;text-align:center;letter-spacing:.08em}.resource-art--faq{background:#dce8ed;color:var(--navy)}.resource-art--faq>span{font:600 90px/.8 Barlow Condensed;text-align:center}.resource-art--faq small{font-size:11px;letter-spacing:.15em}.about__grid{display:grid;grid-template-columns:58% 42%;gap:80px;align-items:center}.about__image{position:relative}.about__image img{height:530px;object-fit:cover}.about__image span{position:absolute;bottom:0;right:0;background:#fff;padding:16px 22px;font-size:9px;letter-spacing:.16em}.about p{color:var(--muted)}.about .lead{font-size:19px;color:#3f5767}.inquiry{background:var(--navy);color:#fff;padding:110px 0}.inquiry__grid{display:grid;grid-template-columns:57% 43%;gap:90px}.inquiry h2{color:#fff;font-size:clamp(48px,5vw,70px)}.inquiry p{color:#b8c9d4;max-width:650px}.btn--white{background:#fff;color:var(--navy);border-color:#fff}.btn--outline{background:transparent;border-color:#6c879b}.inquiry__list{border-left:1px solid #3a5870;padding-left:65px}.inquiry__list>span{font-size:9px;letter-spacing:.16em;color:#89b7ca}.inquiry ul{columns:2;padding:0;list-style:none;margin-top:25px}.inquiry li{padding:8px 0;font-size:12px;color:#d6e0e7}.inquiry li:before{content:"+";color:#75b2c9;margin-right:10px}.footer{background:#071d31;color:#9eb1be;padding:75px 0 25px}.footer__grid{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:45px}.footer .logo b{color:#fff}.footer .logo small{color:#89a0b0}.footer__brand p{font-size:12px;max-width:270px;margin-top:22px}.footer h3{font:600 17px Barlow Condensed;color:#fff;text-transform:uppercase;margin:0 0 18px}.footer__grid>div>a:not(.logo){display:block;font-size:11px;padding:5px 0}.footer__bottom{display:flex;justify-content:space-between;border-top:1px solid #294054;margin-top:55px;padding-top:20px;font-size:9px;letter-spacing:.06em}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:1050px){.wrap{width:min(var(--max),calc(100% - 56px))}.nav{display:none;position:absolute;top:88px;left:0;right:0;background:#fff;padding:25px 28px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.nav.is-open{display:flex}.nav-toggle{display:block}.header .btn{display:none}.hero{min-height:auto}.hero__grid,.solutions__grid,.engineering__grid,.about__grid,.inquiry__grid{grid-template-columns:1fr}.hero__copy{padding:0 0 70px}.hero__visual:before{right:-28px}.capability-grid{grid-template-columns:1fr 1fr}.section-intro{position:static;margin-bottom:45px}.line-selector{grid-template-columns:1fr}.line-stage{height:520px}.project-band{grid-template-columns:1fr 1fr 1fr}.project-band>span,.project-band>a{padding:15px}.process-flow{grid-template-columns:repeat(4,1fr);gap:30px 0}.process-flow:before{display:none}.factory-gallery{grid-template-columns:1.5fr 1fr;grid-template-rows:300px 300px 400px}.factory-gallery aside{grid-row:auto;grid-column:span 2}.engineering__copy{padding:60px 0 0}.timeline{grid-template-columns:repeat(4,1fr);gap:45px 0}.inquiry__list{padding:40px 0 0;border-left:0;border-top:1px solid #3a5870}.footer__grid{grid-template-columns:2fr repeat(2,1fr)}.footer__grid>div:nth-last-child(-n+2){margin-top:25px}}
@media(max-width:680px){.wrap{width:calc(100% - 40px)}.utility__inner span:last-child{display:none}.header{height:74px}.nav{top:74px}.logo small{display:none}.hero{padding:65px 0 55px}.hero h1{font-size:52px}.hero__visual{min-height:360px}.hero__visual img{height:360px}.chip{display:none}.scope{gap:12px}.scope span{padding:0;border:0}.capability-grid{grid-template-columns:1fr}.capability-grid article{min-height:125px;border-left:1px solid var(--line)}.section{padding:78px 0}.section h2,.inquiry h2{font-size:43px}.solution-card--feature,.solution-pair,.dark-head,.equipment-grid,.case-grid,.resource-grid{grid-template-columns:1fr}.solution-card--feature img{min-height:280px}.line-stage{height:350px}.line-tabs{padding:12px 22px 26px}.project-band{grid-template-columns:1fr 1fr;padding:15px}.project-band>span,.project-band>a{grid-column:span 2}.process-flow{grid-template-columns:1fr 1fr}.output-row{grid-template-columns:1fr 1fr}.equipment-card,.equipment-card--wide{grid-column:auto;grid-template-columns:1fr;min-height:auto}.equipment-card img,.control-graphic{height:280px;min-height:280px}.equipment-card>div:last-child{padding:30px}.engineering__visual img{height:420px}.factory-gallery{display:grid;grid-template-columns:1fr;grid-template-rows:380px 230px 230px auto}.factory-gallery__main{grid-row:auto}.factory-gallery aside{grid-column:auto}.case-card--feature{min-height:500px}.timeline{grid-template-columns:1fr 1fr}.delivery__signoff{flex-wrap:wrap;gap:12px}.about__image img{height:380px}.inquiry{padding:78px 0}.inquiry ul{columns:1}.footer__grid{grid-template-columns:1fr 1fr}.footer__brand{grid-column:span 2}.footer__bottom{display:block}.footer__bottom span{display:block;margin:8px 0}}
/* --- solutions-upgrade.css --- */
.solutions{background:#fff}.solutions__grid{display:grid;grid-template-columns:minmax(340px,.34fr) minmax(0,.66fr);gap:58px;align-items:start}.solution-navigator{position:sticky;top:128px}.solution-navigator h2{font-size:clamp(48px,4vw,58px);line-height:1.02;margin-bottom:20px}.solution-navigator>p{max-width:410px;font-size:14px}.panel-label{display:block;color:#71848f;font-size:9px;line-height:1.3;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.solution-tabs{margin-top:30px;border-top:1px solid var(--line)}.solution-tabs>.panel-label{padding:12px 0;border-bottom:1px solid var(--line)}.solution-tabs a{display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:8px;min-height:46px;border-bottom:1px solid var(--line);color:#647784;transition:color .22s,padding .22s,border-color .22s}.solution-tabs a>span{font:600 12px Barlow Condensed;color:#8aa0ad}.solution-tabs a>b{font:600 16px Barlow Condensed;text-transform:uppercase}.solution-tabs a>i{font-style:normal;opacity:0;transform:translateX(-5px);transition:.22s}.solution-tabs a:hover,.solution-tabs a.is-active{color:var(--navy);padding-left:9px;border-left:3px solid var(--blue)}.solution-tabs a.is-active>span,.solution-tabs a.is-active>i{color:var(--blue)}.solution-tabs a:hover>i,.solution-tabs a.is-active>i{opacity:1;transform:none}.project-basis{margin-top:27px}.project-basis>div{display:grid;grid-template-columns:1fr 1fr;margin-top:10px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.project-basis p{margin:0;padding:10px 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.project-basis b{display:block;color:var(--navy);font:600 14px Barlow Condensed;text-transform:uppercase}.project-basis small{display:block;color:var(--muted);font-size:9px}.solution-cta{margin-top:23px}.featured-solution{border:1px solid var(--line);background:#fff;transition:opacity .2s,transform .2s}.featured-solution.is-switching{opacity:.25;transform:translateY(5px)}.featured-solution__media{height:470px;position:relative;overflow:hidden;background:#e9eff2}.featured-solution__media:after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,rgba(5,30,51,.5))}.featured-solution__media img{height:100%;object-fit:cover}.featured-solution__media>span{position:absolute;z-index:2;left:28px;bottom:22px;color:#fff;font-size:9px;letter-spacing:.17em}.featured-solution__detail{padding:38px 42px 40px}.featured-solution__detail h3{max-width:690px;color:var(--navy);font:600 clamp(34px,3.2vw,48px)/1 Barlow Condensed;text-transform:uppercase;margin:12px 0 17px}.featured-solution__detail>p{max-width:700px;color:var(--muted);font-size:13px}.featured-solution dl{display:grid;grid-template-columns:1fr 1.25fr 1.2fr;margin:30px 0 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.featured-solution dl>div{padding:14px 15px;border-right:1px solid var(--line)}.featured-solution dl>div:first-child{padding-left:0}.featured-solution dl>div:last-child{border-right:0}.featured-solution dt{font-size:9px}.featured-solution dd{font-size:11px;line-height:1.35}.featured-solution__detail>a{color:var(--blue);font-size:12px;font-weight:700}@media(prefers-reduced-motion:reduce){.featured-solution,.solution-tabs a,.solution-tabs a>i{transition:none}}
@media(max-width:1050px){.solutions__grid{grid-template-columns:1fr;gap:42px}.solution-navigator{position:static;display:grid;grid-template-columns:1fr 1fr;column-gap:46px}.solution-navigator>.eyebrow,.solution-navigator>h2,.solution-navigator>p{grid-column:1/-1}.solution-tabs,.project-basis{margin-top:30px}.solution-cta{grid-column:2;align-self:end;justify-self:start}.featured-solution__media{height:430px}}
@media(max-width:680px){.solution-navigator{display:block}.solution-tabs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border:0;gap:7px;padding:22px 0 8px}.solution-tabs>.panel-label{position:absolute;margin-top:-22px}.solution-tabs a{flex:0 0 176px;scroll-snap-align:start;grid-template-columns:26px 1fr;min-height:64px;border:1px solid var(--line);padding:10px}.solution-tabs a>i{display:none}.solution-tabs a:hover,.solution-tabs a.is-active{padding-left:10px;border:1px solid var(--blue);border-top:3px solid var(--blue)}.solution-tabs a>b{font-size:14px}.featured-solution__media{height:300px}.featured-solution__detail{padding:28px 23px 30px}.featured-solution__detail h3{font-size:35px}.featured-solution dl{grid-template-columns:1fr;margin-top:24px}.featured-solution dl>div,.featured-solution dl>div:first-child{padding:11px 0;border-right:0;border-bottom:1px solid var(--line)}.featured-solution dl>div:last-child{border-bottom:0}.project-basis{margin-top:36px}.solution-cta{margin-top:24px}}
/* Stacked section structure: full-width introduction above the interactive comparison. */
.solutions__header{max-width:1120px;margin-bottom:58px;border-bottom:1px solid var(--line);padding-bottom:38px}.solutions__header h2{max-width:1000px;color:var(--navy);font:600 clamp(50px,5vw,68px)/1 Barlow Condensed;text-transform:uppercase;letter-spacing:-.025em;margin:18px 0 20px}.solutions__header p{max-width:760px;margin:0;color:var(--muted);font-size:16px}.solutions__workspace{display:grid;grid-template-columns:minmax(330px,.32fr) minmax(0,.68fr);gap:48px;align-items:stretch}.solution-navigator{position:static;display:flex;flex-direction:column;border-top:3px solid var(--navy)}.solution-tabs{margin-top:0}.project-basis{margin-top:auto;padding-top:34px}.solution-cta{align-self:flex-start}.featured-solution__media{height:500px}
@media(max-width:1050px){.solutions__header{margin-bottom:42px}.solutions__workspace{grid-template-columns:minmax(280px,.36fr) minmax(0,.64fr);gap:30px}.solution-navigator{display:flex}.solution-tabs,.project-basis{margin-top:0}.project-basis{margin-top:auto;padding-top:28px}.solution-cta{grid-column:auto}.featured-solution__media{height:430px}.featured-solution dl{grid-template-columns:1fr}}
@media(max-width:820px){.solutions__workspace{grid-template-columns:1fr}.solution-navigator{display:block}.project-basis{margin-top:28px;padding-top:0}.featured-solution__media{height:390px}}
@media(max-width:680px){.solutions__header{margin-bottom:34px;padding-bottom:28px}.solutions__header h2{font-size:43px}.solutions__header p{font-size:14px}.solutions__workspace{display:flex;flex-direction:column;gap:32px}.solution-navigator{display:contents}.solution-tabs{order:1}.featured-solution{order:2}.project-basis{order:3;margin-top:0}.solution-cta{order:4}.featured-solution__media{height:300px}}
/* Project Basis follows the project-definition sequence as one vertical flow. */
.project-basis>div{display:block;position:relative;margin-top:12px;border:0;counter-reset:project-step}.project-basis>div:before{content:"";position:absolute;left:17px;top:20px;bottom:20px;width:1px;background:#a9bfcc}.project-basis p{position:relative;display:grid;grid-template-columns:36px 1fr;margin:0;padding:12px 0 13px;border:0;border-bottom:1px solid var(--line);counter-increment:project-step}.project-basis p:before{content:"0" counter(project-step);position:relative;z-index:1;grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;background:#fff;border:1px solid #91adbd;color:var(--blue);font:600 11px Barlow Condensed,sans-serif}.project-basis p:last-child{border-bottom:0}.project-basis b,.project-basis small{grid-column:2;padding-left:12px}.project-basis b{font-size:16px;line-height:1.1}.project-basis small{font-size:10px;margin-top:3px}
/* --- solutions-spacing-fix.css --- */
/* Keep Project Basis close to Solution Families instead of bottom-aligning it to the image. */
.project-basis {
margin-top: 24px;
padding-top: 0;
}
.project-basis > div {
margin-top: 8px;
}
.project-basis p {
padding-top: 9px;
padding-bottom: 10px;
}
.solution-cta {
margin-top: 16px;
}
@media (max-width: 1050px) {
.project-basis {
margin-top: 22px;
padding-top: 0;
}
}
@media (max-width: 680px) {
.project-basis {
margin-top: 0;
}
}
/* --- content-separation.css --- */
/* Separate customer-problem content from complete-system content. */
.featured-solution dl {
grid-template-columns: 1fr 1fr;
}
.featured-solution dl > div:nth-child(2) {
border-right: 0;
}
.featured-solution dl > div:nth-child(-n+2) {
border-bottom: 1px solid var(--line);
}
.featured-solution dl > div:nth-child(3) {
padding-left: 0;
}
.line-detail dl {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 22px;
}
.line-detail dl div {
display: block;
padding: 9px 0;
border-top: 1px solid #355068;
}
.line-detail dt {
display: block;
margin-bottom: 3px;
}
.line-detail dd {
display: block;
line-height: 1.35;
}
.system-architecture {
grid-template-columns: 145px repeat(6, minmax(92px, 1fr)) 125px;
padding-left: 22px;
padding-right: 22px;
}
.system-architecture div {
padding-left: 13px;
}
.system-architecture b {
font-size: 14px;
}
.system-architecture small {
line-height: 1.25;
}
@media (max-width: 1050px) {
.system-architecture {
grid-template-columns: repeat(3, 1fr);
}
.system-architecture > span,
.system-architecture > a {
grid-column: span 3;
}
.system-architecture div {
min-height: 70px;
display: flex;
flex-direction: column;
justify-content: center;
}
}
@media (max-width: 680px) {
.featured-solution dl,
.line-detail dl {
grid-template-columns: 1fr;
}
.featured-solution dl > div,
.featured-solution dl > div:nth-child(3) {
padding-left: 0;
border-right: 0;
border-bottom: 1px solid var(--line);
}
.featured-solution dl > div:last-child {
border-bottom: 0;
}
.system-architecture {
grid-template-columns: 1fr 1fr;
}
.system-architecture > span,
.system-architecture > a {
grid-column: span 2;
}
}
/* --- hero-reference.css --- */
/* Hero matched to the approved full-bleed industrial reference. */
.hero {
min-height: 680px;
padding: 0;
position: relative;
display: flex;
align-items: center;
overflow: hidden;
color: #fff;
background-image:
linear-gradient(90deg, rgba(7,48,88,.98) 0%, rgba(7,48,88,.90) 28%, rgba(7,41,73,.64) 52%, rgba(5,26,47,.50) 100%),
linear-gradient(rgba(9,39,67,.22), rgba(9,39,67,.22)),
url('../assets/images/brem-hero-production-line.png');
background-position: center;
background-size: cover;
}
.hero:before {
display: none;
}
.hero__frame {
position: relative;
z-index: 1;
}
.hero__copy {
width: 560px;
margin-left: 14%;
padding: 70px 0 62px;
}
.hero .eyebrow {
color: #0e70b5;
font-size: 10px;
letter-spacing: .18em;
}
.hero h1 {
margin: 16px 0 24px;
max-width: 470px;
color: #fff;
font-family: Inter, Arial, sans-serif;
font-size: clamp(58px, 5vw, 76px);
font-weight: 700;
line-height: .93;
letter-spacing: -.045em;
text-transform: none;
}
.hero p {
max-width: 590px;
margin: 0;
color: #fff;
font-size: 15px;
line-height: 1.65;
}
.hero .actions {
gap: 12px;
margin-top: 5px;
}
.hero .btn {
min-width: 165px;
min-height: 62px;
padding: 0 20px;
font-size: 11px;
text-transform: uppercase;
}
.hero .btn--ghost {
min-width: 184px;
color: #fff;
border-color: rgba(255,255,255,.62);
background: rgba(8,43,74,.22);
}
.hero__meta {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
margin-top: 54px;
border-top: 1px solid rgba(184,211,228,.28);
}
.hero__meta div {
padding: 16px 24px 0 0;
}
.hero__meta div + div {
padding-left: 28px;
border-left: 1px solid rgba(184,211,228,.28);
}
.hero__meta span,
.hero__meta b {
display: block;
}
.hero__meta span {
color: #9db7ca;
font-size: 9px;
font-weight: 700;
letter-spacing: .15em;
text-transform: uppercase;
}
.hero__meta b {
margin-top: 8px;
color: #fff;
font-size: 11px;
font-weight: 600;
}
@media (max-width: 1050px) {
.hero {
min-height: 650px;
background-position: 42% center;
}
.hero__copy {
margin-left: 5%;
}
}
@media (max-width: 680px) {
.hero {
min-height: 610px;
background-position: 38% center;
}
.hero__copy {
width: 100%;
margin-left: 0;
padding: 58px 0 48px;
}
.hero h1 {
font-size: 50px;
}
.hero p {
font-size: 14px;
}
.hero .actions {
margin-top: 24px;
}
.hero .btn {
min-height: 52px;
}
.hero__meta {
margin-top: 38px;
}
}
/* --- trust-reference.css --- */
.trust-strip {
background: #fff;
border-top: 0;
border-bottom: 1px solid #d9e2e8;
}
.trust-strip .wrap {
width: min(1280px, calc(100% - 64px));
}
.trust-strip .capability-grid {
grid-template-columns: repeat(4, 1fr);
}
.trust-strip .capability-grid article {
min-height: 142px;
align-items: flex-start;
gap: 20px;
padding: 28px 30px;
border-right: 1px solid #d9e2e8;
}
.trust-strip .capability-grid article:first-child {
border-left: 1px solid #d9e2e8;
}
.trust-strip .trust-icon {
flex: 0 0 38px;
width: 38px;
margin-top: 1px;
color: #095b9c;
font-family: 'Material Symbols Rounded';
font-size: 37px;
font-weight: 700;
line-height: 1;
font-variation-settings: 'FILL' 1, 'wght' 700, 'GRAD' 0, 'opsz' 24;
}
.trust-strip .capability-grid h3 {
color: #173653;
font-family: Inter, Arial, sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 1.05;
text-transform: uppercase;
}
.trust-strip .capability-grid p {
max-width: 210px;
margin: 7px 0 0;
color: #637689;
font-size: 12px;
line-height: 1.55;
}
@media (max-width: 1050px) {
.trust-strip .capability-grid {
grid-template-columns: 1fr 1fr;
}
.trust-strip .capability-grid article {
min-height: 132px;
border-bottom: 1px solid #d9e2e8;
}
}
@media (max-width: 680px) {
.trust-strip .wrap {
width: calc(100% - 32px);
}
.trust-strip .capability-grid {
grid-template-columns: 1fr;
}
.trust-strip .capability-grid article {
min-height: 112px;
align-items: center;
padding: 22px 20px;
border-left: 1px solid #d9e2e8;
}
}
/* --- hero-trust-normal-scale.css --- */
/* Normal 100% page scale; reference screenshots were captured zoomed out. */
@media (min-width: 1051px) {
.hero {
min-height: 780px;
}
.hero__copy {
width: 650px;
padding-top: 86px;
padding-bottom: 76px;
}
.hero .eyebrow {
font-size: 12px;
}
.hero h1 {
max-width: 540px;
margin-top: 20px;
margin-bottom: 30px;
font-size: clamp(72px, 5.7vw, 90px);
line-height: .94;
}
.hero p {
max-width: 640px;
font-size: 18px;
line-height: 1.6;
}
.hero .actions {
gap: 14px;
margin-top: 28px;
}
.hero .btn {
min-width: 190px;
min-height: 64px;
padding: 0 25px;
font-size: 13px;
}
.hero .btn--ghost {
min-width: 212px;
}
.hero__meta {
margin-top: 62px;
}
.hero__meta div {
padding-top: 20px;
}
.hero__meta span {
font-size: 10px;
}
.hero__meta b {
font-size: 13px;
}
.trust-strip .wrap {
width: min(1380px, calc(100% - 64px));
}
.trust-strip .capability-grid article {
min-height: 196px;
gap: 25px;
padding: 43px 36px;
}
.trust-strip .trust-icon {
flex-basis: 48px;
width: 48px;
font-size: 47px;
}
.trust-strip .capability-grid h3 {
font-size: 18px;
line-height: 1.08;
}
.trust-strip .capability-grid p {
max-width: 235px;
margin-top: 10px;
font-size: 14px;
line-height: 1.55;
}
}
@media (min-width: 681px) and (max-width: 1050px) {
.hero {
min-height: 720px;
}
.hero h1 {
font-size: 70px;
}
.hero p {
font-size: 17px;
}
.trust-strip .capability-grid article {
min-height: 166px;
padding: 34px 30px;
}
.trust-strip .trust-icon {
font-size: 43px;
}
.trust-strip .capability-grid h3 {
font-size: 17px;
}
.trust-strip .capability-grid p {
font-size: 13px;
}
}
/* --- solutions-background.css --- */
/* Subtle engineering dot grid across the complete Solutions section. */
.solutions,
section.equipment,
section.manufacturing {
background-color: #f8fafb;
background-image: radial-gradient(circle, rgba(27, 76, 109, .16) 1px, transparent 1.2px);
background-position: 0 0;
background-size: 24px 24px;
}
.solutions__header,
.solutions__workspace,
section.equipment > .wrap,
section.manufacturing > .wrap {
position: relative;
z-index: 1;
}
.solution-navigator {
background: rgba(248, 250, 251, .90);
}
@media (max-width: 680px) {
.solutions,
section.equipment,
section.manufacturing {
background-size: 20px 20px;
}
}
/* --- equipment-v2.css --- */
.equipment__heading{max-width:820px}.equipment-v2{display:grid;grid-template-columns:minmax(330px,.34fr) minmax(0,.66fr);gap:48px;align-items:stretch}.equipment-nav{display:flex;flex-direction:column;border-top:3px solid var(--navy);background:rgba(248,250,251,.9)}.equipment-label{display:block;color:#71848f;font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.equipment-nav>span{padding:14px 0;border-bottom:1px solid var(--line)}.equipment-nav nav{border-bottom:1px solid var(--line)}.equipment-tab{display:grid;grid-template-columns:36px 1fr 20px;align-items:center;width:100%;min-height:64px;padding:0;background:transparent;border:0;border-bottom:1px solid var(--line);color:#627683;text-align:left;cursor:pointer;transition:.22s}.equipment-tab:last-child{border-bottom:0}.equipment-tab>span{color:#8ba0ad;font:600 13px Barlow Condensed}.equipment-tab>b{font:600 18px Barlow Condensed;text-transform:uppercase}.equipment-tab>i{font-style:normal;opacity:0}.equipment-tab:hover,.equipment-tab.is-active{padding-left:10px;color:var(--navy);border-left:3px solid var(--blue)}.equipment-tab.is-active>span,.equipment-tab.is-active>i{color:var(--blue)}.equipment-tab:hover>i,.equipment-tab.is-active>i{opacity:1}.process-role{margin-top:34px}.process-role ol{list-style:none;margin:10px 0 0;padding:0;border-top:1px solid var(--line)}.process-role li{display:grid;grid-template-columns:35px 1fr;padding:8px 0;border-bottom:1px solid var(--line);color:#334d5e;font:600 14px Barlow Condensed;text-transform:uppercase}.process-role li span{color:#8ba0ad;font-size:11px}.equipment-global-link{align-self:flex-start;margin-top:25px;padding-bottom:7px;border-bottom:1px solid var(--ink);color:var(--navy);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.equipment-family{background:#fff;border:1px solid var(--line);transition:opacity .2s,transform .2s}.equipment-family.is-switching{opacity:.25;transform:translateY(5px)}.equipment-family__media{height:450px;position:relative;overflow:hidden;background:#e7ecef}.equipment-family__media:after{content:"";position:absolute;inset:68% 0 0;background:linear-gradient(transparent,rgba(5,30,51,.55))}.equipment-family__media img{height:100%;object-fit:cover}.equipment-family__media>span{position:absolute;z-index:1;left:28px;bottom:22px;color:#fff;font-size:9px;letter-spacing:.17em}.equipment-family__detail{padding:36px 42px 40px}.equipment-family__detail h3{color:var(--navy);font:600 clamp(34px,3.2vw,47px)/1 Barlow Condensed;text-transform:uppercase;margin:12px 0 16px}.equipment-family__detail>p{max-width:680px;color:var(--muted);font-size:13px}.equipment-role{margin-top:24px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.equipment-role span,.equipment-group>span{display:block;color:#71848f;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.equipment-role b{display:block;margin-top:5px;color:var(--navy);font:600 16px Barlow Condensed;text-transform:uppercase}.equipment-machines{margin-top:23px}.equipment-group{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.equipment-group>span{grid-column:1/-1;margin-bottom:7px}.equipment-group a{display:flex;justify-content:space-between;gap:10px;padding:11px 13px 11px 0;border-top:1px solid var(--line);color:#334d5e;font:600 15px Barlow Condensed;text-transform:uppercase}.equipment-group a i{color:var(--blue);font-style:normal}.equipment-group+.equipment-group{margin-top:20px}.equipment-group--environment{grid-template-columns:repeat(2,1fr);column-gap:22px}.equipment-family__cta{display:inline-block;margin-top:25px;color:var(--blue);font-size:12px;font-weight:700}.equipment-family__detail.is-environment .equipment-group a{font-size:13px;padding-top:8px;padding-bottom:8px}@media(prefers-reduced-motion:reduce){.equipment-family,.equipment-tab{transition:none}}
@media(max-width:1050px){.equipment-v2{grid-template-columns:1fr;gap:38px}.equipment-nav{display:grid;grid-template-columns:1.25fr .75fr;column-gap:40px}.equipment-nav>span,.equipment-nav>nav{grid-column:1}.process-role{grid-column:2;grid-row:1/3;margin-top:14px}.equipment-global-link{grid-column:2;align-self:end}.equipment-family__media{height:410px}}
@media(max-width:680px){.equipment-v2{gap:30px}.equipment-nav{display:block}.process-role{margin-top:28px}.equipment-family__media{height:300px}.equipment-family__detail{padding:28px 23px 30px}.equipment-family__detail h3{font-size:35px}.equipment-group,.equipment-group--environment{grid-template-columns:1fr}.equipment-group a{padding-right:0}.equipment-role b{font-size:15px}}
/* --- equipment-v3.css --- */
/* Active Equipment Family V3: overview, featured machines, then secondary rows. */
.equipment-family__media{height:350px}.equipment-family__overlay{position:absolute;z-index:2;left:28px;bottom:22px;color:#fff}.equipment-family__overlay span,.equipment-family__overlay strong{display:block}.equipment-family__overlay span{font-size:9px;letter-spacing:.17em}.equipment-family__overlay strong{margin-top:6px;font:600 18px Barlow Condensed;text-transform:uppercase;letter-spacing:.04em}.equipment-family__detail{padding-bottom:42px}.featured-equipment{margin-top:28px}.featured-equipment>.equipment-label{margin-bottom:10px}.featured-equipment__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.machine-card{display:grid;grid-template-columns:42% 58%;min-height:190px;border:1px solid var(--line);background:#f8fafb}.machine-card--primary{grid-row:span 2;grid-template-columns:1fr;min-height:398px}.machine-card img{height:100%;min-height:190px;object-fit:cover}.machine-card--primary img{height:220px;min-height:220px}.machine-card>div{padding:20px}.machine-card span{color:var(--blue);font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.machine-card h4{margin:7px 0 8px;color:var(--navy);font:600 22px/1 Barlow Condensed;text-transform:uppercase}.machine-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.machine-card a{display:inline-block;margin-top:15px;color:var(--blue);font-size:10px;font-weight:700}.secondary-equipment{margin-top:28px}.secondary-equipment[hidden]{display:none}.secondary-group+.secondary-group{margin-top:22px}.secondary-group>span{display:block;margin-bottom:7px;color:#71848f;font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.secondary-row{display:grid;grid-template-columns:1.35fr 1fr 18px;gap:16px;align-items:center;min-height:43px;border-top:1px solid var(--line);color:#334d5e}.secondary-row b{font:600 14px Barlow Condensed;text-transform:uppercase}.secondary-row small{color:var(--muted);font-size:10px}.secondary-row i{color:var(--blue);font-style:normal}.equipment-family__cta{margin-top:30px}@media(max-width:1050px){.equipment-family__media{height:340px}.featured-equipment__grid{grid-template-columns:1fr 1fr}.machine-card--primary{grid-row:auto;grid-column:span 2;grid-template-columns:45% 55%;min-height:230px}.machine-card--primary img{height:230px}.machine-card:not(.machine-card--primary){grid-template-columns:1fr}.machine-card:not(.machine-card--primary) img{height:190px}}
@media(max-width:680px){.equipment-family__media{height:280px}.featured-equipment__grid{grid-template-columns:1fr}.machine-card,.machine-card--primary{grid-column:auto;grid-template-columns:1fr;min-height:auto}.machine-card img,.machine-card--primary img{height:210px;min-height:210px}.secondary-row{grid-template-columns:1fr 18px;padding:10px 0}.secondary-row small{grid-column:1}.secondary-row i{grid-column:2;grid-row:1/3}.equipment-family__overlay{left:20px;bottom:18px}}
/* --- capability-separation.css --- */
.engineering__intro{margin:0 0 22px;color:var(--muted);font-size:13px}.engineering-outputs{margin-top:30px}.engineering-outputs>span{display:block;color:#71848f;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.engineering-outputs>div{display:flex;flex-wrap:wrap;margin-top:9px;border-top:1px solid #cbd8de}.engineering-outputs b{padding:8px 13px 8px 0;margin-right:13px;border-right:1px solid #cbd8de;color:var(--navy);font:600 12px Barlow Condensed;text-transform:uppercase}.engineering-cta{display:inline-block;margin-top:25px;padding-bottom:7px;border-bottom:1px solid var(--blue);color:var(--blue);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.manufacturing .section-heading p{max-width:620px}.factory-gallery aside ol{list-style:none;margin:27px 0 25px;padding:0;border-top:1px solid #38566e}.factory-gallery aside ol li{display:grid;grid-template-columns:28px 1fr;padding:10px 0;border-bottom:1px solid #38566e;color:#d7e2e9;font-size:11px}.factory-gallery aside ol li span{color:#84b9cd;font:600 11px Barlow Condensed;letter-spacing:0}.factory-gallery aside>a{display:inline-block;padding-bottom:6px;border-bottom:1px solid #8ec7dc}.factory-gallery aside h3{margin-top:14px}@media(max-width:680px){.engineering-outputs b{width:50%;margin:0;padding-right:8px}.factory-gallery aside ol li{font-size:12px}}
/* --- project-evidence.css --- */
.case-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr);grid-template-rows:1fr 1fr;align-items:stretch}.case-feature-visual{grid-row:1/3;position:relative;margin:0;min-height:610px;overflow:hidden;background:#dfe7eb}.case-feature-visual:after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(transparent,rgba(5,30,51,.58))}.case-feature-visual img{height:100%;object-fit:cover;transition:transform .35s}.case-feature-visual:hover img{transform:scale(1.02)}.case-feature-visual figcaption{position:absolute;z-index:1;left:34px;bottom:30px;color:#fff;font-size:12px;font-weight:700;letter-spacing:.12em}.case-card--evidence{display:grid;grid-template-rows:minmax(160px,1fr) auto}.case-card--evidence img{height:100%;min-height:180px}.case-card--evidence>div{padding:24px 26px}.case-card--evidence h3{font-size:27px}.case-card--evidence p{margin-bottom:12px}.case-card--evidence a{color:var(--blue);font-size:12px;font-weight:700}.case-feature-panel{margin-top:24px;padding:48px 52px 52px;background:#fff;border:1px solid var(--line)}.case-feature-panel>span{color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.12em}.case-feature-panel h3{max-width:900px;margin:14px 0 16px;color:var(--navy);font:600 clamp(42px,4vw,54px)/1 Barlow Condensed;text-transform:uppercase}.case-feature-panel>p{max-width:880px;margin:0;color:var(--muted);font-size:18px;line-height:1.55}.case-facts{display:grid;grid-template-columns:1fr 1fr;margin:34px 0 28px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.case-facts>div{padding:20px 22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.case-facts dt{color:#71848f;font-size:12px;font-weight:700;letter-spacing:.1em}.case-facts dd{margin-top:6px;color:var(--navy);font-size:17px;font-weight:600;line-height:1.4}.case-feature-panel>a{display:inline-block;padding-bottom:7px;border-bottom:1px solid var(--blue);color:var(--blue);font-size:14px;font-weight:700}@media(max-width:1050px){.case-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.case-feature-visual{grid-column:1/3;grid-row:auto;min-height:520px}.case-card--evidence{grid-template-rows:220px auto}.case-feature-panel{padding:42px}.case-feature-panel>p{font-size:17px}}
@media(max-width:680px){.case-grid{grid-template-columns:1fr}.case-feature-visual{grid-column:auto;min-height:390px}.case-feature-visual figcaption{left:20px;bottom:20px;font-size:10px}.case-card--evidence{grid-template-rows:200px auto}.case-feature-panel{margin-top:20px;padding:31px 24px 34px}.case-feature-panel>span{font-size:10px}.case-feature-panel h3{font-size:39px}.case-feature-panel>p{font-size:16px}.case-facts{grid-template-columns:1fr;margin-top:26px}.case-facts>div{padding:16px}.case-facts dt{font-size:10px}.case-facts dd{font-size:16px}}
}
.brem-home .wrap {
width: min(1380px, calc(100% - 64px));
}
.brem-home .hero {
background-image:
linear-gradient(90deg, rgba(7, 48, 88, 0.98) 0%, rgba(7, 48, 88, 0.9) 28%, rgba(7, 41, 73, 0.64) 52%, rgba(5, 26, 47, 0.5) 100%),
linear-gradient(rgba(9, 39, 67, 0.22), rgba(9, 39, 67, 0.22)),
var(--brem-home-hero-image, none);
background-position: center;
background-size: cover;
}
.brem-home .solution-tabs button {
display: grid;
grid-template-columns: 34px 1fr 18px;
align-items: center;
gap: 8px;
width: 100%;
min-height: 46px;
padding: 0;
border: 0;
border-bottom: 1px solid var(--line, #d5dfe5);
background: none;
color: #647784;
text-align: left;
cursor: pointer;
transition: color 0.22s, padding 0.22s, border-color 0.22s;
}
.brem-home .solution-tabs button > span {
font: 600 12px Barlow Condensed, Arial, sans-serif;
color: #8aa0ad;
}
.brem-home .solution-tabs button > b {
font: 600 16px Barlow Condensed, Arial, sans-serif;
text-transform: uppercase;
}
.brem-home .solution-tabs button > i {
font-style: normal;
opacity: 0;
transform: translateX(-5px);
transition: 0.22s;
}
.brem-home .solution-tabs button:hover,
.brem-home .solution-tabs button.is-active {
padding-left: 9px;
border-left: 3px solid var(--blue, #135e96);
color: var(--navy, #0b2744);
}
.brem-home .solution-tabs button.is-active > span,
.brem-home .solution-tabs button.is-active > i,
.brem-home .solution-tabs button:hover > i,
.brem-home .solution-tabs button.is-active > i {
color: var(--blue, #135e96);
opacity: 1;
transform: none;
}
.brem-home .featured-solution-stack,
.brem-home .equipment-family-stack {
min-width: 0;
}
.brem-home .line-stage {
min-height: 610px;
}
.brem-home .line-stage__panel {
position: absolute;
inset: 0;
}
.brem-home .line-stage__panel img {
height: 100%;
object-fit: cover;
}
.brem-home .engineering__grid:not(:has(.engineering__visual)) {
grid-template-columns: 1fr;
}
.brem-home .engineering__grid:not(:has(.engineering__visual)) .engineering__copy {
padding-left: 0;
}
.brem-home .about__grid:not(:has(.about__image)) {
grid-template-columns: 1fr;
}
.brem-home .factory-gallery--copy {
grid-template-columns: 1fr;
grid-template-rows: auto;
}
.brem-home .factory-gallery--copy aside {
grid-row: auto;
grid-column: auto;
}
.brem-home .case-grid--solo {
grid-template-columns: 1fr;
grid-template-rows: auto;
}
.brem-home .case-grid--solo .case-feature-visual {
grid-row: auto;
min-height: 420px;
}
.brem-home .home-section-more {
margin: 28px 0 0;
}
.brem-home .home-section-more .text-link {
margin-top: 0;
}
@media (max-width: 1050px) {
.brem-home .wrap {
width: min(1380px, calc(100% - 56px));
}
.brem-home .line-stage {
min-height: 520px;
}
}
@media (max-width: 680px) {
.brem-home .wrap {
width: calc(100% - 32px);
}
.brem-home .solution-tabs button {
flex: 0 0 176px;
scroll-snap-align: start;
grid-template-columns: 26px 1fr;
min-height: 64px;
border: 1px solid var(--line, #d5dfe5);
padding: 10px;
}
.brem-home .solution-tabs button > i {
display: none;
}
.brem-home .solution-tabs button:hover,
.brem-home .solution-tabs button.is-active {
padding-left: 10px;
border: 1px solid var(--blue, #135e96);
border-top: 3px solid var(--blue, #135e96);
}
.brem-home .featured-solution-stack {
order: 2;
}
.brem-home .line-stage {
min-height: 350px;
}
}
@media (prefers-reduced-motion: reduce) {
.brem-home .reveal {
opacity: 1;
transform: none;
transition: none;
}
}
/* --- launch-home-ia.css --- */
.brem-home .hero__brand {
margin: 14px 0 0;
color: #fff;
font: 700 clamp(20px, 2.2vw, 30px) / 1.15 Inter, Arial, sans-serif;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.brem-home .hero h1 {
margin-top: 18px;
max-width: 640px;
font-size: clamp(38px, 4.4vw, 58px);
line-height: 1.05;
letter-spacing: -0.03em;
}
.brem-home .hero__frame {
padding: 70px 0 62px;
}
.brem-home .hero__copy {
padding: 0;
margin-left: 0;
}
.brem-home .hero__cta-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 48px;
margin-top: 28px;
margin-left: 0;
width: 100%;
}
.brem-home .hero .actions {
margin-top: 0;
flex: 0 0 auto;
}
.brem-home .hero__outputs {
position: static;
flex: 0 1 260px;
max-width: 260px;
margin-left: auto;
padding: 4px 0 4px 16px;
border-left: 2px solid rgba(14, 112, 181, 0.72);
}
.brem-home .hero__outputs-label {
color: #8ec4e4;
font-size: 9px;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.brem-home .hero__outputs-list {
margin-top: 10px;
color: rgba(255, 255, 255, 0.88);
font-size: 12px;
font-weight: 500;
line-height: 1.55;
}
.brem-home .hero__meta {
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-left: 0;
width: 560px;
max-width: 100%;
}
.brem-home .home-scope.brem-build,
.brem-home .brem-build {
position: relative;
overflow: hidden;
padding: 120px 0;
background: linear-gradient(180deg, #f7f9fb 0%, #f1f5f7 100%);
border-bottom: 1px solid var(--line, #d5dfe5);
}
.brem-home .brem-build::before {
content: "";
position: absolute;
inset: 0;
pointer-events: none;
background:
linear-gradient(to right, rgba(31, 95, 143, 0.045) 1px, transparent 1px),
linear-gradient(to bottom, rgba(31, 95, 143, 0.035) 1px, transparent 1px);
background-size: 72px 72px;
mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.65), transparent 75%);
}
.brem-home .brem-build__container {
position: relative;
z-index: 1;
}
.brem-home .brem-build__header {
display: grid;
grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
gap: 64px;
align-items: end;
margin-bottom: 64px;
}
.brem-home .brem-build__eyebrow {
display: inline-flex;
align-items: center;
gap: 10px;
margin-bottom: 18px;
color: var(--blue, #1f5f8f);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.16em;
line-height: 1;
text-transform: uppercase;
}
.brem-home .brem-build__eyebrow::before {
content: "";
width: 28px;
height: 2px;
background: var(--blue, #1f5f8f);
}
.brem-home .brem-build__title {
margin: 0;
max-width: 840px;
color: var(--navy, #0f1b24);
font: 600 clamp(40px, 4.6vw, 64px) / 1.02 Barlow Condensed, Arial, sans-serif;
letter-spacing: -0.045em;
text-transform: none;
}
.brem-home .brem-build__intro {
margin: 0;
max-width: 520px;
color: var(--muted, #62717d);
font-size: 17px;
line-height: 1.75;
}
.brem-home .brem-build__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 18px;
}
.brem-home .brem-build__item {
position: relative;
display: flex;
flex-direction: column;
min-height: 530px;
padding: 34px 34px 32px;
border: 1px solid rgba(171, 188, 200, 0.55);
background: rgba(255, 255, 255, 0.7);
backdrop-filter: blur(10px);
transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease, background-color 0.24s ease;
}
.brem-home .brem-build__item:hover {
transform: translateY(-4px);
border-color: rgba(31, 95, 143, 0.5);
box-shadow: 0 14px 30px rgba(15, 27, 36, 0.07);
background: rgba(255, 255, 255, 0.94);
}
.brem-home .brem-build__item--featured {
border-color: rgba(31, 95, 143, 0.4);
background: linear-gradient(180deg, #ffffff 0%, #f8fbfd 100%);
box-shadow: 0 16px 34px rgba(31, 95, 143, 0.08);
}
.brem-home .brem-build__item--featured::before {
content: "";
position: absolute;
top: -1px;
left: -1px;
right: -1px;
height: 3px;
background: var(--blue, #1f5f8f);
}
.brem-home .brem-build__top {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 54px;
}
.brem-home .brem-build__number {
color: #8997a1;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.13em;
line-height: 1;
}
.brem-home .brem-build__role {
padding: 7px 9px 6px;
border: 1px solid #d6e0e6;
background: rgba(255, 255, 255, 0.68);
color: #667580;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.11em;
line-height: 1;
text-transform: uppercase;
}
.brem-home .brem-build__item--featured .brem-build__role {
border-color: rgba(31, 95, 143, 0.22);
background: rgba(31, 95, 143, 0.06);
color: var(--blue, #1f5f8f);
}
.brem-home .brem-build__content {
display: flex;
flex: 1;
flex-direction: column;
}
.brem-home .brem-build__label {
display: block;
margin-bottom: 10px;
color: var(--blue, #1f5f8f);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.12em;
line-height: 1;
text-transform: uppercase;
}
.brem-home .brem-build__item-title {
margin: 0;
color: var(--navy, #0f1b24);
font: 600 30px / 1.12 Barlow Condensed, Arial, sans-serif;
letter-spacing: -0.03em;
}
.brem-home .brem-build__text {
margin: 18px 0 0;
max-width: 360px;
color: var(--muted, #62717d);
font-size: 15px;
line-height: 1.72;
}
.brem-home .brem-build__list {
margin: 30px 0 34px;
padding: 0;
list-style: none;
border-top: 1px solid var(--line, #d7e0e6);
}
.brem-home .brem-build__list li {
position: relative;
padding: 13px 0 13px 20px;
border-bottom: 1px solid var(--line, #d7e0e6);
color: #263640;
font-size: 14px;
line-height: 1.45;
}
.brem-home .brem-build__list li::before {
content: "";
position: absolute;
left: 0;
top: 19px;
width: 6px;
height: 6px;
border: 1.5px solid var(--blue, #1f5f8f);
}
.brem-home .brem-build__link {
display: inline-flex;
align-items: center;
align-self: flex-start;
gap: 10px;
margin-top: auto;
padding-bottom: 4px;
border-bottom: 1px solid rgba(31, 95, 143, 0.28);
color: #16496e;
font-size: 14px;
font-weight: 700;
line-height: 1.2;
text-decoration: none;
transition: border-color 0.2s ease, color 0.2s ease;
}
.brem-home .brem-build__link::after {
content: "↗";
font-size: 14px;
transition: transform 0.2s ease;
}
.brem-home .brem-build__link:hover,
.brem-home .brem-build__link:focus-visible {
color: var(--blue, #1f5f8f);
border-color: var(--blue, #1f5f8f);
}
.brem-home .brem-build__link:hover::after,
.brem-home .brem-build__link:focus-visible::after {
transform: translate(3px, -2px);
}
.brem-home .brem-build__link:focus-visible {
outline: 2px solid var(--blue, #1f5f8f);
outline-offset: 5px;
}
.brem-home .brem-build__footer-note {
display: flex;
justify-content: space-between;
gap: 30px;
margin-top: 28px;
padding-top: 22px;
border-top: 1px solid rgba(171, 188, 200, 0.55);
color: #77858f;
font-size: 12px;
line-height: 1.6;
}
.brem-home .brem-build__footer-note strong {
color: #52616d;
font-weight: 700;
}
.brem-home .why-brem {
padding: 96px 0;
background: #fff;
border-bottom: 1px solid var(--line, #d5dfe5);
}
.brem-home .why-brem .section-heading {
margin-bottom: 36px;
}
.brem-home .why-brem .capability-grid {
border-top: 1px solid var(--line, #d5dfe5);
border-left: 1px solid var(--line, #d5dfe5);
}
.brem-home .why-brem .capability-grid article {
border-right: 1px solid var(--line, #d5dfe5);
border-bottom: 1px solid var(--line, #d5dfe5);
border-left: 0;
min-height: 210px;
padding: 28px 24px;
}
.brem-home .why-brem__cta,
.brem-home .process-section__cta,
.brem-home .home-materials__cta {
margin-top: 34px;
}
.brem-home .home-materials {
background: var(--paper, #f2f5f6);
}
.brem-home .home-materials .output-row {
grid-template-columns: 1.2fr repeat(6, minmax(0, 1fr));
margin-top: 0;
}
@media (max-width: 720px) {
.brem-home .brem-build {
padding: 82px 0;
}
.brem-home .brem-build__header {
margin-bottom: 42px;
}
.brem-home .brem-build__title {
font-size: 40px;
}
.brem-home .brem-build__intro {
font-size: 16px;
}
.brem-home .brem-build__grid {
gap: 14px;
}
.brem-home .brem-build__item {
padding: 28px 24px 26px;
}
.brem-home .brem-build__top {
margin-bottom: 38px;
}
.brem-home .brem-build__item-title {
font-size: 26px;
}
.brem-home .brem-build__footer-note {
flex-direction: column;
gap: 8px;
}
}
.brem-home .process-flow {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
@media (max-width: 1080px) {
.brem-home .brem-build__header {
grid-template-columns: 1fr;
gap: 24px;
}
.brem-home .brem-build__intro {
max-width: 720px;
}
.brem-home .brem-build__grid {
grid-template-columns: 1fr;
}
.brem-home .brem-build__item {
min-height: 0;
}
.brem-home .hero__cta-row {
flex-direction: column;
align-items: flex-start;
margin-left: 0;
width: 100%;
gap: 28px;
}
.brem-home .hero__outputs {
max-width: none;
flex: none;
margin-left: 0;
}
.brem-home .hero__meta {
margin-left: 0;
width: min(560px, 100%);
max-width: 100%;
grid-template-columns: 1fr;
}
.brem-home .hero__meta div + div {
padding-left: 0;
border-left: 0;
border-top: 1px solid rgba(184, 211, 228, 0.28);
padding-top: 14px;
margin-top: 14px;
}
.brem-home .why-brem .capability-grid {
grid-template-columns: 1fr 1fr;
}
.brem-home .home-materials .output-row,
.brem-home .process-flow {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 680px) {
.brem-home .hero h1 {
font-size: 40px;
}
.brem-home .hero__frame {
padding: 58px 0 48px;
}
.brem-home .hero__copy {
margin-left: 0;
}
.brem-home .hero__cta-row {
margin-left: 0;
width: 100%;
gap: 24px;
}
.brem-home .hero__meta {
margin-left: 0;
width: 100%;
max-width: none;
}
.brem-home .hero__outputs {
max-width: none;
}
.brem-home .hero__outputs-list {
font-size: 12px;
}
.brem-home .brem-build {
padding: 64px 0;
}
.brem-home .why-brem .capability-grid {
grid-template-columns: 1fr;
}
.brem-home .home-materials .output-row,
.brem-home .process-flow {
grid-template-columns: 1fr 1fr;
}
}
.brem-home .featured-solution__label {
display: inline-block;
margin-top: 8px;
color: #71848f;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
}
/* --- commercial-loop.css --- */
.brem-home .process-section__model {
margin: 0 0 28px;
color: var(--blue, #135e96);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.brem-home .case-card__meta {
margin: 0 0 10px;
color: #71848f;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.02em;
}
.brem-home .case-feature-panel__actions {
display: flex;
flex-wrap: wrap;
gap: 18px 28px;
margin-top: 8px;
}
.brem-home .about__links {
display: flex;
flex-wrap: wrap;
gap: 16px 28px;
margin-top: 28px;
}
.brem-home .about__links .text-link {
margin-top: 0;
}
.brem-home .about__facts {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
margin: 28px 0 0;
border: 1px solid var(--line, #d5dfe5);
background: #fff;
}
.brem-home .about__facts > div {
padding: 16px 18px;
border-right: 1px solid var(--line, #d5dfe5);
border-bottom: 1px solid var(--line, #d5dfe5);
}
.brem-home .about__facts > div:nth-child(2n) {
border-right: 0;
}
.brem-home .about__facts dt {
margin: 0;
color: #7c8c96;
font-size: 9px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.brem-home .about__facts dd {
margin: 6px 0 0;
color: var(--navy, #0b2a3d);
font-size: 14px;
font-weight: 600;
line-height: 1.35;
}
.brem-home .marker {
display: none !important;
}
.brem-home .line-detail dl div {
grid-template-columns: 130px 1fr;
}
.brem-home .process-outputs {
display: grid;
grid-template-columns: minmax(140px, 1.1fr) minmax(0, 3fr);
gap: 0;
margin-top: 42px;
border: 1px solid var(--line, #d5dfe5);
background: #fff;
}
.brem-home .process-outputs > span {
display: flex;
align-items: center;
padding: 18px 20px;
border-right: 1px solid var(--line, #d5dfe5);
color: var(--blue, #135e96);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.brem-home .process-outputs__list {
display: grid;
grid-template-columns: repeat(6, minmax(0, 1fr));
}
.brem-home .process-outputs__list b {
padding: 18px 14px;
border-right: 1px solid var(--line, #d5dfe5);
font: 600 15px/1.15 Barlow Condensed, Arial, sans-serif;
text-transform: uppercase;
color: var(--navy, #0b2a3d);
}
.brem-home .process-outputs__list b:last-child {
border-right: 0;
}
.brem-home .resource-grid--count-1 {
grid-template-columns: minmax(0, 1fr);
max-width: 420px;
}
.brem-home .resource-grid--count-2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.brem-home .timeline {
grid-template-columns: repeat(7, minmax(0, 1fr));
}
@media (max-width: 1050px) {
.brem-home .timeline {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.brem-home .process-outputs {
grid-template-columns: 1fr;
}
.brem-home .process-outputs > span {
border-right: 0;
border-bottom: 1px solid var(--line, #d5dfe5);
}
.brem-home .process-outputs__list {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.brem-home .resource-grid--count-2 {
grid-template-columns: 1fr;
max-width: none;
}
}
@media (max-width: 680px) {
.brem-home .timeline {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.brem-home .case-feature-panel__actions,
.brem-home .about__links {
flex-direction: column;
gap: 14px;
}
.brem-home .about__facts {
grid-template-columns: 1fr;
}
.brem-home .about__facts > div,
.brem-home .about__facts > div:nth-child(2n) {
border-right: 0;
}
.brem-home .process-outputs__list {
grid-template-columns: 1fr 1fr;
}
.brem-home .process-outputs__list b:nth-child(2n) {
border-right: 0;
}
.brem-home .resource-grid--count-1 {
max-width: none;
}
}
/* --- 02 Material to Value --- */
.brem-home .home-mtv {
background: #fff;
}
.brem-home .home-mtv__head {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 60px;
margin-bottom: 52px;
}
.brem-home .home-mtv__intro {
max-width: 820px;
}
.brem-home .home-mtv__intro h2 {
margin-bottom: 22px;
}
.brem-home .home-mtv__lead {
margin: 0;
max-width: 820px;
color: var(--muted);
font-size: 18px;
line-height: 1.65;
}
.brem-home .home-mtv__note {
max-width: 340px;
border-left: 2px solid var(--blue);
padding-left: 18px;
color: var(--muted);
line-height: 1.55;
font-size: 14px;
}
.brem-home .home-mtv__tabs {
display: flex;
flex-wrap: wrap;
gap: 34px;
border-bottom: 1px solid var(--line);
}
.brem-home .home-mtv__tab {
padding: 0 0 17px;
margin-bottom: -1px;
border: 0;
border-bottom: 3px solid transparent;
background: none;
color: inherit;
cursor: pointer;
font: 800 12px/1.2 Inter, Arial, sans-serif;
letter-spacing: 0.09em;
text-transform: uppercase;
}
.brem-home .home-mtv__tab.is-active {
color: var(--blue);
border-bottom-color: var(--blue);
}
.brem-home .home-mtv__value {
display: grid;
grid-template-columns: 1fr 1.25fr 1fr;
min-height: 420px;
border: 1px solid var(--line);
border-top: 0;
overflow: visible;
}
.brem-home .home-mtv__col {
position: relative;
padding: 43px;
}
.brem-home .home-mtv__col + .home-mtv__col {
border-left: 1px solid var(--line);
}
.brem-home .home-mtv__col--process {
background: var(--navy);
color: #fff;
}
.brem-home .home-mtv__col--outputs {
background: var(--paper);
}
.brem-home .home-mtv__col--process:before,
.brem-home .home-mtv__col--outputs:before {
content: "→";
position: absolute;
left: -16px;
top: 50%;
z-index: 3;
width: 32px;
height: 32px;
transform: translateY(-50%);
border-radius: 50%;
background: var(--blue);
color: #fff;
font-size: 15px;
font-weight: 700;
line-height: 32px;
text-align: center;
box-shadow: 0 2px 10px rgba(19, 94, 150, 0.35);
}
.brem-home .home-mtv__vnum {
margin-bottom: 52px;
color: var(--blue);
font-size: 11px;
font-weight: 800;
}
.brem-home .home-mtv__col--process .home-mtv__vnum {
color: #75c2ec;
}
.brem-home .home-mtv__vlabel {
color: #6f8392;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.16em;
}
.brem-home .home-mtv__col--process .home-mtv__vlabel {
color: #91b8d2;
}
.brem-home .home-mtv__col h3 {
margin: 13px 0 23px;
color: var(--navy);
font: 600 30px/1.05 Barlow Condensed, Arial, sans-serif;
text-transform: uppercase;
}
.brem-home .home-mtv__col--process h3 {
color: #fff;
}
.brem-home .home-mtv__chips {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.brem-home .home-mtv__chip {
border: 1px solid var(--line);
padding: 8px 11px;
color: #486073;
font-size: 12px;
}
.brem-home .home-mtv__feed-photo {
height: 165px;
margin-top: 28px;
border: 1px solid var(--line);
background-position: center;
background-size: cover;
}
.brem-home .home-mtv__pic-list {
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 25px;
}
.brem-home .home-mtv__pic-item {
display: grid;
grid-template-columns: 88px 1fr;
gap: 12px;
align-items: center;
}
.brem-home .home-mtv__thumb {
height: 58px;
border: 1px solid rgba(255, 255, 255, 0.18);
background-position: center;
background-size: cover;
}
.brem-home .home-mtv__thumb--empty {
background: rgba(255, 255, 255, 0.08);
}
.brem-home .home-mtv__col--outputs .home-mtv__thumb {
border-color: var(--line);
}
.brem-home .home-mtv__col--outputs .home-mtv__thumb--empty {
background: #e4eaee;
}
.brem-home .home-mtv__pic-item span {
color: #d4e1e9;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.02em;
line-height: 1.35;
text-transform: uppercase;
}
.brem-home .home-mtv__col--outputs .home-mtv__pic-item span {
color: var(--ink);
font-size: 13px;
}
@media (max-width: 1050px) {
.brem-home .home-mtv__head {
display: block;
}
.brem-home .home-mtv__note {
margin-top: 25px;
}
.brem-home .home-mtv__value {
grid-template-columns: 1fr;
}
.brem-home .home-mtv__col + .home-mtv__col {
border-left: 0;
border-top: 1px solid var(--line);
}
.brem-home .home-mtv__col--process:before,
.brem-home .home-mtv__col--outputs:before {
left: 50%;
top: -16px;
transform: translateX(-50%);
content: "↓";
}
}
@media (max-width: 680px) {
.brem-home .home-mtv__tabs {
gap: 18px;
}
.brem-home .home-mtv__tab {
font-size: 11px;
}
.brem-home .home-mtv__col {
padding: 28px 22px;
}
.brem-home .home-mtv__vnum {
margin-bottom: 28px;
}
.brem-home .home-mtv__col h3 {
font-size: 24px;
}
.brem-home .home-mtv__pic-item {
grid-template-columns: 72px 1fr;
}
}
/* --- 03 Recycling Solutions (full-width switcher) --- */
.brem-home .solutions.soft {
background: #f7f9fa;
}
.brem-home .solutions .sol-head {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: 60px;
margin-bottom: 48px;
border: 0;
padding: 0;
max-width: none;
}
.brem-home .solutions .sol-head__intro {
max-width: 820px;
}
.brem-home .solutions .sol-head h2 {
margin: 18px 0 0;
max-width: none;
}
.brem-home .solutions .sol-head__lead {
margin: 0;
max-width: 420px;
color: var(--muted);
font-size: 18px;
line-height: 1.65;
}
.brem-home .solutions .sol-stage {
position: relative;
border: 1px solid var(--line);
background: #fff;
}
.brem-home .solutions .sol-panel[hidden] {
display: none !important;
}
.brem-home .solutions .sol-feature {
display: grid;
grid-template-columns: 65% 35%;
min-height: 560px;
}
.brem-home .solutions .sol-media {
min-height: 560px;
background: #dfe7eb center / cover no-repeat;
position: relative;
}
.brem-home .solutions .sol-media:after {
content: "";
position: absolute;
inset: 40% 0 0;
background: linear-gradient(transparent, rgba(5, 31, 52, 0.72));
pointer-events: none;
}
.brem-home .solutions .sol-tabs {
position: absolute;
left: 0;
bottom: 0;
z-index: 4;
width: 65%;
display: grid;
grid-template-columns: repeat(var(--sol-tab-count, 6), minmax(0, 1fr));
gap: 8px;
padding: 18px 20px 20px;
background: linear-gradient(180deg, transparent, rgba(5, 31, 52, 0.55) 28%, rgba(5, 31, 52, 0.88));
}
.brem-home .solutions .sol-tab {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 6px;
min-height: 72px;
padding: 12px 12px 14px;
border: 1px solid rgba(255, 255, 255, 0.22);
background: rgba(255, 255, 255, 0.1);
color: #fff;
cursor: pointer;
text-align: left;
backdrop-filter: blur(6px);
transition: background 0.2s, border-color 0.2s, transform 0.2s;
}
.brem-home .solutions .sol-tab:hover {
background: rgba(255, 255, 255, 0.2);
border-color: rgba(255, 255, 255, 0.4);
}
.brem-home .solutions .sol-tab.is-active {
background: var(--blue);
border-color: var(--blue);
box-shadow: 0 8px 22px rgba(19, 94, 150, 0.45);
transform: translateY(-2px);
}
.brem-home .solutions .sol-tab small {
display: block;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.14em;
color: rgba(255, 255, 255, 0.7);
}
.brem-home .solutions .sol-tab.is-active small {
color: #c9e7f7;
}
.brem-home .solutions .sol-tab b {
display: block;
font: 800 12px/1.25 Inter, Arial, sans-serif;
letter-spacing: 0.03em;
text-transform: uppercase;
}
.brem-home .solutions .sol-copy {
display: flex;
flex-direction: column;
padding: 48px 42px;
background: #fff;
}
.brem-home .solutions .sol-copy__n {
margin-bottom: 28px;
color: var(--blue);
font-size: 11px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.brem-home .solutions .sol-copy h3 {
margin: 0 0 18px;
color: var(--navy);
font: 600 clamp(28px, 2.6vw, 40px)/1.05 Barlow Condensed, Arial, sans-serif;
letter-spacing: -0.02em;
text-transform: uppercase;
}
.brem-home .solutions .sol-copy__desc {
margin: 0 0 28px;
color: var(--muted);
font-size: 15px;
line-height: 1.65;
}
.brem-home .solutions .sol-meta {
margin: 0 0 28px;
border-top: 1px solid var(--line);
}
.brem-home .solutions .sol-meta > div {
padding: 14px 0;
border-bottom: 1px solid var(--line);
}
.brem-home .solutions .sol-meta b {
display: block;
margin-bottom: 4px;
color: #7a8d9b;
font-size: 10px;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.brem-home .solutions .sol-meta span {
display: block;
color: var(--ink);
font-size: 14px;
font-weight: 600;
line-height: 1.45;
}
.brem-home .solutions .sol-copy__link {
margin-top: auto;
color: var(--blue);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.brem-home .solutions .sol-band {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
margin-top: 28px;
padding: 23px 28px;
background: #eaf0f3;
}
.brem-home .solutions .sol-band b {
color: var(--ink);
font-size: 15px;
}
.brem-home .solutions .sol-band .link {
color: var(--blue);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
white-space: nowrap;
}
.brem-home .solutions .home-section-more,
.brem-home .solutions .solutions__workspace,
.brem-home .solutions .solution-navigator,
.brem-home .solutions .featured-solution-stack,
.brem-home .solutions .project-basis {
display: none !important;
}
@media (max-width: 1100px) {
.brem-home .solutions .sol-tab b {
font-size: 11px;
}
.brem-home .solutions .sol-tab {
min-height: 66px;
padding: 10px;
}
}
@media (max-width: 900px) {
.brem-home .solutions .sol-head {
display: block;
}
.brem-home .solutions .sol-head__lead {
margin-top: 20px;
max-width: none;
}
.brem-home .solutions .sol-feature {
grid-template-columns: 1fr;
min-height: 0;
}
.brem-home .solutions .sol-media {
min-height: 360px;
}
.brem-home .solutions .sol-tabs {
width: 100%;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 7px;
padding: 14px;
background: rgba(5, 31, 52, 0.92);
}
.brem-home .solutions .sol-tab {
min-height: 58px;
}
.brem-home .solutions .sol-copy {
padding: 32px 24px;
}
.brem-home .solutions .sol-band {
flex-direction: column;
align-items: flex-start;
gap: 14px;
}
}
@media (max-width: 560px) {
.brem-home .solutions .sol-tabs {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
/* --- 04 Production Lines (immersive big-image switcher) --- */
.brem-home .lines.dark {
background: var(--navy);
color: #fff;
}
.brem-home .lines .pline-head {
display: grid;
grid-template-columns: 1.2fr 0.8fr;
gap: 48px;
align-items: end;
margin-bottom: 42px;
}
.brem-home .lines .pline-head .eyebrow {
color: #75c2ec;
}
.brem-home .lines .pline-head h2 {
margin: 18px 0 0;
color: #fff;
}
.brem-home .lines .pline-head__lead {
margin: 0;
max-width: none;
color: #aec4d3;
font-size: 18px;
line-height: 1.65;
}
.brem-home .lines .pline-stage {
position: relative;
min-height: 640px;
overflow: hidden;
border: 1px solid #31536b;
background: #061f35;
}
.brem-home .lines .pline-panel[hidden] {
display: none !important;
}
.brem-home .lines .pline-panel {
min-height: 640px;
}
.brem-home .lines .pline-media {
position: absolute;
inset: 0;
background: #0a2a3f center / cover no-repeat;
}
.brem-home .lines .pline-media:before {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(90deg, rgba(5, 30, 51, 0.88) 0%, rgba(5, 30, 51, 0.55) 42%, rgba(5, 30, 51, 0.18) 68%, rgba(5, 30, 51, 0.35) 100%),
linear-gradient(0deg, rgba(5, 30, 51, 0.92) 0%, rgba(5, 30, 51, 0.45) 28%, transparent 55%);
pointer-events: none;
}
.brem-home .lines .pline-detail {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: flex-end;
min-height: 640px;
max-width: 560px;
padding: 48px 40px 108px 44px;
}
.brem-home .lines .pline-detail__n {
margin-bottom: 22px;
color: #75c2ec;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.16em;
text-transform: uppercase;
}
.brem-home .lines .pline-detail h3 {
margin: 0 0 18px;
color: #fff;
font: 600 clamp(30px, 3vw, 46px)/1.02 Barlow Condensed, Arial, sans-serif;
letter-spacing: -0.03em;
text-transform: uppercase;
}
.brem-home .lines .pline-detail__desc {
margin: 0 0 26px;
max-width: 460px;
color: #c5d6e2;
font-size: 15px;
line-height: 1.65;
}
.brem-home .lines .pline-specs {
display: grid;
gap: 0;
margin: 0 0 30px;
border-top: 1px solid rgba(255, 255, 255, 0.18);
}
.brem-home .lines .pline-specs > div {
display: grid;
grid-template-columns: 140px 1fr;
gap: 16px;
padding: 13px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}
.brem-home .lines .pline-specs b {
padding-top: 2px;
color: #8fb4c8;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.brem-home .lines .pline-specs span {
color: #e8f0f5;
font-size: 14px;
font-weight: 600;
line-height: 1.45;
}
.brem-home .lines .pline-detail__link {
align-self: flex-start;
padding-bottom: 6px;
border-bottom: 1px solid rgba(120, 199, 240, 0.45);
color: #78c7f0;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
}
.brem-home .lines .pline-tabs {
position: absolute;
z-index: 4;
left: 24px;
right: 24px;
bottom: 18px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: stretch;
gap: 6px;
width: auto;
padding: 0;
border: 0;
background: transparent;
backdrop-filter: none;
}
.brem-home .lines .pline-tab {
flex: 1 1 0;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
gap: 8px;
min-width: 0;
min-height: 44px;
padding: 8px 12px;
border: 1px solid rgba(255, 255, 255, 0.18);
background: rgba(5, 30, 51, 0.72);
color: #fff;
cursor: pointer;
text-align: left;
backdrop-filter: blur(8px);
transition: background 0.2s, border-color 0.2s, transform 0.2s;
}
.brem-home .lines .pline-tab:hover {
background: rgba(8, 50, 82, 0.88);
border-color: rgba(255, 255, 255, 0.34);
}
.brem-home .lines .pline-tab.is-active {
background: var(--blue);
border-color: var(--blue);
box-shadow: 0 8px 18px rgba(19, 94, 150, 0.35);
transform: translateY(-2px);
}
.brem-home .lines .pline-tab small {
flex: none;
color: rgba(255, 255, 255, 0.7);
font-size: 10px;
font-weight: 800;
letter-spacing: 0.12em;
}
.brem-home .lines .pline-tab.is-active small {
color: #c9e7f7;
}
.brem-home .lines .pline-tab b {
overflow: hidden;
font: 800 11px/1.25 Inter, Arial, sans-serif;
letter-spacing: 0.02em;
text-transform: uppercase;
text-overflow: ellipsis;
white-space: nowrap;
}
.brem-home .lines .pline-foot {
display: flex;
justify-content: space-between;
align-items: center;
gap: 20px;
margin-top: 28px;
padding-top: 22px;
border-top: 1px solid #31536b;
color: #a9bfce;
font-size: 14px;
}
.brem-home .lines .pline-foot .link {
color: #78c7f0;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
white-space: nowrap;
}
.brem-home .lines .dark-head,
.brem-home .lines .line-selector,
.brem-home .lines .home-section-more {
display: none !important;
}
@media (max-width: 1100px) {
.brem-home .lines .pline-tab b {
font-size: 10px;
}
.brem-home .lines .pline-detail {
max-width: 480px;
padding: 36px 28px 100px;
}
}
@media (max-width: 900px) {
.brem-home .lines .pline-head {
display: block;
}
.brem-home .lines .pline-head__lead {
margin-top: 18px;
}
.brem-home .lines .pline-stage,
.brem-home .lines .pline-panel,
.brem-home .lines .pline-detail {
min-height: 0;
}
.brem-home .lines .pline-media {
position: relative;
min-height: 320px;
}
.brem-home .lines .pline-media:before {
background: linear-gradient(180deg, rgba(5, 30, 51, 0.2), rgba(5, 30, 51, 0.82));
}
.brem-home .lines .pline-detail {
max-width: none;
padding: 28px 22px 24px;
background: var(--navy2);
}
.brem-home .lines .pline-tabs {
position: relative;
left: auto;
right: auto;
bottom: auto;
flex-wrap: wrap;
gap: 7px;
padding: 12px;
border-top: 1px solid #31536b;
background: #061f35;
}
.brem-home .lines .pline-tab {
flex: 1 1 calc(33.333% - 7px);
min-height: 48px;
transform: none;
}
.brem-home .lines .pline-tab.is-active {
transform: none;
}
.brem-home .lines .pline-tab b {
white-space: normal;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.brem-home .lines .pline-specs > div {
grid-template-columns: 1fr;
gap: 4px;
}
.brem-home .lines .pline-foot {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
}
@media (max-width: 560px) {
.brem-home .lines .pline-tab {
flex: 1 1 calc(50% - 7px);
}
}
/* --- 05 Project Engineering (inputs → engineering → output) --- */
.brem-home .process-section.pe .pe-head {
display: grid;
grid-template-columns: 1.05fr 0.95fr;
gap: 90px;
align-items: end;
margin-bottom: 54px;
}
.brem-home .process-section.pe .pe-head h2 {
margin: 18px 0 0;
}
.brem-home .process-section.pe .pe-head__lead {
margin: 0;
max-width: 660px;
color: var(--text, #566c7d);
font-size: 18px;
line-height: 1.65;
}
.brem-home .process-section.pe .pe-system {
display: grid;
grid-template-columns: 1fr 72px 1.18fr 72px 1fr;
border-top: 1px solid var(--line, #d9e3e9);
border-bottom: 1px solid var(--line, #d9e3e9);
}
.brem-home .process-section.pe .pe-panel {
padding: 34px 28px;
min-height: 455px;
}
.brem-home .process-section.pe .pe-panel--input {
background: #f5f7f8;
}
.brem-home .process-section.pe .pe-panel--engineering {
background: var(--navy, #082944);
color: #fff;
}
.brem-home .process-section.pe .pe-panel--output {
background: #edf3f6;
}
.brem-home .process-section.pe .pe-kicker {
color: var(--blue, #0876bd);
font-size: 11px;
font-weight: 800;
letter-spacing: 0.15em;
text-transform: uppercase;
}
.brem-home .process-section.pe .pe-panel--engineering .pe-kicker {
color: #75c2ec;
}
.brem-home .process-section.pe .pe-panel h3 {
margin: 13px 0 25px;
font-size: 27px;
line-height: 1.05;
text-transform: uppercase;
}
.brem-home .process-section.pe .pe-items {
border-top: 1px solid var(--line, #d9e3e9);
}
.brem-home .process-section.pe .pe-panel--engineering .pe-items {
border-color: #35556d;
}
.brem-home .process-section.pe .pe-item {
display: grid;
grid-template-columns: 28px 1fr;
gap: 10px;
padding: 13px 0;
border-bottom: 1px solid var(--line, #d9e3e9);
font-size: 13px;
line-height: 1.4;
}
.brem-home .process-section.pe .pe-panel--engineering .pe-item {
border-color: #35556d;
color: #d4e1e9;
}
.brem-home .process-section.pe .pe-item b {
padding-top: 3px;
color: var(--blue, #0876bd);
font-size: 10px;
}
.brem-home .process-section.pe .pe-panel--engineering .pe-item b {
color: #75c2ec;
}
.brem-home .process-section.pe .pe-arrow {
display: flex;
align-items: center;
justify-content: center;
color: var(--blue, #0876bd);
font-size: 30px;
}
.brem-home .process-section.pe .pe-photo {
height: 175px;
margin: 22px 0;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.brem-home .process-section.pe .pe-result {
font-size: 19px;
font-weight: 800;
line-height: 1.25;
text-transform: uppercase;
}
.brem-home .process-section.pe .pe-note {
margin: 16px 0 0;
color: var(--text, #566c7d);
font-size: 12px;
line-height: 1.55;
}
.brem-home .process-section.pe .pe-bottom {
display: grid;
grid-template-columns: 1fr auto;
gap: 40px;
align-items: center;
margin-top: 30px;
padding-top: 25px;
}
.brem-home .process-section.pe .pe-bottom p {
margin: 0;
max-width: 800px;
color: var(--text, #566c7d);
font-size: 14px;
line-height: 1.6;
}
.brem-home .process-section.pe .pe-bottom__link {
color: var(--blue, #0876bd);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
}
.brem-home .process-section.pe .process-flow,
.brem-home .process-section.pe .process-outputs,
.brem-home .process-section.pe .process-section__model,
.brem-home .process-section.pe .process-section__cta {
display: none !important;
}
@media (max-width: 900px) {
.brem-home .process-section.pe .pe-head {
grid-template-columns: 1fr;
gap: 20px;
}
.brem-home .process-section.pe .pe-system {
grid-template-columns: 1fr;
}
.brem-home .process-section.pe .pe-arrow {
height: 58px;
transform: rotate(90deg);
}
.brem-home .process-section.pe .pe-panel {
min-height: 0;
}
.brem-home .process-section.pe .pe-bottom {
grid-template-columns: 1fr;
}
.brem-home .process-section.pe .pe-bottom__link {
white-space: normal;
}
}
/* --- 06 Core Equipment (grouped categories) --- */
.brem-home .equipment.eq .eq-head {
display: grid;
grid-template-columns: 1.05fr 0.95fr;
gap: 80px;
align-items: end;
margin-bottom: 56px;
}
.brem-home .equipment.eq .eq-head h2 {
margin: 18px 0 0;
}
.brem-home .equipment.eq .eq-head__lead {
margin: 0;
max-width: 790px;
color: var(--text, #566c7d);
font-size: 18px;
line-height: 1.65;
}
.brem-home .equipment.eq .eq-category {
margin-top: 70px;
}
.brem-home .equipment.eq .eq-category:first-of-type {
margin-top: 0;
}
.brem-home .equipment.eq .eq-cat-head {
display: grid;
grid-template-columns: 80px 1fr auto;
gap: 20px;
align-items: end;
padding: 22px 0 24px;
border-top: 2px solid var(--navy, #082944);
}
.brem-home .equipment.eq .eq-category--environment .eq-cat-head {
border-top-color: #315b72;
}
.brem-home .equipment.eq .eq-cat-no {
color: var(--blue, #0876bd);
font-size: 12px;
font-weight: 800;
}
.brem-home .equipment.eq .eq-cat-title h3 {
margin: 0 0 6px;
font-size: 27px;
text-transform: uppercase;
}
.brem-home .equipment.eq .eq-cat-title p {
margin: 0;
color: var(--text, #566c7d);
font-size: 13px;
}
.brem-home .equipment.eq .eq-cat-link {
color: var(--blue, #0876bd);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
}
.brem-home .equipment.eq .eq-machines {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1px;
border: 1px solid var(--line, #d9e3e9);
background: var(--line, #d9e3e9);
}
.brem-home .equipment.eq .eq-machine {
display: flex;
flex-direction: column;
min-height: 385px;
background: #fff;
transition: 0.2s;
}
.brem-home .equipment.eq .eq-machine:hover {
z-index: 2;
transform: translateY(-3px);
box-shadow: 0 12px 28px rgba(8, 41, 68, 0.08);
}
.brem-home .equipment.eq .eq-pic {
height: 185px;
background: #e7edf0 center / cover no-repeat;
}
.brem-home .equipment.eq .eq-body {
display: flex;
flex: 1;
flex-direction: column;
padding: 25px;
}
.brem-home .equipment.eq .eq-tag {
color: var(--blue, #0876bd);
font-size: 10px;
font-weight: 800;
letter-spacing: 0.13em;
text-transform: uppercase;
}
.brem-home .equipment.eq .eq-machine h4 {
margin: 12px 0 11px;
font-size: 18px;
line-height: 1.15;
text-transform: uppercase;
}
.brem-home .equipment.eq .eq-machine p {
margin: 0 0 22px;
color: var(--text, #566c7d);
font-size: 13px;
line-height: 1.55;
}
.brem-home .equipment.eq .eq-machine .link {
margin-top: auto;
color: var(--blue, #0876bd);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
text-decoration: none;
}
.brem-home .equipment.eq .eq-footer {
display: grid;
grid-template-columns: 1fr auto;
gap: 30px;
align-items: center;
margin-top: 58px;
padding: 28px 32px;
background: var(--navy, #082944);
color: #fff;
}
.brem-home .equipment.eq .eq-footer strong {
font-size: 19px;
text-transform: uppercase;
}
.brem-home .equipment.eq .eq-footer p {
margin: 5px 0 0;
color: #b8cbd7;
font-size: 13px;
}
.brem-home .equipment.eq .eq-footer .link {
color: #75c2ec;
font-size: 12px;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
}
.brem-home .equipment.eq .equipment-v2,
.brem-home .equipment.eq .equipment__heading,
.brem-home .equipment.eq .equipment-nav,
.brem-home .equipment.eq .equipment-family-stack {
display: none !important;
}
@media (max-width: 1000px) {
.brem-home .equipment.eq .eq-head {
grid-template-columns: 1fr;
gap: 20px;
}
.brem-home .equipment.eq .eq-machines {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 650px) {
.brem-home .equipment.eq .eq-machines {
grid-template-columns: 1fr;
}
.brem-home .equipment.eq .eq-cat-head {
grid-template-columns: 45px 1fr;
}
.brem-home .equipment.eq .eq-cat-head > .eq-cat-link {
grid-column: 2;
}
.brem-home .equipment.eq .eq-cat-link {
white-space: normal;
}
.brem-home .equipment.eq .eq-footer {
grid-template-columns: 1fr;
}
.brem-home .equipment.eq .eq-footer .link {
white-space: normal;
}
}
/* --- 07 Manufacturing Evidence (interactive stages) --- */
.brem-home .engineering.mfg {
background: #eaf0f3;
}
.brem-home .engineering.mfg > .wrap > .eyebrow {
display: inline-block;
margin-bottom: 0;
}
.brem-home .engineering.mfg .mfg-head {
display: grid;
grid-template-columns: 1.05fr 0.95fr;
gap: 80px;
align-items: end;
margin: 18px 0 50px;
}
.brem-home .engineering.mfg .mfg-head h2 {
margin: 0;
}
.brem-home .engineering.mfg .mfg-head__lead {
margin: 0;
max-width: 820px;
color: var(--text, #566c7d);
font-size: 18px;
line-height: 1.65;
}
.brem-home .engineering.mfg .mfg-layout {
display: grid;
grid-template-columns: minmax(0, 1.55fr) minmax(390px, 0.75fr);
min-height: 650px;
background: #fff;
}
.brem-home .engineering.mfg .mfg-stage {
position: relative;
overflow: hidden;
min-height: 650px;
background: #0a2a47;
}
.brem-home .engineering.mfg .mfg-stage__img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: opacity 0.25s ease, transform 0.45s ease;
}
.brem-home .engineering.mfg .mfg-stage:after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(5, 31, 52, 0.03) 20%, rgba(5, 31, 52, 0.86) 100%);
}
.brem-home .engineering.mfg .mfg-overlay {
position: absolute;
z-index: 2;
left: 42px;
right: 42px;
bottom: 38px;
max-width: 720px;
color: #fff;
}
.brem-home .engineering.mfg .mfg-overlay > span {
color: #8dd1f4;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.15em;
}
.brem-home .engineering.mfg .mfg-overlay h3 {
margin: 11px 0 10px;
font-size: 38px;
text-transform: uppercase;
}
.brem-home .engineering.mfg .mfg-overlay p {
margin: 0;
max-width: 650px;
color: #d4e2ea;
font-size: 14px;
line-height: 1.65;
}
.brem-home .engineering.mfg .mfg-meta {
display: flex;
gap: 55px;
margin-top: 24px;
padding-top: 18px;
border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.brem-home .engineering.mfg .mfg-meta small {
display: block;
margin-bottom: 6px;
color: #8eafc2;
font-size: 9px;
letter-spacing: 0.13em;
}
.brem-home .engineering.mfg .mfg-meta strong {
font-size: 12px;
text-transform: uppercase;
}
.brem-home .engineering.mfg .mfg-nav {
display: flex;
flex-direction: column;
border-left: 1px solid #cad7df;
}
.brem-home .engineering.mfg .mfg-item {
appearance: none;
display: grid;
grid-template-columns: 142px 1fr;
min-height: 108px;
padding: 0;
border: 0;
border-bottom: 1px solid #d5e0e6;
background: #fff;
color: var(--ink, #0a2a47);
text-align: left;
cursor: pointer;
transition: 0.18s;
}
.brem-home .engineering.mfg .mfg-item:last-child {
border-bottom: 0;
}
.brem-home .engineering.mfg .mfg-item:hover {
background: #f6f9fa;
}
.brem-home .engineering.mfg .mfg-item.is-active {
background: var(--navy, #082944);
color: #fff;
}
.brem-home .engineering.mfg .mfg-thumb {
position: relative;
display: block;
min-height: 108px;
background: #d7e1e7 center / cover no-repeat;
}
.brem-home .engineering.mfg .mfg-item.is-active .mfg-thumb:after {
content: "";
position: absolute;
inset: 0;
border: 4px solid var(--blue, #0876bd);
}
.brem-home .engineering.mfg .mfg-label {
display: flex;
flex-direction: column;
justify-content: center;
padding: 19px 20px;
}
.brem-home .engineering.mfg .mfg-label b {
margin-bottom: 7px;
color: var(--blue, #0876bd);
font-size: 10px;
}
.brem-home .engineering.mfg .mfg-item.is-active .mfg-label b {
color: #76c5ed;
}
.brem-home .engineering.mfg .mfg-label strong {
font-size: 14px;
line-height: 1.2;
text-transform: uppercase;
}
.brem-home .engineering.mfg .mfg-label small {
margin-top: 6px;
color: #718696;
font-size: 11px;
}
.brem-home .engineering.mfg .mfg-item.is-active .mfg-label small {
color: #9fb9c9;
}
.brem-home .engineering.mfg .mfg-foot {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 25px;
}
.brem-home .engineering.mfg .mfg-foot > span {
color: #718696;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.14em;
}
.brem-home .engineering.mfg .mfg-foot .link {
color: var(--blue, #0876bd);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
text-decoration: none;
}
.brem-home .engineering.mfg .engineering__grid,
.brem-home .engineering.mfg .engineering__visual,
.brem-home .engineering.mfg .engineering__copy,
.brem-home .engineering.mfg .engineering-outputs,
.brem-home .engineering.mfg .engineering-cta {
display: none !important;
}
@media (max-width: 950px) {
.brem-home .engineering.mfg .mfg-head {
grid-template-columns: 1fr;
gap: 15px;
}
.brem-home .engineering.mfg .mfg-layout {
grid-template-columns: 1fr;
}
.brem-home .engineering.mfg .mfg-stage {
min-height: 520px;
}
.brem-home .engineering.mfg .mfg-nav {
display: grid;
grid-template-columns: 1fr 1fr;
border-left: 0;
}
.brem-home .engineering.mfg .mfg-item {
grid-template-columns: 100px 1fr;
}
.brem-home .engineering.mfg .mfg-thumb {
min-height: 100px;
}
}
@media (max-width: 600px) {
.brem-home .engineering.mfg .mfg-nav {
grid-template-columns: 1fr;
}
.brem-home .engineering.mfg .mfg-overlay {
left: 24px;
right: 24px;
bottom: 25px;
}
.brem-home .engineering.mfg .mfg-overlay h3 {
font-size: 28px;
}
.brem-home .engineering.mfg .mfg-stage {
min-height: 500px;
}
.brem-home .engineering.mfg .mfg-meta {
gap: 25px;
}
.brem-home .engineering.mfg .mfg-foot {
display: block;
}
.brem-home .engineering.mfg .mfg-foot .link {
display: block;
margin-top: 15px;
}
}
/* --- 08 Project Experience (featured + grid) --- */
.brem-home .cases.px {
background: #fff;
}
.brem-home .cases.px .px-head {
display: grid;
grid-template-columns: 1.08fr 0.92fr;
gap: 90px;
align-items: end;
margin-bottom: 52px;
}
.brem-home .cases.px .px-head h2 {
margin: 18px 0 0;
}
.brem-home .cases.px .px-head__lead {
margin: 0 0 18px;
max-width: 820px;
color: var(--text, #566c7d);
font-size: 18px;
line-height: 1.65;
}
.brem-home .cases.px .px-head .link {
color: var(--blue, #0876bd);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
text-decoration: none;
}
.brem-home .cases.px .px-feature {
display: grid;
grid-template-columns: minmax(0, 1.65fr) minmax(370px, 0.75fr);
min-height: 610px;
background: var(--navy, #082944);
}
.brem-home .cases.px .px-main {
position: relative;
display: block;
overflow: hidden;
min-height: 610px;
color: #fff;
text-decoration: none;
}
.brem-home .cases.px .px-main img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s;
}
.brem-home .cases.px .px-main:hover img {
transform: scale(1.025);
}
.brem-home .cases.px .px-main:after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(4, 27, 46, 0.06) 30%, rgba(4, 27, 46, 0.86) 100%);
}
.brem-home .cases.px .px-main-overlay {
position: absolute;
z-index: 2;
inset: 0;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 34px;
color: #fff;
}
.brem-home .cases.px .px-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
.brem-home .cases.px .px-tags span {
padding: 8px 10px;
background: rgba(6, 39, 65, 0.78);
color: #fff;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.1em;
text-transform: uppercase;
backdrop-filter: blur(4px);
}
.brem-home .cases.px .px-main-bottom {
display: flex;
justify-content: space-between;
align-items: end;
gap: 20px;
}
.brem-home .cases.px .px-main-bottom small {
color: #92cbea;
font-weight: 800;
letter-spacing: 0.14em;
}
.brem-home .cases.px .px-main-bottom h3 {
margin: 12px 0 0;
font-size: clamp(30px, 3vw, 48px);
line-height: 0.98;
text-transform: uppercase;
}
.brem-home .cases.px .px-arrow {
display: flex;
align-items: center;
justify-content: center;
width: 55px;
height: 55px;
border: 1px solid rgba(255, 255, 255, 0.5);
font-size: 24px;
flex: none;
}
.brem-home .cases.px .px-info {
display: flex;
flex-direction: column;
padding: 38px 35px;
color: #fff;
}
.brem-home .cases.px .px-info-top {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 22px;
border-bottom: 1px solid #31536b;
}
.brem-home .cases.px .px-index {
color: #75c2ec;
font-size: 12px;
font-weight: 800;
}
.brem-home .cases.px .px-status {
color: #92aebe;
font-size: 9px;
letter-spacing: 0.14em;
}
.brem-home .cases.px .px-info > h3 {
margin: 30px 0 12px;
font-size: 26px;
line-height: 1.08;
text-transform: uppercase;
}
.brem-home .cases.px .px-info > p {
margin: 0 0 25px;
color: #aec4d3;
font-size: 13px;
line-height: 1.65;
}
.brem-home .cases.px .px-data {
border-top: 1px solid #31536b;
}
.brem-home .cases.px .px-data > div {
display: grid;
grid-template-columns: 120px 1fr;
gap: 15px;
padding: 13px 0;
border-bottom: 1px solid #31536b;
}
.brem-home .cases.px .px-data small {
color: #7fa1b7;
font-size: 9px;
letter-spacing: 0.1em;
}
.brem-home .cases.px .px-data strong {
font-size: 11px;
font-weight: 700;
}
.brem-home .cases.px .px-button {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: auto;
padding: 16px 18px;
background: var(--blue, #0876bd);
color: #fff;
font-size: 11px;
font-weight: 800;
letter-spacing: 0.06em;
text-transform: uppercase;
text-decoration: none;
}
.brem-home .cases.px .px-more-head {
display: flex;
justify-content: space-between;
gap: 20px;
padding: 32px 0 18px;
border-bottom: 1px solid var(--line, #d9e3e9);
font-size: 10px;
font-weight: 800;
letter-spacing: 0.12em;
}
.brem-home .cases.px .px-more-head span:last-child {
color: #8294a1;
font-weight: 600;
}
.brem-home .cases.px .px-row {
display: grid;
grid-template-columns: repeat(4, 1fr);
border-left: 1px solid var(--line, #d9e3e9);
}
.brem-home .cases.px .px-mini {
display: flex;
flex-direction: column;
min-width: 0;
background: #fff;
border-right: 1px solid var(--line, #d9e3e9);
border-bottom: 1px solid var(--line, #d9e3e9);
color: inherit;
text-decoration: none;
transition: transform 0.2s, box-shadow 0.2s;
}
.brem-home .cases.px .px-mini:hover {
z-index: 2;
transform: translateY(-3px);
box-shadow: 0 12px 28px rgba(8, 41, 68, 0.08);
}
.brem-home .cases.px .px-mini-image {
position: relative;
overflow: hidden;
height: 205px;
background: #dfe8ed;
}
.brem-home .cases.px .px-mini-image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s;
}
.brem-home .cases.px .px-mini:hover img {
transform: scale(1.025);
}
.brem-home .cases.px .px-mini-image.is-placeholder {
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, #dce6eb, #b9cbd5);
}
.brem-home .cases.px .px-placeholder {
color: #6f8796;
font-size: 10px;
font-weight: 800;
letter-spacing: 0.14em;
}
.brem-home .cases.px .px-no {
position: absolute;
top: 16px;
left: 16px;
padding: 8px 10px;
background: var(--navy, #082944);
color: #fff;
font-size: 10px;
font-weight: 800;
}
.brem-home .cases.px .px-mini-body {
display: flex;
flex: 1;
flex-direction: column;
min-height: 235px;
padding: 25px;
}
.brem-home .cases.px .px-mini-body small {
color: var(--blue, #0876bd);
font-size: 9px;
font-weight: 800;
letter-spacing: 0.11em;
}
.brem-home .cases.px .px-mini-body h3 {
margin: 12px 0;
font-size: 18px;
line-height: 1.12;
text-transform: uppercase;
}
.brem-home .cases.px .px-mini-body p {
margin: 0 0 22px;
color: var(--text, #566c7d);
font-size: 12px;
line-height: 1.6;
}
.brem-home .cases.px .px-mini-body b {
margin-top: auto;
color: var(--blue, #0876bd);
font-size: 10px;
letter-spacing: 0.05em;
text-transform: uppercase;
}
.brem-home .cases.px .px-archive {
display: flex;
justify-content: space-between;
align-items: center;
gap: 30px;
margin-top: 28px;
padding: 24px 28px;
background: #eef3f5;
}
.brem-home .cases.px .px-archive strong {
display: block;
font-size: 14px;
text-transform: uppercase;
}
.brem-home .cases.px .px-archive span {
display: block;
margin-top: 5px;
color: var(--text, #566c7d);
font-size: 12px;
}
.brem-home .cases.px .px-archive .link {
color: var(--blue, #0876bd);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
}
.brem-home .cases.px .section-heading,
.brem-home .cases.px .case-grid,
.brem-home .cases.px .case-feature-panel,
.brem-home .cases.px .home-section-more {
display: none !important;
}
@media (max-width: 1000px) {
.brem-home .cases.px .px-row {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 950px) {
.brem-home .cases.px .px-head {
grid-template-columns: 1fr;
gap: 20px;
}
.brem-home .cases.px .px-feature {
grid-template-columns: 1fr;
}
.brem-home .cases.px .px-main {
min-height: 520px;
}
}
@media (max-width: 600px) {
.brem-home .cases.px .px-main {
min-height: 460px;
}
.brem-home .cases.px .px-main-overlay {
padding: 22px;
}
.brem-home .cases.px .px-info {
padding: 28px 22px;
}
.brem-home .cases.px .px-data > div {
grid-template-columns: 1fr;
gap: 4px;
}
.brem-home .cases.px .px-more-head span:last-child {
display: none;
}
.brem-home .cases.px .px-row {
grid-template-columns: 1fr;
}
.brem-home .cases.px .px-mini-image {
height: 235px;
}
.brem-home .cases.px .px-archive {
display: block;
}
.brem-home .cases.px .px-archive .link {
display: block;
margin-top: 18px;
white-space: normal;
}
}
/* --- 09 Integrated Delivery (animated journey) --- */
.brem-home .delivery.dv3 {
overflow: hidden;
background: #f5f7f8;
}
.brem-home .delivery.dv3 .dv3-head {
display: grid;
grid-template-columns: 1.08fr 0.92fr;
gap: 90px;
align-items: end;
margin-bottom: 70px;
}
.brem-home .delivery.dv3 .dv3-head h2 {
margin: 18px 0 0;
}
.brem-home .delivery.dv3 .dv3-head__lead {
margin: 0;
max-width: 820px;
color: var(--text, #566c7d);
font-size: 18px;
line-height: 1.65;
}
.brem-home .delivery.dv3 .dv3-note {
margin: 16px 0 0;
padding-left: 14px;
border-left: 2px solid var(--blue, #0876bd);
color: #7c909d;
font-size: 11px;
line-height: 1.55;
}
.brem-home .delivery.dv3 .dv3-journey {
position: relative;
display: grid;
grid-template-columns: repeat(7, 1fr);
border: 1px solid #cedae1;
background: #fff;
}
.brem-home .delivery.dv3 .dv3-journey-line {
display: none;
}
.brem-home .delivery.dv3 .dv3-step {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
overflow: visible;
min-height: 390px;
padding: 25px 20px 20px;
border-right: 1px solid #dce5ea;
transition: 0.2s;
}
.brem-home .delivery.dv3 .dv3-step:last-child {
border-right: 0;
}
.brem-home .delivery.dv3 .dv3-step:hover {
background: #f8fbfc;
}
.brem-home .delivery.dv3 .dv3-step.is-key {
background: #f7fafb;
}
.brem-home .delivery.dv3 .dv3-step.is-final {
overflow: hidden;
background: var(--navy, #082944);
color: #fff;
}
.brem-home .delivery.dv3 .dv3-top {
position: relative;
display: flex;
align-items: flex-start;
height: 57px;
}
.brem-home .delivery.dv3 .dv3-top:before {
content: "";
position: absolute;
top: 23px;
left: 50%;
width: calc(100% + 1px);
height: 3px;
background: #168fd0;
z-index: 1;
}
.brem-home .delivery.dv3 .dv3-step.is-final .dv3-top:before {
display: none;
}
.brem-home .delivery.dv3 .dv3-top:after {
content: "";
position: absolute;
top: 21px;
left: 50%;
z-index: 3;
width: 70px;
height: 7px;
border-radius: 999px;
opacity: 0;
transform: translateX(-70px);
background: linear-gradient(90deg, rgba(54, 168, 224, 0), #67c8f2 45%, #fff 75%, rgba(255, 255, 255, 0));
filter: drop-shadow(0 0 5px rgba(54, 168, 224, 0.95)) drop-shadow(0 0 12px rgba(54, 168, 224, 0.65));
animation: bremDv3SegmentPulse 7s linear infinite;
}
.brem-home .delivery.dv3 .dv3-step:nth-child(2) .dv3-top:after { animation-delay: 0s; }
.brem-home .delivery.dv3 .dv3-step:nth-child(3) .dv3-top:after { animation-delay: 1s; }
.brem-home .delivery.dv3 .dv3-step:nth-child(4) .dv3-top:after { animation-delay: 2s; }
.brem-home .delivery.dv3 .dv3-step:nth-child(5) .dv3-top:after { animation-delay: 3s; }
.brem-home .delivery.dv3 .dv3-step:nth-child(6) .dv3-top:after { animation-delay: 4s; }
.brem-home .delivery.dv3 .dv3-step:nth-child(7) .dv3-top:after { animation-delay: 5s; }
.brem-home .delivery.dv3 .dv3-step:nth-child(8) .dv3-top:after { display: none; }
.brem-home .delivery.dv3 .dv3-no {
color: var(--blue, #0876bd);
font-size: 11px;
font-weight: 900;
}
.brem-home .delivery.dv3 .dv3-step.is-final .dv3-no {
color: #76c7ef;
}
.brem-home .delivery.dv3 .dv3-dot {
position: absolute;
top: 17px;
left: calc(50% - 8px);
z-index: 6;
width: 16px;
height: 16px;
border: 4px solid var(--blue, #0876bd);
border-radius: 50%;
background: #fff;
box-shadow: 0 0 0 5px #fff;
}
.brem-home .delivery.dv3 .dv3-step.is-final .dv3-dot {
background: #75c2ec;
box-shadow: 0 0 0 5px var(--navy, #082944);
}
.brem-home .delivery.dv3 .dv3-dot:after {
content: "";
position: absolute;
inset: -8px;
border: 2px solid rgba(54, 168, 224, 0.45);
border-radius: 50%;
opacity: 0;
transform: scale(0.55);
animation: bremDv3NodeSequence 7s ease-out infinite;
}
.brem-home .delivery.dv3 .dv3-step:nth-child(2) .dv3-dot:after { animation-delay: 0s; }
.brem-home .delivery.dv3 .dv3-step:nth-child(3) .dv3-dot:after { animation-delay: 1s; }
.brem-home .delivery.dv3 .dv3-step:nth-child(4) .dv3-dot:after { animation-delay: 2s; }
.brem-home .delivery.dv3 .dv3-step:nth-child(5) .dv3-dot:after { animation-delay: 3s; }
.brem-home .delivery.dv3 .dv3-step:nth-child(6) .dv3-dot:after { animation-delay: 4s; }
.brem-home .delivery.dv3 .dv3-step:nth-child(7) .dv3-dot:after { animation-delay: 5s; }
.brem-home .delivery.dv3 .dv3-step:nth-child(8) .dv3-dot:after {
animation: bremDv3FinalArrival 7s ease-out infinite !important;
animation-delay: 6s !important;
}
.brem-home .delivery.dv3 .dv3-phase {
margin-left: auto;
color: #8499a7;
font-size: 8px;
font-weight: 800;
letter-spacing: 0.12em;
}
.brem-home .delivery.dv3 .dv3-step.is-final .dv3-phase {
color: #8db5cc;
}
.brem-home .delivery.dv3 .dv3-body {
padding-top: 25px;
}
.brem-home .delivery.dv3 .dv3-body h3 {
min-height: 38px;
margin: 0 0 15px;
font-size: 17px;
line-height: 1.08;
text-transform: uppercase;
}
.brem-home .delivery.dv3 .dv3-body p {
margin: 0;
color: var(--text, #566c7d);
font-size: 11.5px;
line-height: 1.62;
}
.brem-home .delivery.dv3 .dv3-step.is-final .dv3-body p {
color: #afc5d3;
}
.brem-home .delivery.dv3 .dv3-handoff {
display: flex;
justify-content: space-between;
align-items: center;
gap: 8px;
margin-top: auto;
padding-top: 17px;
border-top: 1px solid #dce5ea;
color: #7d929f;
font-size: 8px;
font-weight: 800;
letter-spacing: 0.1em;
}
.brem-home .delivery.dv3 .dv3-handoff b {
color: var(--blue, #0876bd);
font-size: 16px;
}
.brem-home .delivery.dv3 .dv3-step.is-final .dv3-handoff {
border-color: #31536b;
color: #91afc1;
}
.brem-home .delivery.dv3 .dv3-step.is-final .dv3-handoff b {
color: #75c2ec;
}
.brem-home .delivery.dv3 .dv3-completion {
position: absolute;
inset: 0;
z-index: 10;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
pointer-events: none;
background: rgba(8, 41, 68, 0.94);
opacity: 0;
animation: bremDv3CompletionScene 7s ease-in-out infinite;
}
.brem-home .delivery.dv3 .dv3-completion__ring {
position: relative;
width: 78px;
height: 78px;
border: 2px solid rgba(117, 194, 236, 0.28);
border-radius: 50%;
transform: scale(0.45);
animation: bremDv3RingComplete 7s ease-out infinite;
}
.brem-home .delivery.dv3 .dv3-completion__ring:before,
.brem-home .delivery.dv3 .dv3-completion__ring:after {
content: "";
position: absolute;
inset: 8px;
border: 2px solid #75c2ec;
border-radius: 50%;
}
.brem-home .delivery.dv3 .dv3-completion__ring:after {
inset: -10px;
border-color: rgba(117, 194, 236, 0.22);
}
.brem-home .delivery.dv3 .dv3-completion__check {
position: absolute;
top: calc(50% - 34px);
color: #8bdcff;
font-size: 38px;
font-weight: 900;
opacity: 0;
transform: scale(0.35);
text-shadow: 0 0 18px rgba(54, 168, 224, 0.8);
animation: bremDv3CheckPop 7s ease-out infinite;
}
.brem-home .delivery.dv3 .dv3-completion__label {
margin-top: 20px;
color: #d8effa;
font-size: 9px;
font-weight: 900;
letter-spacing: 0.18em;
opacity: 0;
transform: translateY(7px);
animation: bremDv3LabelIn 7s ease-out infinite;
}
.brem-home .delivery.dv3 .dv3-rail {
display: grid;
grid-template-columns: 2fr 3fr 2fr;
gap: 5px;
margin-top: 13px;
}
.brem-home .delivery.dv3 .dv3-pr {
position: relative;
display: grid;
grid-template-columns: auto 1fr auto;
gap: 15px;
align-items: center;
min-height: 72px;
padding: 14px 18px;
background: #e8eef2;
}
.brem-home .delivery.dv3 .dv3-pr:after {
content: "";
position: absolute;
top: 0;
right: -10px;
z-index: 2;
border-top: 36px solid transparent;
border-bottom: 36px solid transparent;
border-left: 10px solid #e8eef2;
}
.brem-home .delivery.dv3 .dv3-pr:last-child:after {
display: none;
}
.brem-home .delivery.dv3 .dv3-pr--engineer {
background: #dce8ee;
}
.brem-home .delivery.dv3 .dv3-pr--engineer:after {
border-left-color: #dce8ee;
}
.brem-home .delivery.dv3 .dv3-pr--deliver {
background: #cfdee6;
}
.brem-home .delivery.dv3 .dv3-pr small {
color: var(--blue, #0876bd);
font-size: 8px;
font-weight: 900;
letter-spacing: 0.12em;
}
.brem-home .delivery.dv3 .dv3-pr strong {
font-size: 12px;
text-transform: uppercase;
}
.brem-home .delivery.dv3 .dv3-pr span {
color: #78909f;
font-size: 10px;
}
.brem-home .delivery.dv3 .dv3-outcome {
display: grid;
grid-template-columns: 150px 1fr auto;
gap: 28px;
align-items: center;
margin-top: 28px;
padding: 25px 28px;
border-left: 4px solid var(--blue, #0876bd);
background: #fff;
}
.brem-home .delivery.dv3 .dv3-outcome__kicker {
color: var(--blue, #0876bd);
font-size: 9px;
font-weight: 900;
letter-spacing: 0.13em;
}
.brem-home .delivery.dv3 .dv3-outcome strong {
font-size: 13px;
line-height: 1.5;
}
.brem-home .delivery.dv3 .dv3-outcome .link {
color: var(--blue, #0876bd);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
text-decoration: none;
white-space: nowrap;
}
.brem-home .delivery.dv3 .section-heading,
.brem-home .delivery.dv3 .timeline,
.brem-home .delivery.dv3 .delivery__signoff {
display: none !important;
}
@keyframes bremDv3SegmentPulse {
0%, 1% { opacity: 0; transform: translateX(-70px); }
4% { opacity: 1; }
12% { opacity: 1; }
14%, 100% { opacity: 0; transform: translateX(calc(100% - 10px)); }
}
@keyframes bremDv3NodeSequence {
0% { opacity: 0; transform: scale(0.55); }
4% { opacity: 1; transform: scale(1); }
10% { opacity: 0; transform: scale(1.65); }
100% { opacity: 0; transform: scale(1.65); }
}
@keyframes bremDv3FinalArrival {
0%, 82% { opacity: 0; transform: scale(0.5); }
85% { opacity: 1; transform: scale(1); }
89% { opacity: 0; transform: scale(2.5); }
100% { opacity: 0; }
}
@keyframes bremDv3CompletionScene {
0%, 84% { opacity: 0; }
87%, 96% { opacity: 1; }
100% { opacity: 0; }
}
@keyframes bremDv3CheckPop {
0%, 86% { opacity: 0; transform: scale(0.35); }
89% { opacity: 1; transform: scale(1.18); }
91%, 96% { opacity: 1; transform: scale(1); }
100% { opacity: 0; transform: scale(0.9); }
}
@keyframes bremDv3LabelIn {
0%, 89% { opacity: 0; transform: translateY(7px); }
92%, 96% { opacity: 1; transform: translateY(0); }
100% { opacity: 0; }
}
@keyframes bremDv3RingComplete {
0%, 85% { opacity: 0; transform: scale(0.45); }
88% { opacity: 1; transform: scale(1.18); box-shadow: 0 0 0 0 rgba(54, 168, 224, 0.35); }
91% { transform: scale(1); box-shadow: 0 0 0 18px rgba(54, 168, 224, 0); }
96% { opacity: 1; transform: scale(1); }
100% { opacity: 0; }
}
@media (max-width: 1050px) {
.brem-home .delivery.dv3 .dv3-head {
grid-template-columns: 1fr;
gap: 20px;
}
.brem-home .delivery.dv3 .dv3-journey {
grid-template-columns: repeat(2, 1fr);
}
.brem-home .delivery.dv3 .dv3-step {
min-height: 300px;
border-bottom: 1px solid #dce5ea;
}
.brem-home .delivery.dv3 .dv3-top:before,
.brem-home .delivery.dv3 .dv3-top:after,
.brem-home .delivery.dv3 .dv3-dot,
.brem-home .delivery.dv3 .dv3-dot:after {
display: none;
}
.brem-home .delivery.dv3 .dv3-rail {
display: none;
}
}
@media (max-width: 620px) {
.brem-home .delivery.dv3 .dv3-journey {
grid-template-columns: 1fr;
}
.brem-home .delivery.dv3 .dv3-step {
min-height: 250px;
}
.brem-home .delivery.dv3 .dv3-body h3 {
min-height: 0;
}
.brem-home .delivery.dv3 .dv3-outcome {
grid-template-columns: 1fr;
}
.brem-home .delivery.dv3 .dv3-outcome .link {
white-space: normal;
}
}
@media (prefers-reduced-motion: reduce) {
.brem-home .delivery.dv3 .dv3-top:after,
.brem-home .delivery.dv3 .dv3-dot:after,
.brem-home .delivery.dv3 .dv3-completion,
.brem-home .delivery.dv3 .dv3-completion__ring,
.brem-home .delivery.dv3 .dv3-completion__check,
.brem-home .delivery.dv3 .dv3-completion__label {
animation: none !important;
}
.brem-home .delivery.dv3 .dv3-completion {
display: none;
}
}
/* --- 11 Start Your Project (section chrome; form skin in home-syp-form.css) --- */
.brem-home .inquiry.syp,
#inquiry.syp {
padding: 105px 0;
background: #0a3150;
color: #fff;
}
.brem-home .inquiry.syp .syp-grid,
#inquiry.syp .syp-grid {
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.95fr);
gap: clamp(48px, 6vw, 90px);
align-items: start;
}
.brem-home .inquiry.syp .eyebrow--light,
.brem-home .inquiry.syp .syp-copy .eyebrow,
#inquiry.syp .eyebrow--light,
#inquiry.syp .syp-copy .eyebrow {
color: #75c2ec;
}
.brem-home .inquiry.syp .syp-copy h2,
#inquiry.syp .syp-copy h2 {
margin: 18px 0 22px;
color: #fff;
}
.brem-home .inquiry.syp .syp-lead,
#inquiry.syp .syp-lead {
margin: 0;
max-width: 820px;
color: #bdd0dc;
font-size: 18px;
line-height: 1.65;
}
.brem-home .inquiry.syp .syp-requirements,
#inquiry.syp .syp-requirements {
display: grid;
grid-template-columns: 1fr 1fr;
margin-top: 35px;
border-top: 1px solid #41627a;
}
.brem-home .inquiry.syp .syp-req,
#inquiry.syp .syp-req {
padding: 15px 0;
border-bottom: 1px solid #41627a;
color: #c5d5df;
font-size: 13px;
line-height: 1.45;
}
.brem-home .inquiry.syp .syp-form,
#inquiry.syp .syp-form {
padding: clamp(32px, 3vw, 52px);
background: #fff;
color: var(--ink, #0a2a47);
border: 0;
border-radius: 0;
box-shadow: none;
}
.brem-home .inquiry.syp .syp-form > .eyebrow,
#inquiry.syp .syp-form > .eyebrow {
color: var(--blue, #135e96);
font-size: 11px;
letter-spacing: 0.18em;
}
.brem-home .inquiry.syp .syp-form h3,
#inquiry.syp .syp-form h3 {
margin: 12px 0 22px;
color: var(--navy, #0b2744);
font: 600 23px/1.1 Barlow Condensed, Arial, sans-serif;
letter-spacing: 0.02em;
text-transform: uppercase;
}
.brem-home .inquiry.syp .inquiry__grid,
.brem-home .inquiry.syp .inquiry__list,
.brem-home .inquiry.syp .actions,
#inquiry.syp .inquiry__grid,
#inquiry.syp .inquiry__list,
#inquiry.syp .actions {
display: none !important;
}
@media (max-width: 1024px) {
.brem-home .inquiry.syp,
#inquiry.syp { padding: 88px 0; }
.brem-home .inquiry.syp .syp-grid,
#inquiry.syp .syp-grid { gap: 40px; }
}
@media (max-width: 900px) {
.brem-home .inquiry.syp,
#inquiry.syp { padding: 70px 0; }
.brem-home .inquiry.syp .syp-grid,
#inquiry.syp .syp-grid {
grid-template-columns: 1fr;
gap: 36px;
}
}
@media (max-width: 600px) {
.brem-home .inquiry.syp .syp-requirements,
#inquiry.syp .syp-requirements { grid-template-columns: 1fr; }
.brem-home .inquiry.syp .syp-form,
#inquiry.syp .syp-form { padding: 24px 18px; }
.brem-home .inquiry.syp .syp-lead,
#inquiry.syp .syp-lead { font-size: 16px; }
}