:root{--ease:cubic-bezier(.2,0,0,1);--ease-in:cubic-bezier(.05,.7,.1,1)}
html{scroll-padding-top:96px;scroll-padding-bottom:96px}
body{margin:0;background:#FBF6EF}
a{color:#822200}a:hover{color:#AA2800}
a,button,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #822200;outline-offset:3px}
.m-dark a:focus-visible{outline-color:#FBF6EF}
.m-skip{position:absolute;left:16px;top:-80px;z-index:50;background:#1E2B4C;color:#FBF6EF;padding:12px 18px;border-radius:12px;font-weight:600;text-decoration:none}
.m-skip:focus{top:12px;color:#FBF6EF}
.m-header{position:sticky;top:0;z-index:20;background:rgba(251,246,239,.9);-webkit-backdrop-filter:saturate(1.2) blur(12px);backdrop-filter:saturate(1.2) blur(12px);border-bottom:1px solid #E8DAC8}
.m-logo{display:flex;align-items:center;border-radius:8px;transition:opacity 200ms var(--ease)}
.m-logo:hover{opacity:.82}
.m-nav-link{position:relative;color:#1E2B4C;text-decoration:none;padding:12px 2px;font-weight:500;cursor:pointer;transition:color 200ms var(--ease)}
.m-nav-link::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:2px;border-radius:2px;background:#822200;transform:scaleX(0);transform-origin:left center;transition:transform 260ms var(--ease)}
.m-nav-link:hover{color:#1E2B4C}
.m-nav-link:hover::after{transform:scaleX(1)}
.m-nav-link:active{transform:translateY(1px)}
.m-nav-link[aria-current="page"]{color:#822200;font-weight:600}
.m-nav-link[aria-current="page"]::after{transform:scaleX(1)}
.m-btn{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;font-weight:600;font-size:16px;line-height:1.2;text-decoration:none;padding:16px 28px;border-radius:999px;cursor:pointer;transition:transform 200ms var(--ease),background-color 200ms var(--ease),color 200ms var(--ease)}
.m-btn--sm{padding:12px 22px;font-size:14px}
.m-btn--primary{background:#822200;color:#FFFFFF}
.m-btn--primary::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 12px 26px -10px rgba(130,34,0,.6);opacity:0;transition:opacity 200ms var(--ease);z-index:-1}
.m-btn--primary:hover{background:#AA2800;color:#FFFFFF;transform:translateY(-2px)}
.m-btn--primary:hover::after{opacity:1}
.m-btn--ghost{color:#1E2B4C;box-shadow:inset 0 0 0 1.5px #1E2B4C;overflow:hidden}
.m-btn--ghost::before{content:"";position:absolute;inset:0;background:#1E2B4C;transform:scaleY(0);transform-origin:bottom center;transition:transform 260ms var(--ease);z-index:-1}
.m-btn--ghost:hover{color:#FBF6EF}
.m-btn--ghost:hover::before{transform:scaleY(1)}
.m-btn:active{transform:translateY(0) scale(.98);transition-duration:100ms}
.m-arrow{display:inline-block;transition:transform 200ms var(--ease)}
.m-btn:hover .m-arrow,a.m-card:hover .m-arrow{transform:translateX(4px)}
.m-card{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:6px;padding:28px;border-radius:22px;background:#FFFFFF;border:1px solid #E8DAC8;color:#1E2B4C;text-decoration:none;transition:transform 260ms var(--ease),border-color 200ms var(--ease)}
.m-card::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 22px 44px -20px rgba(90,35,10,.38);opacity:0;transition:opacity 260ms var(--ease);z-index:-1}
a.m-card{cursor:pointer}
a.m-card:hover{transform:translateY(-4px);border-color:#D9B79C;color:#1E2B4C}
a.m-card:hover::after{opacity:1}
a.m-card:active{transform:translateY(-1px);transition-duration:100ms}
.m-card-val{font-size:20px;font-weight:600;color:#822200;display:inline-flex;align-items:center;gap:8px}
.m-house{clip-path:polygon(50% 0%,100% 24%,100% 100%,0% 100%,0% 24%)}
.m-flink{position:relative;display:inline-block;color:rgba(251,246,239,.82);text-decoration:none;padding:8px 0;cursor:pointer;transition:color 200ms var(--ease)}
.m-flink::after{content:"";position:absolute;left:0;right:0;bottom:4px;height:2px;border-radius:2px;background:#E9B08C;transform:scaleX(0);transform-origin:left center;transition:transform 260ms var(--ease)}
.m-flink:hover{color:#FBF6EF}
.m-flink:hover::after{transform:scaleX(1)}
.m-flink:active{transform:translateY(1px)}
.m-flink[aria-current="page"]{color:#FBF6EF}
.m-flink[aria-current="page"]::after{transform:scaleX(1)}
.m-ilink{font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;transition:text-underline-offset 200ms var(--ease),color 200ms var(--ease)}
.m-ilink:hover{text-underline-offset:5px}
.m-wa{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:30;display:inline-flex;align-items:center;gap:10px;padding:14px 22px 14px 16px;border-radius:999px;background:#822200;color:#FBF6EF;text-decoration:none;font-weight:600;font-size:15px;box-shadow:0 14px 30px -12px rgba(80,30,10,.6);cursor:pointer;transition:transform 200ms var(--ease),background-color 200ms var(--ease)}
.m-wa:hover{background:#AA2800;color:#FBF6EF;transform:translateY(-2px)}
.m-wa:active{transform:scale(.95);transition-duration:100ms}
.m-wa:focus-visible{outline:2px solid #1E2B4C;outline-offset:3px}
@keyframes m-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes m-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.m-draw [pathLength]{stroke-dasharray:1;stroke-dashoffset:0}
@media (prefers-reduced-motion: no-preference){
html{scroll-behavior:smooth}
.m-enter{animation:m-rise 560ms var(--ease-in) backwards}
.m-d1{animation-delay:80ms}.m-d2{animation-delay:160ms}.m-d3{animation-delay:240ms}.m-d4{animation-delay:320ms}
.m-wa{animation:m-rise 600ms var(--ease-in) 900ms backwards}
@supports (animation-timeline: view()){
.m-rv{animation:m-rise linear backwards;animation-timeline:view();animation-range:entry 0% entry 38%}
.m-rv2{animation:m-rise linear backwards;animation-timeline:view();animation-range:entry 6% entry 44%}
}
@keyframes m-fadein{from{opacity:0}to{opacity:1}}
.m-draw [pathLength]{animation:m-draw 1300ms var(--ease) 400ms backwards}
.m-draw .m-s2{animation-delay:800ms}
.m-draw .m-s3{animation-delay:1200ms}
.m-draw .m-s4{animation-delay:1600ms}
.m-draw .m-s5{animation-delay:2000ms}
.m-draw .m-s6{animation-delay:2400ms}
.m-draw .m-fill{animation:m-fadein 1000ms var(--ease) 1900ms backwards}
}
@media (prefers-reduced-motion: reduce){
*,*::before,*::after{transition-duration:1ms!important;animation:none!important}
.m-btn:hover,.m-btn:active,a.m-card:hover,.m-wa:hover,.m-wa:active{transform:none!important}
}
@media (hover: none){
.m-btn:hover,a.m-card:hover,.m-wa:hover{transform:none}
}