body{margin:0;font-family:'Manrope',system-ui,sans-serif;background:#FBF8F3;color:#2F3A37;-webkit-font-smoothing:antialiased}
a{color:#8E5543}a:hover{color:#6F3F31}
h1,h2,h3,p{text-wrap:pretty}
input,select,textarea,button{font-family:'Manrope',system-ui,sans-serif}
:root{--ease:cubic-bezier(.2,.7,.2,1)}
a,button{transition:color .3s var(--ease),background-color .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease),box-shadow .3s var(--ease),filter .3s var(--ease)}
:focus-visible{outline:2px solid #8E5543;outline-offset:3px}
input:focus,select:focus,textarea:focus{outline:none;border-bottom-color:#8E5543 !important;box-shadow:0 1px 0 #8E5543}
.btn-p:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(63,87,82,.24);filter:brightness(1.05)}
.btn-g:hover{background-color:rgba(243,238,228,.14);border-color:rgba(243,238,228,.85) !important}
.btn-d:hover{background-color:#2F4540 !important;transform:translateY(-1px)}
.nav-a{background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;padding-bottom:4px;transition:background-size .45s var(--ease),color .3s var(--ease)}
.nav-a:hover{background-size:100% 1px;color:#F0D2B4 !important}
.row-link{transition:background-color .45s var(--ease),padding .45s var(--ease)}
.row-link:hover{background-color:rgba(255,255,255,.6);padding-left:28px !important;padding-right:28px !important}
.row-arrow{transition:background-color .45s var(--ease),color .45s var(--ease),transform .45s var(--ease),border-color .45s var(--ease)}
.row-link:hover .row-arrow{background-color:#3F5752;color:#F3EEE4 !important;border-color:#3F5752 !important;transform:rotate(45deg)}
.art-img{overflow:hidden}
.art-img svg{transition:transform .9s var(--ease)}
.card:hover .art-img svg{transform:scale(1.14) rotate(8deg)}
.card h3{transition:color .3s var(--ease)}
.card:hover h3{color:#8E5543}
.arrow-link svg{transition:transform .35s var(--ease)}
.arrow-link:hover svg{transform:translateX(6px)}
.rev-card{transition:box-shadow .45s var(--ease),border-color .45s var(--ease)}
.rev-card:hover{box-shadow:0 22px 44px rgba(63,87,82,.12);border-color:#D8CFC3 !important}
.faq-btn:hover span{color:#8E5543}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}
@keyframes fadeIn{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}
@keyframes drift{from{transform:translateY(0)}to{transform:translateY(-16px)}}
@keyframes rise{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){
.hero-in>*{animation:fadeUp 1.05s var(--ease) both}
.hero-in>:nth-child(2){animation-delay:.1s}.hero-in>:nth-child(3){animation-delay:.2s}.hero-in>:nth-child(4){animation-delay:.32s}.hero-in>:nth-child(5){animation-delay:.44s}.hero-in>:nth-child(6){animation-delay:.56s}
.hero-fig{animation:fadeIn 1.4s var(--ease) .35s both}
.drift{animation:drift 16s ease-in-out infinite alternate}
@supports (animation-timeline:view()){.reveal,.row-link,.card,.rev-card{animation:rise linear both;animation-timeline:view();animation-range:entry 0% cover 22%}}
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:#FBF8F3}
img,svg{max-width:100%}
.v-m{display:none}
@media (max-width:1100px){.v-d{display:none}.v-m{display:block}}
details.faq-item summary::-webkit-details-marker{display:none}
.faq-icon{width:20px;height:20px;flex-shrink:0;position:relative}
.faq-icon::before,.faq-icon::after{content:"";position:absolute;left:3px;right:3px;top:9.5px;height:1.3px;background:#2F3A37;transition:transform .35s var(--ease)}
.faq-icon::after{transform:rotate(90deg)}
details[open] .faq-icon::after{transform:rotate(0)}