:root{--ink:#171918;--muted:#626761;--paper:#f3f3ed;--orange:#ff651d;--yellow:#ffc20b;--line:#d7d9d0;--white:#fff;--font:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}img{max-width:100%;display:block}button{border:0}.container{width:min(1280px,calc(100% - 96px));margin-inline:auto}.prototype{background:var(--ink);color:#d7dad4;text-align:center;padding:9px 15px;font-size:10px;letter-spacing:1.3px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;margin-right:7px}.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.97);border-bottom:1px solid #e7e8e0}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:100px;gap:24px}.brand{display:flex;align-items:center;gap:15px}.brand img{width:65px;height:70px;object-fit:contain}.brand>span{font-size:14px;letter-spacing:.5px;line-height:1.5;font-weight:800}.brand small{font-size:10px;letter-spacing:1.7px}nav{display:flex;align-items:center;gap:31px;font-size:12px;font-weight:600}nav>a:not(.nav-cta){padding-block:18px}nav a:hover{color:#bc400a}.nav-cta{border:1px solid var(--ink);padding:15px 18px;display:flex;gap:20px;align-items:center}.nav-cta span{font-size:19px}.menu-toggle{display:none}.hero{position:relative;background:var(--ink);color:white;overflow:hidden}.hero-photo{position:absolute;inset:0 0 0 34%;background:url('../assets/obra-vial.jpg') 57% center/cover no-repeat}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#171918 12%,rgba(23,25,24,.97) 29%,rgba(23,25,24,.65) 48%,rgba(23,25,24,.05) 80%),linear-gradient(0deg,rgba(0,0,0,.75),transparent 35%);pointer-events:none}.hero-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(100% - 1px),#ffffff0a 1px);background-size:100px;z-index:1;pointer-events:none}.hero-inner{position:relative;z-index:2;min-height:650px;display:flex;align-items:center}.hero-copy{padding-block:56px 76px;width:650px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;display:flex;gap:11px;align-items:center;margin:0 0 30px;line-height:1.6}.eyebrow>span{width:19px;height:3px;background:var(--orange);flex-shrink:0}.eyebrow.light{color:#e1e4dc}h1,h2,h3,p{margin-top:0}h1{font-family:Impact,'Arial Narrow',var(--font);font-size:clamp(66px,7.2vw,104px);font-weight:900;line-height:.99;letter-spacing:-1.5px;margin-bottom:28px}h1 em{color:var(--yellow);font-style:normal}.hero-description{max-width:400px;color:#d2d6d0;font-size:15px;line-height:1.8;margin-bottom:30px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:18px 21px;font-size:12px;font-weight:700;line-height:1.3;min-height:50px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:20px;line-height:1}.primary{background:var(--orange);color:#171918}.primary:hover{background:#ff813e}.ghost{border:1px solid #7c8078;background:#17191870;color:white}.ghost:hover{background:#353932}.pending-note{margin:15px 0 0;color:#b4b9b0;font-size:10px}.image-note{position:absolute;right:0;bottom:62px;display:flex;gap:16px;align-items:center;font-size:10px;font-weight:700;letter-spacing:1px}.image-note small{display:block;font-size:9px;font-weight:400;letter-spacing:0;margin-top:9px;color:#e0e4de}.cross{font-size:40px;color:var(--yellow);font-weight:300}.hero-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;border-top:1px solid #ffffff35;font-size:9px;letter-spacing:1.6px;padding-block:21px}.hero-bottom a span{font-size:16px;margin-left:18px}.line-strip{background:var(--yellow)}.line-strip .container{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:66px;font-size:11px;letter-spacing:.8px;font-weight:800}.line-strip b{font-size:27px;font-weight:400;opacity:.45}.section{padding-block:100px}.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:flex-end;margin-bottom:48px}.section-heading .eyebrow{margin-bottom:20px}h2{font-size:clamp(32px,3.6vw,48px);font-weight:700;letter-spacing:-1.9px;line-height:1.12;margin-bottom:0}h2 span{color:#7d837a}.section-heading>p{font-size:14px;max-width:335px;line-height:1.7;color:var(--muted);margin:0}.editorial-note{display:block;font-size:10px;line-height:1.6;margin-top:12px}.product-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.product{position:relative;min-height:360px;overflow:hidden;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 32px;background:#eaece3}.product:nth-child(2),.product:nth-child(3){background:#eff0e9}.product-top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2;margin-bottom:32px}.product-number{font-size:9px;letter-spacing:1.5px;color:#62685e;font-weight:700}.product-mark{font-size:22px}.product h3{position:relative;z-index:2;font-size:34px;line-height:1.05;letter-spacing:-1px;margin-bottom:17px;max-width:65%}.product>p{position:relative;z-index:2;max-width:55%;font-size:12px;color:#61675c;line-height:1.7;margin-bottom:28px}.product-link{position:relative;z-index:2;padding:13px 0 8px;display:flex;gap:25px;background:transparent;color:var(--ink);font-size:11px;font-weight:700;border-bottom:1px solid #91968c}.product-link span{font-size:19px;line-height:.8}.product-link:hover{color:#b33a08;border-color:var(--orange)}.product-visual{position:absolute;right:0;bottom:35px;width:45%;height:235px;pointer-events:none}.visual-road{perspective:450px}.road{width:140px;height:330px;background:linear-gradient(90deg,#242725,#41453f 50%,#252825);transform:rotateX(35deg) rotateZ(28deg);margin-left:35px;box-shadow:14px 8px 0 #b6bbad;border-inline:7px solid #c8cbbb;display:flex;align-items:center;flex-direction:column;gap:25px;padding:25px}.road i{display:block;background:var(--yellow);width:5px;height:60px;flex-shrink:0}.visual-drop{display:grid;place-items:center}.drop{width:115px;height:145px;border-radius:3% 65% 55% 65%;transform:rotate(40deg);background:linear-gradient(125deg,#42473e,#181c19 60%,#555e4b);box-shadow:10px 12px 0 #cdd0c4}.drop-ring{position:absolute;bottom:5px;width:140px;height:35px;border:1px solid #b9beb0;border-radius:50%}.visual-barrel{display:grid;place-items:center}.barrel{width:127px;height:178px;border-radius:50% / 10%;background:linear-gradient(90deg,#d54b11,#ff8730 40%,#e75a14);transform:rotate(-14deg);box-shadow:14px 15px 0 #d5d8cd;display:flex;flex-direction:column;justify-content:space-around;text-align:center;color:#242824;padding:10px 0}.barrel:before,.barrel:after{content:'';position:absolute;left:0;right:0;height:17px;border-radius:50%;border:3px solid #b74712;top:0}.barrel:after{top:auto;bottom:0;border-top:0}.barrel i{height:7px;background:#a53c0c60;box-shadow:0 2px 0 #ffae63}.barrel span{font-size:28px;font-weight:900;line-height:.6}.barrel small{font-size:8px;letter-spacing:1px}.product-machine{background:#292e29 url('../assets/obra-vial.jpg') 74% center/cover!important;color:white}.product-machine:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,20,16,.98),rgba(14,20,16,.75) 45%,rgba(14,20,16,.04))}.product-machine .product-number,.product-machine>p{color:#d5dad0}.product-machine .product-link{color:white}.machine-caption{position:absolute;right:20px;bottom:22px;font-size:8px;letter-spacing:1px;color:#fff}.company{border-top:1px solid var(--line);background:#fff}.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.company-art{background:#f0f1ea;padding:42px 50px 0;position:relative;border:1px solid #e0e2d8}.company-logo{background:white;padding:28px 32px;max-width:360px;margin:auto}.company-logo img{width:100%;height:auto}.art-caption{padding:26px 0;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.5px;font-weight:700}.art-caption>span:last-child{font-size:24px}.company-copy h2{margin-bottom:27px}.company-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);max-width:420px}.verification{display:flex;gap:17px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-block:25px}.verification>span{color:#bd410d;font-size:29px}.verification strong{font-size:11px}.verification p{font-size:11px;color:var(--muted);line-height:1.6;max-width:320px;margin:8px 0 0}.text-link{font-size:12px;font-weight:700;display:inline-flex;gap:35px;align-items:center}.text-link span{font-size:22px}.contact{background:var(--ink);color:white;position:relative;overflow:hidden}.contact:before{content:'';position:absolute;right:-70px;top:-120px;width:380px;height:650px;border-left:1px solid #ffffff0c;border-right:60px solid #ffffff03;transform:rotate(28deg);pointer-events:none}.contact .eyebrow{margin-bottom:35px}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;position:relative}.contact h2{font-family:Impact,'Arial Narrow',var(--font);font-size:clamp(48px,5vw,70px);line-height:1.02;letter-spacing:-.5px;margin-bottom:25px}.contact h2 span{color:var(--yellow)}.contact-grid>div>p{color:#b3baae;font-size:13px;line-height:1.7}.contact-panel{border-top:2px solid var(--orange);padding:27px 0 0}.panel-label{font-size:9px;letter-spacing:1.7px;color:#b3baae}.contact-panel h3{font-size:32px;letter-spacing:-1px;line-height:1.1;margin:20px 0}.contact-panel p{font-size:13px;line-height:1.8;color:#b3baae;max-width:350px;margin-bottom:25px}.contact-panel .button{width:100%}.contact-status{font-size:10px;margin-top:15px;color:#b3baae}.contact-foot{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #ffffff26;padding-top:28px;margin-top:65px;font-size:10px;color:#b3baae}.contact-foot b{display:block;color:white;font-size:12px;margin-top:10px;font-weight:400}footer{background:#10120f;color:#a9b0a2}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:40px}.footer-brand{font-size:30px;font-weight:900;color:white;display:flex;align-items:center;gap:16px}.footer-brand span{font-size:8px;letter-spacing:1px;max-width:140px;line-height:1.7}.footer-top p,.footer-top>a:last-child{font-size:11px;margin:0}.footer-bottom{border-top:1px solid #ffffff1c;padding-block:23px;display:flex;justify-content:space-between;gap:20px;font-size:9px;line-height:1.7}.skip{position:fixed;top:-80px;left:10px;z-index:100;background:var(--yellow);padding:16px}.skip:focus{top:10px}dialog{padding:42px;max-width:min(490px,calc(100% - 32px));border:0;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#101611b8;backdrop-filter:blur(5px)}dialog h2{font-size:32px;margin-bottom:23px;letter-spacing:-1px}dialog p:not(.eyebrow){font-size:14px;line-height:1.7;color:var(--muted)}dialog .eyebrow{margin-bottom:20px;color:#b83b07}.dialog-close{position:absolute;right:14px;top:8px;font-size:30px;background:none;color:var(--ink);width:40px;height:40px}.dialog-interest{border-top:1px solid var(--line);padding-top:20px}.dialog-dismiss{margin-top:8px;width:100%}.noscript{background:var(--yellow);padding:20px;text-align:center}
@media(min-width:1600px){.hero-photo{background-position:center 60%}}
@media(max-width:1100px){.container{width:calc(100% - 64px)}nav{gap:20px}.nav-cta{padding:13px}.brand>span{display:none}.hero-inner{min-height:630px}.image-note{right:0;bottom:35px;max-width:260px}.hero-copy{padding-bottom:100px}.company-grid{gap:45px}.company-art{padding:30px 30px 0}.contact-grid{gap:60px}.product{padding:25px}.product>p{max-width:58%}.product-visual{right:-10px;transform:scale(.9)}}
@media(max-width:900px){.header-inner{min-height:83px}.brand img{width:55px;height:61px}.brand>span{display:block;font-size:12px}.brand small{font-size:8px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;background:none;padding:10px}.menu-toggle span{display:block;height:2px;background:var(--ink);width:24px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:20px 32px 30px;border-bottom:1px solid var(--line);box-shadow:0 12px 16px #0001}nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}nav>a{padding:18px 0;border-bottom:1px solid var(--line)}nav .nav-cta{margin-top:15px;padding:16px;border:1px solid var(--ink)}.hero-photo{inset:0 0 0 20%;background-position:56% center}.hero:after{background:linear-gradient(90deg,#171918 0%,#171918db 30%,#17191835),linear-gradient(0deg,#171918 0%,transparent 40%)}h1{font-size:84px}.hero-copy{padding-block:58px 100px}.hero-bottom>span{display:none}.hero-bottom{justify-content:flex-start}.image-note{max-width:245px;font-size:8px;bottom:35px}.line-strip .container{font-size:9px;gap:12px}.section{padding-block:75px}.section-heading{gap:25px;align-items:flex-start}.section-heading>p{max-width:260px}.product>p{max-width:65%}.product-visual{opacity:.8;right:-45px}.company-grid{gap:35px}.company-copy .eyebrow{font-size:9px}.company-copy h2{font-size:34px}.company-art{padding:20px 20px 0}.company-logo{padding:15px}.contact-grid{gap:45px}.footer-top>p{display:none}}
@media(max-width:600px){html{scroll-padding-top:84px}.container{width:calc(100% - 40px)}.prototype{font-size:8px;padding:8px 10px;letter-spacing:1px}.prototype-detail{display:none}.header-inner{min-height:77px}.brand{gap:11px}.brand img{width:49px;height:56px}.brand>span{font-size:11px}.brand small{font-size:7px;letter-spacing:1.3px}nav{padding-inline:20px}.hero-inner{min-height:690px;align-items:flex-start}.hero-copy{width:100%;padding:39px 0 210px}.eyebrow{font-size:8px;letter-spacing:1.4px;margin-bottom:24px}.hero h1{font-size:clamp(58px,15vw,85px);letter-spacing:-1px;line-height:1;margin-bottom:20px}.hero-description{font-size:13px;max-width:310px;line-height:1.7;margin-bottom:23px}.hero-photo{inset:34% -20% 0 -5%;background-position:60% 80%}.hero:after{background:linear-gradient(180deg,#171918 27%,#171918e8 41%,#17191835 70%,#17191866 84%,#171918 100%),linear-gradient(90deg,#17191888,transparent)}.hero-actions{gap:10px;max-width:340px}.hero-actions .button{padding:15px 17px;gap:12px;font-size:11px}.hero-actions .ghost{background:#171918bb}.pending-note{font-size:9px}.image-note{left:0;bottom:29px;max-width:100%;font-size:9px;gap:12px}.image-note small{font-size:8px}.cross{font-size:30px}.hero-bottom{font-size:8px;padding-block:16px}.line-strip .container{display:grid;grid-template-columns:1fr 1fr;gap:17px 12px;padding-block:21px;font-size:8px;letter-spacing:.4px}.line-strip b{display:none}.line-strip span:before{content:'↗';margin-right:8px}.section{padding-block:58px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:33px;letter-spacing:-1.3px}.section-heading>p{margin-top:23px;max-width:100%;font-size:13px}.editorial-note{font-size:10px}.product-grid{grid-template-columns:1fr}.product{padding:25px;min-height:340px}.product h3{font-size:33px}.product-top{margin-bottom:25px}.product>p{max-width:62%;font-size:12px}.product-visual{right:-3px;transform:scale(.85);opacity:1;bottom:30px}.product-machine{min-height:350px}.company-grid{grid-template-columns:1fr;gap:35px}.company-art{max-width:100%;padding:30px 40px 0}.company-logo{max-width:260px;padding:20px}.art-caption{font-size:8px;padding-block:20px}.company-copy h2{font-size:38px}.company-copy>p:not(.eyebrow){font-size:13px}.contact-grid{grid-template-columns:1fr;gap:35px}.contact h2{font-size:clamp(45px,12vw,64px)}.contact .eyebrow{margin-bottom:28px}.contact-panel h3{font-size:30px}.contact-panel>p{max-width:100%}.contact-foot{display:grid;gap:22px;margin-top:38px;padding-top:25px}.contact-foot>span{display:flex;justify-content:space-between;gap:12px;align-items:center}.contact-foot b{margin:0;font-size:11px}.footer-top{padding-block:30px}.footer-brand{font-size:27px;gap:12px}.footer-brand span{font-size:7px;max-width:120px}.footer-top>a:last-child{font-size:9px}.footer-bottom{display:block;font-size:8px;padding-block:20px}.footer-bottom>span{display:block;margin-bottom:5px}dialog{padding:35px 25px}dialog h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}