:root{--ink:#171614;--muted:#706d68;--line:#ddd9d2;--paper:#f7f6f2;--white:#fff;--cocoa:#8d4e32;--gold:#d59c4b;--soft:#ece8e1;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.site-header{height:76px;padding:0 max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(247,246,242,.94);backdrop-filter:blur(16px);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:11px;font:700 14px "Space Grotesk",sans-serif;letter-spacing:0}.brand em{display:block;color:var(--muted);font-style:normal;font:500 9px "DM Sans",sans-serif;letter-spacing:1.5px;margin-top:2px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;background:var(--ink);color:var(--gold);font:700 18px "Space Grotesk",sans-serif}.header-nav{display:flex;gap:32px;color:var(--muted);font-size:13px}.header-nav a:hover,.back-link:hover{color:var(--cocoa)}.menu-button{display:none;background:none;border:0;padding:8px}.menu-button span{display:block;width:22px;height:1px;background:var(--ink);margin:5px}.home-intro,.catalog,.detail-hero,.adjacent-nav{max-width:var(--max);margin:auto}.home-intro{padding:112px 24px 84px;position:relative}.eyebrow,.section-kicker{color:var(--cocoa);font-size:11px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow-line{width:36px;height:1px;background:var(--gold)}h1,h2{font-family:"Space Grotesk",Arial,sans-serif;letter-spacing:0;margin:0}.home-intro h1{font-size:clamp(48px,7vw,90px);line-height:.98;max-width:800px;margin:22px 0}.home-intro h1 span{color:var(--cocoa)}.intro-copy{max-width:430px;color:var(--muted);line-height:1.7;font-size:16px;margin:0}.intro-meta{display:flex;gap:12px;align-items:center;position:absolute;right:24px;bottom:90px;color:var(--muted);font-size:11px;line-height:1.5;text-transform:uppercase;letter-spacing:1px}.intro-meta strong{font:600 42px "Space Grotesk";color:var(--ink)}.catalog{padding:0 24px 100px}.section-heading{border-top:1px solid var(--line);padding:24px 0 30px;display:flex;justify-content:space-between;align-items:end}.section-heading h2{font-size:34px;margin-top:7px}.section-count{color:var(--muted);font-size:12px}.machine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 22px}.machine-card{display:block}.card-media{height:270px;background:var(--soft);position:relative;overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.machine-card:hover .card-media img{transform:scale(1.045)}.card-arrow{position:absolute;right:14px;top:14px;width:35px;height:35px;display:grid;place-items:center;background:var(--white);font-size:20px;opacity:0;transform:translate(-5px,5px);transition:.25s}.machine-card:hover .card-arrow{opacity:1;transform:none}.card-copy{padding:15px 2px 0}.card-copy h2{font-size:19px;margin-bottom:8px}.card-copy span,.detail-stats{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.detail-hero{padding:35px 24px 80px}.detail-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:62px}.back-link{font-size:13px}.detail-position{font-size:12px;color:var(--muted)}.detail-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.detail-heading h1{font-size:clamp(35px,5vw,66px);line-height:1.05;margin-top:10px}.detail-stats{display:flex;gap:18px}.viewer-stage{height:min(650px,62vw);min-height:420px;background:#1d1b19;position:relative;display:grid;place-items:center;overflow:hidden}.active-media{height:100%;width:100%;display:grid;place-items:center}.active-media img,.active-media video{display:block;width:100%;height:100%;object-fit:contain}.active-media video{background:#111}.viewer-control,.expand-button{position:absolute;border:0;background:rgba(255,255,255,.92);width:42px;height:42px;display:grid;place-items:center;cursor:pointer;font-size:20px;z-index:2;transition:background .2s}.viewer-control:hover,.expand-button:hover{background:var(--gold)}.viewer-prev{left:18px}.viewer-next{right:18px}.expand-button{right:18px;top:18px;font-size:22px}.media-index{position:absolute;bottom:18px;left:18px;color:#fff;font-size:11px;letter-spacing:1px}.thumb-strip{display:flex;gap:8px;overflow-x:auto;padding:14px 0 4px;scrollbar-width:thin}.thumb{border:2px solid transparent;background:var(--soft);padding:0;width:92px;height:70px;min-width:92px;position:relative;cursor:pointer;overflow:hidden}.thumb.active{border-color:var(--gold)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb-video{position:absolute;inset:0;display:grid;place-items:center;background:rgba(20,19,17,.35);color:#fff;font-size:19px}.adjacent-nav{padding:0 24px 90px;border-top:1px solid var(--line);display:flex;justify-content:space-between}.adjacent{padding-top:20px;max-width:45%}.adjacent small{display:block;color:var(--muted);font-size:10px;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:8px}.adjacent strong{font:600 17px "Space Grotesk"}.adjacent-next{text-align:right}.site-footer{border-top:1px solid var(--line);max-width:var(--max);margin:auto;padding:22px 24px 30px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:.5px}.lightbox{position:fixed;inset:0;background:rgba(12,11,10,.96);z-index:20;display:grid;place-items:center;padding:50px}.lightbox-content{max-height:100%;max-width:100%;width:100%;height:100%;display:grid;place-items:center}.lightbox img,.lightbox video{max-width:100%;max-height:100%;object-fit:contain}.lightbox-close{position:absolute;right:22px;top:16px;border:0;background:none;color:#fff;font-size:34px;cursor:pointer}.lightbox[hidden]{display:none}
@media(max-width:760px){.site-header{height:64px;padding:0 18px}.header-nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--paper);padding:18px;flex-direction:column;gap:18px;border-bottom:1px solid var(--line)}.header-nav.open{display:flex}.menu-button{display:block}.home-intro{padding:74px 18px 64px}.home-intro h1{font-size:50px;margin:18px 0}.intro-meta{position:static;margin-top:46px}.catalog{padding:0 18px 70px}.section-heading{align-items:start}.section-heading h2{font-size:29px}.machine-grid{grid-template-columns:1fr;gap:32px}.card-media{height:240px}.detail-hero{padding:25px 18px 55px}.detail-nav{margin-bottom:42px}.detail-heading{display:block}.detail-heading h1{font-size:40px;margin-bottom:18px}.detail-stats{gap:14px}.viewer-stage{height:76vw;min-height:300px}.viewer-control{width:36px;height:36px}.viewer-prev{left:10px}.viewer-next,.expand-button{right:10px}.expand-button{top:10px}.thumb{width:76px;min-width:76px;height:58px}.adjacent-nav{padding:0 18px 65px}.adjacent strong{font-size:14px}.site-footer{padding:20px 18px 28px;gap:20px;line-height:1.5}.site-footer span:last-child{text-align:right}}
 .thumb video{width:100%;height:100%;object-fit:cover;display:block}
/* Keep every media item inside its viewport without cropping. */
.active-media,.lightbox-content{min-width:0;min-height:0}
.active-media img,.active-media video,.lightbox-content img,.lightbox-content video{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.viewer-stage{display:flex;align-items:center;justify-content:center}
.active-media{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;min-width:0;min-height:0}
.active-media img,.active-media video{flex:0 1 auto;min-width:0;min-height:0;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important}
.lightbox-content{position:absolute;inset:50px;display:flex;align-items:center;justify-content:center;width:auto;height:auto;max-width:none;max-height:none;overflow:hidden}
.lightbox-content img,.lightbox-content video{flex:0 1 auto;min-width:0;min-height:0;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important}
.card-media picture,.thumb picture{display:block;width:100%;height:100%}
.active-media picture,.lightbox-content picture{display:flex;align-items:center;justify-content:center;max-width:100%;max-height:100%;width:auto;height:auto;min-width:0;min-height:0}
.active-media picture img,.lightbox-content picture img{display:block;flex:0 1 auto;min-width:0;min-height:0;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain}
/* Product tabs stay visible while customers browse the media gallery. */
.machine-tabs{position:sticky;top:0;z-index:4;border-bottom:1px solid var(--line);background:rgba(247,246,242,.96);backdrop-filter:blur(16px)}
.machine-tabs-inner{max-width:var(--max);margin:auto;display:flex;gap:4px;padding:0 24px;overflow-x:auto;scrollbar-width:none}
.machine-tabs-inner::-webkit-scrollbar{display:none}
.machine-tab{display:flex;align-items:center;min-height:46px;padding:0 13px;white-space:nowrap;color:var(--muted);font-size:12px;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.machine-tab:hover{color:var(--cocoa)}
.machine-tab.active,.machine-tab[aria-current="page"]{color:var(--ink);border-bottom-color:var(--gold);font-weight:700}
.home-tab{color:var(--cocoa)}
.machine-tabs{display:flex;align-items:stretch;width:100%}
.machine-tabs-inner{flex:1;min-width:0;max-width:none;padding:0 12px}
.tabs-scroll{width:44px;min-width:44px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--cocoa);font-size:22px;cursor:pointer}
.tabs-scroll-prev{border-left:0;border-right:1px solid var(--line)}
.tabs-scroll:hover{background:var(--soft)}
.tabs-scroll[hidden]{display:none}
.machine-tabs-inner{justify-content:center}
.machine-tabs-inner.is-overflowing{justify-content:flex-start}