/* Qifan — an original industrial editorial design. All assets are local. */
:root{--ink:#172c3a;--muted:#63737e;--blue:#155eef;--navy:#102b3a;--paper:#f3f5f5;--line:#dce3e5;--shell:1320px}
body{font-family:Manrope,'Segoe UI',Arial,sans-serif;font-size:15px;line-height:1.75;background:#fff;color:var(--ink)}
h1,h2,h3{font-weight:550;letter-spacing:-.045em;text-wrap:balance;line-height:1.12}h2{font-size:clamp(32px,3.3vw,48px)}h3{letter-spacing:-.025em}
.shell{width:min(var(--shell),calc(100% - 112px));margin-inline:auto}.section{padding-block:100px}
.eyebrow{font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;gap:10px;margin-bottom:23px;color:var(--blue)}.eyebrow:before{height:6px;width:6px;border-radius:50%;background:currentColor}
.button{min-height:53px;gap:28px;padding:15px 23px;border-radius:5px;background:var(--blue);font-size:12px;font-weight:650;letter-spacing:0;line-height:1.4;transition:background .2s,transform .2s,box-shadow .2s}.button>svg{width:19px;height:19px;transform:rotate(-35deg)}.button:hover{background:#064bcc;transform:translateY(-2px);box-shadow:0 8px 22px #155eef20}.button.outline{background:transparent;border-color:#b8c7ce;color:var(--ink)}.button.outline:hover{background:#fff;border-color:var(--ink)}.button.light{background:white;color:var(--blue)}.text-link{font-size:12px;font-weight:700;gap:20px;display:inline-flex;align-items:center;color:var(--blue)}.text-link svg{width:18px;height:18px;transform:rotate(-35deg)}.text-link:hover svg{transform:translate(2px,-2px) rotate(-35deg)}
.round-arrow{width:37px;height:37px;border:1px solid #ccd8dd;border-radius:50%;display:grid;place-items:center;flex-shrink:0;color:var(--ink);transition:background .2s,color .2s}.round-arrow svg{width:19px;height:19px;transform:rotate(-35deg)}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:44px}.section-heading>div{max-width:700px}.section-heading>.text-link{flex-shrink:0;margin-bottom:6px}
/* A quiet, compact navigation bar. */
.site-header{height:auto;position:sticky;top:0;z-index:40;background:#fffffff5;backdrop-filter:blur(16px);border-bottom:1px solid #e3e9eb;color:var(--ink);transition:box-shadow .2s}.site-header.is-scrolled{box-shadow:0 4px 24px #102b3a0a}.utility-bar{display:none}
.header-inner{display:flex;align-items:center;gap:35px;height:90px}.brand{display:block;flex-shrink:0}.brand img{width:151px;height:44px;object-fit:contain;filter:none}
.header-inner #navigation{display:flex;align-items:center;gap:23px;margin-inline-start:auto}.header-inner #navigation>a,.nav-dropdown>a{font-size:12px;font-weight:650;white-space:nowrap;padding-block:31px;position:relative}.header-inner #navigation>a:hover,.nav-dropdown>a:hover{color:var(--blue)}.header-inner #navigation>a[aria-current=page]:after{content:'';position:absolute;bottom:21px;inset-inline-start:0;width:18px;height:2px;background:var(--blue)}
.header-actions{display:flex;align-items:center;gap:15px}.header-actions .header-cta{min-height:42px;padding:11px 15px;gap:15px;font-size:11px;white-space:nowrap}.header-cta svg{width:16px;height:16px}.icon-button{display:flex;align-items:center;justify-content:center;min-width:28px;min-height:42px;background:none;color:inherit}.icon-button svg{width:20px;height:20px}.language-picker{position:relative}.language-toggle{display:flex;align-items:center;gap:7px;min-height:42px;background:none;color:inherit;font-size:10px;font-weight:700;padding:0}.language-toggle svg{width:20px;height:20px}
#language-menu{position:absolute;top:calc(100% + 16px);inset-inline-end:0;width:238px;max-height:min(690px,calc(100dvh - 115px));overflow:auto;background:#fff;border:1px solid var(--line);border-radius:8px;padding:9px;box-shadow:0 16px 45px #102b3a22;z-index:60;color:var(--ink)}#language-menu[hidden]{display:none}#language-menu button{display:flex;align-items:center;gap:14px;width:100%;background:none;text-align:start;font-size:16px;font-weight:500;color:var(--ink);padding:11px 13px;border-radius:4px;min-height:47px}#language-menu button:hover{background:#edf3ff}#language-menu button[aria-checked=true]{font-weight:750;color:var(--blue)}#language-menu img{width:28px;height:19px;object-fit:cover}.language-check{visibility:hidden;margin-inline-start:auto}#language-menu button[aria-checked=true] .language-check{visibility:visible}.menu-toggle{display:none!important}
.nav-dropdown{display:flex;align-items:center;gap:3px}.mega-toggle{display:grid;place-items:center;color:inherit;background:none;font-size:16px;width:19px;height:42px;padding:0}.mega-menu{position:absolute;top:100%;inset-inline:0;margin:auto;width:min(1320px,calc(100% - 112px));display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:45px;padding:32px 38px;background:white;box-shadow:0 18px 40px #102b3a22;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:0 0 9px 9px;color:var(--ink);max-height:calc(100dvh - 120px);overflow:auto}.mega-menu[hidden]{display:none}.mega-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;margin-bottom:12px;border-bottom:1px solid var(--line);color:var(--blue);font-size:14px;font-weight:750}.mega-title svg{width:17px}.mega-links{display:grid;gap:5px}.mega-links a{font-size:12px;color:#526772;line-height:1.6;padding:3px 0}.mega-links a:hover{color:var(--blue)}
/* Split hero: the message stays visible while manufacturing scenes change. */
.home-hero{padding:34px 0 40px;background:#f3f5f5}.hero-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:55px;align-items:stretch}.hero-copy{padding:41px 0 0;display:flex;flex-direction:column;min-width:0}.hero-copy .eyebrow{font-size:10px;margin-bottom:31px}.hero-copy h1{font-size:clamp(48px,5.25vw,78px);line-height:1.07;letter-spacing:-.06em;max-width:650px;text-wrap:balance}.hero-intro{font-size:14px;line-height:1.9;max-width:460px;margin-top:27px;color:#5e727e}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:27px;margin-top:31px}.hero-actions .text-link{color:var(--ink);font-size:11px}.hero-footnote{margin-top:auto;padding-top:42px;padding-bottom:17px;display:flex;align-items:center;gap:10px;color:#667d87;font-size:10px}.hero-footnote>span:last-child{margin-inline-start:auto;font-family:monospace;font-size:9px;letter-spacing:.05em;padding-inline-end:16px}.precision-mark{font-size:25px;line-height:1;color:var(--blue)}
.hero-media{position:relative;isolation:isolate;min-height:594px;border-radius:10px;overflow:hidden;background:var(--navy);color:white}.hero-media:after{content:'';position:absolute;top:0;inset-inline-end:0;width:76px;height:76px;background:#f3f5f5;clip-path:polygon(100% 0,100% 100%,0 0);pointer-events:none;z-index:2}.hero-slide{position:absolute;inset:0}.hero-slide[hidden]{display:none}.hero-slide:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0a25352b 25%,transparent 40%,#0a2535d6 100%);pointer-events:none}.hero-slide>video,.hero-background{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hero-slide>video{object-position:51% center}.scene-caption{position:absolute;bottom:93px;inset-inline:34px;z-index:1;display:flex;flex-direction:column;gap:12px;font-size:25px;font-weight:550;line-height:1.3;max-width:420px}.scene-index{font-size:10px;font-family:monospace;letter-spacing:.1em;color:#d1e1e7}.scene-place{font-size:8px;font-weight:500;letter-spacing:.18em;color:#cbdae0}.hero-film-link{position:absolute;top:27px;inset-inline-start:27px;z-index:2;display:flex;align-items:center;gap:9px;background:#ffffffed;padding:10px 14px;border-radius:4px;color:var(--ink);font-size:9px;font-weight:750;max-width:calc(100% - 82px)}.hero-film-link svg{width:17px;height:17px;color:var(--blue)}
.hero-controls{position:absolute;inset-inline:34px;bottom:26px;display:flex;align-items:center;justify-content:space-between;z-index:2;border-top:1px solid #ffffff40;padding-top:17px;gap:20px}.slide-dots{display:flex;gap:6px}.slide-dots button{background:transparent;padding:12px 0;width:37px;min-height:36px}.slide-dots button span{display:block;height:2px;background:#ffffff55}.slide-dots button[aria-pressed=true] span{background:white}.hero-step{display:flex;align-items:center;gap:8px}.hero-step button{display:grid;place-items:center;width:33px;height:33px;border:1px solid #ffffff60;border-radius:50%;background:transparent;color:white;font-size:12px;padding:0}.hero-step button:hover{background:#ffffff26}.hero-step svg{width:15px;height:15px}.hero-step button:first-child svg{transform:rotate(180deg)}.video-control[hidden]{display:none}
.trust-band{background:white;border-bottom:1px solid var(--line)}.company-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding-block:36px;gap:35px}.company-stats>div{border-inline-end:1px solid var(--line);display:flex;flex-direction:column;gap:5px;min-width:0}.company-stats>div:last-child{border:0}.company-stats strong{font-size:36px;font-weight:550;letter-spacing:-.045em;line-height:1.3}.company-stats>div>span{font-size:10px;color:#6d7d86;overflow-wrap:anywhere;padding-inline-end:20px}
/* Cable finder and asymmetric product collection. */
.home-range{background:white}.finder-heading{display:grid;grid-template-columns:1.25fr 1fr;gap:100px;align-items:end}.finder-heading h2{max-width:580px}.finder-tools>p{font-size:13px;line-height:1.8;max-width:430px;margin-bottom:18px}.home-search.search-form{position:relative;display:flex;margin:0;max-width:100%;gap:0}.home-search.search-form input{border-radius:5px;background:#f5f7f7;border:1px solid var(--line);min-height:52px;font-size:12px;padding:14px 55px 14px 19px;width:100%}.home-search button{position:absolute;inset-inline-end:8px;top:7px;bottom:7px;display:grid;place-items:center;width:38px;border-radius:3px;background:white;color:var(--blue)}.home-search button svg{width:19px}
.range-entries{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:38px}.range-entry{display:flex;align-items:center;gap:17px;border:1px solid var(--line);color:var(--ink);border-radius:5px;padding:21px;font-size:14px;font-weight:650;transition:background .2s,border-color .2s}.range-entry>svg{width:29px;height:29px;stroke-width:1.3;color:var(--blue)}.range-entry>.round-arrow{margin-inline-start:auto;border:0;width:25px;height:25px}.range-entry:hover{background:#eef4ff;border-color:#155eef50}.product-section-label{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:46px;margin-bottom:22px}.product-section-label h3{font-size:17px;font-weight:650;letter-spacing:-.02em}.product-section-label .text-link{font-size:10px}
.featured-cables{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:268px;gap:16px}.featured-cable{position:relative;display:block;padding:25px;border-radius:7px;overflow:hidden;background:#f0f3f3;border:1px solid #edf0f0;transition:background .3s,box-shadow .3s}.featured-cable:first-child{grid-row:span 2;background:#e8eff4}.family-number{position:absolute;top:22px;inset-inline-start:24px;font-size:10px;letter-spacing:.08em;color:#7c909c}.featured-cable>img{position:absolute;inset-inline:13%;bottom:67px;width:75%;height:160px;object-fit:contain;mix-blend-mode:multiply;transition:transform .45s}.featured-cable:first-child>img{width:115%;height:370px;inset-inline-start:0;inset-inline-end:auto;bottom:85px;object-fit:contain}.family-info{position:absolute;bottom:23px;inset-inline:23px;display:flex;align-items:center;gap:16px;justify-content:space-between}.family-info h3{font-size:17px;font-weight:600;line-height:1.3;max-width:170px;letter-spacing:-.02em}.featured-cable:first-child h3{font-size:24px}.family-info .round-arrow{width:30px;height:30px}.featured-cable:hover{background:#e5edf2;box-shadow:0 10px 25px #102b3a0a}.featured-cable:hover img{transform:scale(1.05) rotate(-3deg)}.featured-cable:hover .round-arrow{background:var(--blue);border-color:var(--blue);color:#fff}
/* Company feature. */
.home-about{background:#f3f5f5}.about-home-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.company-visual{min-width:0}.company-film{width:100%;padding:0;background:#dae5ed;border-radius:7px;position:relative;overflow:hidden;display:block}.company-film>img{width:100%;height:465px;object-fit:cover;object-position:center}.film-play{display:grid;place-items:center;width:70px;height:70px;background:white;color:var(--blue);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 0 13px #ffffff38;transition:box-shadow .25s}.film-play svg{width:24px;height:24px}.company-film:hover .film-play{box-shadow:0 0 0 20px #ffffff30}.company-image-note{display:flex;align-items:center;gap:12px;padding-top:21px;font-size:9px;color:#6f838d}.company-image-note>span:last-child{margin-inline-start:auto;font-family:monospace;font-size:9px}.note-cross{font-size:23px;color:var(--blue);line-height:1}.about-home-copy h2{font-size:44px;line-height:1.14}.about-home-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;margin-top:24px}.company-signature{display:flex;align-items:center;gap:18px;margin-top:29px;padding-top:23px;border-top:1px solid #d3dfe4}.company-signature>span:first-child{font-size:22px;font-weight:800;letter-spacing:.1em;color:var(--blue)}.company-signature>span:last-child{font-family:monospace;font-size:9px;letter-spacing:.04em;color:#657c89}.about-home-copy>.button{margin-top:23px}
/* Project stories. */
.home-projects{background:var(--navy);color:white;overflow:hidden}.project-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:end;margin-bottom:43px}.project-intro .eyebrow{color:#85b7ff}.project-intro h2{font-size:48px;line-height:1.12;max-width:630px}.project-heading-side{display:grid;grid-template-columns:1fr auto;gap:20px 35px;align-items:center}.project-heading-side>p{grid-column:1/-1;color:#b8c9d1;font-size:13px;max-width:370px;line-height:1.8}.project-heading-side .text-link{color:white}.project-controls{display:flex;gap:8px}.project-controls button{display:grid;place-items:center;width:39px;height:39px;border:1px solid #58717f;border-radius:50%;background:transparent;color:#fff}.project-controls button:hover{background:#ffffff15}.project-controls button:first-child svg{transform:rotate(180deg)}.project-controls svg{width:18px;height:18px}.project-carousel{display:flex;gap:24px;overflow:auto;position:relative;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;scroll-behavior:smooth}.project-carousel::-webkit-scrollbar{display:none}.project-slide{position:relative;flex:0 0 calc(50% - 12px);min-width:0;border-radius:7px;overflow:hidden;scroll-snap-align:start;background:#193b4b}.project-slide>img{width:100%;height:325px;object-fit:cover;transition:transform .5s}.project-slide:hover>img{transform:scale(1.025)}.project-slide>div{padding:27px 30px 30px}.project-code{font-family:monospace;color:#8eadbe;font-size:10px;letter-spacing:.07em;display:block;margin-bottom:14px}.project-slide h3{font-size:26px;line-height:1.25;max-width:490px;color:white}.project-slide p{font-size:12px;line-height:1.85;color:#b7cbd6;margin-top:16px;max-width:500px}.project-slide .text-link{font-size:11px;color:white;margin-top:25px}
.home-support{display:grid;grid-template-columns:.85fr 1.3fr;gap:130px}.support-heading h2{font-size:44px}.support-heading>.text-link{margin-top:28px}.support-step{display:grid;grid-template-columns:36px 1fr 24px;gap:25px;padding-block:25px;border-bottom:1px solid var(--line)}.support-step:first-child{padding-top:0}.step-number{font-size:11px;color:var(--blue);font-family:monospace;padding-top:6px}.support-step h3{font-size:22px;line-height:1.3}.support-step p{font-size:12px;line-height:1.8;margin-top:12px;max-width:500px}.support-step>svg{color:var(--blue);width:19px;transform:rotate(-35deg)}.support-step:hover h3{color:var(--blue)}
/* News uses open spacing and thin rules. */
.home-news{background:#f3f5f5}.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.news-tile{min-width:0;display:block}.news-photo{height:239px;overflow:hidden;border-radius:6px;background:#dce5e9}.news-photo img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.news-tile:hover img{transform:scale(1.035)}.news-info{position:relative;padding:24px 0 55px;border-bottom:1px solid #ccd8df}.news-tag{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-weight:750;display:block;margin-bottom:15px}.news-info h3{font-size:23px;line-height:1.3;max-width:365px}.news-info p{font-size:12px;line-height:1.9;margin-top:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-info .round-arrow{position:absolute;bottom:12px;inset-inline-end:0;width:28px;height:28px;border:0}.news-tile:hover h3{color:var(--blue)}
.cta{position:relative;isolation:isolate;background:var(--blue);color:white;padding-block:75px;overflow:hidden}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:70px;position:relative;z-index:1}.cta h2{font-size:48px;max-width:730px;line-height:1.12}.cta .eyebrow{color:#c9dfff}.cta p:not(.eyebrow){color:#e1ebff;font-size:13px;max-width:660px;margin-top:22px;line-height:1.8}.cta .button{flex-shrink:0;background:white;color:var(--blue)}.cta-rings{display:block;position:absolute;inset-inline-end:-220px;top:-220px;width:750px;height:750px;z-index:0;pointer-events:none;border:1px solid #ffffff16;border-radius:50%}.cta-rings i{position:absolute;inset:75px;border:1px solid #ffffff16;border-radius:50%}.cta-rings i:nth-child(2){inset:150px}.cta-rings i:nth-child(3){inset:225px}
/* Dark footer and compact contact tools. */
.site-footer{background:#0c2432;color:#d6e1e7;padding-top:67px}.footer-grid{display:grid;grid-template-columns:1.4fr .75fr .9fr 1.15fr;gap:55px;padding-bottom:58px}.footer-brand{display:block;grid-column:auto}.footer-brand img{width:150px;filter:brightness(0) invert(1);margin-bottom:24px}.footer-brand p{font-size:11px;line-height:1.9;color:#a1b4c0;max-width:330px;margin:0}.footer-brand .text-link{font-size:11px;color:#cce0f4;margin-top:22px}.footer-nav{display:flex;flex-direction:column;gap:13px;align-items:flex-start}.footer-nav h2,.footer-contact h2{font-size:12px;font-weight:750;line-height:1.4;margin-bottom:13px;color:white;letter-spacing:0}.footer-link{font-size:11px;color:#adbfcb}.footer-link svg{display:none}.footer-contact{display:flex;flex-direction:column;gap:13px;font-size:11px;overflow-wrap:anywhere}.footer-contact>a{display:flex;align-items:center;gap:10px}.footer-contact>a svg{width:16px;height:16px;color:#81b5f9}.footer-contact>p{font-size:11px;line-height:1.8;color:#93a9b7}.footer-nav a:hover,.footer-bottom a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #304652;padding-block:25px;color:#96acb9;font-size:9px}.footer-bottom>div{display:flex;gap:25px}.footer-bottom svg{display:none}
.contact-rail{position:fixed;inset-inline-end:12px;bottom:24px;z-index:35;display:flex;flex-direction:column;align-items:center;padding:5px;background:#fff;border:1px solid #dce5e9;box-shadow:0 4px 20px #102b3a15;border-radius:9px;width:43px}.contact-rail>a,.contact-rail>button{display:grid;place-items:center;width:31px;height:39px;background:none;color:#527082;font-size:9px;text-align:center;border-radius:4px}.contact-rail span{display:none}.contact-rail svg{width:19px;height:19px;color:var(--blue)}.contact-rail>.whatsapp svg{color:#16965e}.contact-rail>a:hover,.contact-rail>button:hover{background:#edf4ff}.contact-rail>.rail-top{font-size:22px;color:var(--ink);border-top:1px solid #dce5e9;border-radius:0;margin-top:3px}
#film-dialog{padding:0;width:min(1050px,calc(100% - 50px));background:#071f2e;border:0;border-radius:8px;overflow:visible}#film-dialog video{display:block;width:100%;max-height:80dvh;border-radius:8px}.film-close{position:absolute;inset-inline-end:8px;top:8px;border-radius:50%;background:white;color:var(--ink);font-size:26px;width:38px;height:38px;z-index:2}dialog{border-radius:9px}
/* Shared inner-page styling. */
.page-intro{background:#eff3f5;color:var(--ink);min-height:335px;padding-bottom:60px;isolation:isolate;position:relative}.intro-photo{position:absolute;inset-block:0;inset-inline-end:0;width:35%;z-index:-1;overflow:hidden}.intro-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.75)}.intro-photo:after{content:'';position:absolute;inset:0;background:#102b3a22}.page-intro .shell{position:relative}.page-intro .intro-grid{display:block;max-width:60%}.page-intro h1{font-size:clamp(34px,3.7vw,54px);line-height:1.12;max-width:780px}.page-intro .eyebrow{color:var(--blue);font-size:9px;margin-bottom:16px}.page-intro .lead{color:#617582;font-size:12px;line-height:1.8;margin-top:22px;max-width:630px}.page-intro .breadcrumbs{color:#6f8695;padding-block:22px 32px;font-size:9px;max-width:60%}.page-intro:before{content:'';position:absolute;bottom:0;inset-inline-start:0;height:4px;width:20%;background:var(--blue)}
.catalog-tabs a{border-radius:4px;font-size:11px}.product-card,.category-link,.main-image,.form-panel,.services-grid article,.article-photo,.about-wide{border-radius:7px}.category-link{padding:26px;background:#f3f5f5;border-color:#e2e7ea}.category-link h2{font-size:20px}.category-link:hover{background:#edf3ff;border-color:#a4c3ec}.product-card{border-color:#e2e7ea}.product-card .card-content{padding:25px}.product-card h3{font-size:20px}.product-card .card-image{background:#f3f5f5}.card-action{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:var(--blue);margin-top:22px}.card-action svg{width:18px}.product-summary h1{font-size:clamp(30px,3.3vw,47px)}.main-image{border-color:#e6ecee}.gallery-thumb{border-radius:4px}.product-aside{background:#edf3f7;color:var(--ink);border:1px solid #dce8ef;border-radius:7px}.product-aside .aside-mark{color:var(--blue)}.product-aside p,.product-aside>a{color:#617889}.product-aside .button{color:white}.product-detail h2{font-size:31px}.faq-list details{margin-bottom:10px;border:1px solid #dce5ea;border-radius:5px;overflow:hidden}.faq-list summary{padding:20px;font-size:14px}.faq-list p{padding:0 20px 20px;font-size:13px}.faq-list details[open]{background:#f3f6f8}.form-panel{border-top:0;background:#eff3f5}.form-grid input,.form-grid textarea{border-radius:4px}.inquiry-form>.button svg{margin-inline-start:auto}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.story-card{overflow:hidden}.story-card .card-image{height:260px;overflow:hidden;border-radius:6px}.story-card img{height:100%;width:100%;object-fit:cover;transition:transform .3s}.story-card:hover img{transform:scale(1.03)}.story-card .card-content{padding:25px 0;border-bottom:1px solid var(--line)}.story-card h3{font-size:23px;line-height:1.3}.story-category{display:flex;justify-content:space-between;margin-bottom:15px;font-size:10px;color:var(--blue)}.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.split>div>img{width:100%;border-radius:7px}.split .lead{margin-top:25px;font-size:15px}.split .text-link{margin-top:24px}.company-feature{padding-block:95px;background:#f3f5f5}.service-photo img{border-radius:7px}
html[dir=rtl] .button>svg,html[dir=rtl] .text-link>svg{transform:rotate(215deg)}html[dir=rtl] .hero-media:after{transform:scaleX(-1)}html[dir=rtl] .hero-copy h1{line-height:1.2}
@media(max-width:1350px){.header-inner{gap:25px}.header-inner #navigation{gap:20px}.header-actions .header-cta{display:none}.hero-layout{gap:40px}.hero-copy h1{font-size:68px}.hero-media{min-height:570px}.hero-copy{padding-top:35px}.about-home-grid{gap:65px}.about-home-copy h2{font-size:40px}.home-support{gap:85px}.featured-cable{padding:19px}.family-info{inset-inline:19px;gap:12px}.family-info h3{font-size:15px}.footer-grid{gap:35px}}
@media(max-width:1100px){.shell{width:calc(100% - 72px)}.site-header .header-inner{height:78px}.brand img{width:140px}.header-inner #navigation{display:none;position:absolute;top:77px;inset-inline:0;margin:0;padding:18px 36px;background:white;color:var(--ink);border-bottom:1px solid var(--line);max-height:calc(100dvh - 78px);overflow:auto;box-shadow:0 15px 30px #102b3a15}.header-inner #navigation.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.header-inner #navigation>a,.nav-dropdown>a{font-size:15px;padding:15px 0;border-bottom:1px solid #edf0f2}.header-inner #navigation>a:after{display:none!important}.nav-dropdown{position:relative;flex-wrap:wrap;gap:0}.nav-dropdown>a{flex:1}.mega-toggle{width:50px;height:57px;border-bottom:1px solid #edf0f2}.mega-menu{position:static;width:100%;margin:0;box-shadow:none;border:0;display:grid;grid-template-columns:1fr;gap:22px;padding:15px 8px 22px;max-height:none;border-radius:0}.mega-links{grid-template-columns:1fr 1fr;gap:7px 18px}.mega-title{font-size:14px}.mega-links a{font-size:12px}.menu-toggle{display:flex!important;flex-direction:column;gap:5px;color:inherit}.menu-toggle span{width:23px;height:2px;background:currentColor;transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.header-actions{margin-inline-start:auto;gap:24px}.hero-layout{gap:32px;grid-template-columns:1.05fr 1fr}.home-hero{padding-block:28px}.hero-copy{padding-top:30px}.hero-copy h1{font-size:54px;line-height:1.12}.hero-copy .eyebrow{font-size:8px;margin-bottom:25px}.hero-intro{font-size:12px;line-height:1.9;margin-top:24px}.hero-actions{gap:20px;margin-top:26px}.hero-actions .button{font-size:11px;padding:14px 17px;gap:18px;min-height:49px}.hero-actions .text-link{font-size:10px}.hero-media{min-height:535px}.hero-footnote{font-size:8px;padding-top:30px}.hero-footnote>span:last-child{display:none}.scene-caption{font-size:23px;inset-inline:25px;bottom:95px}.hero-controls{inset-inline:25px}.hero-film-link{inset-inline-start:20px;top:22px;font-size:8px}.slide-dots button{width:26px}.hero-step{gap:5px}.hero-step button{width:29px;height:29px}.company-stats{padding-block:30px;gap:28px}.company-stats strong{font-size:31px}.company-stats>div>span{font-size:9px}.section{padding-block:75px}.finder-heading{gap:55px;grid-template-columns:1.1fr 1fr}.finder-heading h2{font-size:37px}.finder-tools>p{font-size:12px}.range-entry{font-size:12px;padding:17px;gap:12px}.range-entry>svg{width:24px}.featured-cables{grid-auto-rows:230px;gap:14px}.featured-cable>img{bottom:64px;height:135px;width:80%;inset-inline:10%}.featured-cable:first-child>img{height:290px;width:130%;inset-inline-start:-5%;inset-inline-end:auto;bottom:110px}.family-info{inset-inline:17px;bottom:20px;gap:8px}.family-info h3{font-size:13px}.featured-cable:first-child h3{font-size:21px}.family-number{inset-inline-start:17px;top:18px;font-size:9px}.family-info .round-arrow{width:26px;height:26px}.family-info .round-arrow svg{width:16px}.about-home-grid{gap:45px}.about-home-copy h2{font-size:35px}.about-home-copy>p:not(.eyebrow){font-size:12px;margin-top:18px}.company-film>img{height:420px}.company-image-note{font-size:8px}.company-image-note>span:last-child{display:none}.project-heading{gap:60px}.project-intro h2{font-size:37px}.project-heading-side>p{font-size:12px}.project-slide>img{height:260px}.project-slide>div{padding:24px}.project-slide h3{font-size:23px}.project-slide p{font-size:11px}.home-support{gap:55px;grid-template-columns:.9fr 1.2fr}.support-heading h2{font-size:36px}.support-step{gap:17px;grid-template-columns:25px 1fr 20px}.support-step h3{font-size:20px}.news-grid{gap:22px}.news-photo{height:190px}.news-info h3{font-size:20px}.news-info p{font-size:11px}.cta h2{font-size:38px}.cta-inner{gap:40px}.footer-grid{grid-template-columns:1.2fr .8fr 1fr;gap:35px}.footer-grid>.footer-nav:nth-child(3){display:none}.contact-rail{inset-inline-end:7px;width:36px;padding:2px}.contact-rail>a,.contact-rail>button{width:30px;height:35px}.contact-rail svg{width:17px}.page-intro h1{font-size:42px}.page-intro .intro-grid{max-width:61%}.intro-photo{width:33%}.story-card h3{font-size:21px}.story-card .card-image{height:205px}}
@media(max-width:760px){.shell{width:calc(100% - 40px)}.section{padding-block:60px}.home-hero{padding-block:20px 26px}.hero-layout{grid-template-columns:1fr;gap:32px}.hero-copy{padding:22px 0 0}.hero-copy h1{font-size:58px;line-height:1.07;max-width:600px}.hero-copy .eyebrow{font-size:9px;margin-bottom:24px}.hero-intro{font-size:13px;max-width:550px;line-height:1.85;margin-top:22px}.hero-actions{margin-top:25px;gap:24px}.hero-footnote{display:none}.hero-media{min-height:350px}.hero-media:after{width:55px;height:55px}.hero-film-link{font-size:9px}.scene-caption{font-size:24px;max-width:430px;bottom:91px;gap:10px}.hero-controls{bottom:20px;padding-top:15px}.hero-step button{width:33px;height:33px}.slide-dots button{width:37px}.company-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding-block:26px}.company-stats strong{font-size:27px}.company-stats>div>span{font-size:8px;padding-inline-end:8px}.finder-heading{grid-template-columns:1fr;gap:25px}.finder-heading h2{font-size:36px;max-width:560px}.finder-tools>p{font-size:13px;max-width:560px}.home-search.search-form{max-width:620px}.range-entries{gap:10px;margin-top:25px}.range-entry{font-size:12px;padding:17px 13px;gap:10px}.range-entry>svg{display:none}.range-entry .round-arrow{width:18px}.range-entry .round-arrow svg{width:16px}.product-section-label{margin-top:34px}.product-section-label h3{font-size:16px}.product-section-label .text-link{font-size:9px;gap:10px}.featured-cables{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:230px;gap:13px}.featured-cable:first-child{grid-column:span 3;grid-row:auto}.featured-cable:first-child>img{height:210px;inset-inline-start:auto;inset-inline-end:8%;bottom:0;width:45%;transform:rotate(-20deg)}.featured-cable:first-child .family-info{inset-inline-end:55%;align-items:flex-start}.featured-cable:first-child h3{font-size:27px;max-width:220px}.featured-cable:first-child .round-arrow{display:none}.featured-cable:first-child .family-number{font-size:10px}.featured-cable>img{bottom:65px;height:135px;width:86%;inset-inline:7%}.family-info h3{font-size:14px}.about-home-grid{grid-template-columns:1fr;gap:35px}.company-film>img{height:380px}.company-image-note>span:last-child{display:block}.about-home-copy h2{font-size:38px;max-width:590px}.about-home-copy>p:not(.eyebrow){font-size:13px;max-width:620px}.company-signature{margin-top:25px;padding-top:20px}.project-heading{grid-template-columns:1fr;gap:25px;margin-bottom:30px}.project-intro h2{font-size:38px;max-width:560px}.project-heading-side{grid-template-columns:1fr auto;gap:17px}.project-heading-side>p{max-width:540px;font-size:13px}.project-slide{flex-basis:calc(100% - 65px)}.project-slide>img{height:310px}.project-slide h3{font-size:26px}.project-slide p{font-size:12px}.home-support{grid-template-columns:1fr;gap:38px}.support-heading h2{font-size:38px;max-width:500px}.support-heading>.text-link{margin-top:20px}.support-step{grid-template-columns:32px 1fr 24px;gap:20px}.support-step h3{font-size:23px}.support-step p{font-size:13px}.news-grid{grid-template-columns:1fr;gap:28px}.news-tile{display:grid;grid-template-columns:1fr 1.2fr;gap:25px}.news-photo{height:220px}.news-info{padding:5px 0 35px}.news-info h3{font-size:22px}.news-info p{font-size:11px}.news-tag{margin-bottom:11px}.section-heading{gap:25px;margin-bottom:30px}.section-heading h2{font-size:38px}.section-heading>.text-link{font-size:10px;gap:10px}.cta{padding-block:55px}.cta-inner{flex-direction:column;align-items:flex-start;gap:30px}.cta h2{font-size:39px}.cta p:not(.eyebrow){font-size:13px;max-width:540px}.footer-grid{grid-template-columns:1fr 1fr;gap:37px 30px}.footer-brand{grid-column:1/-1;max-width:600px}.footer-brand p{max-width:600px;font-size:12px}.footer-grid>.footer-nav:nth-child(3){display:flex}.footer-contact{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:15px 30px;font-size:12px}.footer-contact h2{grid-column:1/-1;margin-bottom:0}.footer-contact>p{grid-column:1/-1;max-width:450px}.footer-bottom{gap:20px;flex-wrap:wrap}.footer-bottom>div{gap:18px;order:initial;width:auto}.site-footer{padding-block:52px 70px}.footer-grid{padding-bottom:37px}.contact-rail{inset-inline:0;bottom:0;flex-direction:row;border-radius:0;border-width:1px 0 0;width:100%;height:60px;padding:0 12px;justify-content:space-around;box-shadow:0 -4px 18px #102b3a0d;background:#fffffff7;backdrop-filter:blur(12px)}.contact-rail>a,.contact-rail>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:auto;flex:1;height:56px;font-size:8px;padding:6px;color:var(--ink)}.contact-rail span{display:block}.contact-rail svg{width:20px;height:20px}.contact-rail>.rail-top{flex:.6;border:0;margin:0;font-size:23px}.page-intro{min-height:300px;padding-bottom:40px}.intro-photo{width:29%;opacity:.65}.page-intro .intro-grid{max-width:66%}.page-intro h1{font-size:35px}.page-intro .lead{font-size:11px}.page-intro .eyebrow{font-size:8px}.page-intro .breadcrumbs{font-size:8px;padding-block:20px 26px}.story-grid{grid-template-columns:1fr 1fr;gap:26px}.story-card .card-image{height:200px}.story-card h3{font-size:21px}.split{grid-template-columns:1fr;gap:30px}.split h2{font-size:35px}.company-feature{padding-block:60px}.product-summary h1{font-size:36px}.product-detail h2{font-size:29px}.product-card h3{font-size:17px}.product-card .card-content{padding:21px}}
@media(max-width:480px){.shell{width:calc(100% - 36px)}body{font-size:14px}.site-header .header-inner{height:72px;gap:20px}.brand img{width:123px;height:37px}.header-actions{gap:18px}.header-inner #navigation{top:71px;padding:15px 21px;max-height:calc(100dvh - 130px)}.language-toggle{gap:5px}.language-toggle>span{font-size:9px}.mega-links{grid-template-columns:1fr}.header-actions .search-link{display:none}#language-menu{inset-inline-end:-30px;top:calc(100% + 14px);max-height:calc(100dvh - 150px);width:238px}.section{padding-block:48px}.home-hero{padding-block:10px 20px}.hero-copy{padding-top:22px}.hero-copy .eyebrow{font-size:8px;letter-spacing:.07em;margin-bottom:20px}.hero-copy h1{font-size:47px;letter-spacing:-.052em;max-width:420px;line-height:1.08}.hero-intro{font-size:12px;line-height:1.85;margin-top:20px}.hero-actions{gap:18px;margin-top:24px}.hero-actions .button{font-size:10px;padding:13px 15px;gap:15px;min-height:46px}.hero-actions .text-link{font-size:9px;gap:9px}.hero-actions .text-link svg{width:15px}.hero-layout{gap:28px}.hero-media{min-height:325px;border-radius:6px}.hero-media:after{width:45px;height:45px}.hero-film-link{top:18px;inset-inline-start:18px;font-size:8px;padding:9px 11px}.hero-film-link svg{width:15px;height:15px}.scene-caption{inset-inline:21px;bottom:88px;font-size:24px;max-width:290px;gap:9px}.scene-index{font-size:9px}.scene-place{font-size:7px}.hero-controls{inset-inline:21px;bottom:20px;padding-top:12px;gap:10px}.slide-dots button{width:28px}.hero-step{gap:6px}.hero-step button{width:30px;height:30px}.hero-step svg{width:14px;height:14px}.company-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px;padding-block:27px}.company-stats>div:nth-child(2){border:0}.company-stats strong{font-size:32px}.company-stats>div>span{font-size:9px}.eyebrow{font-size:8px;letter-spacing:.11em;margin-bottom:18px}.finder-heading h2{font-size:32px;max-width:390px}.finder-heading{gap:20px}.finder-tools>p{font-size:12px;margin-bottom:17px}.home-search.search-form input{font-size:11px;min-height:49px;padding:13px 48px 13px 15px}.home-search button{width:33px}.range-entries{grid-template-columns:1fr;gap:9px;margin-top:20px}.range-entry{padding:14px 16px;font-size:13px;gap:15px}.range-entry>svg{display:block;width:24px;height:24px}.range-entry .round-arrow{width:23px}.product-section-label{align-items:flex-start;margin-top:30px;gap:15px}.product-section-label h3{font-size:14px;max-width:210px;line-height:1.45}.product-section-label .text-link{font-size:8px;gap:5px;white-space:nowrap;padding-top:3px}.product-section-label .text-link svg{width:13px}.featured-cables{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:223px;gap:12px}.featured-cable:first-child{grid-column:span 2}.featured-cable:first-child>img{inset-inline-end:0;width:54%;height:230px;bottom:-12px}.featured-cable:first-child .family-info{inset-inline-end:53%;bottom:27px}.featured-cable:first-child h3{font-size:25px}.featured-cable>img{bottom:63px;height:133px;width:88%;inset-inline:6%}.family-number{font-size:8px;inset-inline-start:16px;top:17px}.family-info{inset-inline:15px;bottom:20px;gap:7px;align-items:flex-end}.family-info h3{font-size:13px;line-height:1.4;letter-spacing:-.015em}.family-info .round-arrow{width:23px;height:23px}.family-info .round-arrow svg{width:14px;height:14px}.about-home-grid{gap:29px}.company-film>img{height:290px}.film-play{width:60px;height:60px;box-shadow:0 0 0 10px #ffffff38}.film-play svg{width:22px;height:22px}.company-image-note{font-size:8px;padding-top:17px;gap:8px}.company-image-note>span:last-child{font-size:7px}.note-cross{font-size:22px}.about-home-copy h2{font-size:33px;line-height:1.17}.about-home-copy>p:not(.eyebrow){font-size:12px;line-height:1.85;margin-top:20px}.company-signature>span:first-child{font-size:20px}.company-signature>span:last-child{font-size:8px}.button{font-size:11px;min-height:47px;padding:13px 18px;gap:24px}.button>svg{width:18px;height:18px}.about-home-copy>.button{margin-top:23px}.project-intro h2{font-size:33px;line-height:1.17}.project-heading-side>p{font-size:12px}.project-heading-side .text-link{font-size:11px}.project-controls button{width:35px;height:35px}.project-heading{gap:22px;margin-bottom:28px}.project-carousel{gap:15px}.project-slide{flex-basis:calc(100% - 23px);border-radius:5px}.project-slide>img{height:213px}.project-slide>div{padding:22px}.project-slide h3{font-size:24px;line-height:1.27}.project-slide p{font-size:11px;line-height:1.85;margin-top:15px}.project-code{font-size:9px;margin-bottom:13px}.project-slide .text-link{font-size:10px;margin-top:20px}.home-support{gap:32px}.support-heading h2{font-size:33px;max-width:350px}.support-heading>.text-link{font-size:11px}.support-step{grid-template-columns:23px 1fr 18px;gap:14px;padding-block:23px}.support-step h3{font-size:21px}.support-step p{font-size:11px;line-height:1.85;margin-top:12px}.support-step>svg{width:17px}.step-number{font-size:10px}.section-heading{align-items:flex-start;gap:22px;flex-direction:column;margin-bottom:29px}.section-heading h2{font-size:33px;line-height:1.17}.section-heading>.text-link{font-size:11px}.news-grid{gap:30px}.news-tile{display:block}.news-photo{height:219px}.news-info{padding:22px 0 46px}.news-info h3{font-size:23px;line-height:1.3;max-width:355px}.news-info p{font-size:12px}.news-tag{font-size:9px;margin-bottom:12px}.cta{padding-block:48px}.cta h2{font-size:35px;line-height:1.13}.cta p:not(.eyebrow){font-size:12px;line-height:1.85;margin-top:21px}.cta-inner{gap:27px}.footer-grid{gap:34px 26px;padding-bottom:30px}.footer-brand img{width:137px;margin-bottom:20px}.footer-brand p{font-size:11px;line-height:1.9}.footer-brand .text-link{margin-top:19px;font-size:10px}.footer-nav h2,.footer-contact h2{font-size:12px;margin-bottom:10px}.footer-nav{gap:12px}.footer-link{font-size:11px}.footer-contact{display:flex;flex-direction:column;gap:13px;font-size:12px}.footer-contact h2{margin-bottom:3px}.footer-contact>p{font-size:11px;max-width:300px}.footer-bottom{font-size:8px;padding-block:23px;gap:17px}.footer-bottom>div{gap:18px;flex-wrap:wrap}.site-footer{padding-top:44px;padding-bottom:67px}.page-intro{min-height:0;padding-bottom:32px}.intro-photo{display:none}.page-intro .intro-grid{max-width:100%}.page-intro .breadcrumbs{max-width:100%;padding-block:19px 26px;font-size:8px}.page-intro h1{font-size:34px;line-height:1.12}.page-intro .eyebrow{font-size:8px;margin-bottom:16px}.page-intro .lead{font-size:12px;margin-top:20px;line-height:1.85}.catalog-tabs a{font-size:10px;gap:14px;padding:11px 12px}.category-link{padding:23px 19px}.category-link h2{font-size:20px}.product-card h3{font-size:15px;line-height:1.4}.product-card .card-content{padding:18px 13px}.product-card .card-action{font-size:9px;gap:8px}.product-card .card-action svg{width:16px}.product-summary h1{font-size:34px}.product-actions .button{font-size:10px;padding:12px 14px;gap:13px}.product-actions .button>svg{width:16px;height:16px}.product-detail h2{font-size:28px}.faq-list summary{font-size:12px;padding:16px}.faq-list p{font-size:12px;padding:0 16px 17px}.form-panel{padding:28px 22px}.form-panel h2{font-size:28px}.story-grid{grid-template-columns:1fr;gap:28px}.story-card .card-image{height:225px}.story-card .card-content{padding:22px 0}.story-card h3{font-size:23px}.company-feature{padding-block:48px}.split h2{font-size:33px}.split .lead{font-size:13px}#film-dialog{width:calc(100% - 22px)}}
@media(max-width:360px){.hero-copy h1{font-size:42px}.hero-actions{align-items:flex-start;gap:18px}.hero-intro{font-size:11px}.hero-media{min-height:305px}.hero-controls{inset-inline:18px}.scene-caption{inset-inline:18px;font-size:22px}.slide-dots button{width:22px}.hero-step{gap:5px}.family-info h3{font-size:12px}.family-info .round-arrow{width:21px;height:21px}.featured-cable:first-child h3{font-size:24px}.company-image-note>span:last-child{display:none}.hero-copy .eyebrow{font-size:7px}}
@media(prefers-reduced-motion:reduce){.hero-slide,.featured-cable,.featured-cable>img,.news-photo img,.project-slide>img,.site-header,.button{transition:none}.project-carousel{scroll-behavior:auto}}
@media print{.contact-rail,.home-hero,.trust-band,.utility-bar,.site-header,.site-footer,.cta{display:none!important}.product-card,.main-image{border-radius:0}.product-summary h1{font-size:25px}.product-aside{display:none!important}.product-detail{display:block}}
/* Django edition: clearer catalog browsing, finer surfaces, and form focus states. */
.hero-product-link{display:flex;align-items:center;gap:15px;margin-top:28px;padding:10px 16px 10px 8px;width:345px;max-width:100%;border:1px solid #dbe4e9;border-radius:8px;background:#ffffffb8;transition:border-color .2s,box-shadow .2s}
.hero-product-image{width:64px;height:69px;display:block;flex-shrink:0;overflow:hidden;border-radius:5px;background:#edf3f7}.hero-product-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-18deg)}.hero-product-label{display:block;font-size:9px;color:#738691;margin-bottom:5px}.hero-product-link strong{display:block;font-size:12px;font-weight:700;line-height:1.4}.hero-product-link>svg{width:19px;height:19px;color:var(--blue);margin-inline-start:auto;transform:rotate(-35deg)}.hero-product-link:hover{border-color:#9bbbf1;box-shadow:0 8px 24px #152f4910}.hero-footnote{padding-top:25px}
.family-count{position:absolute;top:20px;inset-inline-end:18px;font-size:8px;color:#526f83;background:#ffffffb8;padding:3px 7px;border:1px solid #dde5ea;border-radius:4px;z-index:1}.featured-cable{border-color:#e1e8ec}.featured-cable:hover{box-shadow:0 12px 30px #102b3a12}.family-info .round-arrow{background:#ffffff85}
.category-link{min-height:214px;position:relative;display:flex;align-items:flex-end;padding:24px;overflow:hidden;background:linear-gradient(135deg,#f6f8f9,#edf2f5);border:1px solid #dfe7ec;border-radius:9px;transition:transform .2s,box-shadow .2s,border-color .2s}.category-link .category-number{position:absolute;top:22px;inset-inline-start:24px;color:#7892a1;font-family:monospace;font-size:10px}.category-preview{position:absolute;width:150px;height:138px;object-fit:contain;inset-inline-end:4px;top:13px;mix-blend-mode:multiply;opacity:.94;transition:transform .3s}.category-copy{position:relative;z-index:1;max-width:82%;padding-top:90px}.category-link h2{font-size:20px;line-height:1.35;max-width:310px}.category-count{display:block;font-size:10px;color:#738895;margin-top:8px}.category-link>svg{position:relative;z-index:1;margin-inline-start:auto;align-self:flex-end;margin-bottom:4px}.category-link:hover{transform:translateY(-3px);box-shadow:0 12px 28px #102b3a0c;border-color:#a4c0ed}.category-link:hover .category-preview{transform:translateY(-4px) rotate(-3deg)}
.product-card{border-radius:9px}.product-card .card-content{border-top:1px solid #e7ecef}.product-card .card-action{font-weight:650}.main-image{box-shadow:inset 0 0 0 7px #fff;border-radius:10px}.product-index a{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #dce6ee;border-radius:5px;background:#f5f8fb;font-size:11px;color:#41627a;transition:background .2s}.product-index a:hover{background:#e8f0ff;color:var(--blue)}.form-panel{border:1px solid #e1e9ed;border-radius:10px;box-shadow:0 14px 45px #102b3a06}.form-grid input:focus,.form-grid textarea:focus{outline:0;border-color:#155eef;box-shadow:0 0 0 3px #155eef14}.news-photo,.company-film{box-shadow:0 8px 25px #102b3a0a}
@media(max-width:1100px){.hero-product-link{width:310px;gap:12px;margin-top:24px}.hero-product-label{font-size:8px}.hero-product-link strong{font-size:11px}.hero-product-image{width:49px;height:55px}.hero-media{min-height:575px}.category-link{padding:22px}.category-link h2{font-size:19px}.category-preview{width:138px;height:128px}.family-count{font-size:7px;inset-inline-end:12px;top:15px;padding:3px 5px}}
@media(max-width:760px){.hero-product-link{display:none}.hero-media{min-height:350px}.category-link{min-height:207px}.category-link .category-number{inset-inline-start:22px}.category-link h2{font-size:18px}.category-preview{width:126px;height:125px}.category-copy{max-width:85%}.family-count{font-size:8px}}
@media(max-width:480px){.hero-media{min-height:325px}.category-link{min-height:172px;padding:21px}.category-link h2{font-size:21px;max-width:230px}.category-copy{padding-top:62px;max-width:80%}.category-preview{width:130px;height:130px;top:0;inset-inline-end:6px}.category-link .category-number{top:18px;inset-inline-start:21px}.category-count{font-size:9px;margin-top:7px}.family-count{font-size:7px;top:14px;inset-inline-end:12px}.product-index{gap:10px}.product-index a{font-size:10px;padding:8px 11px}.form-panel{padding:28px 22px}}
@media(max-width:360px){.hero-media{min-height:305px}.family-count{font-size:6px;inset-inline-end:10px}.category-copy{max-width:84%}.category-link h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){.hero-product-link,.category-link,.category-preview{transition:none}}