*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#EFE6D6;color:#2E211A;font-family:'Libre Caslon Text',Georgia,'Times New Roman',serif;font-size:18px;line-height:28px}
a{color:#2E211A}a:hover{color:#7A3F3A}
a:focus-visible,button:focus-visible,.bd-belt:focus-visible{outline:3px solid #2E211A;outline-offset:3px;border-radius:4px}
.page{min-height: 100vh;box-sizing: border-box;background: #EFE6D6;color: #2E211A;font-family: 'Libre Caslon Text', Georgia, 'Times New Roman', serif;font-size: 18px;line-height: 28px;padding: 48px 24px 56px;display: flex;flex-direction: column;align-items: center;gap: 28px;text-align: center}
.skip{position:absolute;left:-999px;top:8px;background:#FBF5EA;padding:8px 12px}
.skip:focus{left:8px}
.plain{max-width:640px;margin:0 auto;padding:48px 24px 56px;text-align:left}
.plain h1{font-family:'Libre Caslon Display','Libre Caslon Text',Georgia,serif;font-weight:400;font-size:clamp(32px,6vw,44px);line-height:1.1;margin:24px 0 16px}
.plain h2{font-family:'Libre Caslon Display','Libre Caslon Text',Georgia,serif;font-weight:400;font-size:26px;line-height:1.2;margin:32px 0 8px}
.plain p,.plain li{margin:0 0 12px}
.label{margin:0;font-size:13px;line-height:16px;letter-spacing:.18em;text-transform:uppercase;color:#6A5546}
.foot{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 24px;font-size:15px;line-height:20px}
.foot a{display:inline-block;padding:10px 4px;color:#6A5546}
@media (max-width:520px){.bd-keybtn{left:auto!important;right:-6px}}
@keyframes bdRise{from{opacity:0;transform:translateX(-50%) translateY(18%)}to{opacity:1;transform:translateX(-50%) translateY(0)}}
@keyframes bdTurnA{from{transform:rotateY(0deg)}to{transform:rotateY(2160deg)}}
@keyframes bdTurnB{from{transform:rotateY(0deg)}to{transform:rotateY(2160deg)}}
@keyframes bdKeyA{from{transform:rotateX(0deg)}to{transform:rotateX(1080deg)}}
@keyframes bdKeyB{from{transform:rotateX(0deg)}to{transform:rotateX(1080deg)}}
.bd-rise{animation:bdRise 1.4s ease-out both}
.bd-a{animation:bdTurnA 10s cubic-bezier(.1,.55,.2,1) .6s both}
.bd-b{animation:bdTurnB 10s cubic-bezier(.1,.55,.2,1) both}
.bd-key-a{animation:bdKeyA 1.6s ease-in-out both}
.bd-key-b{animation:bdKeyB 1.6s ease-in-out both}
@keyframes bdSway{0%{transform:rotate(0deg)}25%{transform:rotate(2.5deg)}75%{transform:rotate(-2.5deg)}100%{transform:rotate(0deg)}}
.bd-sway{animation:bdSway 3.2s ease-in-out 3}
.bd-swing{transform-origin:50% 0;transition:transform .9s cubic-bezier(.3,1.7,.5,1)}
.bd-hang:hover .bd-swing,.bd-hang:active .bd-swing{transform:rotate(7deg)}
.bd-lid{transition:transform .25s ease-out;transform-origin:0 100%}
.bd-box:hover .bd-lid,.bd-box:active .bd-lid{transform:translateY(-7px) rotate(-5deg)}
@keyframes bdBelt{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.bd-belt{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.bd-belt{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}
.bd-belt-track{display:flex;width:max-content;will-change:transform}
@keyframes bdWordA{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@keyframes bdWordB{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.bd-word-a{animation:bdWordA .5s ease-out both}
.bd-word-b{animation:bdWordB .5s ease-out both}
@media (prefers-reduced-motion: reduce){.bd-word-a,.bd-word-b{animation:none}.bd-rise,.bd-a,.bd-b,.bd-key-a,.bd-key-b,.bd-sway{animation:none}.bd-lid,.bd-swing{transition:none}}