@font-face{font-family:Urbanist;font-style:normal;font-weight:300 700;font-display:swap;src:url(/application-layout-20261105/urbanist.ce6e0dd89c3f.woff2) format("woff2")}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample){--bridge-paper:#f5f4f0;--bridge-white:#fff;--bridge-ink:#202c31;--bridge-blue:#385b85;--bridge-muted:#52616a;--bridge-line:#d8deda;--bridge-font:"Urbanist",Arial,sans-serif;--bridge-heading-quiet:#666e6d;--bridge-width:1200px;--bridge-gutter:40px;background:var(--bridge-paper);color:var(--bridge-ink);font:16px/1.65 var(--bridge-font);padding-bottom:0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) *,:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) *:before,:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) *:after{box-sizing:border-box}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) :is(.preview-main,.ci-technical-fold,.ci-copy-faq,.ci-enquiry,.bc2-reference,.other-components){width:min(var(--bridge-width),calc(100% - var(--bridge-gutter)*2));max-width:var(--bridge-width);margin-inline:auto;padding-inline:0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .preview-main{padding-top:0;padding-bottom:0;background:transparent}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) :is(h1,h2,h3,h4){font-family:var(--bridge-font)!important;line-height:1.22!important;letter-spacing:-.025em;font-weight:500!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) h1{font-size:clamp(34px,3.6vw,50px)!important;color:var(--bridge-blue)!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) h2{font-size:clamp(28px,2.55vw,36px)!important;color:var(--bridge-ink)!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) h3{font-size:22px!important;color:var(--bridge-ink)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) p{line-height:1.65}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) a{text-underline-offset:5px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) a:where(:not(.button,.enquire)){color:var(--bridge-blue)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) a:is(.button,.enquire){background-color:#1f5695;color:#fff}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) a:is(.button,.enquire):is(:hover,:active,:focus-visible){background-color:#194673;color:#fff}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .section-heading .eyebrow{color:var(--bridge-muted)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) :is(a,button,summary,input,textarea):focus-visible{outline:3px solid var(--bridge-focus,#245c94)!important;outline-offset:4px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) :is(.short-rule,.title-rule,.heading-rule){display:none}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) :is(.eyebrow,.kicker):before,:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) :is(.eyebrow,.kicker):after,:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) h2:after{content:none!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .intro{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:40px;align-items:end;padding:52px 0 18px!important;max-width:none}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .intro>div{grid-column:1}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .intro h1{margin:14px 0 0!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .intro>p{grid-column:2;margin:0 0 4px!important;font-size:15px!important;color:var(--bridge-muted);max-width:none}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .intro .eyebrow{font-size:11px;letter-spacing:.07em;color:var(--bridge-blue)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) #bridge-component-explorer[data-bridge-r03]{display:grid!important;grid-template-columns:210px minmax(0,1fr) 210px;grid-template-rows:auto!important;gap:24px;align-items:center;padding:12px 0 10px!important;min-height:0;margin:0;border:0;overflow:visible}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .r03-family{grid-row:1!important;min-width:0;padding:0!important;border:0!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .r03-family--hanger{grid-column:1!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .r03-family--pt{grid-column:3!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .r03-family h3{font-size:15px!important;line-height:1.45!important;color:var(--bridge-blue);margin:0 0 12px;max-width:200px;min-height:44px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .r03-parts{display:grid;grid-template-columns:1fr;gap:2px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .explorer .study{position:relative!important;inset:auto!important;transform:none!important;display:grid!important;grid-template-columns:74px minmax(0,1fr);grid-template-rows:auto auto;gap:0 12px;align-content:center;min-height:104px;height:auto;width:100%;padding:10px 6px!important;border:0!important;border-radius:4px;background:transparent;box-shadow:none;text-align:left;transition:background .16s}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .explorer .study:hover,:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .explorer .study:focus-visible,:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .explorer .study.active{background:#e9ece8!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .explorer .study:after{content:none!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .explorer .study>.r03-part-art{grid-column:1;grid-row:1/3;height:76px!important;align-self:center;margin:0;padding:0;min-width:0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .explorer .study>span:not(.r03-part-art){grid-column:2;grid-row:1;font-size:16px!important;line-height:1.3;align-self:end;margin:0;font-weight:500}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .explorer .study>small{grid-column:2;grid-row:2;font-size:10px!important;line-height:1.5;letter-spacing:.03em;align-self:start;margin:5px 0 0;color:var(--bridge-muted);text-transform:none}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc3-center{grid-column:2!important;grid-row:1!important;min-width:0;width:100%;max-width:620px;justify-self:center;align-self:center}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .study .r03-crop{width:100%!important;height:100%!important;max-width:100%!important;aspect-ratio:auto!important;display:block;position:relative;overflow:hidden}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .study .r03-crop img{position:static!important;inset:auto!important;transform:none!important;width:100%!important;height:100%!important;object-fit:contain!important;max-width:100%!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .r03-context{width:100%!important;margin:0;display:block;position:relative}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) #bridge-component-explorer .scene.r03-crop--context{width:100%!important;height:auto!important;aspect-ratio:2354/1782!important;overflow:hidden!important;display:block;position:relative;transform:none!important;inset:auto!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) #bridge-component-explorer .scene.r03-crop--context>img{position:absolute!important;inset:-28.56341% auto auto -9.47324%!important;display:block;width:118.94647%!important;height:auto!important;max-width:none!important;object-fit:initial!important;transform:none!important;clip-path:none!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .r03-context figcaption{text-align:center;font-size:11px;color:var(--bridge-muted);margin:4px 0 0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .explorer :is(.connections,.bridge-component-pointer){display:none!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-layout-caption{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;padding:28px 0 40px;border-bottom:1px solid var(--bridge-line)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .selection{display:flex!important;flex-direction:column;align-items:flex-start;gap:8px;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:none!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .selection>*{flex:none;align-self:flex-start;height:auto}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .selection a{background:transparent!important;color:var(--bridge-blue)!important;border:0;border-radius:0;box-shadow:none;letter-spacing:0;text-transform:none;min-height:44px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .selection strong{font-size:20px;font-weight:500;color:var(--bridge-ink)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .selection p{font-size:14px!important;margin:0;max-width:46ch}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .selection a{font-size:14px!important;min-height:32px;padding:4px 0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .r03-notes{margin:0!important;font-size:12px!important;line-height:1.6!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .r03-notes :is(.note,.bridge-preview-scope){font-size:12px!important;color:var(--bridge-muted);margin:10px 0 0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .r03-notes :is(details,summary){border:0!important;background:none!important;padding:0!important;margin:0!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .r03-notes summary{min-height:36px;padding:7px 0!important;font:500 13px/1.5 var(--bridge-font)!important;color:var(--bridge-blue)!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .r03-installed{max-width:340px;margin:12px auto}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-product-selector{padding:64px 0 52px!important;margin:0!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-heading{margin:0 0 28px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-layout{display:block!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-nav{position:static;display:flex;flex-direction:row;gap:8px;padding:0 0 24px;margin:0;overflow:visible;align-items:stretch}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-tab{width:auto;flex:0 1 auto;max-width:none;min-height:48px;padding:12px 22px;border:1px solid transparent!important;border-radius:3px;background:transparent;color:var(--bridge-muted);font-size:15px!important;text-align:left;box-shadow:none}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-tab[aria-selected=true]{background:var(--bridge-blue)!important;color:#fff!important;border-color:var(--bridge-blue)!important;font-weight:500}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-tab[aria-selected=false]:hover{background:#e7eae6}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-panel{padding:24px 0 0!important;margin:0!important;border:0;background:none!important;box-shadow:none}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-panel>h3{margin:0 0 12px!important;font-size:22px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-panel :is(.ap-intro,.bc-model-caption){font-size:15px!important;color:var(--bridge-muted);margin:0 0 20px;max-width:90ch}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:28px 0!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-product-card{display:grid;grid-template-rows:168px auto 1fr;gap:16px;min-width:0;padding:0;border:0!important;background:transparent}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-product-card h4{grid-row:2;margin:0!important;font-size:19px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-product-image{grid-row:1;width:100%;height:168px!important;aspect-ratio:auto;margin:0!important;background:#eeefeb!important;border-radius:4px;padding:20px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-product-image img{width:100%!important;height:100%!important;object-fit:contain!important;position:static!important;transform:none!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-product-card ul{grid-row:3;margin:0!important;padding:0!important;list-style:none!important;color:var(--bridge-muted)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-product-card li{font-size:14px!important;line-height:1.65;list-style:none!important;padding:0!important;margin:0!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc-product-footer{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px;padding:24px 0 0;border-top:1px solid var(--bridge-line);font-size:13px;margin:0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc-product-footer a{min-height:36px;display:inline-flex;align-items:center;padding:4px 0;border:0;background:none;font-size:13px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc-product-footer .cta{margin-left:auto;font-weight:600}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .application-contact-actions{border:0;min-height:0;padding:16px 0 0;margin:0;gap:12px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-technical-fold{margin-block:12px 0;padding-block:40px 56px;border-top:1px solid var(--bridge-line);background:transparent}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-technical-fold>summary{border:0!important;padding:0 0 20px!important;margin:0!important;font-size:13px;line-height:1.6;min-height:0;color:var(--bridge-blue)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc2-technical{margin:0;padding:0;background:transparent;width:100%;max-width:none}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc2-technical .container{max-width:none;width:100%}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc2-technical>h2{margin:0 0 30px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .material-data-section{padding:0!important;background:transparent!important;margin:0!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .material-data-section .container{width:100%;padding:0;max-width:none}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .material-data-section .section-heading{margin:0 0 24px;padding:0;max-width:780px;text-align:left}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .material-data-section .section-heading h2{font-size:23px!important;margin:8px 0 12px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .material-data-section .section-heading p:not(.eyebrow){font-size:15px;margin:0;color:var(--bridge-muted)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .material-data-section .eyebrow{font-size:10px;letter-spacing:.05em;margin:0;color:var(--bridge-muted)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .material-data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .material-data-card{border:0!important;padding:24px!important;background:var(--bridge-white);box-shadow:none!important;border-radius:4px;min-width:0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .material-data-card h3{margin:0 0 24px;font-size:23px!important;color:var(--bridge-blue)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .material-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0;margin:0 0 20px;border:0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .material-stats small{font-size:11px;color:var(--bridge-muted);display:block}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .material-stats strong{font-size:20px;font-weight:500;display:block;margin-top:6px;white-space:normal;color:var(--bridge-ink)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .reading-details{margin:12px 0 0;padding:0;border:0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .reading-details summary{font-size:13px;font-weight:500;line-height:1.5;min-height:44px;cursor:pointer;padding:12px 0;color:var(--bridge-blue);border:0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc2-disclosures{display:block;margin:32px 0 0;border-top:1px solid var(--bridge-line)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc2-disclosure{margin:0;border:0;border-bottom:1px solid var(--bridge-line);padding:0;background:none}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc2-disclosure>summary{padding:20px 4px;font-size:17px;line-height:1.5;color:var(--bridge-ink);font-weight:500;cursor:pointer}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc2-disclosure-content{padding:12px 20px 32px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc2-disclosure-content :is(.container,section){width:100%;max-width:none;padding-inline:0;margin-inline:0;background:none}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc2-disclosure-content :is(.technical-section,.scope-section,.inspection-section,.processing-section,.standards-section){padding-block:16px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc2-disclosure-content h2{font-size:25px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc2-evidence{margin:44px 0 0;padding:0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc2-evidence>.section{padding:0;margin:0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway{margin:0;padding:0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway__inner{width:100%;max-width:none;padding:0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway__routes{gap:20px;border:0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway__route{min-height:300px;border-radius:4px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway__copy h2{font-size:30px!important;color:#fff!important;line-height:1.15!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway__eyebrow{color:#fff!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessories-section{width:100%;padding:54px 0 0!important;margin:0;border:0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessories-section .section-heading{margin:0 0 24px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessories-section .eyebrow{color:var(--bridge-muted);font-size:10px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessories-section h2{font-size:28px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessory-tabs{display:flex;gap:8px;border:0;flex-wrap:wrap;margin:0 0 24px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessory-tabs button{border:0!important;border-radius:3px;background:transparent;padding:12px 20px;font:500 14px/1.45 var(--bridge-font);min-height:44px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessory-tabs button[aria-selected=true]{background:#e2e8e5;color:var(--bridge-blue)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessory-panel{padding:0;border:0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessory-lead{font-size:15px;margin:0 0 24px;color:var(--bridge-muted)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 32px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessory-item{padding:0;border:0;display:block}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessory-item .item-number{font-size:11px;color:var(--bridge-muted);display:block;margin-bottom:8px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessory-item h3{font-size:17px!important;margin:0 0 8px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessory-item p{font-size:13px;line-height:1.6;margin:4px 0;color:var(--bridge-muted)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessory-inquiry{display:inline-flex;margin-top:24px;font-size:14px;min-height:44px;align-items:center}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc-installation{margin:20px 0 0;border:0;padding:0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc-installation>summary{padding:14px 0;min-height:44px;font-size:14px;color:var(--bridge-blue)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc2-reference{padding:22px 0;margin-block:0 42px;border-block:1px solid var(--bridge-line);background:none}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc2-reference>summary{font-size:15px;font-weight:500;padding:4px 0;color:var(--bridge-blue);min-height:32px;cursor:pointer}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc2-reference .context-strip{gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc2-reference .sources{font-size:11px;color:var(--bridge-muted);margin-top:12px;max-width:none}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-copy-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;margin-block:0;padding-block:24px 56px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-copy-faq h2{max-width:340px;font-size:30px!important;margin:0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-copy-faq details{border-bottom:1px solid var(--bridge-line);margin:0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-copy-faq summary{font-size:16px;font-weight:500;line-height:1.5;padding:18px 0;min-height:48px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-copy-faq details:first-child summary{padding-top:0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-copy-faq details p{font-size:14px;color:var(--bridge-muted);margin:0;padding-bottom:18px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .other-components{display:flex;flex-wrap:wrap;gap:12px 24px;padding:0 0 36px;border:0;font-size:13px;color:var(--bridge-muted);background:none}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-enquiry{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;margin-block:0;padding-block:52px 70px;border-top:1px solid var(--bridge-line);border-radius:0;background:transparent;box-shadow:none;position:relative;align-items:start}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-enquiry .ci-anchor{position:absolute;width:1px;height:1px;overflow:hidden}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-layout-inquiry-copy{grid-column:1;grid-row:1}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-enquiry h2{font-size:36px!important;margin:0 0 16px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-intro{font-size:15px;color:var(--bridge-muted);margin:0;max-width:36ch}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc-order-line{display:block;border:0;margin:28px 0 0;padding:24px 0 0;background:none;max-width:40ch;color:var(--bridge-muted);font-size:14px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc-order-line strong{font-size:14px;color:var(--bridge-ink);font-weight:500}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc-order-line p{font-size:14px;margin:10px 0 0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-form{margin:0;padding:0;width:100%;max-width:none;background:transparent;border:0;grid-column:2;grid-row:1}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-context{padding:0 0 22px;margin:0;gap:10px;border:0;display:flex;flex-wrap:wrap;align-items:center;background:transparent;font-size:14px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-field{margin:0 0 22px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-field label{font:500 14px/1.5 var(--bridge-font);margin-bottom:8px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-field :is(input,textarea),:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-product-editor input{border:1px solid #bfcacb;background:#fff;border-radius:3px;padding:13px 14px;min-height:48px;font:400 16px/1.5 var(--bridge-font);box-shadow:none;color:var(--bridge-ink)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-field textarea{min-height:140px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-hint{font-size:12px;color:var(--bridge-muted);margin-top:7px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-footer{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:22px 0 0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-send{border:0;border-radius:3px;background:var(--bridge-blue);color:#fff;padding:14px 24px;font:500 15px/1.4 var(--bridge-font);min-height:48px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-details{border:0;margin:0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-details summary{font-size:14px;padding:10px 0;min-height:44px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-footer p{font-size:12px;max-width:25ch;margin:0}@media(max-width:1100px){:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample){--bridge-gutter:32px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) #bridge-component-explorer[data-bridge-r03]{grid-template-columns:180px minmax(0,1fr) 180px;gap:10px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .explorer .study{grid-template-columns:60px minmax(0,1fr);gap:0 8px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .intro{grid-template-columns:minmax(0,1fr) 280px;gap:24px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-enquiry,:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-copy-faq{gap:40px}}@media(max-width:800px){:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample){--bridge-gutter:24px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .intro{grid-template-columns:1fr;gap:20px;padding-top:36px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .intro>p,:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .intro>div{grid-column:1;max-width:55ch}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) #bridge-component-explorer[data-bridge-r03]{grid-template-columns:1fr 1fr;gap:24px;padding-top:12px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc3-center{grid-column:1/-1!important;grid-row:1!important;max-width:580px;justify-self:center}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .r03-family--hanger{grid-column:1!important;grid-row:2!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .r03-family--pt{grid-column:2!important;grid-row:2!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .r03-family h3{min-height:44px;margin-bottom:8px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-layout-caption{gap:24px;grid-template-columns:1fr 1fr;padding:28px 0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-tab{padding:12px 16px;flex:1;font-size:14px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-grid{gap:20px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-product-card{grid-template-rows:140px auto 1fr;gap:14px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-product-image{height:140px!important;padding:16px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .material-data-grid{gap:14px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .material-data-card{padding:18px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .material-stats{grid-template-columns:1fr;gap:12px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .material-data-card h3{font-size:19px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessory-grid{grid-template-columns:1fr 1fr}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-copy-faq,:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-enquiry{grid-template-columns:1fr;gap:28px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-copy-faq h2{max-width:none}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-layout-inquiry-copy{max-width:65ch}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-form{grid-column:1;grid-row:2}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc-order-line{max-width:none;margin-top:18px;padding-top:0}}@media(max-width:520px){:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample){--bridge-gutter:20px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) h1{font-size:34px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .intro{padding-top:28px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .intro>p{font-size:14px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) #bridge-component-explorer[data-bridge-r03]{gap:20px 12px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .r03-family h3{font-size:13px!important;min-height:40px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .r03-parts{grid-template-columns:1fr;gap:8px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .explorer .study{grid-template-columns:48px minmax(0,1fr);gap:0 6px;min-height:90px;padding:6px 0!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .explorer .study>.r03-part-art{height:60px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .explorer .study>span:not(.r03-part-art){font-size:13px!important;line-height:1.35}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .explorer .study>small{font-size:9px!important;letter-spacing:0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .r03-context figcaption{font-size:10px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-layout-caption{grid-template-columns:1fr;gap:20px;padding-bottom:28px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-product-selector{padding:40px 0!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-heading{font-size:27px!important;margin-bottom:22px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-nav{gap:6px;padding-bottom:16px;display:grid;grid-template-columns:1fr 1fr}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-tab{font-size:12px!important;min-height:54px;padding:10px 12px;width:100%;line-height:1.4}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-tab:last-child{grid-column:1/-1;min-height:40px;text-align:left;padding-left:0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-tab:last-child[aria-selected=true]{padding-left:12px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-panel{padding-top:12px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-panel>h3{font-size:20px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-grid{grid-template-columns:1fr;gap:28px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-product-card{grid-template-columns:110px minmax(0,1fr);grid-template-rows:auto 1fr;gap:10px 18px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-product-image{grid-column:1;grid-row:1/3;height:130px!important;padding:12px;align-self:start;max-width:none!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-product-card h4{grid-column:2;grid-row:1;font-size:17px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-product-card ul{grid-column:2;grid-row:2}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-product-card li{font-size:13px!important;line-height:1.6}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc-product-footer{display:grid;grid-template-columns:1fr;gap:8px;padding-top:18px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc-product-footer .cta{margin-left:0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .application-contact-actions{justify-content:flex-start;gap:10px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-technical-fold{padding-block:32px 40px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .material-data-grid{grid-template-columns:1fr;gap:14px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .material-stats{grid-template-columns:1fr 1fr;margin-bottom:8px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .material-data-card{padding:22px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .material-data-card h3{font-size:22px!important;margin-bottom:18px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc2-disclosure>summary{font-size:15px;padding:18px 0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc2-disclosure-content{padding:8px 0 24px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc2-evidence{margin-top:32px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway__routes{display:grid!important;grid-template-columns:1fr!important;gap:16px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway__route{min-height:280px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway__copy h2{font-size:28px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessory-grid{grid-template-columns:1fr;gap:24px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessory-tabs{gap:4px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessory-tabs button{font-size:12px;padding:10px 12px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessory-item h3{font-size:17px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-copy-faq{padding-block:0 36px;gap:24px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-copy-faq h2{font-size:27px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-copy-faq summary{font-size:15px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-enquiry{padding-block:36px 48px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-enquiry h2{font-size:30px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc2-reference .context-strip{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample){--bridge-night:#142d42;--bridge-steel:#afc6d4;--bridge-selected:#93b644}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .intro .eyebrow{display:flex;align-items:center;gap:10px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .intro .eyebrow:before{content:""!important;width:9px;height:9px;border:1px solid var(--bridge-blue);transform:rotate(45deg);flex:0 0 auto}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc3-center{position:relative;isolation:isolate}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc3-center:before{content:"";position:absolute;z-index:-1;inset:3% -5% 8%;border-radius:50%;background:radial-gradient(ellipse at 48% 55%,#dce6ebaa 0%,#dce6eb55 47%,transparent 72%);pointer-events:none}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-scene-frame{display:block;position:absolute;inset:-14px 0 12px;width:100%;height:calc(100% + 2px);z-index:-1;overflow:visible;fill:none;stroke:#8aa5b9;stroke-width:1;opacity:.42;pointer-events:none}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-scene-frame ellipse{stroke-dasharray:2 9;stroke-width:.7;opacity:.75}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-frame-axis{opacity:.65}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) #bridge-component-explorer .bridge-scene-overlay{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;z-index:3;overflow:visible}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-scene-overlay[data-located=false]{opacity:0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-leader{stroke:var(--bridge-blue);stroke-width:1.25;opacity:.7;vector-effect:non-scaling-stroke}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-target{fill:var(--bridge-selected);stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-target-halo{fill:#f5f4f022;stroke:var(--bridge-blue);stroke-width:1;vector-effect:non-scaling-stroke}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .r03-family{position:relative;z-index:4}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .r03-family h3{max-width:none;font-size:14px!important;letter-spacing:.015em}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .explorer .study{transition:background .22s,box-shadow .22s!important;border-radius:5px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .explorer .study[data-illustration-active]{background:#e3e9e9!important;box-shadow:inset 2px 0 var(--bridge-blue)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .explorer .study>.r03-part-art{transition:translate .26s ease!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .explorer .study:is(:hover,:focus-visible)>.r03-part-art{translate:0 -4px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .r03-family--pt:before{content:"";position:absolute;inset:-14px -10px -4px;border-radius:8px;border:1px solid transparent;background:transparent;z-index:-1;pointer-events:none;transition:background .22s,border-color .22s}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample)[data-active-component-family=pt] .r03-family--pt:before{border-color:#b8c9d4;background:#e8edef80}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-layout-caption{align-items:center;gap:40px;padding-block:28px 36px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .selection{padding:22px 26px!important;background:#fff9!important;border-radius:5px;position:relative;box-shadow:0 10px 36px #18324705}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .selection:before{content:"";position:absolute;inset:22px auto 22px 0;width:2px;background:var(--bridge-blue)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .selection strong{color:var(--bridge-blue)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .selection a{display:inline-flex;align-items:center;gap:8px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .application-link-arrow{transition:translate .2s}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) a:hover>.application-link-arrow{translate:3px -2px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-product-image{position:relative;background:linear-gradient(145deg,#e7eceb,#eef0ec)!important;border-radius:5px;transition:background .25s,box-shadow .25s}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-product-image:before{content:"";position:absolute;inset:14px;border:1px solid #9eb2ba50;clip-path:polygon(0 0,18% 0,18% 1px,1px 1px,1px 18%,0 18%,0 0,100% 100%,82% 100%,82% calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) 82%,100% 82%,100% 100%);pointer-events:none}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-product-image img{transition:translate .32s,scale .32s!important;filter:drop-shadow(0 8px 6px #29475a12)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-product-card:is(:hover,:focus-within) .ap-product-image{box-shadow:inset 0 0 0 1px #839db34d}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-product-card:is(:hover,:focus-within) .ap-product-image img{translate:0 -5px;scale:1.045}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-tab{transition:background .2s,color .2s,box-shadow .2s}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-tab[aria-selected=true]{box-shadow:0 5px 14px #385b851a}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-board{margin:8px 0 62px;color:#e5edf1;background:var(--bridge-night);border-radius:6px;position:relative;isolation:isolate;overflow:hidden}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-board:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 34% 55%,#35556c99,transparent 60%);pointer-events:none}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-board:after{content:"";position:absolute;inset:20px;z-index:-1;border:1px solid #acc4d51c;pointer-events:none}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-surface{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;padding:38px 42px 30px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-board details{border:0!important;padding:0!important;margin:0!important;min-width:0;background:none}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-board summary{position:relative;display:block;padding:0 34px 20px 0;min-height:48px;list-style:none;color:#f1f5f8;font:500 21px/1.35 var(--bridge-font);letter-spacing:-.015em;cursor:pointer;border:0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-board summary::-webkit-details-marker{display:none}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-board summary:after{content:"";position:absolute;right:0;top:6px;width:15px;height:15px;background:linear-gradient(#a6c0d2,#a6c0d2) center/13px 1px no-repeat,linear-gradient(#a6c0d2,#a6c0d2) center/1px 13px no-repeat;transition:rotate .22s}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-board details[open]>summary:after{rotate:45deg}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-board .r03-installed{max-width:none;width:100%;padding:0!important;margin:0;position:relative}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-board .r03-installed:before{content:"";position:absolute;inset:50px 10% 105px;border:1px solid #a7c4d12b;border-radius:50%;pointer-events:none;z-index:-1}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-board .r03-crop{position:relative;display:block;inset:auto!important;transform:none!important;width:100%!important;height:330px;aspect-ratio:auto!important;overflow:hidden}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-board .r03-crop a{display:block!important;width:100%;height:100%}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-board .r03-crop img{position:static!important;display:block;inset:auto!important;width:100%!important;height:100%!important;object-fit:contain!important;max-width:100%!important;transform:none!important;filter:drop-shadow(0 18px 16px #0003);transition:translate .35s!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-board figure:hover img{translate:0 -5px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-board figcaption{font:400 12px/1.6 var(--bridge-font)!important;color:#b8cbd7!important;text-align:left;margin:16px 0 0!important;max-width:55ch}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-board .r03-detail-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;margin:0;padding:0;align-items:start}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-board .r03-detail-grid figure{margin:0;padding:0;min-width:0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-board .r03-detail-grid figure:last-child{align-self:center}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-board .r03-crop--retainers{height:210px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-board .r03-detail-grid figcaption{text-align:center}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .material-data-card{position:relative;overflow:hidden;transition:translate .25s,box-shadow .25s;box-shadow:0 4px 20px #182c3403!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .material-data-card:before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:2px;background:var(--bridge-blue);opacity:0;transition:opacity .25s}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .material-data-card:is(:hover,:focus-within){translate:0 -3px;box-shadow:0 12px 30px #182c3409!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .material-data-card:is(:hover,:focus-within):before{opacity:1}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc2-disclosure>summary,:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-copy-faq summary{list-style:none;position:relative;padding-right:38px;transition:color .2s}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) :is(.bc2-disclosure,.ci-copy-faq details)>summary::-webkit-details-marker{display:none}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) :is(.bc2-disclosure,.ci-copy-faq details)>summary:after{content:"";position:absolute;right:4px;top:50%;translate:0 -50%;width:14px;height:14px;background:linear-gradient(var(--bridge-blue),var(--bridge-blue)) center/12px 1px no-repeat,linear-gradient(var(--bridge-blue),var(--bridge-blue)) center/1px 12px no-repeat;transition:rotate .22s}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) :is(.bc2-disclosure,.ci-copy-faq details)[open]>summary:after{rotate:45deg}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) :is(.bc2-disclosure,.ci-copy-faq details)>summary:hover{color:var(--bridge-blue)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-send{transition:background .2s,box-shadow .2s,translate .2s}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-send:not(:disabled):hover{background:#284a72;translate:0 -2px;box-shadow:0 6px 18px #385b8526}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-field :is(input,textarea){transition:border-color .2s,box-shadow .2s}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ci-field :is(input,textarea):focus{border-color:var(--bridge-blue);box-shadow:0 0 0 3px #385b8510}@media(max-width:1100px){:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-surface{gap:32px;padding:32px}}@media(max-width:800px){:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-scene-frame{inset:-6px 0 12px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-surface{grid-template-columns:1fr 1fr;gap:24px;padding:28px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-board summary{font-size:18px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-board .r03-detail-grid{grid-template-columns:1fr 1fr;gap:12px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-board .r03-crop{height:270px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-board .r03-crop--retainers{height:160px}}@media(max-width:520px){:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .intro .eyebrow{font-size:10px;gap:8px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .r03-family h3{font-size:13px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .selection{padding:20px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-layout-caption{gap:20px;padding-block:24px 28px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-board{margin-bottom:38px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-surface{grid-template-columns:1fr;padding:26px 22px;gap:30px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-board:after{inset:10px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-board summary{font-size:19px;padding-bottom:18px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-board .r03-crop{height:270px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-board .r03-crop--retainers{height:160px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-board .r03-detail-grid{gap:18px;grid-template-columns:.8fr 1.2fr}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-board figcaption{font-size:11px!important}}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-layout-caption{display:block;padding-block:24px 32px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-layout-caption .selection{display:grid!important;grid-template-columns:minmax(170px,.75fr) minmax(0,1.5fr) auto;gap:24px;align-items:center;padding:22px 26px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-layout-caption .selection>*{align-self:center}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-layout-caption .selection a{min-height:44px;white-space:nowrap}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) #bridge-component-explorer .scene[data-preview-mode=component]>img{visibility:hidden!important;opacity:0!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) #bridge-component-explorer .bridge-focused-detail{position:absolute;inset:7% 8% 9%;display:block;overflow:visible;pointer-events:none}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) #bridge-component-explorer .bridge-focused-detail[hidden]{display:none!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) #bridge-component-explorer .bridge-focused-detail img{position:absolute!important;inset:0!important;display:block!important;aspect-ratio:auto!important;min-width:0!important;min-height:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;clip-path:none!important;filter:drop-shadow(0 14px 12px #1b354819)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .r03-context figcaption{min-height:18px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-heading{font-size:32px!important;margin-bottom:24px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) :is(.ap-nav,.accessory-tabs){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:5px;margin:0 0 28px;border:1px solid #d9e1e0;border-radius:8px;background:#e9edeb;align-items:stretch;justify-content:stretch}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) :is(.ap-tab,.accessory-tabs button){position:relative;display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-width:0;min-height:62px;padding:12px 16px;flex:auto;grid-column:auto;border:1px solid transparent!important;border-radius:5px;background:transparent!important;box-shadow:none!important;color:var(--bridge-muted)!important;font:500 14px/1.4 var(--bridge-font)!important;text-align:left;transition:background .2s,color .2s,border-color .2s}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-category-icon{display:block;width:28px;height:28px;flex:0 0 28px;color:#6c8494;pointer-events:none}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-category-label{display:block;min-width:0;max-width:27ch;white-space:normal}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) :is(.ap-tab,.accessory-tabs button)[aria-selected=true]{background:#fff!important;border-color:#c6d3d9!important;color:var(--bridge-blue)!important;box-shadow:0 2px 7px #243c4d0a!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) :is(.ap-tab,.accessory-tabs button)[aria-selected=true] .bridge-category-icon{color:var(--bridge-blue)}@media(hover:hover)and (pointer:fine){:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) :is(.ap-tab,.accessory-tabs button)[aria-selected=false]:hover{background:#f4f6f4!important;color:var(--bridge-ink)!important}}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-tab:last-child{padding-left:16px;grid-column:auto;min-height:62px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-tab:last-child[aria-selected=true]{padding-left:16px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-panel{padding-top:0!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-panel>h3{font-size:21px!important;margin-bottom:10px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-panel .ap-intro{max-width:86ch}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessories-section .section-heading{text-align:left!important;max-width:820px;margin:0 0 24px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessories-section .section-heading h2{margin:8px 0 12px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessories-section .section-heading>p:last-child{font-size:15px;line-height:1.65;color:var(--bridge-muted);margin:0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessory-lead{text-align:left!important;font-size:15px;line-height:1.65;max-width:80ch;margin:0 0 22px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) #accessories .accessory-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessory-item{position:relative;display:flex;flex-direction:column;gap:16px;min-width:0;min-height:0;height:auto;padding:22px!important;background:#ffffffc7;border:1px solid #dbe3e2!important;border-radius:6px;box-shadow:0 3px 10px #25405003;transition:border-color .22s,box-shadow .22s}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-accessory-icon{display:block;flex:0 0 46px;width:46px;height:46px;padding:5px;background:#eaf0f0;border-radius:5px;color:#52738c}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessory-item .item-number{position:absolute;right:22px;top:23px;display:block;font-size:11px;font-weight:400;letter-spacing:.04em;line-height:1.5;color:var(--bridge-muted);margin:0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessory-item h3{font-size:18px!important;line-height:1.35!important;font-weight:500!important;margin:0 0 9px!important;max-width:26ch}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessory-item p{font-size:14px;line-height:1.65;margin:0;color:var(--bridge-muted)}@media(hover:hover)and (pointer:fine){:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessory-item:hover{border-color:#afc3ce!important;box-shadow:0 8px 20px #25405008}}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessory-inquiry{gap:12px;margin-top:24px;padding:10px 16px;min-height:46px;border:1px solid #beced5;border-radius:5px;background:#fff8;color:var(--bridge-blue);font-size:14px;line-height:1.45;text-decoration:none;transition:background .2s}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessory-inquiry:hover{background:#e8eeed}@media(max-width:1100px){:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) :is(.ap-tab,.accessory-tabs button){gap:10px;padding:12px;font-size:13px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-tab:last-child,:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-tab:last-child[aria-selected=true]{padding-left:12px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-category-icon{width:25px;height:25px;flex-basis:25px}}@media(max-width:800px){:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) :is(.ap-nav,.accessory-tabs){margin-bottom:24px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) :is(.ap-tab,.accessory-tabs button){min-height:64px;gap:8px;padding:10px;font-size:12px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-tab:last-child,:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-tab:last-child[aria-selected=true]{padding-left:10px;min-height:64px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) #accessories .accessory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessory-item{padding:20px!important}}@media(max-width:520px){:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-layout-caption .selection{grid-template-columns:1fr;gap:8px;padding:20px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-heading{font-size:27px!important;margin-bottom:20px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) :is(.ap-nav,.accessory-tabs){grid-template-columns:1fr;gap:3px;padding:4px;border-radius:7px;margin-bottom:24px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) :is(.ap-tab,.accessory-tabs button){min-height:54px;padding:10px 12px;gap:12px;font-size:13px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-category-label{max-width:none}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-tab:last-child,:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .ap-tab:last-child[aria-selected=true]{grid-column:auto;min-height:54px;padding-left:12px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) #accessories .accessory-grid{grid-template-columns:1fr;gap:12px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessory-item{display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;padding:20px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-accessory-icon{width:38px;height:38px;padding:3px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessory-item .item-number{position:static;grid-column:1;grid-row:2;text-align:center;font-size:10px;align-self:start;margin-top:-2px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessory-item>div{grid-column:2;grid-row:1/3}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessory-item h3{font-size:17px!important;margin-bottom:8px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessory-item p{font-size:13px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .accessory-inquiry{padding:12px 14px;max-width:100%;font-size:13px}}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample){--bridge-architecture:url(/application-assets/approved-eight/06645323997de767495e1f888a4b3ac1bd4cbfdde4221227b9da5dca76b8b817.webp);--bridge-metal:url(/application-assets/approved-eight/d2462ed3be14c9a7d664bfdf26358b55982b41d82055c4a39ffd4cf675517b8c.webp)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .preview-main,:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .intro{position:relative;isolation:isolate}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .intro:before{content:"";position:absolute;inset:-52px 0 0;height:auto;z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,var(--bridge-paper) 23%,#f5f4f0ec 56%,#f5f4f0bf 100%),var(--bridge-architecture);background-size:100% 100%,48% auto;background-position:center,right 61%;background-repeat:no-repeat;mask-image:linear-gradient(180deg,#000 0%,#000b 42%,transparent 96%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000b 42%,transparent 96%)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-assembly-board:before{background-image:linear-gradient(105deg,#142d42f5 6%,#142d42de 55%,#142d42bd),var(--bridge-metal);background-size:cover;background-position:center,center 58%;filter:none}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-field-gallery{width:min(var(--bridge-width),calc(100% - var(--bridge-gutter)*2));max-width:var(--bridge-width);margin:6px auto 64px;padding:0;background:none}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-field-gallery>.eyebrow{font-size:11px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:var(--bridge-blue);margin:0 0 10px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-field-gallery>h2{font-size:34px!important;margin:0 0 28px!important;max-width:25ch}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-field-gallery .context-strip{display:grid!important;grid-template-columns:1.45fr 1fr;grid-template-rows:255px 255px;gap:20px!important;margin:0;padding:0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-field-gallery figure{position:relative;min-width:0;min-height:0;margin:0;padding:0;overflow:hidden;border:0;border-radius:6px;background:#142d42;isolation:isolate}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-field-gallery figure:first-child{grid-column:1;grid-row:1/3}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-field-gallery figure:nth-child(2){grid-column:2;grid-row:1}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-field-gallery figure:nth-child(3){grid-column:2;grid-row:2}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-field-gallery img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;display:block;filter:saturate(.87) contrast(1.035);transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .6s;transform:scale(1.015)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-field-gallery figure:first-child img{object-position:60% 50%}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-field-gallery figure:nth-child(2) img{object-position:center 70%}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-field-gallery figure:nth-child(3) img{object-position:center 65%}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-field-gallery figure:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,#081b2de6 0%,#081b2d77 23%,transparent 60%);pointer-events:none}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-field-gallery figcaption{position:absolute;left:26px;right:26px;bottom:24px;z-index:2;font:500 18px/1.35 var(--bridge-font);color:#fff;text-align:left;margin:0;padding:0;max-width:28ch;letter-spacing:-.01em}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-field-gallery figure:first-child figcaption{font-size:24px;left:30px;bottom:28px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bc2-evidence{margin-top:44px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway__routes{display:grid!important;grid-template-columns:minmax(0,50fr) minmax(0,50fr)!important;gap:20px!important;clip-path:none;opacity:1;transform:none;animation:none!important;transition:grid-template-columns .52s cubic-bezier(.16,1,.3,1)!important;overflow:visible}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-evidence-tile{position:relative;min-width:0;min-height:420px;border-radius:6px;isolation:isolate;background:#112a3d}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway__route{position:relative;display:flex!important;align-items:flex-end;width:100%;height:100%;min-height:420px;padding:32px!important;overflow:hidden;border:0;border-radius:6px;background:#112a3d}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway__media{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;margin:0;z-index:0;overflow:hidden}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway__media :is(picture,img,video){position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;display:block!important;object-fit:cover!important;object-position:center!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway__media picture{z-index:0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway__media :is(img,video){filter:saturate(.58) contrast(1.08) brightness(.79);transform:scale(1.02);transition:transform 1.1s cubic-bezier(.16,1,.3,1),filter .62s ease,opacity .5s ease}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway__media video{z-index:1;opacity:0!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway__media video.is-gateway-video-ready{opacity:1!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway__shade{position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,#0a203133,#0a20314d 24%,#081d30ed);opacity:1;transition:opacity .52s ease;pointer-events:none}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) :is(.jotain-evidence-gateway__scan,.jotain-evidence-gateway__focus-rail){display:none!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway__copy{position:relative;z-index:3;max-width:100%;padding:0!important;margin:0;opacity:1;transform:none;transition:opacity .46s ease,transform .72s cubic-bezier(.16,1,.3,1)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway__copy h2{font-size:40px!important;line-height:1.08!important;letter-spacing:-.025em;margin:0 0 16px!important;color:#fff!important;transition:transform .72s cubic-bezier(.16,1,.3,1)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway__eyebrow{display:block;font-size:10px;letter-spacing:.07em;line-height:1.4;color:#dce7ee!important;margin:0 0 12px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway__summary{display:block;font-size:15px!important;line-height:1.6!important;color:#dce7ee!important;max-width:34ch;margin:0 0 20px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway__action{display:inline-flex;align-items:center;gap:14px;color:#fff;font-size:13px;font-weight:500}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway__action svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .36s cubic-bezier(.16,1,.3,1)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-media-toggle{position:absolute;top:18px;right:18px;z-index:5;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #c5d7e36b;border-radius:50%;background:#10283da6;color:#fff;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-media-toggle[hidden]{display:none!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-media-toggle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;pointer-events:none}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-media-toggle .bridge-media-play{fill:currentColor;stroke:none}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-media-toggle .bridge-media-pause{display:none}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-media-toggle[data-playing=true] .bridge-media-play{display:none}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-media-toggle[data-playing=true] .bridge-media-pause{display:block}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-media-toggle:focus-visible{outline-color:#fff!important;outline-offset:4px}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-field-gallery figure:hover img{transform:scale(1.055);filter:saturate(1) contrast(1.02)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-media-toggle:hover{background:#183b57e6;border-color:#deebf4}}@media(min-width:861px)and (prefers-reduced-motion:no-preference){:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) [data-bridge-media][data-gateway-focus=factory] .jotain-evidence-gateway__routes{grid-template-columns:minmax(0,62fr) minmax(0,38fr)!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) [data-bridge-media][data-gateway-focus=quality] .jotain-evidence-gateway__routes{grid-template-columns:minmax(0,38fr) minmax(0,62fr)!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-evidence-tile[data-film-focus=active] .jotain-evidence-gateway__media :is(img,video){filter:saturate(1) contrast(1.03) brightness(.94);transform:scale(1.095)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-evidence-tile[data-film-focus=inactive] .jotain-evidence-gateway__media :is(img,video){filter:saturate(.34) contrast(1.08) brightness(.58);transform:scale(1.035)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-evidence-tile[data-film-focus=active] .jotain-evidence-gateway__copy{opacity:1;transform:translateY(-6px)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-evidence-tile[data-film-focus=active] .jotain-evidence-gateway__copy h2{transform:translateY(-5px)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-evidence-tile[data-film-focus=active] .jotain-evidence-gateway__shade{opacity:.82}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-evidence-tile[data-film-focus=active] .jotain-evidence-gateway__action svg{transform:translate(4px,-4px)}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-evidence-tile[data-film-focus=inactive] .jotain-evidence-gateway__copy{opacity:.68;transform:translateY(5px)}}@media(max-width:1100px){:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-field-gallery .context-strip{grid-template-rows:230px 230px;gap:18px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-evidence-tile,:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway__route{min-height:350px}}@media(max-width:800px){:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .intro:before{inset:-36px 0 0;height:auto;background-size:100% 100%,68% auto;opacity:.7}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-field-gallery .context-strip{grid-template-columns:1.25fr 1fr;grid-template-rows:210px 210px;gap:16px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-field-gallery figcaption{left:20px;right:20px;bottom:20px;font-size:16px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-field-gallery figure:first-child figcaption{font-size:21px;left:22px;bottom:24px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway__routes{gap:16px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-evidence-tile,:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway__route{min-height:360px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway__route{padding:24px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway__copy{max-width:100%}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway__copy h2{font-size:29px!important}}@media(max-width:520px){:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .intro:before{inset:-28px 0 0;height:auto;background-size:100% 100%,100% auto;opacity:.5}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-field-gallery{margin-top:0;margin-bottom:40px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-field-gallery>h2{font-size:29px!important;margin-bottom:22px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-field-gallery .context-strip{grid-template-columns:1fr;grid-template-rows:300px 230px 250px;gap:14px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-field-gallery figure:first-child{grid-column:1;grid-row:1}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-field-gallery figure:nth-child(2){grid-column:1;grid-row:2}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-field-gallery figure:nth-child(3){grid-column:1;grid-row:3}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-field-gallery figure:first-child img{object-position:69% center}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway__routes{grid-template-columns:1fr!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-evidence-tile,:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway__route{min-height:330px}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway__copy h2{font-size:31px!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-media-toggle{right:16px;top:16px}}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample),:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) *{font-family:var(--bridge-font)!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) :is(h1,h2,h3,h4){font-weight:500!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .intro h1{font-size:clamp(36px,4vw,56px)!important;line-height:1.13!important;letter-spacing:-.035em}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .intro>p{font-size:17px!important;font-weight:400;line-height:1.6}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-tonal-heading{color:var(--bridge-heading-quiet)!important;font-weight:400!important;letter-spacing:-.025em}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-tonal-heading .bridge-type-focus{color:var(--bridge-ink);font-weight:500}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .bridge-tonal-heading:not(h1){text-wrap:balance}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway__headline-tail{color:#b9c8d2;font-weight:400}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .jotain-evidence-gateway__eyebrow{letter-spacing:.045em}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) :is(.material-stats,.spec-table){font-variant-numeric:tabular-nums}@media(max-width:520px){:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .intro h1{font-size:35px!important;letter-spacing:-.03em}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) .intro>p{font-size:16px!important}}@media(prefers-reduced-motion:reduce){:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample):is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) *,:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample):is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) *:before,:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample):is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) *:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample):is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) :is(.ap-product-image img,.r03-part-art,.bridge-assembly-board img,.material-data-card,.ci-send,.application-link-arrow){translate:none!important;scale:1!important}}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) img.fitting-thumbnail{object-fit:contain;padding:0;background:transparent;border:0}:is(#bridge-layout-sample,#marine-layout-sample,#application-layout-sample) :is(.family-feature,.marine-assembly-board,.bridge-assembly-board,.jotain-evidence-gateway){--bridge-focus:#fff}