/* Release Widgets — base tokens, fonts, shared primitives. Loaded once, kept tiny. */
@font-face{font-family:"Poppins";font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/poppins-300.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/poppins-400.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/poppins-500.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/poppins-600.woff2) format("woff2")}
@font-face{font-family:"Cormorant";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/cormorant-400.woff2) format("woff2")}
@font-face{font-family:"Cormorant";font-style:italic;font-weight:400 500;font-display:swap;src:url(../fonts/cormorant-italic.woff2) format("woff2")}

:root{
  --relw-font:"Poppins",sans-serif;
  --relw-font-accent:"Cormorant",serif;
  --relw-gutter:36px;
  --relw-ease:cubic-bezier(.22,1,.36,1);
  --relw-bar-h:45px;
}

/* Colour schemes (names mirror the demo's scheme numbers). RGB triplets. */
.relw-scheme-1{--relw-bg:255,255,255;--relw-fg:17,17,17;--relw-btn:17,17,17;--relw-btn-fg:255,255,255}
.relw-scheme-2{--relw-bg:101,112,110;--relw-fg:255,255,255;--relw-btn:255,255,255;--relw-btn-fg:17,17,17}
.relw-scheme-3{--relw-bg:136,148,146;--relw-fg:19,45,64;--relw-btn:19,45,64;--relw-btn-fg:255,255,255}
.relw-scheme-4{--relw-bg:176,185,183;--relw-fg:17,17,17;--relw-btn:17,17,17;--relw-btn-fg:176,185,183}
.relw-scheme-5{--relw-bg:248,248,248;--relw-fg:17,17,17;--relw-btn:17,17,17;--relw-btn-fg:248,248,248}
.relw-scheme-6{--relw-bg:17,17,17;--relw-fg:255,255,255;--relw-btn:255,255,255;--relw-btn-fg:17,17,17}

body{font-family:var(--relw-font);color:rgb(17,17,17);-webkit-font-smoothing:antialiased}
.relw-sec{box-sizing:border-box;font-family:var(--relw-font);color:rgb(var(--relw-fg,17,17,17));background:rgb(var(--relw-bg,255,255,255))}
.relw-sec *,.relw-sec *::before,.relw-sec *::after{box-sizing:border-box}

/* Buttons: pill, 10px uppercase, 1px tracking. */
.relw-btn{display:inline-block;font:400 10px/1 var(--relw-font);letter-spacing:1px;text-transform:uppercase;text-decoration:none;padding:16px 24px;border-radius:50px;border:1px solid rgb(var(--relw-fg));color:rgb(var(--relw-fg));background:transparent;cursor:pointer;transition:background-color .25s ease,color .25s ease}
.relw-btn:hover{background:rgb(var(--relw-fg));color:rgb(var(--relw-bg))}
.relw-btn--filled{background:rgb(var(--relw-btn));color:rgb(var(--relw-btn-fg));border-color:rgb(var(--relw-btn))}
.relw-btn--filled:hover{background:transparent;color:rgb(var(--relw-btn))}

.relw-label{font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase}
.relw-hide-sm{}
@media (max-width:989px){.relw-hide-md{display:none!important}}
@media (max-width:749px){.relw-hide-sm{display:none!important}}
@media (prefers-reduced-motion:reduce){.relw-sec *{animation:none!important;transition:none!important}}