body{margin:0;background:#FFFFFF}
a{color:#1D2330}a:hover{color:#000}
.btn{display:inline-block;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .38s cubic-bezier(.34,1.9,.5,1)}
@media (min-width:1024px) and (hover:hover){
.btn-dark:hover{background-color:#F9F6F3 !important;color:#1D2330 !important;box-shadow:inset 0 0 0 2px #1D2330;transform:translateY(-2px) scale(1.04)}
.btn-light:hover{background-color:#1D2330 !important;color:#F9F6F3 !important;transform:translateY(-2px) scale(1.04)}
.btn:active{transform:scale(.97)}
}
@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1;transform:scale(1.06)}100%{opacity:1;transform:none}}
header{animation:rise .6s cubic-bezier(.2,.8,.2,1) both}
#top > div:first-child > *{animation:rise .7s cubic-bezier(.2,.8,.2,1) both}
#top > div:first-child > :nth-child(1){animation-delay:.1s}
#top > div:first-child > :nth-child(2){animation-delay:.2s}
#top > div:first-child > :nth-child(3){animation-delay:.3s}
#top > div:first-child > :nth-child(4){animation-delay:.4s}
#top > div:nth-child(2) > div > *{animation:pop .6s cubic-bezier(.34,1.6,.5,1) both}
#top > div:nth-child(2) > div > :nth-child(1){animation-duration:.8s;animation-delay:.25s}
#top > div:nth-child(2) > div > :nth-child(2){animation-delay:.7s}
#top > div:nth-child(2) > div > :nth-child(3){animation-delay:.8s}
#top > div:nth-child(2) > div > :nth-child(4){animation-delay:.9s}
#top > div:nth-child(2) > div > :nth-child(5){animation-delay:1s}
#top > div:nth-child(2) > div > :nth-child(6){animation-delay:1.1s}
.rv-on .rv{opacity:0;transform:translateY(32px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}
.rv-on .rv.is-in{opacity:1;transform:none}
.rv-on .rv:nth-child(2){transition-delay:.09s}
.rv-on .rv:nth-child(3){transition-delay:.18s}
.rv-on .rv:nth-child(4){transition-delay:.27s}
.wave{position:absolute;overflow:hidden;height:16px;pointer-events:none}
.wave svg{display:block;transform:translateX(var(--wave,0px));will-change:transform}
.hl{background-repeat:no-repeat;background-size:100% 100%;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.rv-on .draw > *{stroke-dasharray:1 1;stroke-dashoffset:1;transition:stroke-dashoffset 1s cubic-bezier(.65,0,.25,1) .35s}
.rv-on .is-in .draw > *,.rv-on .draw.is-in > *{stroke-dashoffset:0}
.rv-on .wave{clip-path:inset(0 100% 0 0);transition:clip-path .9s cubic-bezier(.65,0,.25,1) .45s}
.rv-on .is-in .wave,.rv-on .wave.is-in{clip-path:inset(0 0 0 0)}
.rv-on .hl{background-size:0% 100%;transition:background-size .75s cubic-bezier(.65,0,.25,1) .3s}
.rv-on .is-in .hl{background-size:100% 100%}
.rv-on .wipe{clip-path:inset(-12px 100% -12px -12px);transition:clip-path .7s cubic-bezier(.65,0,.25,1) .7s}
.rv-on .is-in .wipe{clip-path:inset(-12px -12px -12px -12px)}
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px}
.b1{grid-column:span 7;grid-row:span 2}
.b2,.b3,.b4{grid-column:span 5}
.b5{grid-column:span 7}
@media (max-width:900px){.bento > *{grid-column:1 / -1;grid-row:auto}}
.burger{display:none}
.bl{display:block;width:20px;height:2.5px;border-radius:2px;background:#1D2330;transition:transform .3s cubic-bezier(.34,1.5,.5,1),opacity .2s ease}
.burger.open .bl:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.burger.open .bl:nth-child(2){opacity:0}
.burger.open .bl:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.mpanel{display:none;position:absolute;top:calc(100% + 10px);left:0;right:0;flex-direction:column;gap:4px;padding:12px;border-radius:28px;background:#FFFFFF;box-shadow:0 16px 40px rgba(29,35,48,0.14);opacity:0;transform:translateY(-8px) scale(.98);transform-origin:top center;pointer-events:none;visibility:hidden;transition:opacity .2s ease,transform .3s cubic-bezier(.34,1.4,.5,1),visibility 0s linear .3s}
.mpanel.open{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .2s ease,transform .3s cubic-bezier(.34,1.4,.5,1),visibility 0s}
@media (max-width:1023px){.desk-nav{display:none !important}.burger{display:flex}.mpanel{display:flex}}
html{scroll-behavior:smooth}
section{scroll-margin-top:110px}
.navl{transition:background-color .25s ease,color .25s ease}
.navl:hover{background-color:#F1ECE6}
.navl.is-active{background-color:#E9E2DA}
.btn-dark.is-active{box-shadow:0 0 0 3px #FDDC6C}
h1 .hl{transition-delay:.7s}
h1 .wave{transition-delay:.55s}
@media (prefers-reduced-motion: reduce){*{animation:none !important}.rv-on .rv{opacity:1;transform:none;transition:none}.rv-on .draw > *{stroke-dashoffset:0;transition:none}.rv-on .wave,.rv-on .wipe{clip-path:none;transition:none}.rv-on .hl{background-size:100% 100%;transition:none}html{scroll-behavior:auto}}