/* Scoped construction layouts; no application filter or legacy content tabs. */
.rope-page .rope-category-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#fff;border-bottom:1px solid #d8e3ef;position:relative;z-index:5}
.rope-page .rope-category-nav a{display:flex;align-items:center;justify-content:center;min-height:64px;padding:14px 18px;color:#06356f;text-align:center;text-decoration:none;font-size:15px;font-weight:700;border-right:1px solid #e0e8f0;border-bottom:3px solid transparent;line-height:1.4}
.rope-page .rope-category-nav a:last-child{border-right:0}
.rope-page .rope-category-nav a.active{border-bottom-color:#06356f;background:#f4f8fc}
.rope-page .rope-category-nav a:hover{background:#eef4fa}
.rope-page .rope-catalogue,.rope-page .rope-category-content,.rope-page .rope-construction-detail{width:min(1440px,calc(100% - 64px));margin:0 auto}
.rope-page .rope-catalogue{padding:36px 0 20px;scroll-margin-top:110px}
.rope-page .rope-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 24px}
.rope-page .rope-section-head h2{margin:0;color:#062f60;font-size:clamp(21px,2vw,30px)}
.rope-page .rope-section-head>span{font-size:14px;white-space:nowrap;color:#53687f}
.rope-page .rope-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.rope-page .rope-construction-card{border:1px solid #dae4ee;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 5px 20px rgba(4,42,80,.04);min-width:0;scroll-margin-top:110px;transition:box-shadow .2s,transform .2s}
.rope-page .rope-construction-card:hover{box-shadow:0 10px 28px rgba(4,42,80,.1);transform:translateY(-2px)}
.rope-page .rope-card-main{display:block;color:#062f60;text-decoration:none}
.rope-page .rope-card-main h3{margin:0;padding:20px 16px;text-align:center;font-size:22px;line-height:1.3;font-weight:750}
.rope-page .rope-card-image{aspect-ratio:4/3;padding:14px;background:#f7f9fb;display:flex;align-items:center;justify-content:center}
.rope-page .rope-card-image img{display:block;width:100%;height:100%;object-fit:contain;max-width:100%}
.rope-page .rope-card-image>span{color:#657487;font-size:14px}
.rope-page .rope-card-link{display:flex;align-items:center;justify-content:center;gap:10px;padding:17px 14px;font-size:14px;font-weight:700;color:#855c1c;border-top:1px solid #edf1f5}
.rope-page .rope-card-link .icon{width:19px;height:19px}
.rope-page .rope-card-status{display:block;padding:10px 14px;background:#fff5da;color:#634817;text-align:center}
.rope-page .rope-category-content{padding:16px 0 36px}
.rope-page .rope-content-section{padding:28px 0;border-top:1px solid #e1e8f0;scroll-margin-top:110px}
.rope-page .rope-content-section>h2{color:#062f60;font-size:clamp(23px,2vw,30px);margin:0 0 20px}
.rope-page .rope-content-section .rich{max-width:none;line-height:1.75;overflow-wrap:anywhere}
.rope-page .rope-content-section .rich table{display:block;max-width:100%;overflow-x:auto}
.rope-page .rope-content-section.faq{background:transparent;margin:0;width:100%;max-width:none}
.rope-page .rope-preview-banner{position:relative;z-index:8;background:#fff2ce;color:#563e13;padding:12px 24px;text-align:center;font-weight:600}
.rope-page .rope-preview-banner a{color:inherit;text-decoration:underline}
.rope-page .rope-construction-detail{padding:30px 0}
.rope-page .rope-breadcrumb{font-size:13px;color:#58708a;margin:0 0 12px}
.rope-page .rope-breadcrumb a,.rope-page .rope-back-link{color:#06356f}
.rope-page .rope-back-link{display:inline-block;margin:0 0 28px;font-weight:600;text-decoration:none}
.rope-page .rope-description-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:start;padding-bottom:24px;scroll-margin-top:110px}
.rope-page .rope-description-grid h2{font-size:clamp(28px,3vw,42px);margin:0 0 18px;color:#06356f}
.rope-page .rope-description-grid .rich{line-height:1.75;overflow-wrap:anywhere}
.rope-page .rope-detail-image{margin:0;background:#f8fafc;border:1px solid #e3eaf1;padding:20px;border-radius:10px}
.rope-page .rope-detail-image img{width:100%;max-height:500px;object-fit:contain;display:block}
.rope-page .rope-summary{font-size:18px;line-height:1.65;color:#415a73}
.rope-page .rope-spec-reference{font-size:14px;color:#526a83}
.rope-page .rope-table-wrap{overflow-x:auto}
.rope-page .rope-spec-table{width:100%;border-collapse:collapse;color:#153b64}
.rope-page .rope-spec-table th,.rope-page .rope-spec-table td{text-align:left;padding:15px 18px;border:1px solid #dfe7ef;vertical-align:top;overflow-wrap:anywhere}
.rope-page .rope-spec-table th{width:32%;background:#eef3f8;font-weight:600}
.rope-page .rope-related{padding:28px 0}
.rope-page .rope-related h2{font-size:24px;color:#06356f}
.rope-page .rope-related-links{display:flex;flex-wrap:wrap;gap:14px}
.rope-page .rope-related-links a{display:flex;align-items:center;gap:10px;padding:14px 18px;border:1px solid #d8e3ef;border-radius:6px;color:#06356f;text-decoration:none}
.rope-page a:focus-visible{outline:3px solid #c68b25;outline-offset:4px}
.rope-quote-fields{border:1px solid #d8e3ef;border-radius:8px;padding:20px;margin:20px 0}
.rope-quote-fields legend{color:#06356f;font-weight:700;padding:0 8px}
.rope-quote-fields p{margin:0 0 18px;color:#526a83}
@media(min-width:1600px){.rope-page .rope-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.rope-page .rope-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rope-page .rope-catalogue,.rope-page .rope-category-content,.rope-page .rope-construction-detail{width:calc(100% - 40px)}.rope-page .rope-description-grid{gap:25px}}
@media(max-width:1279px){.rope-page .top nav.site-nav:not(.open){display:none!important}}
@media(max-width:600px){.rope-page .rope-category-nav a{font-size:11px;min-height:66px;padding:12px 7px;overflow-wrap:normal}.rope-page .rope-catalogue,.rope-page .rope-category-content,.rope-page .rope-construction-detail{width:calc(100% - 28px)}.rope-page .rope-catalogue{padding-top:25px}.rope-page .rope-section-head{align-items:flex-start;flex-direction:column;gap:8px}.rope-page .rope-card-grid{gap:14px}.rope-page .rope-card-main h3{font-size:17px;padding:15px 8px}.rope-page .rope-card-image{padding:7px}.rope-page .rope-card-link{padding:13px 6px;font-size:12px}.rope-page .rope-description-grid{grid-template-columns:1fr;gap:24px}.rope-page .rope-detail-image{padding:14px}.rope-page .rope-spec-table th,.rope-page .rope-spec-table td{padding:12px 10px}.rope-page .rope-content-section{padding:24px 0}.rope-page .rope-preview-banner{font-size:12px;padding:10px 14px}}
@media(max-width:380px){.rope-page .rope-card-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.rope-page .rope-construction-card{transition:none}.rope-page .rope-construction-card:hover{transform:none}}

.rope-page .rope-description-grid .rich h2{font-size:clamp(20px,1.8vw,26px);line-height:1.35;margin:28px 0 12px}

.rope-page .rope-image-caption{padding:12px 14px;margin:0;color:#415a73;font-size:12px;line-height:1.55;background:#eef3f8;overflow-wrap:anywhere}.rope-page .rope-detail-image .rope-image-caption{margin:16px -4px -4px;border-radius:6px}.rope-page .rope-construction-card .rope-image-caption{min-height:74px}

/* Approved v4 card design: name, complete image and gold action only. */
.rope-page .rope-category-nav a.active{border-bottom-color:#b88a3e;background:#f3f6fa}
.rope-page .rope-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.rope-page .rope-construction-card{border:1px solid #d5deea;border-radius:15px;background:#fff;box-shadow:0 8px 28px #052d6709;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;display:flex;flex-direction:column}
.rope-page .rope-construction-card:hover{transform:translateY(-4px);border-color:#bdcce0;box-shadow:0 16px 35px #052d6714}
.rope-page .rope-card-main{display:flex;flex-direction:column;height:100%;text-decoration:none;color:#052d67}
.rope-page .rope-card-name{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:140px;padding:26px 22px;background:linear-gradient(108deg,#031d44 0%,#052d67 50%,#1e5287 73%,#b9d6e9 100%)}
.rope-page .rope-card-name::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 105% 4%,#eff8ff55,transparent 62%);pointer-events:none;z-index:0}
.rope-page .rope-card-name::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#c99743,#ead6b1 48%,#c9974300);z-index:3}
.rope-page .rope-card-name h3{position:relative;z-index:2;max-width:calc(100% - 100px);margin:0;padding:0;text-align:left;color:#fff;font-size:23px;line-height:1.25;font-weight:700;letter-spacing:-.35px;overflow-wrap:normal;text-shadow:0 2px 6px #02162d33}
.rope-page .rope-card-rope{position:absolute;right:0;bottom:0;display:block;width:124px;height:122px;max-width:none;object-fit:contain;object-position:right bottom;transform-origin:100% 100%;opacity:0;transform:translate(15%,25%) scale(.08);z-index:1;pointer-events:none;filter:drop-shadow(-5px 2px 5px #031d442b)}
.rope-page .rope-motion-ready .rope-card-rope{animation:alareen-rope-growth-v4 10s cubic-bezier(.22,.61,.36,1) 0ms infinite both}
@keyframes alareen-rope-growth-v4{0%{opacity:0;transform:translate(15%,25%) scale(.08)}8%{opacity:.12;transform:translate(12%,20%) scale(.16)}55%,78%{opacity:.65;transform:translate(0,0) scale(1)}94%{opacity:0;transform:translate(0,0) scale(1.025)}100%{opacity:0;transform:translate(15%,25%) scale(.08)}}
.rope-page .rope-card-image{display:flex;align-items:center;justify-content:center;width:100%;height:auto;aspect-ratio:1 / 1;padding:8px;background:#fff;overflow:hidden}
.rope-page .rope-card-image img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center}
.rope-page .rope-card-footer{display:block;padding:16px 18px 18px;margin-top:auto}
.rope-page .rope-card-link{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;min-height:48px;margin:0;padding:12px 18px;border:1px solid #c99743;border-radius:999px;background:linear-gradient(110deg,#f7e6bf 0%,#e8c17e 54%,#d6a34b 100%);color:#392b10;font-size:13px;line-height:1.4;font-weight:700;box-shadow:inset 0 1px 0 #ffffff55;transition:background .25s,box-shadow .25s}
.rope-page .rope-card-link .icon{width:17px;height:17px;flex-shrink:0;transition:transform .25s}
.rope-page .rope-card-main:hover .rope-card-link{background:linear-gradient(110deg,#faedce,#dfb25f);color:#392b10;box-shadow:0 4px 10px #ba853c1a}
.rope-page .rope-card-main:hover .rope-card-link .icon{transform:translateX(3px)}
.rope-page .rope-grid-image-note{margin:18px 0 0;color:#596b82;font-size:12px;line-height:1.5}
.rope-page .rope-card-main:focus-visible{outline-offset:-4px;border-radius:14px}
@media(min-width:1100px){.rope-page .rope-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.rope-page .rope-card-name{padding:24px 18px}.rope-page .rope-card-name h3{font-size:21px}}
@media(max-width:600px){.rope-page .rope-card-grid{grid-template-columns:1fr;gap:22px}.rope-page .rope-card-name{padding:24px 20px}.rope-page .rope-card-name h3{font-size:23px}.rope-page .rope-card-footer{padding:16px 18px 18px}}
@media(prefers-reduced-motion:reduce){.rope-page .rope-card-rope,.rope-page .rope-motion-ready .rope-card-rope{animation:none;opacity:.65;transform:none}.rope-page .rope-construction-card,.rope-page .rope-card-link,.rope-page .rope-card-link .icon{transition:none}.rope-page .rope-construction-card:hover,.rope-page .rope-card-main:hover .rope-card-link .icon{transform:none}}

/* v9: paired images and USP above a full-width compact technical row. */
.rope-construction-page .rope-visual-overview{display:block;padding:0;border:0;border-radius:0;background:#fff;scroll-margin-top:110px;box-shadow:none}
.rope-construction-page .rope-visual-copy,.rope-construction-page .rope-visual-heading{min-width:0}
.rope-construction-page .rope-visual-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.rope-construction-page .rope-visual-heading>div{min-width:0}
.rope-construction-page .rope-visual-image-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:16px 20px;margin:20px 0 24px;padding:18px;min-width:0;border:1px solid #dce4ee;border-radius:14px;background:#fff}
.rope-construction-page .rope-visual-no-information{grid-template-columns:minmax(0,1fr)}
.rope-construction-page .rope-visual-media{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:6px;min-width:0;width:100%;max-width:700px;justify-self:center}
.rope-construction-page .rope-visual-media-single{grid-template-columns:minmax(0,1fr)}
.rope-construction-page .rope-visual-information{min-width:0;display:grid;gap:12px;align-self:center}
.rope-construction-page .rope-visual-category{margin:0 0 12px;color:#946316;font-size:11px;font-weight:750;letter-spacing:1.6px;text-transform:uppercase;line-height:1.6}
.rope-construction-page .rope-visual-heading h2{margin:0;color:#052d67;font-size:clamp(30px,3vw,44px);line-height:1.16;letter-spacing:-1px;overflow-wrap:anywhere}
.rope-construction-page .rope-finish-badge{display:inline-flex;align-items:center;gap:7px;max-width:100%;padding:8px 12px;border:1px solid #dce4ee;border-radius:999px;background:#f7f9fc;color:#052d67;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.rope-construction-page .rope-finish-badge .icon{width:16px;height:16px;flex:0 0 16px;color:#946316}
.rope-construction-page .rope-visual-summary{margin:0 0 24px;color:#415a73;font-size:16px;line-height:1.8;overflow-wrap:anywhere}
.rope-construction-page .rope-fact-panel{min-width:0;margin:0;padding:14px;border:0;border-radius:10px;background:#f7f9fc;color:#415a73}
.rope-construction-page .rope-applications-panel{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;padding:0;background:transparent;border-radius:0}
.rope-construction-page .rope-fact-panel h3{display:flex;align-items:center;gap:7px;margin:0 0 10px;color:#052d67;font-size:15px;line-height:1.4}
.rope-construction-page .rope-applications-panel h3{margin:0}
.rope-construction-page .rope-fact-panel h3 .icon{width:17px;height:17px;flex:0 0 17px;color:#946316}
.rope-construction-page .rope-fact-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.rope-construction-page .rope-fact-panel li{position:relative;margin:0;padding-left:18px;font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.rope-construction-page .rope-fact-panel li::before{content:'→';position:absolute;left:0;color:#946316}
.rope-construction-page .rope-application-grid{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:8px;min-width:0;max-width:100%}
.rope-construction-page .rope-application-tile{display:flex;flex:0 0 64px;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;min-width:0;width:64px;padding:0;border:0;border-radius:0;background:transparent;text-align:center}
.rope-construction-page .rope-application-tile img{display:block;width:64px;height:64px;max-width:100%;object-fit:contain}
.rope-construction-page .rope-application-tile span{font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.rope-construction-page .rope-compact-cross-section{width:min(100%,300px);justify-self:center;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.rope-construction-page .rope-compact-cross-section img{display:block;width:auto;height:auto;max-width:100%;max-height:304px;object-fit:contain;margin:0 auto}
.rope-construction-page .rope-product-visual{display:flex;align-items:center;justify-content:center;justify-self:center;width:100%;max-width:480px;margin:0;min-height:0;padding:0;border:0;border-radius:0;background:transparent}
.rope-construction-page .rope-product-visual img{display:block;width:auto;height:auto;max-width:100%;max-height:320px;object-fit:contain}
.rope-construction-page .rope-technical-panel{grid-column:1/-1}
.rope-construction-page .rope-technical-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 18px;margin:0}
.rope-construction-page .rope-technical-grid>div{min-width:0}
.rope-construction-page .rope-technical-grid dt{position:relative;padding-left:17px;margin-bottom:4px;color:#415a73;font-size:12px;line-height:1.4;overflow-wrap:anywhere}
.rope-construction-page .rope-technical-grid dt::before{content:'→';position:absolute;left:0;color:#946316}
.rope-construction-page .rope-technical-grid dd{margin:0;padding-left:17px;color:#052d67;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.rope-construction-page .rope-technical-panel .rope-technical-notes{margin-top:10px}
.rope-construction-page .rope-lay-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 16px;min-width:0}
.rope-construction-page .rope-lay-separated{padding-top:10px;margin-top:12px;border-top:1px solid #dce4ee}
.rope-construction-page .rope-lay-row h3{margin:0;font-size:14px}
.rope-construction-page .rope-lay-row ul{display:flex;flex-wrap:wrap;gap:7px 20px;min-width:0;flex:1 1 250px}
.rope-construction-page .rope-lay-row li{max-width:100%}
.rope-construction-page .rope-full-description{margin-top:20px}
.rope-construction-page .rope-full-description .rich>h2:first-child{margin-top:0}
@media(max-width:900px){.rope-construction-page .rope-technical-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rope-construction-page .rope-visual-summary{font-size:15px}}
@media(max-width:800px){.rope-construction-page .rope-visual-image-row{grid-template-columns:minmax(0,1fr)}.rope-construction-page .rope-visual-media{max-width:620px}.rope-construction-page .rope-visual-information{width:100%}}
@media(max-width:600px){.rope-construction-page .rope-visual-heading h2{font-size:30px}.rope-construction-page .rope-visual-image-row{padding:14px;gap:16px}.rope-construction-page .rope-visual-media{max-width:420px}.rope-construction-page .rope-product-visual img{max-height:280px}.rope-construction-page .rope-fact-panel{padding:12px}.rope-construction-page .rope-applications-panel{padding:0}}
@media(max-width:380px){.rope-construction-page .rope-technical-grid{grid-template-columns:minmax(0,1fr)}}
