@font-face{font-family:'Jost';font-style:normal;font-weight:300;font-display:swap;src:url('../fonts/jost-light.woff2') format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/jost-regular.woff2') format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/jost-medium.woff2') format('woff2')}
@font-face{font-family:'Jost';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/jost-semibold.woff2') format('woff2')}
body{margin:0;background:#FFFFFF}
html{scroll-behavior:smooth}
a{color:inherit}
a:hover{color:inherit}
.ph{background-color:#DAD6D0;background-image:repeating-linear-gradient(135deg,rgba(40,36,33,0.06) 0 1px,transparent 1px 14px)}
.navl{text-decoration:none;position:relative;padding:8px 0}
.navl::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.navl:hover::after{transform:scaleX(1)}
.btn{transition:background-color .25s ease,color .25s ease,transform .25s ease}
.btn:hover{transform:translateY(-2px)}
.card{transition:box-shadow .35s ease,transform .35s ease}
.card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -22px rgba(40,36,33,0.4)}
.card .zoom{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.card:hover .zoom{transform:scale(1.06)}
.check li{transition:transform .25s ease}
.check li:hover{transform:translateX(4px)}
.rise{animation:rise 1s cubic-bezier(.2,.7,.2,1) both}
@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes kb{from{transform:scale(1.08)}to{transform:scale(1)}}
.kb{animation:kb 9s ease-out both}
@supports (animation-timeline: view()){
.rv{animation:rise linear both;animation-timeline:view();animation-range:entry 0% cover 25%}
}
.pop{animation:pop .35s cubic-bezier(.2,.7,.2,1) both}
@keyframes pop{from{opacity:0;transform:translateY(24px) scale(.985)}to{opacity:1;transform:none}}
.fade{animation:fade .25s ease both}
@keyframes fade{from{opacity:0}to{opacity:1}}
.zoomable img{transition:transform .5s ease}
.zoomable:hover img{transform:scale(1.03)}
@media (max-width: 760px){.hero-scrim{background:rgba(30,27,24,0.66) !important}.modal-outer{padding:12px 8px !important}.modal-pad{padding-left:20px !important;padding-right:20px !important}.modal-pad:first-child{padding-right:76px !important}.lb{padding:72px 8px !important}}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.rise,.rv,.kb,.pop,.fade{animation:none}.card,.btn,.card .zoom,.check li{transition:none}}
.ds h2{margin:24px 0 0;font-size:24px;line-height:1.3;font-weight:300;color:#2A2623}
.ds h3{margin:12px 0 0;font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:#8A837B}
.ds p{margin:0;color:#2A2623}
.ds ul{margin:0;padding-left:20px;color:#2A2623;display:flex;flex-direction:column;gap:4px}
.ds a{color:var(--acc)}
html{scroll-behavior:auto}
[hidden]{display:none !important}