.mfg-showcase{padding:110px var(--content-gutter) 120px;background:#f5f5f3;color:#17181a}.mfg-showcase-head{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(320px,.62fr);justify-content:space-between;gap:9%;align-items:end;margin-bottom:58px}.mfg-showcase-head>div>p,.credential-intro>p{margin:0 0 18px;color:#e31c2a;font-size:11px;font-weight:700;letter-spacing:.19em}.mfg-showcase-head h2,.credential-intro h2{margin:0;font-size:clamp(46px,5.2vw,78px);font-weight:300;line-height:1.02;letter-spacing:-.045em}.mfg-showcase-head>p{max-width:560px;margin:0;color:#6f7174;font-size:15px;line-height:1.9}.mfg-showcase-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(390px,.78fr);gap:18px;min-height:610px}.mfg-base-photo{position:relative;min-height:610px;overflow:hidden;background:#202225;color:#fff}.mfg-base-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(4,5,6,.82))}.mfg-base-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.72) contrast(1.05);transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .5s}.mfg-base-photo:hover img{transform:scale(1.025);filter:saturate(.92) contrast(1.05)}.mfg-base-photo>span{position:absolute;z-index:1;left:38px;right:38px;bottom:35px;display:grid;grid-template-columns:1fr auto;align-items:end;gap:7px}.mfg-base-photo small{grid-column:1/-1;color:#ff6b76;font-size:10px;letter-spacing:.16em}.mfg-base-photo strong{font-size:clamp(22px,2.3vw,34px);font-weight:400}.mfg-base-photo b{font-size:12px;font-weight:500}.mfg-stage-list{display:grid;grid-template-rows:repeat(4,1fr);gap:1px;background:#d8d9da}.mfg-stage-card{position:relative;display:grid;grid-template-columns:38px 48px 1fr auto;gap:18px;align-items:center;padding:22px 25px;background:#fff;transition:background-color .3s,color .3s,transform .3s}.mfg-stage-card:hover{z-index:1;background:#141618;color:#fff;transform:translateX(-7px)}.mfg-stage-no{align-self:start;color:#e31c2a;font-size:10px;font-weight:700}.mfg-stage-card svg{width:40px;height:40px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.mfg-stage-copy{display:block}.mfg-stage-copy small{display:block;color:#a1a3a6;font-size:8px;letter-spacing:.14em}.mfg-stage-copy strong{display:block;margin:5px 0 3px;font-size:17px;font-weight:500}.mfg-stage-copy em{display:block;color:#73767a;font-size:11px;font-style:normal;line-height:1.45}.mfg-stage-card:hover .mfg-stage-copy em{color:#aeb1b4}.mfg-stage-card>b{color:#e31c2a;font-size:18px;font-weight:400;transition:transform .3s}.mfg-stage-card:hover>b{transform:translate(3px,-3px)}
.credential-showcase{display:grid;grid-template-columns:minmax(280px,.62fr) minmax(0,1.38fr);gap:9%;padding:115px var(--content-gutter);background:#111315;color:#fff}.credential-intro>span{display:block;max-width:420px;margin-top:30px;color:#92969a;font-size:14px;line-height:1.8}.credential-browser{min-width:0}.credential-tabs{display:flex;gap:0;border-bottom:1px solid #373a3d;overflow-x:auto}.credential-tab{position:relative;flex:1;min-width:150px;padding:18px 12px;border:0;background:none;color:#7f8387;font:12px/1.3 inherit;cursor:pointer;transition:color .25s}.credential-tab:after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:2px;background:#e31c2a;transition:right .3s}.credential-tab:hover,.credential-tab.is-active{color:#fff}.credential-tab.is-active:after{right:0}.credential-panel{display:grid;grid-template-columns:minmax(210px,.72fr) minmax(280px,1.28fr);gap:8%;align-items:center;padding-top:42px}.credential-document{position:relative;aspect-ratio:.72;max-height:390px;padding:28px;background:#f3f1eb;color:#151719;box-shadow:16px 20px 0 #25282b;overflow:hidden}.credential-document:before{content:"";position:absolute;inset:15px;border:1px solid #c8c3b8}.credential-document>span{position:relative;display:grid;place-items:center;width:54px;height:54px;border:1px solid #d2c9bb;border-radius:50%;font:600 21px Georgia;color:#e31c2a}.credential-document i{position:relative;display:block;width:68%;height:1px;margin-top:33px;background:#b8b5ae}.credential-document i:nth-of-type(2){width:85%;margin-top:13px}.credential-document i:nth-of-type(3){width:54%;margin-top:13px}.credential-document b{position:absolute;right:-42px;bottom:58px;transform:rotate(-90deg);color:#dedbd4;font-size:40px;letter-spacing:.12em}.credential-panel-copy small{color:#e31c2a;font-size:9px;letter-spacing:.18em}.credential-panel-copy h3{margin:14px 0 18px;font-size:clamp(28px,3vw,46px);font-weight:300;line-height:1.15}.credential-panel-copy>p{max-width:530px;color:#a6a9ac;font-size:14px;line-height:1.8}.credential-panel-copy dl{margin:35px 0 0;border-top:1px solid #35383b}.credential-panel-copy dl>div{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid #35383b;font-size:12px}.credential-panel-copy dt{color:#74787c}.credential-panel-copy dd{margin:0;color:#d7d9da}.credential-panel.is-changing{opacity:.3;transform:translateY(8px)}.credential-panel{transition:opacity .2s,transform .2s}
@media(max-width:1000px){.mfg-showcase-head{grid-template-columns:1fr;gap:25px}.mfg-showcase-grid{grid-template-columns:1fr;min-height:0}.mfg-base-photo{min-height:520px}.mfg-stage-list{grid-template-columns:1fr 1fr;grid-template-rows:auto}.mfg-stage-card{min-height:150px}.credential-showcase{grid-template-columns:1fr;gap:55px}.credential-intro>span{max-width:620px}}
@media(max-width:720px){.mfg-showcase{padding-top:72px;padding-bottom:78px}.mfg-showcase-head{margin-bottom:35px}.mfg-showcase-head h2,.credential-intro h2{font-size:43px}.mfg-showcase-grid{gap:12px}.mfg-base-photo{min-height:390px}.mfg-base-photo>span{left:22px;right:22px;bottom:22px;grid-template-columns:1fr}.mfg-stage-list{grid-template-columns:1fr}.mfg-stage-card{min-height:126px;padding:20px 18px;grid-template-columns:28px 38px 1fr auto;gap:12px}.mfg-stage-card:hover{transform:none}.credential-showcase{padding-top:75px;padding-bottom:85px;gap:42px}.credential-tabs{margin-right:calc(var(--content-gutter) * -1)}.credential-tab{min-width:142px}.credential-panel{grid-template-columns:1fr;gap:44px}.credential-document{width:min(72vw,310px);justify-self:center}.credential-panel-copy dl>div{grid-template-columns:100px 1fr}}
@media(prefers-reduced-motion:reduce){.mfg-base-photo img,.mfg-stage-card,.mfg-stage-card>b,.credential-panel{transition:none}}