:root{--blue:#0d4ca7;--ink:#10233c;--cream:#f3f0e9;--line:#c9d0d4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--cream);margin:0;font-family:DM Sans,Arial,sans-serif}.hero{background:var(--blue);color:#fff;min-height:780px;padding:0 6.8vw;position:relative;overflow:hidden}nav{z-index:2;border-bottom:1px solid #ffffff57;justify-content:space-between;align-items:center;height:118px;display:flex;position:relative}.wordmark{color:#fff;flex-direction:column;align-items:flex-start;line-height:.78;text-decoration:none;display:inline-flex}.wordmark span{letter-spacing:-.085em;font:italic 700 34px/1 DM Sans,Arial,sans-serif}.wordmark small{letter-spacing:.31em;text-transform:uppercase;margin:5px 0 0 3px;font:500 8px/1 DM Mono,monospace}.nav-link{color:#fff;letter-spacing:.02em;font-size:14px;font-weight:600;text-decoration:none}.nav-link span,.button span{margin-left:12px;font-size:20px}.hero-content{z-index:1;max-width:800px;padding-top:130px;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.12em;margin:0 0 26px;font:500 11px DM Mono,monospace}.hero h1,h2{letter-spacing:-.065em;margin:0;font-size:clamp(58px,8vw,122px);font-weight:600;line-height:.85}.hero h1 em,h2 em{letter-spacing:-.045em;font-family:Instrument Serif,serif;font-weight:400}.hero-copy{color:#e5efff;max-width:450px;margin:46px 0 32px;font-size:17px;line-height:1.55}.button{color:var(--blue);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:#fff;border:0;padding:17px 22px;font:500 11px DM Mono,monospace;text-decoration:none;display:inline-block}.button:hover{background:#dbe9ff}.hero-orbit{border:1px solid #ffffff47;border-radius:50%;width:680px;height:680px;position:absolute;bottom:-250px;right:-80px}.hero-orbit:before,.hero-orbit:after{content:"";border:1px solid #ffffff47;border-radius:50%;position:absolute;inset:78px}.hero-orbit:after{inset:156px}.hero-orbit span{background:#5b8ed6;border-radius:50%;width:210px;height:210px;position:absolute;top:92px;left:80px}.hero-orbit i{background:#fff;border-radius:50%;width:20px;height:20px;position:absolute;top:215px;left:250px}.scroll{text-transform:uppercase;letter-spacing:.1em;font:11px DM Mono,monospace;position:absolute;bottom:32px}.scroll span{margin-left:12px}.section{padding:140px 6.8vw}.intro{background:var(--cream)}.intro-grid,.strength-grid{grid-template-columns:1.15fr .85fr;align-items:end;gap:8vw;display:grid}.intro h2,.strengths h2,.capabilities h2,.contact h2{font-size:clamp(48px,6vw,88px);line-height:.91}.intro-grid>p{max-width:450px;margin:0;font-size:18px;line-height:1.6}.product-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-top:100px;display:grid}.product-grid article{border-bottom:1px solid var(--line);border-right:1px solid var(--line);height:190px;padding:22px;position:relative;overflow:hidden}.product-image{opacity:.12;filter:grayscale()contrast(.8);pointer-events:none;background:url(/oil-seal.png) 50%/contain no-repeat;transition:opacity .35s,filter .35s,transform .35s;position:absolute;inset:7px;transform:scale(.8)}.product-card:hover .product-image,.product-card:focus-within .product-image{opacity:.88;filter:grayscale(0)contrast(1.1);transform:scale(.96)}.product-card>span:not(.product-image),.product-card h3,.product-card b{z-index:1}.product-grid span,.material-list span,.strength-list b{color:#6f7b85;font:11px DM Mono,monospace}.product-grid h3{margin:0;font-size:22px;position:absolute;bottom:18px}.product-grid b{color:var(--blue);font-size:22px;position:absolute;bottom:18px;right:22px}.capabilities{color:#fff;background:#10233c;grid-template-columns:1fr 1fr;gap:6vw;display:grid}.material-list{border-top:1px solid #526071}.material-list div{border-bottom:1px solid #526071;align-items:center;gap:36px;height:82px;display:flex}.material-list strong{font-size:24px;font-weight:400}.strengths{background:#e1e8e8}.strength-list{border-top:1px solid #94a3a7}.strength-list p{border-bottom:1px solid #94a3a7;margin:0;padding:20px 0;font-size:18px}.strength-list b{width:54px;display:inline-block}.contact{background:var(--blue);color:#fff;grid-template-columns:.9fr 1fr;gap:12vw;display:grid}.contact-copy>p:not(.eyebrow){max-width:350px;margin:40px 0;font-size:17px;line-height:1.55}.contact address{color:#dbe9ff;font-size:14px;font-style:normal;line-height:1.55}.address-row{align-items:flex-start;gap:12px;display:flex}.address-row svg{color:#fff;flex:none;width:19px;height:19px;margin-top:2px}form{padding-top:6px}label{text-transform:uppercase;letter-spacing:.1em;color:#dbe9ff;margin-bottom:22px;font:11px DM Mono,monospace;display:block}label small{text-transform:none;letter-spacing:0}input,textarea{color:#fff;resize:vertical;background:0 0;border:0;border-bottom:1px solid #90afe0;outline:none;width:100%;padding:12px 0 10px;font:16px DM Sans,sans-serif}input:focus,textarea:focus{border-color:#fff}.contact .button{margin-top:12px}.website{display:none}.form-message{font-size:14px}.success{color:#c9f2bf}.error{color:#ffd0c7}footer{color:#aab4c0;background:#0d1c30;justify-content:space-between;align-items:center;min-height:130px;padding:34px 6.8vw;font-size:12px;display:flex}footer .wordmark span{font-size:27px}footer .wordmark small{margin-top:4px;font-size:7px}footer a{color:#fff;text-decoration:none}@media (max-width:700px){.hero{min-height:680px;padding:0 7vw}.hero-content{padding-top:100px}.hero-orbit{width:460px;height:460px;bottom:-190px;right:-160px}.hero-orbit:before{inset:55px}.hero-orbit:after{inset:110px}.hero-orbit span{width:145px;height:145px;top:65px;left:54px}.hero-orbit i{top:145px;left:172px}.section{padding:90px 7vw}.intro-grid,.strength-grid,.capabilities,.contact{grid-template-columns:1fr;gap:48px}.product-grid{grid-template-columns:1fr 1fr;margin-top:60px}.product-grid article{height:150px}.product-grid h3{font-size:18px}.contact{gap:60px}nav{height:90px}.wordmark span{font-size:29px}.wordmark small{margin-top:4px;font-size:7px}.nav-link{font-size:11px}.hero-copy{margin-top:34px;font-size:15px}footer{flex-wrap:wrap;gap:20px;padding:28px 7vw}.scroll{display:none}}
