@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#14252c;--ink2:#263a40;--muted:#68787b;--paper:#f5f4ef;--white:#fff;--line:#dce1dc;--accent:#d1a76c;--green:#c6d9cf}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;color:var(--ink);background:var(--paper);font-family:"DM Sans",Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 44px));margin:auto}.topline{background:#0d1b20;color:#d4dfdb;font-size:12px;letter-spacing:.03em}.topline-inner{display:flex;justify-content:space-between;padding:9px 0}.topline a{color:#e8cda6}.header{position:sticky;top:0;z-index:10;background:rgba(245,244,239,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(20,37,44,.08)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:43px;height:43px;border-radius:5px;background:var(--ink);color:#e8cda6;display:grid;place-items:center;font-family:Manrope,sans-serif;font-weight:800;font-size:15px;letter-spacing:-.08em;border:1px solid #4a5c60}.brand-copy{display:flex;flex-direction:column;line-height:1.12;letter-spacing:.12em}.brand-copy strong{font:800 16px Manrope,sans-serif}.brand-copy small{font-size:10px;letter-spacing:.3em;margin-top:5px}.nav-links{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:600}.nav-links>a:not(.nav-cta){color:#4b5b5e}.nav-links>a:hover,.text-link:hover,.product-link:hover{color:#a6753d}.nav-cta{padding:12px 16px;border:1px solid #b7c0ba;border-radius:3px}.nav-cta span,.button span,.text-link span,.product-link span{margin-left:10px}.menu-toggle{display:none;background:none;border:0;font-size:25px;color:var(--ink)}
.hero{position:relative;background:var(--ink);color:#f5f4ef;overflow:hidden}.hero-grid{position:absolute;inset:0 0 0 45%;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-inner{min-height:600px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;padding-top:52px;padding-bottom:70px;position:relative}.eyebrow,.section-kicker{font-size:10px;font-weight:700;letter-spacing:.2em;color:#a7b8b3;display:flex;align-items:center;gap:12px}.eyebrow-line{width:30px;height:1px;background:var(--accent)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Manrope,sans-serif;letter-spacing:-.055em;line-height:1.1}h1{font-size:clamp(42px,5.3vw,68px);margin:26px 0 22px;font-weight:700}h1 em,h2 em{font-style:normal;color:#d9b888} .hero-content>p{max-width:490px;color:#b8c6c2;font-size:15px;line-height:1.9}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:14px 19px;font-size:12px;font-weight:700;letter-spacing:.025em;border-radius:3px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:#d8b681;color:#14252c}.button-ghost{border:1px solid #647477;color:#f5f4ef}.hero-note{display:flex;align-items:center;gap:10px;font-size:11px;color:#aabbb6;margin-top:35px}.note-dot{width:7px;height:7px;background:#d8b681;border-radius:50%}.hero-visual{height:420px;position:relative;max-width:490px;width:100%;margin:auto}.metal-panel{position:absolute;border:1px solid rgba(231,239,234,.25);background:linear-gradient(135deg,#b8c3bf,#5e6f70 45%,#26383d 46%,#8c9b96);box-shadow:20px 25px 55px #07121666}.panel-back{width:63%;height:72%;top:9%;left:21%;transform:skewY(-10deg) rotate(7deg);opacity:.48}.panel-front{width:53%;height:69%;top:17%;left:30%;transform:skewY(-10deg) rotate(7deg);background:linear-gradient(130deg,#edf0e9,#9faeaa 23%,#687a7a 24%,#c7cfca 52%,#4c5e61 53%,#a9b6b0);opacity:.94}.profile{position:absolute;background:linear-gradient(90deg,#dfe4df,#758583 16%,#c5ceca 30%,#5c6b6b 50%,#d7ded8 72%,#627373);box-shadow:9px 12px 20px #07121688;border:1px solid #dce4de55}.profile-one{height:25px;width:78%;top:34%;left:8%;transform:rotate(-24deg) skewX(-16deg)}.profile-two{height:20px;width:72%;top:56%;left:17%;transform:rotate(22deg) skewX(-16deg)}.profile-three{height:16px;width:56%;top:72%;left:27%;transform:rotate(-25deg) skewX(-16deg)}.circle-detail{position:absolute;width:110px;height:110px;border:18px solid #d3dbd5;outline:2px solid #7c8c89;border-radius:50%;top:34%;left:48%;background:radial-gradient(circle,#172a30 0 25%,#a7b2ac 27% 37%,#506367 39% 100%);box-shadow:10px 15px 25px #07121688}.visual-label{position:absolute;font-size:9px;letter-spacing:.13em;color:#c5d0cb;display:flex;gap:10px;align-items:center}.visual-label span{color:#d8b681}.label-top{top:3%;left:0}.label-bottom{bottom:6%;right:0}.visual-caption{position:absolute;bottom:19%;left:1%;font-size:9px;letter-spacing:.22em;color:#95a6a1;transform:rotate(-90deg);transform-origin:left}.visual-caption b{color:#e3c79b}.hero-bottom{border-top:1px solid #ffffff1c}.hero-bottom-inner{display:flex;align-items:center;gap:20px;padding:18px 0;color:#8fa29d;font-size:9px;letter-spacing:.17em;font-weight:700}.hero-bottom i{width:4px;height:4px;border-radius:50%;background:#d8b681}
.section{padding:105px 0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.section-kicker{color:#9a754a;margin-bottom:19px}.section h2,.contact h2{font-size:clamp(34px,4vw,48px);margin-bottom:0}.intro-copy{padding-top:15px;max-width:500px}.intro-copy p,.section-heading>p,.contact-lead>p{color:var(--muted);font-size:14px;line-height:1.95}.text-link{display:inline-block;font-size:12px;font-weight:700;margin-top:15px;border-bottom:1px solid #c9b99e;padding-bottom:7px}
.products{background:#eaece6}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:42px}.section-heading>p{max-width:330px;margin-bottom:5px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.product-card{background:#f8f8f4;border:1px solid #e0e3dc;transition:transform .25s,box-shadow .25s}.product-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #14252c12}.product-art{height:205px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#fff 0,#e5e8e2 60%,#d6dcd5 100%);display:grid;place-items:center}.art-number{position:absolute;top:14px;left:15px;font-size:10px;letter-spacing:.1em;color:#8b9992}.shape{position:absolute;background:linear-gradient(135deg,#e7ebe5,#7e8c89 28%,#d7ded7 45%,#526465 70%,#c4ccc5);box-shadow:8px 13px 20px #263a4026;border:1px solid #a5b2ab}.shape-a{width:118px;height:118px;transform:rotate(45deg);border-radius:7px}.shape-b{width:65px;height:65px;transform:rotate(45deg);background:linear-gradient(135deg,#f8f9f5,#8a9994);border-radius:4px;box-shadow:inset 0 0 0 12px #677a78}.flange{width:112px;height:112px;border-radius:50%;position:relative;background:linear-gradient(135deg,#e5e9e3,#8a9993 32%,#d5dcd5 55%,#637573);box-shadow:8px 12px 20px #263a4026;border:1px solid #9daaa3}.flange:before{content:"";position:absolute;inset:23px;border:10px solid #7a8a85;border-radius:50%;background:#dfe5de;box-shadow:inset 0 0 0 9px #aab7b0}.flange:after{content:"";position:absolute;inset:39px;border-radius:50%;background:#263a40}.flange i{position:absolute;width:11px;height:11px;border-radius:50%;background:#536663;border:2px solid #d9e0d9;z-index:1}.flange i:nth-child(1){top:12px;left:50px}.flange i:nth-child(2){bottom:12px;left:50px}.flange i:nth-child(3){left:12px;top:50px}.flange i:nth-child(4){right:12px;top:50px}.joint-base{position:absolute;width:100px;height:25px;bottom:54px;border-radius:5px;background:linear-gradient(#dce3dc,#71827d,#bfcac2);transform:rotate(-20deg);box-shadow:5px 9px 15px #263a4025}.joint-arm{position:absolute;width:24px;height:105px;border-radius:5px;top:38px;left:51%;background:linear-gradient(90deg,#687a76,#e3e8e0,#83938d);transform:rotate(35deg);box-shadow:7px 8px 14px #263a4025}.joint-ball{position:absolute;width:48px;height:48px;top:60px;left:40%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#eef1eb,#aab7af 38%,#566965 70%,#d4dbd4);border:1px solid #a3b1a8}.extrusion{height:120px;width:120px;transform:rotate(32deg);display:flex;gap:7px;align-items:center;justify-content:center}.extrusion span{display:block;width:25px;height:110px;border:1px solid #8a9992;background:linear-gradient(90deg,#657774,#e4e9e2 30%,#9aa9a1 55%,#dce2db);box-shadow:6px 8px 14px #263a4020}.product-info{padding:20px 18px 23px}.product-type{font-size:8px;letter-spacing:.13em;color:#9a754a;font-weight:700}.product-info h3{font:700 16px Manrope,sans-serif;letter-spacing:-.03em;margin:9px 0}.product-info p{font-size:11px;color:#7b8983;line-height:1.8;min-height:40px}.product-link{font-size:11px;font-weight:700;border-top:1px solid #e0e3dc;padding-top:13px;display:block}.catalog-note{margin-top:28px;padding:21px 24px;background:#dce4dc;display:flex;align-items:center;gap:16px}.catalog-icon{font-size:26px;color:#9a754a}.catalog-note div{flex:1}.catalog-note strong{font:700 13px Manrope,sans-serif}.catalog-note p{font-size:11px;color:#64746d;margin:4px 0 0}.button-dark{background:var(--ink);color:#f5f4ef}.cta-section{background:#b9c9c0;padding:55px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.section-kicker.light{color:#526963;margin-bottom:10px}.cta-inner h2{font:700 clamp(29px,3.4vw,40px) Manrope,sans-serif;letter-spacing:-.05em;margin-bottom:8px}.cta-inner p{font-size:13px;color:#526963;margin:0}.button-light{background:#f5f4ef;color:var(--ink)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-lead>p{max-width:370px;margin:24px 0}.contact-details{border-top:1px solid var(--line)}.contact-item{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.contact-icon{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border:1px solid #d3d9d1;color:#9a754a;font-size:18px}.contact-item small{font-size:9px;letter-spacing:.17em;font-weight:700;color:#8a9991}.contact-item p{font-size:13px;line-height:1.8;margin:7px 0 0;color:#40534f}.contact-item p a{overflow-wrap:anywhere}.contact-item .text-link{font-size:10px;margin-top:8px}
.footer{background:#0d1b20;color:#c7d1cc;padding:24px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.brand-footer .brand-mark{background:#20343a}.brand-footer .brand-copy strong{color:#f3f2eb}.brand-footer .brand-copy small{color:#9aa9a3}.footer-inner>span,.back-top{font-size:10px;color:#9aa9a3}.back-top{border-bottom:1px solid #566662;padding-bottom:4px}
@media(max-width:900px){.nav-links{gap:16px}.hero-inner{gap:20px;min-height:550px}.hero-visual{transform:scale(.9)}.product-grid{grid-template-columns:repeat(2,1fr)}.intro-grid,.contact-grid{gap:50px}.section{padding:80px 0}}
@media(max-width:680px){.container{width:min(100% - 32px,1160px)}.topline-inner{font-size:10px}.nav{height:72px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:72px;left:0;right:0;background:var(--paper);padding:18px 22px 24px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:16px}.nav-links.open{display:flex}.nav-cta{text-align:center}.hero-inner{grid-template-columns:1fr;padding-top:60px;padding-bottom:25px}.hero-content{position:relative;z-index:2}.hero-visual{height:300px;max-width:360px;width:100%;margin:10px auto 0;transform:none}.panel-back{height:76%}.panel-front{height:72%}.circle-detail{width:82px;height:82px;border-width:13px}.hero-bottom-inner{flex-wrap:wrap;gap:9px 13px;font-size:8px}.hero-bottom-inner i{width:3px;height:3px}.intro-grid,.contact-grid{grid-template-columns:1fr;gap:28px}.intro-copy{padding-top:0}.section-heading{display:block}.section-heading>p{margin-top:22px}.section{padding:68px 0}.product-grid{gap:10px}.product-art{height:150px}.product-info{padding:16px 13px 18px}.product-info h3{font-size:14px}.product-info p{font-size:10px;min-height:58px}.catalog-note{flex-wrap:wrap;padding:18px}.catalog-note div{min-width:calc(100% - 55px)}.catalog-note .button{width:100%}.cta-inner{align-items:flex-start;flex-direction:column}.contact-details{margin-top:8px}.footer-inner{flex-wrap:wrap}.footer-inner>span{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}