:root{--paper:#f5f6f4;--ink:#202822;--secondary:#46524c;--accent:#194b40;--soft:#e5e8e2;--white:#fff;--dark:#171e1b;--focus:#a5d7c5;--space:clamp(20px,4.2vw,72px);--body:18px;--small:15px;--lead:clamp(20px,1.7vw,24px);--title:clamp(36px,4.25vw,62px);--display:clamp(54px,7.3vw,106px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:var(--body)/1.55 "Segoe UI",Arial,sans-serif}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500;line-height:1.04;letter-spacing:-.045em;text-wrap:balance}h1{font-size:var(--display)}h2{font-size:var(--title)}h3{font-size:clamp(23px,2.15vw,30px);letter-spacing:-.03em}p{text-wrap:pretty}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:5px}img,video{display:block;max-width:100%}img{height:auto}button{color:inherit}.shell{width:calc(100% - var(--space)*2);max-width:1600px;margin-inline:auto}.section{margin-top:clamp(100px,10vw,160px)}.skip{position:fixed;top:-100px;left:20px;background:var(--accent);color:var(--white);padding:14px;z-index:20}.skip:focus{top:12px}.site-header{height:106px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{font-size:30px;font-weight:650;letter-spacing:-1.5px}.wordmark span{font-size:12px;vertical-align:top;display:inline-block;margin:8px 0 0 3px;letter-spacing:0}.site-header nav{display:flex;gap:34px;font-size:16px}.header-contact{font-size:16px;font-weight:600}.header-contact span{margin-left:20px}.hero{background:var(--paper)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:5%;padding-top:24px;padding-bottom:28px;min-height:700px}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-bottom:18px}.hero-lead{font-size:var(--lead);line-height:1.45;max-width:34ch;margin-top:36px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:24px;min-height:56px;background:var(--accent);color:var(--white);padding:15px 24px;border:0;border-radius:3px;font-size:16px;font-weight:600;text-decoration:none;transition:transform .2s ease,background-color .2s ease}.button:hover{background:var(--ink);text-decoration:none;transform:translateY(-2px)}.button:active{transform:translateY(1px)}.hero .button{margin-top:32px}.hero-note{font-size:16px;color:var(--secondary);margin-top:46px;line-height:1.5}.specimen{align-self:center;min-width:0}.specimen-stage{position:relative;background:var(--dark);overflow:hidden;aspect-ratio:1/1}.specimen-stage>img{width:100%;height:100%;object-fit:cover}.specimen-open{position:absolute;bottom:16px;right:16px;display:grid;place-items:center;width:48px;height:48px;background:var(--paper);color:var(--ink);font-size:26px;border-radius:3px}.specimen-caption{padding-top:20px;display:flex;justify-content:space-between;gap:16px;font-size:16px;min-height:74px}.specimen-caption p:first-child{font-weight:600;flex:1}.specimen-caption p:last-child{flex:1;color:var(--secondary)}.specimen-options{display:flex;gap:12px;margin-top:14px}.specimen-options[hidden]{display:none}.specimen-options button{padding:0;background:var(--soft);border:0;border-radius:0;width:65px;height:58px;position:relative;transition:transform .18s}.specimen-options button:hover{transform:translateY(-3px)}.specimen-options button[aria-pressed=true]{outline:3px solid var(--accent);outline-offset:3px}.specimen-options img{width:100%;height:100%;object-fit:cover}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:9%;margin-bottom:44px}.section-heading h2{flex:1}.section-heading>p{width:36%;max-width:38ch;padding-top:8px;color:var(--secondary)}.product-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}.product-panel{min-width:0}.product-photo{display:block;overflow:hidden;background:var(--soft);aspect-ratio:1.04}.product-photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.product-photo:hover img{transform:scale(1.035)}.keycap-panel .product-photo img{object-fit:cover;mix-blend-mode:normal;padding:0}.keycap-panel .product-photo{background:#e2e2d8}.product-description{padding-top:23px;display:flex;align-items:center;justify-content:space-between;gap:16px}.product-description p{font-size:16px;margin-top:10px;color:var(--secondary)}.round-link{display:grid;place-items:center;width:48px;height:48px;flex-shrink:0;background:var(--soft);font-size:25px;border-radius:3px;transition:transform .2s}.round-link:hover{transform:translate(2px,-2px);text-decoration:none}.capability-mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.capability-title{grid-column:span 6;background:var(--soft);padding:44px;display:flex;flex-direction:column;justify-content:center;gap:28px}.capability-title h2{font-size:clamp(34px,3.5vw,52px)}.capability-title p{max-width:38ch}.text-link{display:inline-block;font-size:16px;font-weight:600;padding-block:8px}.text-link span{margin-left:16px}.capability-photo{grid-column:span 6;position:relative;overflow:hidden;background:var(--dark);aspect-ratio:1.15}.capability-photo img{width:100%;height:100%;object-fit:cover}.capability-photo figcaption{position:absolute;bottom:20px;left:24px;right:24px;padding:8px 12px;background:var(--paper);font-size:15px}.process-list,.finish-list{grid-column:span 6;padding:38px;background:var(--accent);color:var(--paper)}.finish-list{background:var(--ink)}.process-list h3,.finish-list h3{margin-bottom:24px}.process-list>p:last-child,.finish-list>p:last-child{font-size:16px;line-height:1.55;margin-top:24px;max-width:49ch}.oem-panel{grid-column:span 12;background:var(--soft);display:flex;align-items:center;gap:44px;padding:24px}.oem-panel>img{width:32%;height:240px;object-fit:contain;mix-blend-mode:multiply}.oem-panel>div{max-width:50ch}.oem-panel p{margin-top:16px}.work-intro{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-bottom:44px}.work-intro p{max-width:38ch;padding-top:8px;color:var(--secondary)}.work-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.work-strip img{width:100%;height:300px;object-fit:cover}.work-strip figure:last-child img{object-position:55% 65%}.work-strip figcaption{padding-top:20px;display:grid;gap:8px;font-size:16px}.work-strip strong{font-weight:600}.work-strip span{color:var(--secondary)}.tool-demo{margin-top:48px;display:grid;grid-template-columns:1.1fr 1fr;background:var(--soft);align-items:center;gap:56px}.tool-demo video{width:100%;height:310px;object-fit:cover}.tool-demo>div{padding:30px 40px 30px 0}.tool-demo p{margin-top:20px;max-width:30ch}.quality{background:var(--soft);padding-block:82px}.quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%}.quality-copy>p{max-width:38ch;margin-top:30px}.quality-copy>img{margin-top:32px;width:100%;height:260px;object-fit:cover}.quality-details{display:grid;gap:28px;padding-top:8px}.quality-details h3{font-size:24px}.quality-details p{margin-top:12px;font-size:16px;max-width:48ch}.documents{margin-top:2px}.contact-panel{background:var(--accent);color:var(--paper);display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;padding:48px;border-radius:3px;align-items:start}.contact-intro{position:sticky;top:40px;align-self:start}.contact-panel>div>p{margin-top:30px;max-width:32ch}.contact form{display:flex;flex-direction:column;align-items:stretch;padding-top:8px;min-width:0}.contact label{font-size:16px;margin-bottom:10px}.contact select,.contact textarea{background:var(--paper);color:var(--ink);border:0;border-radius:3px;width:100%;padding:14px;font-size:16px}.contact select{margin-bottom:24px;min-height:52px}.contact textarea{resize:vertical;min-height:132px}.contact textarea::placeholder{color:var(--secondary);opacity:1}.button-light{background:var(--paper);color:var(--ink);margin-top:24px;align-self:flex-start}.button-light:hover{background:var(--soft);color:var(--ink)}.form-note{font-size:15px;margin-top:12px}.footer{margin-top:72px;padding-bottom:28px}.footer-top{display:grid;grid-template-columns:1.25fr .85fr .95fr 1fr;gap:48px;align-items:start}.footer-brand{min-width:0}.footer-wordmark{display:inline-block;font-size:30px;font-weight:650;letter-spacing:-1.5px;line-height:1.2}.footer-brand p{font-size:var(--body);line-height:1.5;margin-top:20px;max-width:25ch}.footer-top nav{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:16px;min-width:0}.footer-heading{display:block;font-size:16px;font-weight:600;line-height:1.5;margin-bottom:4px}.footer-contact{font-size:16px;min-width:0}.footer-contact p,.footer-contact a{display:block;margin-top:10px;overflow-wrap:anywhere}.footer-contact .footer-heading{margin-bottom:14px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:36px;font-size:var(--small)}.legal{font-size:var(--small);color:var(--secondary)}
@media(min-width:1100px){.specimen{position:sticky;top:24px}.hero-grid{align-items:start}.hero-copy{min-height:680px}}
@media(max-width:1000px){.site-header nav{gap:20px}.hero-grid{gap:5%;min-height:590px}.hero-note{margin-top:30px}.hero-lead{font-size:20px}.hero-copy{justify-content:center}.specimen-caption{flex-direction:column;gap:4px;font-size:15px;min-height:80px}.capability-title{padding:30px}.capability-title p{font-size:16px}.process-list,.finish-list{padding:28px}.work-strip img{height:225px}.tool-demo{gap:30px}.tool-demo>div{padding-right:24px}.contact-panel{padding:40px;gap:6%}.footer-top{grid-template-columns:1fr 1fr;gap:32px 8%}}
@media(max-width:650px){:root{--display:60px;--title:40px;--body:17px}.site-header{height:84px;gap:12px}.wordmark{font-size:27px}.site-header nav{display:none}.header-contact{font-size:15px}.header-contact span{margin-left:10px}.hero-grid{display:flex;flex-direction:column;padding-top:24px;gap:38px;padding-bottom:0}.hero-copy{padding:0;display:block}.hero-lead{margin-top:28px;max-width:31ch;font-size:20px;line-height:1.4}.hero .button{margin-top:26px}.hero-note{display:none}.specimen{width:100%}.specimen-caption{flex-direction:row;min-height:75px;gap:15px;padding-top:17px}.specimen-caption p:last-child{font-size:15px}.specimen-options{margin-top:8px;gap:14px}.specimen-options button{height:55px;width:62px}.section{margin-top:96px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{width:100%;max-width:35ch;margin-top:25px;padding:0}.product-pair{grid-template-columns:1fr;gap:38px}.product-photo{aspect-ratio:1.05}.product-description{padding-top:19px}.product-description h3{font-size:26px}.product-description p{font-size:16px}.capability-mosaic{grid-template-columns:1fr;gap:12px}.capability-mosaic>*{grid-column:1}.capability-title{padding:28px;gap:24px}.capability-title h2{font-size:38px}.capability-title p{font-size:17px}.capability-photo{aspect-ratio:1}.process-list,.finish-list{padding:28px}.process-list h3,.finish-list h3{font-size:26px}.oem-panel{display:block;padding:24px}.oem-panel>img{width:100%;height:240px;margin-bottom:20px}.oem-panel p{font-size:17px}.work-intro{display:block;margin-bottom:28px}.work-intro p{margin-top:25px;padding:0}.work-strip{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:18px}.work-strip figure{min-width:83%;scroll-snap-align:start}.work-strip img{height:270px}.tool-demo{display:block;margin-top:32px}.tool-demo video{height:240px}.tool-demo>div{padding:28px}.quality{padding-block:48px}.quality-grid{display:block}.quality-copy>p{margin-top:25px}.quality-copy>img{height:240px;margin-top:28px}.quality-details{margin-top:38px;gap:28px}.quality-details h3{font-size:24px}.quality-details p{font-size:17px}.contact-panel{display:block;padding:28px}.contact-panel h2{font-size:40px}.contact-panel>div>p{margin-top:25px}.contact form{margin-top:40px}.contact .button{font-size:15px;gap:16px;padding-inline:18px}.footer{margin-top:56px}.footer-top{gap:28px 20px}.footer-brand,.footer-contact{grid-column:1/-1}.footer-brand p{max-width:30ch;margin-top:14px}.footer-top nav{font-size:16px}.footer-contact{display:flex;flex-wrap:wrap;gap:12px 24px}.footer-contact .footer-heading,.footer-contact p{flex-basis:100%;margin:0}.footer-contact a{margin:0}.footer-bottom{align-items:flex-start;flex-direction:column;gap:14px;margin-top:28px}.footer-wordmark{font-size:30px}}
.mobile-menu{display:none}.specimen-stage{aspect-ratio:1.12}.wordmark span{font-size:var(--small)}
.specimen-open,.round-link{font-size:var(--lead)}
.product-description h3,.process-list h3,.finish-list h3,.quality-details h3,.tool-demo h3,.oem-panel h3{font-size:var(--lead)}

@media(prefers-reduced-motion:no-preference){
  [data-reveal].entered{animation:arrive .7s cubic-bezier(.2,.7,.3,1)}
  figure[data-reveal].entered,.specimen[data-reveal].entered{animation:settle .85s cubic-bezier(.2,.7,.3,1)}
  .quality-details>[data-reveal].entered{animation:read-in .65s cubic-bezier(.2,.7,.3,1)}
  .specimen-stage>img{animation:metal-drift 18s ease-in-out infinite alternate}
}
@keyframes arrive{from{opacity:.4;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes settle{from{opacity:.5;transform:scale(.97)}to{opacity:1;transform:scale(1)}}
@keyframes read-in{from{opacity:.45;transform:translateX(16px)}to{opacity:1;transform:none}}
@keyframes metal-drift{from{transform:scale(1)}to{transform:scale(1.035)}}
@media(max-width:650px){
 .mobile-menu{display:block;position:relative;font-size:15px;margin-left:auto}.mobile-menu summary{cursor:pointer;padding:12px 0;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}
 .site-header .mobile-menu nav{position:absolute;right:-80px;top:45px;display:flex;flex-direction:column;gap:8px;background:var(--ink);color:var(--paper);width:240px;padding:20px;z-index:5}.mobile-menu nav a{padding-block:6px}
 .work-strip{display:grid;grid-template-columns:1fr;overflow:visible;gap:32px}.work-strip figure{min-width:0}.work-strip img{height:auto;aspect-ratio:1.3;object-fit:cover}
 .legal{font-size:var(--small)}
}
@media(max-width:359px){:root{--display:50px;--title:36px}.wordmark{font-size:25px}.header-contact,.mobile-menu{font-size:14px}.site-header{gap:10px}.capability-title h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.contact input{display:block;width:100%;min-height:52px;padding:14px;background:var(--paper);color:var(--ink);border:0;border-radius:3px;font-size:16px}.contact input:focus-visible{outline:3px solid var(--focus);outline-offset:5px}.inquiry-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}.inquiry-fields label{display:block}.contact label span{font-size:var(--small);font-weight:400}.contact-page{margin-top:32px}.contact-page h1{font-size:var(--landing-title)}.contact-whatsapp{display:block;font-size:18px;margin-top:18px}.contact-panel .contact-location{margin-top:28px;font-size:var(--small)}
@media(max-width:900px){.inquiry-fields{grid-template-columns:1fr;gap:20px}}
@media(max-width:650px),(max-height:600px){.contact-intro{position:static}}
.contact-page .contact-panel{background:transparent;color:var(--ink);padding:32px 0}.contact-page input,.contact-page textarea{background:var(--soft)}.contact-page .button-light{background:var(--accent);color:var(--paper)}.contact-page .button-light:hover{background:var(--ink)}.contact-page .contact-panel>div>p{max-width:35ch;font-size:var(--lead)}.contact-page .contact-panel .contact-location{font-size:var(--small)}
@media(prefers-reduced-motion:no-preference){.hero-copy>[data-reveal].entered,.contact-page .contact-panel>[data-reveal].entered{animation:visible-arrive .5s ease-out}}
@keyframes visible-arrive{from{transform:translateY(16px)}to{transform:translateY(0)}}
.contact-page input:focus-visible,.contact-page textarea:focus-visible{outline-color:var(--accent)}
.specimen-stage.tool-specimen{background:var(--white)}.specimen-stage.tool-specimen>img{object-fit:contain;animation:none}
.whatsapp-float{position:fixed;right:24px;bottom:24px;bottom:max(24px,env(safe-area-inset-bottom));z-index:10;width:52px;height:52px;display:grid;place-items:center;background:#128c4a;color:var(--white);border-radius:50%;transition:background-color .2s ease,transform .2s ease}.whatsapp-float svg{width:30px;height:32px;fill:currentColor}.whatsapp-float:hover{background:var(--accent);transform:translateY(-2px)}.whatsapp-float:focus-visible{outline-color:var(--accent)}.footer-bottom{padding-right:72px}
@media(max-width:650px){.whatsapp-float{right:16px;bottom:16px;bottom:max(16px,env(safe-area-inset-bottom));width:48px;height:48px}.footer-bottom{padding-right:0;padding-bottom:48px}}

.breadcrumbs{padding-block:8px 16px;font-size:var(--small);color:var(--secondary)}.breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;list-style:none;margin:0;padding:0}.breadcrumbs li{display:flex;align-items:baseline;gap:10px;min-width:0;max-width:100%}.breadcrumbs a,.breadcrumbs [aria-current=page]{overflow-wrap:anywhere}.breadcrumbs [aria-current=page]{color:var(--ink)}.breadcrumb-separator{color:var(--secondary);flex:none}