/* Footer geometry from Paper 1Z9-0. */
.footer address{font-style:normal;display:flex;flex-direction:column;gap:16px}
.footer-hours p:first-of-type{display:flex;flex-direction:column;gap:8px}
.footer-hours b{font-weight:500}
.social-label{padding:0;background:none;outline:0;border-radius:0;transform:none}
.social-label img{display:block;width:100%;height:100%;object-fit:contain}
.social-buttons .facebook-icon{fill:currentColor;stroke:none;width:16px;height:20px}
.site-nav{position:fixed;top:min(1.66667vw,26.667px);right:max(3.33333vw,calc((100vw - 1600px)/2 + 53.333px));z-index:20;gap:min(1.66667vw,26.667px);padding:3px 9px;border-radius:6px;background:#f2f2f0;transition:opacity .2s ease,visibility .2s ease}
.site-nav a{font-size:clamp(12px,1vw,16px)}
.site-brand{position:fixed;top:min(1.66667vw,26.667px);left:max(3.33333vw,calc((100vw - 1600px)/2 + 53.333px));z-index:20;font-size:clamp(12px,1vw,16px);gap:2px;transition:opacity .2s ease,visibility .2s ease}
.site-brand>img{width:clamp(16px,1.33333vw,21.333px);height:clamp(22px,1.83333vw,29.333px)}
.site-nav[data-at-footer],.site-brand[data-at-footer]{opacity:0;visibility:hidden;pointer-events:none}
.footer-credit{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}
@media(max-width:650px){
 .site-nav{top:20px;right:4vw;gap:clamp(8px,3vw,20px);padding:2px 8px}
 .site-nav a{font-size:10px}
 .site-brand{top:20px;left:4vw;font-size:10px}
 .site-brand>img{width:12px;height:17px}
 .footer-credit{position:static;transform:none;white-space:normal;display:block}
}
@media(min-width:651px){
 .footer h2{font-size:1.16667cqw;font-weight:500;letter-spacing:-.02em;margin-bottom:1.33333cqw}
 .footer p,.footer address{font-size:1cqw;line-height:1.41667;opacity:.8}
 .footer address{gap:1.33333cqw}
 .footer-contact h2{margin-bottom:1.5cqw}
 .footer-hours p:first-of-type{gap:.66667cqw;margin-bottom:2.5cqw}
 .footer-nav a{line-height:1}
 .social-block{left:71.69208cqw;top:18.34508cqw;width:14.07583cqw}
 .social-label{width:14.07583cqw;height:5.98833cqw}
 .social-buttons{position:absolute;top:4.23825cqw;left:2.89125cqw;margin:0}
 .social-buttons .facebook-icon{width:.75cqw;height:1.33333cqw}
 .footer-legal{bottom:2.5cqw}
}
@media(max-width:650px){
 .footer address{gap:8px}
 .social-label{height:34px}
}

/* The same interaction language for mouse, keyboard and touch. */
.concept-record .concept-description{font:500 14px/1.4 'Inter Tight',sans-serif;margin:0;text-align:center}
.concept-record .concept-contact{display:flex;align-items:center;justify-content:center;text-decoration:none}
.concept-record .concept-description{margin-bottom:14px}
.creator-link{color:inherit;text-decoration:none}
.creator-link:hover{color:#ffdaab;text-decoration:underline;text-underline-offset:3px}
.record-status .concept-contact,.concept-inline-status .concept-contact{color:#ffdaab;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.concept-inline-status{font:500 14px/1.5 'Inter Tight',sans-serif}

a,a:hover,a:focus-visible,.footer a:hover{text-decoration:none}
button,a,input{transition:color .2s ease,background-color .2s ease}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.events button:focus-visible,dialog button:focus-visible{outline-color:var(--yellow)}
#newsletter input:focus-visible{outline-offset:3px;box-shadow:0 0 0 6px #4248ff20}
.menu-tabs button{min-height:28px}
.product-view{border-radius:2px}
.product-view .product-photo{transition:filter .3s ease,scale .45s cubic-bezier(.22,1,.36,1)}
.vibe[data-offscreen] .vibe-track,body:has(dialog[open]) .vibe-track{animation-play-state:paused}
@media(hover:hover) and (pointer:fine){
 nav a:hover,.brand:hover,.footer-contact a:hover,.footer-hours a:hover,.footer-legal button:hover,.footer-credit:hover{color:var(--blue)}
 .register:hover,#newsletter button:hover,.record-action.primary:hover,.social-buttons button:hover{background:var(--orange);color:var(--ink)}
 .menu-tabs button:hover{background:var(--orange);color:var(--ink)}
 .menu-tabs button[aria-selected=true]:hover{background:var(--ink);color:var(--yellow)}
 .product-view:hover .product-photo{filter:brightness(1.035);scale:1.025}
 .record-action.calendar:hover{background:var(--orange);color:var(--ink)}
 .record-options button:hover{filter:brightness(.94)}
 .close:hover{color:var(--orange);scale:1.12}
 .vibe-motion:hover{background:var(--blue);color:white}
}
button:active{scale:.97}
.record-options button{position:relative;flex:none;width:44px;height:44px;border:0;outline:none}
.record-colors{gap:0;left:162px;top:391px}
.record-colors button[aria-pressed=true]{border:0;outline:none}
.record-colors button:nth-child(2){margin-left:19px;margin-top:-5px}
.record-colors button:nth-child(3){margin-left:48px;margin-top:-10px}
.record-options:not(.record-colors){right:157px;top:366px}
.record-options:not(.record-colors) button:nth-child(2){margin-left:-13px;margin-top:-3px}
.record-options:not(.record-colors) button:nth-child(3){margin-left:-36px;margin-top:-7px}
.record-options button[aria-pressed=true]::before{content:"";position:absolute;right:-11px;top:50%;translate:0 -50%;width:17px;height:17px;border-radius:50%;background:var(--blue)}
.record-options button[aria-pressed=true]::after{content:"";position:absolute;right:-6px;top:50%;width:8px;height:5px;border-left:1.5px solid white;border-bottom:1.5px solid white;transform:translateY(-70%) rotate(-45deg)}
.record-colors button[aria-pressed=true]::before{left:50%;right:auto;translate:-50% -50%;background:var(--orange)}
.record-colors button[aria-pressed=true]::after{left:50%;right:auto;transform:translate(-50%,-70%) rotate(-45deg)}
.record-options button:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}
@media(min-width:651px) and (max-width:900px){
 .record-colors{left:109px;top:338px}
 .record-options:not(.record-colors){right:104px;top:313px}
}
@media(max-width:650px){
 .record-options,.record-options:not(.record-colors){left:auto;right:auto;top:auto;gap:16px}
 .record-options button:nth-child(n),.record-options:not(.record-colors) button:nth-child(n){margin:0}
}
.product-view:active{scale:.995}
@media(prefers-reduced-motion:no-preference){
 dialog[open]{animation:panel-in .32s cubic-bezier(.22,1,.36,1)}
 dialog[open]::backdrop{animation:backdrop-in .25s ease-out}
 dialog[open] .record-disc{animation:disc-in .7s cubic-bezier(.22,1,.36,1)}
 [role=tabpanel]:not([hidden]){animation:tab-in .3s ease-out}
 @keyframes panel-in{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
 @keyframes backdrop-in{from{opacity:0}to{opacity:1}}
 @keyframes disc-in{from{rotate:-12deg;scale:.96}to{rotate:0deg;scale:1}}
 @keyframes tab-in{from{opacity:.4;translate:0 6px}to{opacity:1;translate:0 0}}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto!important}
 *,*::before,*::after{animation:none!important;transition:none!important}
 button:active,.product-view:active{scale:none}
}