.catalog-material-visual{isolation:isolate;justify-self:end;width:clamp(220px,28vw,360px);max-width:100%;height:clamp(150px,16vw,208px);position:relative}.catalog-material-visual:before{z-index:-1;content:"";pointer-events:none;background:radial-gradient(#a9cae457,#0000 70%);position:absolute;inset:12% 4% 2%}.catalog-material-visual__item{animation:catalog-material-float 6.4s var(--ui-motion-ease) infinite;display:block;position:absolute}.catalog-material-visual__item svg{width:100%;height:100%;display:block;overflow:visible}.catalog-material-visual__item img{object-fit:contain;width:100%;height:100%;display:block}.catalog-material-visual__pipes{z-index:3;opacity:.92;width:50%;height:74%;animation-delay:-1.8s;top:-3%;left:1%}.catalog-material-visual__coil{z-index:2;width:76%;height:100%;animation-delay:-.7s;bottom:-9%;right:0}.catalog-material-visual__sheets{z-index:4;opacity:.94;width:59%;height:72%;animation-delay:-2.6s;bottom:-4%;left:0}@keyframes catalog-material-float{0%,to{transform:translate(0,0)}50%{transform:translateY(-8px)}}@media (width<=920px){.catalog-material-visual{width:clamp(220px,31vw,320px);height:170px}}@media (width<=640px){.catalog-material-visual{display:none}}@media (prefers-reduced-motion:reduce){.catalog-material-visual__item{animation:none}}.home-port{color:var(--steel-heading);background:var(--steel-page-bg)}.home-port-scene{isolation:isolate;min-height:600px;position:relative}.home-port-art,.home-port-shade{z-index:-1;pointer-events:none;position:absolute;inset:0}.home-port-art{background:url(/imgs/generated/steel-port-desktop.webp) 50% 58%/cover no-repeat}.home-port-shade{background:linear-gradient(90deg, #fffffff5 0%, #ffffffe6 24%, #ffffffb3 42%, #fff0 70%), linear-gradient(0deg, var(--steel-page-bg), transparent 16%)}.home-port-content{width:min(100% - 96px,1440px);margin:auto;padding-top:clamp(54px,5vw,88px);padding-bottom:36px}.home-port-eyebrow{color:var(--steel-primary);letter-spacing:.3em;text-transform:uppercase;font-size:12px;font-weight:600}.home-port h1{letter-spacing:-.05em;max-width:900px;margin:20px 0 0;font-size:clamp(44px,4.65vw,76px);font-weight:750;line-height:1.06}.home-port h1 span{display:block}.home-port-description{max-width:600px;margin:22px 0 0;font-size:clamp(16px,1.35vw,20px);line-height:1.6}.home-port-actions{gap:20px;margin-top:32px;display:flex}.home-port-actions>*{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:12px;min-width:205px;min-height:54px;padding:12px 26px;font-size:15px;font-weight:650;text-decoration:none;transition:transform .18s,background-color .18s;display:inline-flex}.home-port-primary{background:var(--steel-primary);color:#fff;border:1px solid var(--steel-primary)}.home-port-secondary{border:1px solid var(--steel-primary-text);color:var(--steel-heading);background:#ffffffb3}.home-port-actions>:hover{transform:translateY(-2px)}.home-port-actions>:active{transform:scale(.98)}@keyframes home-port-enter{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0}}.home-port-eyebrow,.home-port h1,.home-port-description,.home-port-actions{animation:home-port-enter var(--ui-motion-slow) var(--ui-motion-ease) both}.home-port h1{animation-delay:60ms}.home-port-description{animation-delay:.12s}.home-port-actions{animation-delay:.18s}.home-port a:focus-visible,.home-port button:focus-visible{outline:3px solid var(--steel-primary);outline-offset:4px}.home-port-signals{gap:26px;width:min(100% - 96px,1440px);margin:18px auto 0;padding:0 0 50px;list-style:none;display:flex;position:relative}.home-port-signals li{align-items:center;gap:10px;display:flex}.home-port-signals svg{width:29px;height:29px;color:var(--steel-primary);stroke-width:1.65px;flex-shrink:0}.home-port-signals strong,.home-port-signals span{display:block}.home-port-signals strong{font-size:12px;font-weight:700}.home-port-signals span{margin-top:4px;font-size:10px}.home-port-products{width:min(100% - 96px,1440px);margin:-14px auto 0;position:relative}.home-port-products-heading{display:none}.home-port-categories{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;display:grid}.home-port-category{border:1px solid var(--steel-component-border);background:var(--steel-component-bg);min-width:0;color:var(--steel-heading);box-shadow:var(--ui-shadow-soft);border-radius:18px;flex-direction:column;padding:8px 10px 16px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex}.home-port-category img{object-fit:contain;width:100%;height:110px}.home-port-category>span{justify-content:space-between;align-items:center;gap:5px;margin-top:auto;font-size:11px;font-weight:650;line-height:1.4;display:flex}.home-port-category svg{color:var(--steel-primary);flex-shrink:0}.home-port-category:hover{box-shadow:var(--ui-shadow-hover);transform:translateY(-4px)}.home-port-proof{border-bottom:1px solid var(--steel-component-border);grid-template-columns:1.25fr .65fr 1fr 1.5fr;align-items:center;gap:30px;width:min(100% - 96px,1440px);margin:28px auto 0;padding:30px 0;display:grid}.home-port-proof>div{border-inline-end:1px solid var(--steel-component-border);padding-inline-end:20px}.home-port-proof>div:last-child{border:0}.home-port-proof dt{color:var(--steel-primary);letter-spacing:-.035em;font-size:clamp(15px,1.7vw,25px);font-weight:750}.home-port-proof dd{color:var(--steel-muted-text);margin:6px 0 0;font-size:13px}.home-port-proof-note dt{color:var(--steel-heading);font-size:19px}.dark .home-port-art{background-image:url(/imgs/generated/steel-port-night.webp)}.dark .home-port-shade{background:linear-gradient(90deg,#000 0%,#000d 26%,#0009 45%,#0000 75%),linear-gradient(#0000 80%,#000)}.dark .home-port-secondary{background:color-mix(in srgb, var(--steel-dark-panel-soft) 82%, transparent);border-color:var(--steel-primary-text)}@media (width<=1024px){.home-port-content,.home-port-signals,.home-port-products,.home-port-proof{width:calc(100% - 48px)}.home-port h1{max-width:700px;font-size:clamp(36px,4.2vw,48px)}.home-port-description{max-width:490px}.home-port-signals{gap:18px}.home-port-categories{grid-template-columns:repeat(4,1fr)}.home-port-proof{gap:18px}}@media (width>=641px){.home-port{min-height:calc(100svh - 82px - var(--home-header-extra,0px));--home-scene-size:clamp(calc(390px - var(--home-header-extra,0px)), calc(100svh - 390px - var(--home-header-extra,0px)), 720px);--home-copy-width:64%;flex-direction:column;display:flex}.home-port-scene{min-height:var(--home-scene-size);flex-direction:column;flex:1 0 auto;justify-content:center;display:flex}.home-port-content{margin-block:0;padding-block:clamp(20px,4svh - 10px,56px) 0}.home-port h1{max-width:var(--home-copy-width);letter-spacing:-.035em;overflow-wrap:break-word;margin-top:12px;font-size:clamp(36px,min(3.2vw,5.2svh),72px);line-height:1.12}.home-port-description{max-width:min(var(--home-copy-width), 640px);margin-top:14px;font-size:16px;line-height:1.6}.home-port-actions{max-width:var(--home-copy-width);flex-wrap:wrap;gap:12px;margin-top:20px}.home-port-actions>*{min-width:180px;min-height:44px;padding:10px 20px;font-size:14px}.home-port-signals{grid-template-columns:repeat(4,minmax(0,1fr)) minmax(0,2fr);gap:12px;margin-top:20px;margin-bottom:0;padding-block:0 20px;display:grid}.home-port-signals li,.home-port-signals li>div{min-width:0}.home-port-signals li{align-items:flex-start;gap:8px}.home-port-signals svg{width:24px;height:24px}.home-port-signals strong{font-size:12px;line-height:1.4}.home-port-signals span{font-size:11px;line-height:1.4}.home-port-art{background-position:50% 72%;background-size:cover;width:100%;inset:0}.home-port-shade,.dark .home-port-shade{background:linear-gradient(90deg, color-mix(in srgb, var(--steel-page-bg) 96%, transparent) 0%, color-mix(in srgb, var(--steel-page-bg) 88%, transparent) 28%, color-mix(in srgb, var(--steel-page-bg) 64%, transparent) 45%, transparent 72%), linear-gradient(0deg, var(--steel-page-bg), transparent 12%)}.home-port-products{margin-top:6px}.home-port-categories{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.home-port-category{padding:6px 8px 10px}.home-port-category img{height:clamp(64px,10svh - 8px,120px)}.home-port-category>span{overflow-wrap:break-word;min-height:4.05em;font-size:12px;line-height:1.35;display:block}.home-port-category svg{vertical-align:-2px;margin-inline-start:5px;display:inline-block}.home-port-proof{grid-template-columns:1.1fr .65fr 1fr 1.6fr;gap:16px;margin-top:6px;padding-block:10px}.home-port-proof>div{min-width:0;padding-inline-end:16px}.home-port-proof dt,.home-port-proof-note dt{font-size:clamp(16px,min(1.5vw,2.4svh),24px);line-height:1.3}.home-port-proof dd{margin-top:4px;font-size:12px;line-height:1.5}}@media (width>=1280px){.home-port-content,.home-port-signals,.home-port-products,.home-port-proof{width:var(--steel-public-content-width)}.home-port-categories{grid-template-columns:repeat(9,minmax(0,1fr))}}@media (width>=1181px){.site-header[data-contact-bar=true]+main .home-port{--home-header-extra:32px}}@media (width>=641px) and (width<=1279px){.home-port{--home-copy-width:78%}.home-port-signals{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=640px){.home-port-scene{min-height:0;padding-bottom:0}.home-port-art{background-image:url(/imgs/generated/steel-port-mobile.webp);background-position:bottom;bottom:94px}.dark .home-port-art{background-position:78% bottom;top:180px}.home-port-shade{background:linear-gradient(180deg, #ffffffe6, #ffffffb3 35%, #fff0 64%, var(--steel-page-bg) 100%);bottom:92px}.home-port-content{width:calc(100% - 40px);padding-top:30px;padding-bottom:270px}.home-port-eyebrow{letter-spacing:.24em;font-size:9px}.home-port h1{letter-spacing:-.045em;max-width:520px;margin-top:17px;font-size:clamp(34px,9.7vw,58px);line-height:1.1}.home-port h1 span{margin-top:2px}.home-port-description{max-width:360px;margin-top:16px;font-size:14px;line-height:1.65}.home-port-actions{flex-direction:column;align-items:flex-start;gap:10px;margin-top:20px}.home-port-actions>*{min-width:195px;min-height:46px;padding:10px 20px;font-size:13px}.home-port-signals{grid-template-columns:repeat(4,1fr);gap:8px;width:calc(100% - 32px);margin-top:0;padding-bottom:25px;display:grid}.home-port-signals li{text-align:center;flex-direction:column;gap:8px}.home-port-signals strong{font-size:11px;font-weight:500;line-height:1.5}.home-port-signals span{display:none}.home-port-products{border:1px solid var(--steel-component-border);border-radius:24px;width:calc(100% - 24px);margin:0 auto;padding:14px 10px}.home-port-products-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.home-port-products-heading h2{font-size:20px;font-weight:700}.home-port-products-heading a{min-height:44px;color:var(--steel-primary);align-items:center;gap:6px;font-size:12px;text-decoration:none;display:flex}.home-port-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.home-port-category{padding:4px 7px 12px}.home-port-category img{height:82px}.home-port-category>span{font-size:10px}.home-port-category svg{width:11px}.home-port-proof{grid-template-columns:1fr 1fr;gap:24px 12px;width:calc(100% - 40px);margin-top:0;padding:24px 0}.home-port-proof>div{border:0;padding:0}.home-port-proof dt{letter-spacing:-.04em;font-size:16px}.home-port-proof dd{font-size:11px}.home-port-proof-note dt{font-size:14px}.dark .home-port-shade{background:linear-gradient(#000e,#0009 38%,#0000 62%,#000 100%)}}@media (prefers-reduced-motion:reduce){.home-port *,.home-port :before{transition:none!important;animation:none!important}.home-port a:hover,.home-port button:hover,.home-port a:active,.home-port button:active{transform:none}}.dark .home-port-eyebrow,.dark .home-port-signals svg,.dark .home-port-category svg,.dark .home-port-proof dt,.dark .home-port-products-heading a{color:var(--steel-primary-text)}.dark .home-port-proof-note dt{color:var(--steel-heading)}[dir=rtl] .home-port-art{transform:scaleX(-1)}@media (width>=641px){[dir=rtl] .home-port-shade,[dir=rtl].dark .home-port-shade{background:linear-gradient(270deg, color-mix(in srgb, var(--steel-page-bg) 96%, transparent) 0%, color-mix(in srgb, var(--steel-page-bg) 88%, transparent) 28%, color-mix(in srgb, var(--steel-page-bg) 64%, transparent) 45%, transparent 72%), linear-gradient(0deg, var(--steel-page-bg), transparent 12%)}}