const React = require("react"); function Document({ head, styles, body }) { var lang = "en"; try { var brand = require("/app/data/brand.json"); lang = brand && brand.language === "en" ? "en" : brand && brand.language || "en"; } catch (e) { lang = "en"; } var css = ` html { scroll-behavior: smooth; } body { -webkit-font-smoothing: antialiased; } .header-transparent { background: transparent; transition: background 0.35s ease, box-shadow 0.35s ease; } .header-solid { background: #002040; box-shadow: 0 2px 18px rgba(0,20,40,0.35); } .header-transparent.header-scrolled { background: rgba(0,20,40,0.96); box-shadow: 0 2px 18px rgba(0,0,0,0.28); } .nav-underline { position: relative; } .nav-underline::after { content:''; position:absolute; left:0; bottom:-6px; width:0; height:2px; background:#f57c1f; transition:width .3s ease; } .nav-underline:hover::after { width:100%; } .art-outline { color: transparent; -webkit-text-stroke: 1.5px rgba(255,255,255,0.14); } @media (max-width: 768px) { .art-outline { -webkit-text-stroke: 1px rgba(255,255,255,0.12); } } .card-lift { transition: transform .4s cubic-bezier(.2,.7,.3,1), box-shadow .4s ease; } .card-lift:hover { transform: translateY(-8px); } .clip-diagonal { clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%); } ::selection { background: #f57c1f; color: #fff; } `; return ` ${head || ""}

Contact HOKA

Send Us a Message

Get in Touch