@font-face{font-family:'Archivo';font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../fonts/archivo-latin-ext-wdth-normal.woff2) format('woff2-variations');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Archivo';font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../fonts/archivo-latin-wdth-normal.woff2) format('woff2-variations');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
body{margin:0;background:#FAF6EE;color:#23261F;font-family:'Archivo',ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
a{color:#B5562F}a:hover{color:#8E3F1E}
.h{font-stretch:122%;letter-spacing:-.02em}
.eb{font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase}
.btn{transition:transform .25s ease,box-shadow .25s ease,background .25s ease,color .25s ease,border-color .25s ease}
.btn:hover{transform:translateY(-2px)}
.btn-o:hover{box-shadow:0 14px 28px -14px rgba(221,165,63,.95)}
.btn-v:hover{box-shadow:0 14px 28px -16px rgba(38,51,42,.8)}
.zoom{overflow:hidden}
.zoom img{transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.zoom:hover img{transform:scale(1.05)}
.card{transition:transform .35s ease,box-shadow .35s ease,background .35s ease}
.card:hover{transform:translateY(-4px);box-shadow:0 24px 44px -30px rgba(38,51,42,.5)}
.ico{transition:transform .5s cubic-bezier(.3,1.6,.5,1)}
.card:hover .ico{transform:translateY(-3px) rotate(-8deg)}
.navl{color:inherit;text-decoration:none;font-size:14px;font-weight:500;position:relative;padding:6px 0}
.navl::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.navl:hover{color:inherit}.navl:hover::after{transform:scaleX(1)}
.fbtn{transition:background .25s ease}
.fbtn:hover{background:rgba(250,246,238,.07)!important}
.day{background:transparent}
.day:hover{background:#EFE3C8}
.tab{transition:background .3s ease,color .3s ease,border-color .3s ease,transform .3s ease}
.tab:hover{transform:translateY(-2px)}
.thumb{transition:opacity .3s ease,border-color .3s ease}
.thumb:hover{opacity:1!important}
.ld{animation:rvIn 1s cubic-bezier(.2,.7,.2,1) both}
.pan{animation:pan 32s ease-in-out infinite alternate}
.drawload{stroke-dasharray:1;stroke-dashoffset:1;animation:drawIn 2.8s .4s cubic-bezier(.6,.1,.2,1) forwards}
.pop-in{animation:popIn .45s cubic-bezier(.2,.8,.2,1) both}
.fade-in{animation:fadeIn .3s ease both}
.steam{animation:steam 2.6s ease-in-out infinite}
.flick{transform-origin:50% 85%;animation:flick 1.8s ease-in-out infinite}
.wag{transform-origin:50% 80%;animation:wag 2.8s ease-in-out infinite}
.pulse{animation:pulse 2.6s ease-out infinite}
.dash{stroke-dasharray:7 9;animation:dash 1.4s linear infinite}
.float{animation:float 4s ease-in-out infinite}
.bar{transform-origin:left center}
.dot{transform-box:fill-box;transform-origin:center}
@keyframes rvIn{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes popIn{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}
@keyframes pan{from{transform:scale(1.1) translateX(1.5%)}to{transform:scale(1.1) translateX(-3.5%)}}
@keyframes drawIn{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes steam{0%{opacity:0;transform:translateY(4px)}40%{opacity:1}100%{opacity:0;transform:translateY(-8px)}}
@keyframes flick{0%,100%{transform:scale(1) rotate(0)}30%{transform:scale(1.06,.95) rotate(-2deg)}60%{transform:scale(.96,1.05) rotate(2deg)}}
@keyframes wag{0%,100%{transform:rotate(0)}15%{transform:rotate(-10deg)}30%{transform:rotate(8deg)}45%{transform:rotate(0)}}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(221,165,63,.6)}100%{box-shadow:0 0 0 18px rgba(221,165,63,0)}}
@keyframes dash{to{stroke-dashoffset:-16}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes popDot{from{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}
@supports (animation-timeline: view()){
.rv{animation:rvIn linear both;animation-timeline:view();animation-range:entry 0% entry 60%}
.drawv{stroke-dasharray:1;animation:drawIn linear both;animation-timeline:view();animation-range:entry 10% cover 45%}
.bar{animation:grow linear both;animation-timeline:view();animation-range:entry 10% cover 40%}
.dot{animation:popDot linear both;animation-timeline:view()}
}
@media (max-width:960px){.r-grid{grid-template-columns:1fr!important}.hide-sm{display:none!important}.r-h1{font-size:44px!important}.r-h2{font-size:32px!important}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.drawload,.drawv{stroke-dashoffset:0!important}}
.hs{scrollbar-width:none;-ms-overflow-style:none}
.hs::-webkit-scrollbar{display:none}
.sheet{animation:sheetUp .45s cubic-bezier(.2,.8,.2,1) both}
.ml{animation:mlIn .6s cubic-bezier(.2,.7,.2,1) both}
.tap{transition:transform .2s ease,background .25s ease,color .25s ease,border-color .25s ease}
.tap:active{transform:scale(.96)}
.fx{position:fixed;left:0;right:0;margin:0 auto;width:100%;max-width:720px}
@keyframes sheetUp{from{transform:translateY(100%)}to{transform:none}}
@keyframes mlIn{from{opacity:0;transform:translateX(-22px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.sheet,.ml{animation:none!important}}

#app{min-height:100vh}
.noscript{max-width:640px;margin:0 auto;padding:48px 24px;font-family:'Archivo',system-ui,sans-serif;color:#23261F;line-height:1.6}
.noscript a{color:#B5562F}
