@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{--paper:#f1f0eb;--ink:#232922;--muted:#73776f;--line:#d5d6cd;--orange:#45d9e8;--sans:'DM Sans',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--orange);outline-offset:5px}button{color:inherit}button:disabled{cursor:default}::selection{background:var(--orange);color:white}.header{height:96px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:30px;font-weight:700;letter-spacing:-1.4px;line-height:1}.brand-icon{color:var(--orange);font-size:55px;font-family:Arial;font-weight:400;line-height:1}.brand-sub{display:block;font-size:9px;letter-spacing:3.5px;font-weight:550;margin-top:5px}.header nav{display:flex;gap:38px;font-size:13px}.header nav a:hover,.text-link:hover{color:var(--orange)}.header-contact{border-bottom:1px solid var(--ink);padding:12px 0;display:flex;gap:28px;font-size:13px}.header-contact span{color:var(--orange);font-size:19px}.hero{padding:0 5%;overflow:hidden}.hero-topline{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.7px;padding-top:27px}.hero-topline>span{display:flex;align-items:center;gap:10px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);flex-shrink:0}.cross{font-size:20px;margin-left:24px}.hero-layout{display:grid;grid-template-columns:44% 56%;min-height:635px;align-items:center}.hero-copy{position:relative;z-index:2;padding:50px 0 45px}.eyebrow{font-size:10px;font-weight:550;letter-spacing:1.6px;margin:0 0 24px;line-height:1.7}.hero-copy h1{font-family:var(--display);font-size:clamp(78px,7.65vw,124px);font-weight:600;line-height:.94;text-transform:uppercase;letter-spacing:-2.6px;margin:0 0 26px}.hero-copy h1 span{color:var(--orange)}.hero-description{line-height:1.8;color:#74786f;font-size:14px;margin:0 0 30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 23px;border:1px solid var(--line);font-weight:550;font-size:12px;transition:background .2s,transform .2s}.button span{font-size:20px;font-weight:400;line-height:1}.button:hover{transform:translateY(-2px)}.primary{background:var(--orange);color:white;border-color:var(--orange)}.primary:hover{background:#29bece}.text-link{margin-left:25px;font-size:12px}.text-link span{margin-left:12px}.bearing-stage{height:570px;position:relative;align-self:center;isolation:isolate}.stage-grid{position:absolute;inset:10% 0 15%;background-image:linear-gradient(#d9dbd34a 1px,transparent 1px),linear-gradient(90deg,#d9dbd34a 1px,transparent 1px);background-size:47px 47px;mask-image:radial-gradient(ellipse,#000 20%,transparent 68%)}.stage-orbit{position:absolute;width:460px;height:460px;max-width:90%;aspect-ratio:1;border:1px solid #d5d7cd;border-radius:50%;left:50%;top:44%;transform:translate(-50%,-50%)}.stage-orbit:after{content:'';position:absolute;inset:25px;border:1px dashed #d3d6ca;border-radius:50%}#bearing-canvas{position:absolute;inset:0 0 45px;z-index:1;cursor:grab;touch-action:pan-y}#bearing-canvas:active{cursor:grabbing}#bearing-canvas canvas{display:block;width:100%;height:100%}.part-label{position:absolute;z-index:2;font-size:8px;letter-spacing:1.1px;display:flex;gap:9px;pointer-events:none}.part-label small{display:block;letter-spacing:0;color:var(--muted);font-size:9px;margin-top:6px}.label-top{top:55px;right:0}.label-bottom{bottom:126px;left:9px}.label-line{width:40px;height:24px;border-top:1px solid #a7ad9d;border-left:1px solid #a7ad9d;transform:skew(-30deg);margin-top:6px}.label-bottom .label-line{transform:rotate(180deg) skew(-30deg)}.model-id{position:absolute;left:12px;top:20px;font-size:8px;letter-spacing:1px;color:var(--muted)}.model-view{position:absolute;right:0;bottom:130px;font-family:var(--display);font-size:27px;line-height:1;text-align:right}.model-view span{font:7px var(--sans);letter-spacing:1.2px}.model-controls{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);display:flex;gap:5px;z-index:3;white-space:nowrap}.model-controls button{border:1px solid #ced0c5;background:#f7f7f0cf;backdrop-filter:blur(8px);font-size:11px;height:42px;padding:0 14px;display:flex;align-items:center;gap:16px}.model-controls button:hover{border-color:var(--orange)}.model-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.control-icon{font-size:20px;color:var(--orange)}.drag-note{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:1.4px;color:var(--muted)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:22px 0 25px;font-size:8px;letter-spacing:1.4px}.scroll-icon{font-size:17px;margin-right:14px}.partners{display:grid;grid-template-columns:1fr 1.25fr .7fr;gap:35px;align-items:center;padding:45px 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#e8e9e1}.partners .eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:10px}.partners h2{font-size:20px;line-height:1.4;font-weight:500;letter-spacing:-.6px;margin:0}.nsk-partner{display:flex;gap:28px;align-items:center;padding:10px 28px;border-left:1px solid #c8ccbd;border-right:1px solid #c8ccbd}.nsk-logo{font:bold italic 57px Arial,sans-serif;letter-spacing:-7px;color:#df1736;padding-right:7px}.partner-badge{font-size:7px;letter-spacing:1px;display:flex;align-items:center;gap:7px}.nsk-partner p{font-size:15px;font-weight:550;margin:9px 0 5px}.muted{color:var(--muted);font-size:10px}.partner-more{font-size:10px;line-height:2}.partner-more span{display:block;color:var(--ink);font-size:12px}.section-pad{padding:90px 5%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:38px;gap:30px}.orange{color:var(--orange);margin-right:12px}.section-heading h2,.about h2{font-size:clamp(32px,3.4vw,48px);font-weight:500;letter-spacing:-2px;line-height:1.12;margin:0}.section-heading>p{color:var(--muted);font-size:12px;line-height:1.8;margin:0 0 5px}.catalogue-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:26px}.filters{display:flex;gap:7px}.filters button{padding:11px 16px;background:transparent;border:1px solid transparent;font-size:11px}.filters .active{border-color:var(--ink);background:var(--ink);color:white}.filters span{opacity:.5;font-size:8px;margin-left:13px}.search{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid #aeb2a7}.search>span{font-size:24px;line-height:1}.search input{background:transparent;border:none;font-size:11px;outline:none;width:180px;color:var(--ink)}.search kbd{color:#909789;font-size:10px;border:1px solid var(--line);padding:1px 5px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{background:#e8e9e2;border:1px solid #dcdfd3;padding:0;text-align:left;transition:border-color .2s,background .2s;position:relative;overflow:hidden}.product-card:hover{border-color:#a8ae9f;background:#e2e5d9}.product-top{display:flex;justify-content:space-between;position:absolute;top:20px;left:20px;right:20px;font-size:8px;letter-spacing:1.2px;color:#7b8273}.product-art{height:205px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 80%,#b3bc9f33,transparent 55%);transition:transform .4s}.product-card:hover .product-art{transform:translateY(-5px) rotate(-3deg)}.product-art svg{width:200px;height:164px;overflow:visible}.product-bottom{padding:20px;border-top:1px solid #d5d9cc;position:relative}.product-bottom h3{font-size:16px;font-weight:550;margin:0 26px 7px;letter-spacing:-.5px}.product-bottom p{font-size:10px;color:var(--muted);margin:0}.product-arrow{position:absolute;right:20px;top:21px;font-size:20px}.catalogue-note{display:flex;justify-content:space-between;gap:25px;margin-top:24px;font-size:9px;line-height:1.8;color:var(--muted)}.catalogue-note a{color:var(--ink);white-space:nowrap}.catalogue-note a span{margin-left:14px;color:var(--orange)}.no-results{padding:50px 20px;text-align:center;border:1px solid var(--line)}.about{background:#272e27;color:#f0f1e9;display:grid;grid-template-columns:1fr 1fr;gap:12%}.about .eyebrow{color:#b7beaf}.about h2{font-size:48px}.about h2 em{font-style:normal;color:#b5be9c}.about-heading>p:not(.eyebrow){color:#b5bdad;line-height:1.8;font-size:13px;max-width:390px;margin:26px 0}.light{border-color:#6d7765;background:transparent;color:#f0f1e9}.light:hover{background:#3a4438}.about-points article{display:flex;gap:22px;padding:29px 0;border-bottom:1px solid #48513f}.about-points article:first-child{padding-top:0}.about-points article>span{color:#a1ac91;font-size:10px;margin-top:7px}.about-points h3{font-size:21px;font-weight:450;letter-spacing:-.5px;margin:0 0 12px}.about-points p{font-size:12px;line-height:1.8;color:#adb8a2;max-width:360px;margin:0}.contact{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:100px;padding-bottom:100px}.contact h2{font-size:clamp(40px,4vw,60px);font-weight:500;line-height:1.07;letter-spacing:-2.5px;margin:0 0 25px}.contact h2 span{color:var(--orange)}.contact-copy>p:not(.eyebrow){color:var(--muted);line-height:1.8;max-width:320px;font-size:12px}.contact-detail{display:flex;flex-direction:column;gap:10px;margin:30px 0 20px}.contact-detail span{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.contact-detail strong{font-size:16px;font-weight:500}.contact-pending{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:8px}.enquiry-form{padding:30px;background:#e8e9e2;border:1px solid #d9ddce;align-self:start}.form-heading{display:flex;justify-content:space-between;align-items:center}.form-heading h3{font-size:22px;font-weight:500;letter-spacing:-.7px;margin:0}.form-heading span{font-size:25px;color:var(--orange)}.enquiry-form>p{font-size:11px;line-height:1.7;color:var(--muted);margin:10px 0 27px}label{display:block;font-size:11px}label input,label textarea{display:block;width:100%;border:1px solid #cdd1c4;background:#f2f3ec;padding:13px 12px;margin:8px 0 18px;font-size:12px;border-radius:0;color:var(--ink)}.optional{color:var(--muted)}textarea{resize:vertical}.enquiry-form .button{width:100%}.enquiry-form .form-note,.form-note{font-size:9px;line-height:1.8;color:var(--muted);margin:14px 0 0}.search input{margin:0;padding:0}.copy-button{border:0;background:none;text-decoration:underline;font-size:12px;padding:8px 0}#enquiry-output{margin-top:25px}#copy-status{display:block;font-size:11px}footer{padding:32px 5%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}footer .brand{font-size:23px}footer .brand-icon{font-size:42px}footer .brand-sub{font-size:7px;letter-spacing:2.5px}footer>span{font-size:11px;color:var(--muted)}footer>div{font-size:9px;display:flex;gap:40px;color:var(--muted)}dialog{max-width:540px;width:calc(100% - 40px);border:1px solid var(--line);padding:35px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#182018aa;backdrop-filter:blur(4px)}.close-dialog{position:absolute;right:15px;top:10px;border:0;background:none;font-size:30px}dialog h2{font-size:30px;letter-spacing:-1px;font-weight:500}dialog p:not(.eyebrow){line-height:1.8;color:var(--muted)}dialog .product-art{height:180px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;left:20px;top:-70px;z-index:10;background:var(--orange);color:white;padding:15px}.skip:focus{top:10px}[hidden]{display:none!important}.fallback-bearing{width:65%;height:65%;margin:10% auto;background:conic-gradient(#686e66,#e3e7df,#444e42,#a5b09c,#f7f8f2,#6b7564);border-radius:50%;mask:radial-gradient(circle,transparent 27%,black 28%,black 48%,transparent 49%,transparent 53%,black 54%);transform:rotateX(25deg) rotateY(-28deg)}
@media(min-width:1600px){.header,.hero,.partners,.section-pad,footer{padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}.hero-layout{min-height:730px}.bearing-stage{height:650px}.stage-orbit{width:540px;height:540px}}
@media(max-width:1000px){.hero-copy h1{font-size:83px}.hero-layout{min-height:575px;grid-template-columns:46% 54%}.bearing-stage{height:500px}.hero-copy .eyebrow{font-size:8px}.hero-description{font-size:12px}.text-link{margin-left:15px;font-size:11px}.button{gap:15px;padding:16px 19px}.stage-orbit{width:360px;height:360px}.label-top{right:0;top:45px}.label-bottom{left:0;bottom:115px}.model-id{font-size:6px}.partners{gap:20px;grid-template-columns:1fr 1.3fr}.partner-more{display:none}.nsk-partner{border-right:0}.about,.contact{gap:7%}.about h2{font-size:39px}.section-heading>p{max-width:250px}.product-bottom h3{font-size:14px}.product-grid{gap:14px}.product-art{height:180px}.product-art svg{width:170px}.section-pad{padding-top:70px;padding-bottom:70px}}
@media(max-width:700px){.header{height:78px}.header nav{gap:16px;font-size:11px}.header nav a:last-child{display:none}.header-contact{font-size:11px;gap:8px}.brand{font-size:24px;gap:8px}.brand-icon{font-size:42px}.brand-sub{font-size:7px;letter-spacing:2.8px}.hero-topline{font-size:7px;letter-spacing:1px}.hero-topline>span:last-child{font-size:6px}.cross{margin-left:3px}.hero-layout{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:43px 0 0}.hero-copy h1{font-size:clamp(72px,16vw,110px);letter-spacing:-2px}.hero-copy .eyebrow{margin-bottom:19px}.hero-description{font-size:13px}.hero-copy .text-link{margin-left:25px}.bearing-stage{height:440px;margin-top:-12px}.stage-orbit{width:330px;height:330px}.model-id{top:25px}.label-top{top:45px}.label-bottom{bottom:98px}.model-view{bottom:100px}.model-controls{bottom:26px}.drag-note{bottom:0}.hero-bottom{margin-top:5px;font-size:7px;letter-spacing:1px}.hero-bottom>span:nth-child(2){display:none}.partners{grid-template-columns:1fr;padding-top:30px;padding-bottom:30px;gap:25px}.partners h2{font-size:21px}.nsk-partner{border-left:0;border-top:1px solid #c8ccbd;padding:25px 0 0;gap:35px}.nsk-logo{font-size:60px}.partner-badge{font-size:8px}.muted{font-size:11px}.section-pad{padding-top:55px;padding-bottom:55px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:36px;letter-spacing:-1.5px}.section-heading>p{margin-top:20px;max-width:100%;font-size:12px}.eyebrow{font-size:8px;margin-bottom:18px}.catalogue-toolbar{flex-direction:column;align-items:stretch;gap:18px}.filters{justify-content:space-between;gap:0}.filters button{font-size:10px;padding:10px 12px}.search input{width:100%}.search kbd{display:none}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-art{height:155px}.product-art svg{width:145px;height:125px}.product-top{top:13px;left:12px;right:12px;font-size:6px}.product-bottom{padding:15px 12px}.product-bottom h3{font-size:14px;margin-right:14px;line-height:1.3;min-height:36px;letter-spacing:-.2px}.product-bottom p{font-size:9px;line-height:1.5}.product-arrow{right:10px;top:16px;font-size:16px}.catalogue-note{flex-direction:column;gap:10px;font-size:9px}.about,.contact{grid-template-columns:1fr;gap:40px}.about h2{font-size:39px}.about-points h3{font-size:20px}.about-points article{padding:22px 0}.contact h2{font-size:48px}.enquiry-form{padding:23px}footer{flex-wrap:wrap;padding-top:25px;padding-bottom:25px}footer>span{font-size:10px}footer>div{width:100%;justify-content:space-between;margin-top:10px}.part-label{font-size:7px}.part-label small{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.product-card:hover .product-art{transform:none}}
.header-actions{display:flex;align-items:center;gap:24px}#language{font:11px var(--sans);color:var(--ink);background:transparent;border:0;padding:9px 4px;cursor:pointer}.phone-link{display:block;font-size:23px;letter-spacing:-.6px;margin:14px 0}.phone-link span{color:var(--orange);margin-left:18px}.whatsapp-link{display:inline-block;font-size:12px;border-bottom:1px solid var(--ink);padding:6px 0}.copy-button{display:block;margin-top:10px}html[lang=sq] .hero-copy h1{font-size:clamp(72px,7.1vw,116px)}html[lang=it] .hero-copy h1{font-size:clamp(65px,6.7vw,108px)}@media(max-width:1000px){html[lang=sq] .hero-copy h1{font-size:76px}html[lang=it] .hero-copy h1{font-size:68px}.hero-copy .text-link{display:inline-block;margin-top:15px}.header-actions{gap:14px}}@media(max-width:700px){html[lang=sq] .hero-copy h1{font-size:clamp(64px,15vw,105px)}html[lang=it] .hero-copy h1{font-size:clamp(55px,13.5vw,98px)}.header nav{display:none}.header-actions{gap:17px}.hero-topline>span:first-child{max-width:66%;line-height:1.7}.partner-badge{letter-spacing:.7px}.hero-copy .text-link{margin-top:0}.hero-topline{align-items:flex-start}}@media(prefers-reduced-motion:reduce){.stage-orbit{transition:none}}
