:root {
    --primary-color:20 90 90;
    --secondary-color:175 135 25;
}

html, body { scroll-snap-type:y proximity; --debord:var(--big_EM); }

body>.ri-xl:first-child { position:fixed; top:var(--large_EM); right:var(--large_EM); z-index:100; cursor:pointer; }

h1 { font-size:var(--massive_REM); font-weight:normal; }

.fullScreen { min-height:100vh; }
footer, .fullScreen { padding:var(--massive_EM) 0em; scroll-snap-align:start; }

.content { padding:var(--debord); }

h2 { padding:var(--tiny_REM) 0em; padding-left:calc(var(--debord) / 2); border-left:calc(var(--debord) / 7) solid rgb(var(--currentColor,var(--primary-color))); }

.bgi { background-image:var(--bgi-url); background-position:center; background-size:cover; background-repeat:no-repeat; }
.bgi.bga-fixed { background-attachment:fixed; }
.bgi-overlay { --bgi-overlay:var(--mode-bgc); position:relative; z-index:0; }
.bgi-overlay::before { content:""; z-index:-1; position:absolute; top:0em; left:0em; width:100%; height:100%; backdrop-filter:blur(var(--mini_EM)) grayscale(0.75); background-color:rgb(var(--bgi-overlay) / var(--medium)); }

.bgi.section { margin-left:calc(var(--debord) * 1); margin-top:calc(var(--debord) * -1); margin-bottom:calc(var(--debord) * -1); padding:calc(var(--big_REM) * 2); min-height:25vh; }

a { text-decoration:none; color:inherit; }

a.cta { background-color:rgb(var(--currentColor,var(--primary-color))); padding:var(--tiny_EM) var(--large_EM); font-weight:400; display:inline-block; color:white; }
a.cta:not(.small) { font-size:var(--large_REM); }

@media (width >= 770px) { 
    html { font-size:20px; }
    h1, h2 { letter-spacing:var(--mini_REM); }
}
@media (width <= 980px) { #section-contact .bgi.section { margin:0em; position:static; } }
@media (width <= 770px) { #section-1 .bgi.section { margin:0em; position:static; } }