/* Dikaris website styles.
   Most layout styles are inline in the HTML. This file holds the shared rules. */

/* Self-hosted fonts: JUST Sans (licensed) and Libertinus Serif (OFL). */
@font-face{font-family:"JUST Sans";font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/just-sans-300.woff2) format("woff2")}
@font-face{font-family:"JUST Sans";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/just-sans-400.woff2) format("woff2")}
@font-face{font-family:"JUST Sans";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/just-sans-500.woff2) format("woff2")}
@font-face{font-family:"JUST Sans";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/just-sans-600.woff2) format("woff2")}
@font-face{font-family:"Libertinus Serif";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/libertinus-serif-400.woff2) format("woff2")}
@font-face{font-family:"Libertinus Serif";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/libertinus-serif-400-italic.woff2) format("woff2")}
@font-face{font-family:"Libertinus Serif";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/libertinus-serif-600.woff2) format("woff2")}

html{scroll-behavior:smooth}
/* ponytail: design is fixed 1344px max-width with px type; step zoom on wide screens instead of re-doing every inline size */
@media (min-width:1600px){html{zoom:1.3}}
@media (min-width:2200px){html{zoom:1.7}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
[hidden]{display:none !important}
section[id]{scroll-margin-top:0}
body{margin:0;background:#EDEDE8}
a{color:#E8B625}a:hover{color:#F3CE55}
.hero-owl{-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 30%);mask-image:linear-gradient(to right,transparent 0%,#000 30%)}
.pattern-band{background-color:#EDEDE8;background-image:url(../img/pattern-tile.svg);background-repeat:repeat;background-size:132px auto;background-position:center}
.nav-link{color:#EDEDE8;text-decoration:none}
.nav-link:hover{color:#E8B625}
.foot-link{color:#C9CED6;text-decoration:none}
.foot-link:hover{color:#E8B625}
.field{width:100%;box-sizing:border-box;font:inherit;font-size:16px;color:#0D1D2C;background:#FFFFFF;border:1px solid #9AA3AE;border-radius:2px;padding:12px 14px;min-height:48px}
.field:focus{outline:2px solid #122E4A;outline-offset:1px}
.menu-link{display:flex;align-items:center;min-height:52px;border-bottom:1px solid rgba(237,237,232,.18);color:#EDEDE8;text-decoration:none;font-size:15px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}
.menu-link:hover{color:#E8B625}
.method span{hyphens:auto;overflow-wrap:anywhere}
@media (max-width:760px){.method{padding:22px 16px !important}}
@media (max-width:760px){.hero-owl{width:100% !important;opacity:.38}.nav-desktop{display:none !important}.menu-btn{display:inline-flex !important}.deco-hide-mobile{display:none}}
a{color:#122E4A}a:hover{color:#0D1D2C}
.policy h2{margin:56px 0 16px;font-size:24px;font-weight:500;color:#0D1D2C;line-height:1.3}
.policy p{margin:0 0 16px}
.policy ul{margin:0 0 16px;padding-left:22px;display:flex;flex-direction:column;gap:8px}