:root{--ink:#262730;--muted:#72727a;--line:#ececf0;--blue:#66b8dc;--header:78px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,'Helvetica Neue',sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;height:auto;display:block}a:focus-visible,button:focus-visible{outline:3px solid #7968bf;outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}.site-header{height:var(--header);position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid #f5f5f5}.nav-wrap{max-width:1440px;padding:0 40px;margin:auto;height:100%;display:flex;align-items:center;gap:110px}.brand{width:180px;flex-shrink:0}.brand img{width:100%}nav{display:flex;align-items:center;gap:48px;height:100%}nav>a,.product-nav>a{font-size:13px;font-weight:600;letter-spacing:.02em;position:relative}nav a[aria-current=page]{color:#559bc1}nav a:hover{color:#559bc1}.product-nav{display:flex;align-items:center;position:relative;height:100%;gap:3px}.submenu-toggle{border:0;background:transparent;padding:8px 6px;cursor:pointer}.submenu{position:absolute;top:100%;left:-24px;min-width:235px;padding:15px 0;background:white;box-shadow:0 8px 20px #20203012;visibility:hidden;opacity:0;transition:opacity .2s}.submenu a{display:block;padding:12px 24px;font-size:13px}.menu-toggle{display:none}.banner{margin:0;width:100%;overflow:hidden}.banner img{width:100%;height:auto}.banner a{display:block}.home-gallery{max-width:2011px;width:63%;margin:50px auto 0}.color-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0 80px}.color-grid img{width:100%;transition:transform .5s}.color-grid a{overflow:hidden}.color-grid a:hover img{transform:scale(1.025)}.details{max-width:1681px;width:53%;margin:60px auto}.details>img{width:100%}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.detail-grid img{width:100%;height:auto}.details>img+.detail-grid{margin-top:16px}.intro{max-width:900px;padding:0 28px;margin:100px auto;text-align:center}.eyebrow{font-size:11px;font-weight:600;letter-spacing:.16em;color:var(--muted);margin:0 0 18px}h1{font-size:32px;line-height:1.4;font-weight:500;margin:0 0 22px}p{margin:0 0 24px}.intro>p:not(.eyebrow){color:var(--muted);max-width:700px;margin:0 auto 25px}.text-link{display:inline-block;border-bottom:1px solid #9b8db8;padding-bottom:5px;font-size:14px}.text-link span{padding-left:20px}.product-bar{max-width:1440px;margin:auto;padding:22px 40px;display:flex;justify-content:space-between;align-items:center}.product-bar strong{font-size:18px;font-weight:500}.product-bar div{display:flex;align-items:center;gap:25px}.product-bar div>span{font-size:13px;color:var(--muted)}.product-bar>a{font-size:13px}.product-bar>a>span{margin-left:20px}.page-heading{text-align:center;padding:80px 24px 55px}.page-heading p{color:var(--muted)}.product-card{max-width:1440px;width:90%;margin:0 auto 55px;background:#f8f8fa}.product-card img{width:100%}.product-card a>div{padding:25px 35px;position:relative}.product-card h2{font-size:24px;font-weight:500;margin:0}.product-card p{color:var(--muted);margin:4px 0 0}.product-card span{position:absolute;right:35px;top:40px;font-size:14px}.secondary-link{display:block;font-size:13px;color:var(--muted);margin-top:25px}.contact{text-align:center;max-width:1100px;margin:85px auto 100px;padding:0 24px}.contact>p{color:var(--muted)}.qr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin:55px auto 35px;max-width:850px}.qr-grid figure{margin:0}.qr-grid img{width:100%;max-width:220px;margin:auto}.qr-grid figcaption{font-size:15px;font-weight:500;margin-top:10px}.qr-hint{font-size:12px}.error-page{min-height:55vh}footer{background:#f9f9fa;margin-top:80px}.footer-inner{max-width:1440px;padding:60px 40px 65px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:60px}.footer-brand{width:220px;align-self:start}.footer-brand img{width:185px;mix-blend-mode:multiply}.footer-brand span{display:block;margin:0 0 0 40px;font-size:7px;font-weight:600;letter-spacing:.03em}.footer-inner h2{font-size:11px;font-weight:500;color:#53535b;margin:0 0 20px}.footer-inner>div>a{font-size:12px;display:block;color:#77777e;margin:9px 0}.copyright{border-top:1px solid #dedee2;padding:17px max(40px,calc((100vw - 1360px)/2));font-size:11px;color:#85858b}
@media(min-width:2200px){.nav-wrap{max-width:1900px}.home-gallery{margin-top:50px}}
@media(max-width:1000px){.nav-wrap{gap:60px;padding:0 28px}.home-gallery{width:82%}.details{width:72%}.footer-inner{gap:35px}}
@media(max-width:640px){:root{--header:64px}.nav-wrap{padding:0 20px;justify-content:space-between}.brand{width:150px}.menu-toggle{display:flex;flex-direction:column;gap:6px;padding:14px 0 14px 18px;background:none;border:0;cursor:pointer}.menu-toggle span{height:1px;width:24px;background:#333}nav{display:none;position:absolute;left:0;right:0;top:64px;background:white;height:auto;padding:14px 24px 26px;border-bottom:1px solid var(--line);gap:0}nav.visible{display:flex;flex-direction:column;align-items:stretch}nav>a,.product-nav>a{padding:16px 0;font-size:13px}.product-nav{flex-wrap:wrap;height:auto;justify-content:space-between}.submenu{display:none;position:static;box-shadow:none;width:100%;opacity:1;visibility:visible;padding:0 0 8px}.submenu a{padding:10px 15px}.banner img{min-height:0}.home-gallery{width:calc(100% - 28px);margin-top:18px}.color-grid{gap:8px;margin:10px 0 32px}.details{width:calc(100% - 32px);margin:28px auto}.detail-grid{gap:16px;grid-template-columns:1fr}.details>img+.detail-grid{margin-top:8px}.intro{margin:55px auto;padding:0 24px}h1{font-size:25px}.intro>p:not(.eyebrow){font-size:14px}.product-bar{padding:14px 18px;gap:15px}.product-bar div{display:block}.product-bar strong{font-size:16px}.product-bar div>span{display:block;font-size:11px}.product-bar>a{font-size:12px}.product-bar>a>span{margin-left:5px}.page-heading{padding:55px 24px 30px}.product-card{width:calc(100% - 28px);margin-bottom:25px}.product-card a>div{padding:18px 20px}.product-card h2{font-size:21px}.product-card span{position:static;display:block;margin-top:14px}.product-card p{font-size:13px}.contact{margin:45px auto 55px}.contact h1{font-size:24px}.contact>p{font-size:14px}.qr-grid{gap:20px;grid-template-columns:1fr;margin:30px auto;max-width:220px}.qr-grid img{max-width:190px}.qr-grid figcaption{margin:0}.qr-grid figure{padding-bottom:15px}.contact .qr-hint{font-size:12px}.footer-inner{padding:35px 24px;grid-template-columns:1fr 1fr;gap:32px 20px}.footer-brand{grid-column:1/-1;width:190px}.footer-inner h2{margin-bottom:14px}footer{margin-top:40px}.copyright{padding:16px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Product preview panel */
.product-nav > a[aria-expanded="true"] {
  color: #559bc1;
}

.submenu {
  position: fixed;
  inset: var(--header) 0 auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 240px));
  justify-content: center;
  gap: 14px 40px;
  padding: 26px 24px 22px;
  border-top: 1px solid var(--line);
  background: #fff;
  box-shadow: 0 12px 26px #20203010;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-8px);
  transition: opacity .18s ease, transform .24s ease, visibility .24s;
}

.product-nav.open .submenu {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

.submenu a {
  padding: 0;
  text-align: center;
  color: var(--ink);
}

.submenu img {
  width: 100%;
  margin-bottom: 12px;
  transition: transform .28s ease;
}

.submenu a:hover img {
  transform: scale(1.035);
}

.preview-series {
  display: block;
  margin-bottom: 2px;
  color: var(--muted);
  font-size: 10px;
  letter-spacing: .12em;
}

.submenu strong {
  font-size: 14px;
  font-weight: 600;
}

.submenu .all-products {
  grid-column: 1 / -1;
  justify-self: center;
  font-size: 12px;
  padding: 6px 0;
}

@media (max-width: 640px) {
  .submenu {
    display: none;
    position: static;
    min-width: 0;
    width: 100%;
    padding: 16px 0 0;
    gap: 12px;
    box-shadow: none;
    transform: none;
  }

  .product-nav.open .submenu {
    display: grid;
  }

  .submenu img {
    margin-bottom: 8px;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .product-detail > .banner:first-child img {
    animation: product-arrival .52s ease-out both;
  }

  .product-detail .detail-enter {
    animation: detail-arrival .56s ease-out both;
  }

  @keyframes product-arrival {
    from { opacity: .65; transform: scale(1.018); }
    to { opacity: 1; transform: scale(1); }
  }

  @keyframes detail-arrival {
    from { opacity: .6; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
  }
}

@media (prefers-reduced-motion: reduce) {
  .submenu,
  .submenu a:hover img {
    transform: none;
  }
}