:root{--blue:#123e91;--red:#d51c33;--ink:#1f2d43;--muted:#687990;--line:#e4eaf3;--pale:#f5f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:white;line-height:1.65}a{color:var(--blue);text-decoration:none}a:hover{color:var(--red)}.container{width:min(1180px,calc(100% - 44px));margin:auto}.header{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:10}.header-row{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:center;gap:15px;white-space:nowrap;color:var(--blue);font-size:21px;font-weight:750}.brand img{width:124px;height:auto;display:block;object-fit:contain}.brand-motion{width:124px;height:65px;display:flex;align-items:center;justify-content:center;overflow:hidden}.brand-motion img{width:124px;max-height:65px;object-fit:contain}.nav{display:flex;gap:31px;align-items:center}.nav a{color:#273a58;font-weight:650;font-size:15px;white-space:nowrap}.nav a:hover,.nav a.active{color:var(--blue)}.nav a.active:after{content:'';display:block;height:2px;background:var(--red);margin-top:3px}.menu{display:none;background:#fff;border:1px solid var(--line);border-radius:8px;color:var(--blue);font-size:24px;padding:3px 13px}.hero{padding:75px 0 66px}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:64px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800;color:var(--blue)}h1,h2,h3{color:var(--blue);line-height:1.22;margin:0 0 18px}h1{font-size:clamp(32px,4vw,53px)}h2{font-size:clamp(25px,3vw,34px)}h3{font-size:20px}.sub{font-size:19px;color:var(--muted)}.hero img{width:100%;border-radius:18px;display:block;object-fit:cover;aspect-ratio:1.5}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--blue);padding:12px 20px;border-radius:8px;font-weight:700;color:var(--blue);background:#fff;min-height:47px}.btn.primary{background:var(--blue);color:#fff}.btn:hover{background:var(--red);color:#fff;border-color:var(--red)}.section{padding:56px 0}.section.light{background:var(--pale)}.sectiontop{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.sectiontop p{margin:0;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.cards.two{grid-template-columns:repeat(2,minmax(0,1fr))}.tile{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:transform .2s,box-shadow .2s;display:block;color:var(--blue)}.tile:hover{transform:translateY(-3px);box-shadow:0 12px 26px #133d9010}.tile img{display:block;width:100%;height:155px;object-fit:contain;padding:12px;background:#fbfcff}.tile .tile-title{padding:15px 18px;font-weight:750;display:flex;justify-content:space-between;gap:7px}.intro{padding:60px 0 30px;max-width:850px}.intro p{color:var(--muted);font-size:17px}.crumb{font-size:13px;color:var(--muted);margin:30px 0}.crumb a{color:var(--muted)}.grid4{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.category{display:flex;gap:17px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:20px;background:#fff;min-height:137px}.category img{height:100px;width:135px;object-fit:contain;border-radius:7px}.category b{font-size:18px}.category p{color:var(--muted);margin:5px 0 0;font-size:14px}.entries{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.entry{border:1px solid var(--line);border-radius:10px;padding:17px 20px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-weight:700}.entry small{font-weight:400;color:var(--muted)}.page-layout{display:grid;grid-template-columns:240px 1fr;gap:38px;margin-bottom:60px}.side{border:1px solid var(--line);border-radius:14px;padding:20px;align-self:start;position:sticky;top:115px}.side a{display:block;padding:6px 0}.body-panel{min-width:0}.catalog-image{width:100%;height:auto;display:block;max-width:900px;margin:12px auto;border:1px solid var(--line);border-radius:8px}.catalog-image-link{display:block;cursor:zoom-in}.hint{color:var(--muted);font-size:13px}.contact{max-width:720px;margin:45px auto 105px;background:var(--pale);padding:44px;border-radius:18px}.contact .person{font-size:28px;font-weight:750;color:var(--blue)}.contact-row{padding:18px 0;border-bottom:1px solid #dde5f1;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.contact-row:last-child{border-bottom:0}.contact-row span{color:var(--muted)}.contact-row a{font-weight:700}.article{max-width:900px;margin:30px auto 90px}.article h2{margin-top:35px}.article li{margin:15px 0}.article img{width:100%;height:auto;border-radius:8px;border:1px solid var(--line)}footer{border-top:1px solid var(--line);padding:30px 0;margin-top:65px;color:var(--muted);font-size:13px}.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px}.notice{border-left:3px solid var(--red);padding:12px 16px;background:var(--pale);color:#415776}.figcap{color:#69788d;text-align:center;font-size:13px;margin:0 0 32px}#product-grid{scroll-margin-top:120px}@media(max-width:850px){.header-row{min-height:76px}.brand{font-size:16px}.brand-motion,.brand-motion img{width:90px}.brand-motion{height:52px}.menu{display:block}.nav{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;align-items:stretch;background:#fff;padding:14px 25px;box-shadow:0 12px 18px #143b8118;gap:4px}.nav.open{display:flex}.nav a{padding:10px 5px}.hero{padding:45px 0}.hero-grid{grid-template-columns:1fr;gap:27px}.hero img{aspect-ratio:1.6}.cards,.cards.two,.grid4,.entries{grid-template-columns:1fr}.page-layout{grid-template-columns:1fr;gap:12px}.side{position:static}.intro{padding-top:28px}.category img{width:100px;height:85px}.contact{padding:27px;margin:20px auto 50px}.container{width:min(100% - 32px,1180px)}}

/* V2 refinements: product imagery and clear return navigation */
.return-strip{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0 28px;align-items:center}
.back-btn{display:inline-flex;align-items:center;gap:8px;color:var(--blue);border:1px solid #cfdbec;padding:9px 16px;border-radius:9px;font-weight:700;background:#fff;font-size:14px}
.back-btn:hover{background:#f2f6fc;color:var(--blue)}
.breadcrumb-link{color:#496589;text-decoration:underline;text-underline-offset:3px}
.product-picture-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.product-choice{min-height:188px;border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;align-items:center;gap:22px;background:#fff;color:var(--blue);transition:box-shadow .18s, transform .18s}
.product-choice:hover{box-shadow:0 12px 26px rgba(15,54,104,.09);transform:translateY(-2px)}
.product-choice img{width:174px;height:128px;object-fit:contain;flex:0 0 auto;background:white;mix-blend-mode:multiply}
.product-choice .name{font-size:18px;font-weight:750;line-height:1.4}
.product-choice .subline{font-size:13px;color:#657895;line-height:1.6;margin-top:6px}
.product-choice .arrow{color:#cc253a;font-size:20px;margin-top:6px}
.product-choice.placeholder .photo-fallback{width:174px;height:128px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;background:#f4f7fb;color:#194487;font-size:17px;font-weight:800;text-align:center;padding:10px}
.compact-intro{padding-bottom:14px}
@media(max-width:780px){.product-picture-grid{grid-template-columns:1fr}.product-choice{padding:14px;min-height:134px;gap:12px}.product-choice img,.product-choice.placeholder .photo-fallback{width:115px;height:104px}.product-choice .name{font-size:16px}.back-btn{font-size:13px}}

/* V3: larger actual catalog product photos */
.category{min-height:185px;gap:24px;padding:19px 23px}.category img{width:235px;height:146px;object-fit:contain;flex-shrink:0}.product-choice{min-height:210px}.product-choice img{width:225px;height:158px;object-fit:contain}.product-choice.placeholder .photo-fallback{width:225px;height:158px}@media(max-width:850px){.category{min-height:132px;gap:12px;padding:12px}.category img{width:128px;height:110px}.product-choice img,.product-choice.placeholder .photo-fallback{width:132px;height:120px}}

/* V3: larger actual catalog product photos */
.category{min-height:185px;gap:24px;padding:19px 23px}.category img{width:235px;height:146px;object-fit:contain;flex-shrink:0}.product-choice{min-height:210px}.product-choice img{width:225px;height:158px;object-fit:contain}.product-choice.placeholder .photo-fallback{width:225px;height:158px}@media(max-width:850px){.category{min-height:132px;gap:12px;padding:12px}.category img{width:128px;height:110px}.product-choice img,.product-choice.placeholder .photo-fallback{width:132px;height:120px}}

/* V3: larger actual catalog product photos */
.category{min-height:185px;gap:24px;padding:19px 23px}.category img{width:235px;height:146px;object-fit:contain;flex-shrink:0}.product-choice{min-height:210px}.product-choice img{width:225px;height:158px;object-fit:contain}.product-choice.placeholder .photo-fallback{width:225px;height:158px}@media(max-width:850px){.category{min-height:132px;gap:12px;padding:12px}.category img{width:128px;height:110px}.product-choice img,.product-choice.placeholder .photo-fallback{width:132px;height:120px}}

/* V3: larger actual catalog product photos */
.category{min-height:185px;gap:24px;padding:19px 23px}.category img{width:235px;height:146px;object-fit:contain;flex-shrink:0}.product-choice{min-height:210px}.product-choice img{width:225px;height:158px;object-fit:contain}.product-choice.placeholder .photo-fallback{width:225px;height:158px}@media(max-width:850px){.category{min-height:132px;gap:12px;padding:12px}.category img{width:128px;height:110px}.product-choice img,.product-choice.placeholder .photo-fallback{width:132px;height:120px}}

/* RLE Electronic Switches: larger photos + 24 items per page */
.sw-series-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:25px 0 55px}.sw-series-card{display:flex;align-items:center;gap:19px;padding:16px;border:1px solid var(--line);border-radius:15px;min-height:150px}.sw-series-card:hover,.sw-item:hover{box-shadow:0 11px 30px #102c5515}.sw-series-img{width:160px;height:115px;flex:0 0 160px;background:#f8fafc;border-radius:9px;display:flex;align-items:center;justify-content:center}.sw-series-img img{max-width:100%;max-height:100%;object-fit:contain}.sw-series-card h2{font-size:18px;margin:0 0 8px}.sw-series-card p{color:var(--muted);font-size:14px;margin:0}.sw-meta{display:flex;justify-content:space-between;gap:15px;margin:18px 0}.sw-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.sw-item{border:1px solid var(--line);border-radius:12px;padding:11px;color:var(--blue);display:block;min-width:0}.sw-item img{height:155px;width:100%;object-fit:contain;background:#fff}.sw-item .model{font-size:13px;font-weight:800;text-align:center;overflow-wrap:anywhere;min-height:2.7em;line-height:1.5}.sw-pager{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin:28px 0}.sw-pager a,.sw-pager span{padding:8px 11px;border:1px solid #d7e2f0;border-radius:7px;font-size:13px}.sw-pager .current{color:white;background:var(--blue)}.sw-pager .off{opacity:.35;pointer-events:none}.sw-detail{display:grid;grid-template-columns:1fr;gap:28px}.sw-detail figure{border:1px solid var(--line);padding:20px;border-radius:12px;margin:0}.sw-detail figure h2{font-size:20px}.sw-detail img{display:block;margin:auto;max-width:100%;height:auto;max-height:none;object-fit:contain}.sw-detail figure:first-child img{max-height:350px}.sw-detail figcaption{color:var(--muted);font-size:13px;text-align:center;margin-top:10px}.sw-detail-actions{justify-content:center}@media(max-width:850px){.sw-series-list{grid-template-columns:1fr}.sw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sw-item img{height:145px}.sw-series-img{width:125px;flex-basis:125px}.sw-detail figure{padding:12px}}

/* V4: approved full-width grass-and-sky hero / uniform photo display */
.approved-hero{width:100%;margin:0;padding:0;background:white}
.approved-hero-frame{position:relative;width:100%;max-width:1840px;margin:0 auto;line-height:0}
.approved-hero-frame>img{width:100%;height:auto;display:block;border:0}
.hero-click{position:absolute;top:67%;height:13%;display:block;border-radius:8px;z-index:2}
.approved-products{left:5.5%;width:18%}.approved-contact{left:25%;width:12%}
.hero-click:focus-visible{outline:3px solid #fff;outline-offset:2px}
.approved-mobile{display:none}
.approved-hero+.section{padding-top:26px;background:#fff}
.approved-hero+.section .sectiontop{justify-content:center;text-align:center}
.approved-hero+.section .sectiontop h2{font-size:32px;margin-bottom:4px}
.approved-hero+.section .sectiontop p{display:none}
.approved-hero+.section .tile{box-shadow:0 5px 12px #133d9012}
.sw-series-img{background:#fff;overflow:hidden}
.sw-series-img img{width:100%;height:100%;object-fit:contain;max-width:none;max-height:none}
.sw-item{background:white;min-height:245px;padding:13px;display:flex;flex-direction:column;align-items:stretch;justify-content:start}
.sw-item img{width:100%;height:177px;object-fit:contain;background:#fff;border-radius:6px}
.sw-item .model{margin-top:10px;font-size:14px;min-height:2em}
.sw-detail figure:first-child img{width:440px;max-width:100%;max-height:350px;object-fit:contain}
@media(max-width:680px){
 .approved-hero-frame{display:none}.approved-mobile{display:block;padding:32px 0 8px}
 .approved-mobile h1{font-size:35px}.approved-mobile p{color:#536b88}
 .sw-item{min-height:210px}.sw-item img{height:140px}
 .sw-series-img{width:110px;height:90px;flex-basis:110px}
}

/* V5 professional responsive layout */
:root{--content-max:1200px}
.container{width:min(var(--content-max),calc(100% - 48px))}
.approved-hero{width:100%;background:#f7fafc;overflow:hidden}
.approved-hero-frame{width:100%;max-width:1920px;overflow:hidden}
.approved-hero-frame>img{width:100%;height:auto;object-fit:cover}
/* The previous homepage banner had 3 built-in decorative carousel dots;
   mask only the small control area on the artwork, leaving the source intact. */
.approved-hero-frame:after{content:"";position:absolute;z-index:1;left:49.2%;top:84.3%;width:4.5%;height:7%;pointer-events:none;background:linear-gradient(90deg,#a4c86c,#8dbd64);border-radius:10px;opacity:.96}
.tile img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;padding:14px;background:#f8fafd}
.cards{gap:24px}.catalog-image{max-width:1100px;border:1px solid #e2e8f1;background:white}
.product-choice img{object-fit:contain;image-rendering:auto}
.feature-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
.feature-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;color:var(--ink);display:flex;flex-direction:column}
.feature-card img{width:100%;aspect-ratio:16/9;object-fit:contain;padding:13px;background:#f8fafd}
.feature-card .feature-body{padding:18px 20px 22px;display:flex;flex-direction:column;flex:1}
.feature-card h2{font-size:20px;margin-bottom:10px}.feature-card p{margin:0 0 16px;color:var(--muted);font-size:14px;flex:1}
.feature-card .feature-links{display:grid;gap:8px}.feature-card .feature-links a{font-size:14px;font-weight:700}
.catalog-double{display:grid;grid-template-columns:1fr;gap:28px;margin:30px auto;max-width:1000px}
.catalog-double figure{margin:0}.catalog-double img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:10px}
.catalog-double figcaption{font-size:13px;color:var(--muted);text-align:center;margin-top:8px}
@media(min-width:1920px){.approved-hero{background:#e8f2f8}.approved-hero-frame{max-width:1920px}}
@media(max-width:850px){.feature-cards{grid-template-columns:1fr}.container{width:min(100% - 32px,var(--content-max))}}
@media(max-width:680px){.approved-hero-frame{display:none}.approved-mobile{display:block}}
/* V5 final: crop the three carousel dots embedded in the bottom of the original image,
   rather than painting over the grass with an artificial rectangle. */
.approved-hero-frame{aspect-ratio:1648/472;overflow:hidden}
.approved-hero-frame>img{display:block;width:100%;height:auto}
.approved-hero-frame:after{display:none}
.hero-click{top:73.5%;height:14.5%}
@media(max-width:680px){.approved-hero-frame{display:none}}

/* RLE Website V6 — consistent professional product presentation */
.product-choice img {width:225px;height:158px;object-fit:contain;background:#fff;mix-blend-mode:normal;border-radius:8px;}
.product-choice {align-items:center;min-height:208px;}
.catalog-image {display:block;width:100%;max-width:1100px;height:auto;margin:14px auto;border:1px solid #e6ecf5;border-radius:10px;}
.representative-caption {font-size:12px;line-height:1.4;color:#687990;margin-top:8px;font-weight:400;}
.sw-detail img {object-fit:contain;}
.sw-series-img img {object-fit:contain;}
@media(max-width:850px){.product-choice img{width:132px;height:110px;max-width:40%;}}

/* About Us — editorial enterprise layout */
.about-hero{padding:76px 0 88px;background:linear-gradient(110deg,#f4f8fe 0%,#fff 70%)}
.about-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}
.about-hero-copy h1{font-size:clamp(36px,4.1vw,58px);max-width:680px;letter-spacing:-.035em;margin:14px 0 25px}
.about-hero-copy p{color:#57677d;font-size:16px;max-width:680px;margin:0 0 16px;line-height:1.8}
.about-hero-copy .about-lead{font-size:20px;color:#2d405b;line-height:1.55}
.about-hero-visual{position:relative;min-width:0}
.about-hero-visual>img{width:100%;height:480px;display:block;object-fit:cover;object-position:center 46%;border-radius:20px;box-shadow:0 25px 52px rgba(31,70,125,.10)}
.about-experience{position:absolute;left:-25px;bottom:22px;background:white;border-radius:13px;box-shadow:0 14px 35px #123e9122;padding:18px 23px;display:grid;gap:2px}
.about-experience b{color:var(--blue);font-size:21px}.about-experience small{color:#667993;font-size:12px}
.about-section-head{max-width:790px;margin-bottom:32px}.about-section-head h2{margin:12px 0}.about-section-head p{color:#667991;font-size:16px}
.about-services{padding-top:80px;padding-bottom:90px}.about-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.about-service-card{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#fff;box-shadow:0 7px 24px rgba(14,49,98,.045)}
.about-service-photo{height:190px;background:#f6f8fb;overflow:hidden}.about-service-photo img{display:block;width:100%;height:100%;object-fit:cover}
.about-service-card:nth-child(2) .about-service-photo img{object-position:center 45%}
.about-service-copy{padding:24px 24px 27px}.about-service-copy h3{margin:12px 0 11px;font-size:22px}.about-service-copy p{color:#64758d;margin:0 0 20px;min-height:112px}
.about-service-copy a{font-weight:750}.about-index{color:#6981a1;font-size:11px;letter-spacing:.12em;font-weight:800}
.about-advantages{background:var(--pale);padding:80px 0 90px}.about-adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.about-adv{border:1px solid #e1e8f2;background:#fff;border-radius:14px;padding:26px 24px}.about-adv>span{font-size:14px;font-weight:800;color:var(--red)}.about-adv h3{font-size:19px;margin:12px 0 9px}.about-adv p{color:#65768e;margin:0;font-size:15px}
.about-cta{padding:66px 0 25px}.about-cta-inner{background:#ecf3fc;border-radius:18px;padding:46px 52px;display:flex;align-items:center;justify-content:space-between;gap:28px}.about-cta-inner h2{margin:10px 0 12px}.about-cta-inner p{margin:0;color:#64748b}.about-cta .btn{white-space:nowrap}
@media(max-width:960px){.about-hero-grid{grid-template-columns:1fr;gap:35px}.about-hero-visual>img{height:360px}.about-experience{left:20px}.about-service-grid{grid-template-columns:1fr 1fr}.about-adv-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.about-hero{padding:43px 0 50px}.about-hero-copy h1{font-size:35px}.about-hero-copy .about-lead{font-size:18px}.about-hero-visual>img{height:280px}.about-experience{left:12px;bottom:12px;padding:12px 15px}.about-experience b{font-size:17px}.about-services,.about-advantages{padding:56px 0}.about-service-grid,.about-adv-grid{grid-template-columns:1fr}.about-service-copy p{min-height:0}.about-cta{padding:45px 0 12px}.about-cta-inner{display:block;padding:30px 25px}.about-cta-inner .btn{margin-top:22px}}

/* V7 approved Products banner; responsive within the standard 1180px content grid */
.products-banner-wrap{margin:14px 0 26px}.products-ocean-banner{display:block;width:100%;height:auto;aspect-ratio:1755/896;object-fit:cover;border-radius:14px}