@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/cormorant-garamond-400-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-500-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/cormorant-garamond-600-normal.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/cormorant-garamond-400-italic.woff2) format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-500-italic.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/hanken-grotesk-400.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/hanken-grotesk-500.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/hanken-grotesk-600.woff2) format('woff2')}
@font-face{font-family:'Hanken Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/hanken-grotesk-700.woff2) format('woff2')}
@font-face{font-family:'Roboto Serif';font-style:normal;font-weight:700;font-stretch:60%;font-display:swap;src:url(../fonts/casabonita-logo.woff2) format('woff2')}
body{margin:0;background:#0B1F3A}
h1,h2,h3{font-family:'Cormorant Garamond',Georgia,'Times New Roman',serif;font-weight:500;margin:0;text-wrap:balance}
p{margin:0;text-wrap:pretty}
a{color:#1746C7}a:hover{color:#0B1F3A}
.nav-links{display:flex}
@media (max-width:1180px){.nav-links{display:none}}
[id]{scroll-margin-top:96px}
@media (max-width:1012px){.m-contents{display:contents !important}.m-first{order:-1}}
@keyframes tw-reveal{from{clip-path:inset(-0.25em 100% -0.25em 0)}to{clip-path:inset(-0.25em -0.25em -0.25em 0)}}
@keyframes tw-move{from{left:0}to{left:100%}}
@keyframes tw-show{from{opacity:1}to{opacity:0}}
@keyframes tw-blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}
.tw{position:relative;display:inline-block}
.tw-t{display:inline-block}
.tw::after{content:"";position:absolute;top:0.14em;left:100%;width:0.045em;height:0.8em;background:#F2B233;opacity:0}
.tw1 .tw-t{animation:tw-reveal 0.9s steps(12,end) 0.5s backwards}
.tw1::after{animation:tw-move 0.9s steps(12,end) 0.5s forwards,tw-show 0.9s step-end 0.5s forwards}
.tw2 .tw-t{animation:tw-reveal 0.8s steps(11,end) 1.5s backwards}
.tw2::after{animation:tw-move 0.8s steps(11,end) 1.5s forwards,tw-show 0.8s step-end 1.5s forwards}
.tw3 .tw-t{animation:tw-reveal 1.1s steps(15,end) 2.4s backwards}
.tw3::after{animation:tw-move 1.1s steps(15,end) 2.4s forwards,tw-show 1.1s step-end 2.4s forwards,tw-blink 0.7s step-end 3.5s 3}
@media (prefers-reduced-motion:reduce){.tw-t,.tw::after{animation:none !important}}
input,textarea,select{font-family:inherit}
html{scroll-behavior:smooth}
[hidden]{display:none !important}
img{max-width:100%}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #F2B233;outline-offset:2px}
body.lb-open{overflow:hidden}
.legal{max-width:760px;margin:0 auto;padding:140px clamp(20px,5vw,40px) 96px;font-family:'Hanken Grotesk','Helvetica Neue',Helvetica,sans-serif;color:#0B1F3A;font-size:17px;line-height:1.65;background:#FDFEFF}
.legal h1{font-size:clamp(38px,5vw,56px);line-height:1.05;margin-bottom:12px}
.legal h2{font-size:30px;margin:44px 0 10px}
.legal p,.legal ul{margin:0 0 14px;color:#33455C}
.legal ul{padding-left:20px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}