*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#f7f3eb url(/assets/washi.webp) repeat;background-size:1024px;color:#2a2622;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:url(/assets/washi-fiber.webp);background-size:1400px;animation:washiDrift 180s linear infinite;opacity:.9}
@keyframes washiDrift{from{background-position:0 0}to{background-position:1400px 700px}}
@media (prefers-reduced-motion:reduce){body::before{animation:none}html{scroll-behavior:auto}}
a{color:#2a2622;text-decoration:none}a:hover{color:#a8432f}
img{max-width:100%}
input,select,textarea,button{font-family:inherit}
:focus-visible{outline:2px solid #a8432f;outline-offset:3px}
.skip{position:absolute;left:-9999px;top:8px;z-index:99;background:#fff;padding:10px 16px}.skip:focus{left:8px}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.nav-desk{display:flex}.nav-btn{display:none}.nav-mob{display:none}
@media (max-width:1099px){.nav-desk{display:none!important}.nav-btn{display:inline-block}.nav-mob.open{display:flex}}
.nav-desk{white-space:nowrap}header a[href="/"],header a[href="/en/"][aria-label]{flex-shrink:0;white-space:nowrap}
.is-current{color:#a8432f!important}
.h1:hover{transform:translateY(-3px)!important;box-shadow:0 8px 18px rgba(42,38,34,0.22)!important;background:#a8432f!important}
.h2:hover{color:#a8432f!important}
.h3:hover{transform:translateY(-3px)!important;background:#2a2622!important;color:#f2eee5!important}

section[id]{scroll-margin-top:76px}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.h4:hover{transform:translateY(-3px)!important;background:#f2eee5!important;color:#2a2622!important}
.swipe-hint{display:none}
@media (max-width:859px){.swipe-hint{display:flex}}
.swipe-hint.is-hidden{display:none!important}
@keyframes swipeL{0%,100%{transform:translateX(0)}50%{transform:translateX(-10px)}}
.swipe-hint .arr{display:inline-block;animation:swipeL 1.4s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.swipe-hint .arr{animation:none}}
.callbar{display:none}
@media (max-width:859px){.callbar{display:flex;transition:opacity .3s ease,transform .3s ease}.has-callbar{padding-bottom:84px}}
.callbar.is-off{opacity:0;transform:translateY(20px);pointer-events:none}
.nav-mob.open~.callbar{display:none}